/**
 * @tableofcontents
 *
 * 1. Offered Features Section CSS
 */
/*opacity*/
/*=========================== media query mixin=================*/
/*=========================== media query mixin=================*/
@font-face {
  font-family: 'avenir-book';
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Book.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-roman';
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-black';
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Black.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* cta bor spacing */
.wd-features {
  text-align: center; }
  .wd-features h2, .wd-features .new-h2 {
    margin-bottom: 25px;
    font-family: "avenir-book", Arial, Helvetica, sans-serif; }
  .wd-features .wd-features-box {
    text-align: left;
    padding: 30px;
    background-color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media (min-width: 768px) and (max-width: 991px) {
      .wd-features .wd-features-box h3 {
        font-size: 19px; } }
    @media (min-width: 380px) and (max-width: 767px) {
      .wd-features .wd-features-box {
        /* width: 50%;*/
        padding: 15px;
        display: inline-block;
        float: left;
        min-height: 270px; } }
    @media (min-width: 767px) and (max-width: 992px) {
      .wd-features .wd-features-box {
        width: 33.33%;
        padding: 15px;
        display: inline-block;
        float: left;
        min-height: 260px; } }
    @media (max-width: 767px) {
      .wd-features .wd-features-box {
        text-align: center;
        padding: 15px;
        min-height: 200px; } }
    .wd-features .wd-features-box:hover {
      background-color: #6ec0de;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
      z-index: 2; }
      .wd-features .wd-features-box:hover h3, .wd-features .wd-features-box:hover p, .wd-features .wd-features-box:hover h4 {
        color: #ffffff; }
      .wd-features .wd-features-box:hover h3:after, .wd-features .wd-features-box:hover h2:after, .wd-features .wd-features-box:hover .new-h2:after {
        background-color: #ffffff; }
      @media (max-width: 767px) {
        .wd-features .wd-features-box:hover {
          background-color: transparent;
          box-shadow: none; }
          .wd-features .wd-features-box:hover h3, .wd-features .wd-features-box:hover p, .wd-features .wd-features-box:hover h4 {
            color: #0e0e0e; }
          .wd-features .wd-features-box:hover h3:after, .wd-features .wd-features-box:hover h2:after, .wd-features .wd-features-box:hover .new-h2:after {
            background-color: #6ec0de; } }
    .wd-features .wd-features-box h3, .wd-features .wd-features-box p {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .wd-features .wd-features-box h3, .wd-features .wd-features-box h2, .wd-features .wd-features-box .new-h2 {
      position: relative;
      font-size: 22px; }
      .wd-features .wd-features-box h3:after, .wd-features .wd-features-box h2:after, .wd-features .wd-features-box .new-h2:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0px;
        background-color: #6ec0de;
        width: 50px;
        height: 2px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media (max-width: 767px) {
          .wd-features .wd-features-box h3:after, .wd-features .wd-features-box h2:after, .wd-features .wd-features-box .new-h2:after {
            left: 0;
            right: 0;
            margin: auto; } }
    .wd-features .wd-features-box p {
      margin-top: 20px;
      margin-bottom: 0px; }
  .wd-features .wd-features-box:nth-of-type(4n+1) {
    clear: both; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .wd-features .wd-features-box:nth-of-type(4n+1) {
        clear: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .wd-features .wd-features-box:nth-of-type(4n+1) {
        clear: none; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .wd-features .wd-features-box:nth-of-type(3n+1) {
      clear: both; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .wd-features .wd-features-box:nth-of-type(3n+1) {
      clear: both; } }
  @media (min-width: 380px) and (max-width: 767px) {
    .wd-features .wd-features-box:nth-of-type(3n+1) {
      clear: none; } }
  .wd-features .wd-features-icon {
    background: url("https://d2war7j3gfrrus.cloudfront.net/wp-content/uploads/2017/11/features-icons-sprites.png") no-repeat top left transparent;
    width: 37px;
    height: 37px;
    display: inline-block; }
  .wd-features .wd-features-all {
    margin-top: 20px; }
  @media (max-width: 767px) {
    .wd-features .onmobile-silder {
      display: flex;
      flex-flow: row wrap; } }

.wd-features .wd-features-all {
  margin-top: 0; }
.wd-features .wd-features-box p {
  margin-top: 40px; }

.wd-features-box h3 {
  margin-top: 2px; }

/* @ Section 1. Offered Features  CSS */
.wd-features .wd-features-all.row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center; }
@media (max-width: 767px) {
  .wd-features a.btn-global {
    margin-top: 20px; } }
.wd-features p.para-guarantee {
  margin: 10px auto 0; }

@media (min-width: 1200px) {
  .wd-features-box:nth-of-type(4n+1) {
    clear: both; } }

.btn-wrapper {
  clear: both;
  margin-top: 15px; }

@media (max-width: 1199px) {
  .wd-features-box:nth-of-type(3n+1) {
    clear: both; } }
@media (max-width: 767px) {
  .wd-features-box:nth-of-type(3n+1) {
    clear: none; } }

.wd-features .wd-features-icon.wd-features-2 {
  background-position: center -51px; }

.wd-features .wd-features-icon.wd-features-3 {
  background-position: center -101px; }

.wd-features .wd-features-icon.wd-features-4 {
  background-position: center -153px; }

.wd-features .wd-features-icon.wd-features-5 {
  background-position: center -205px; }

.wd-features .wd-features-icon.wd-features-6 {
  background-position: center -250px; }

.wd-features .wd-features-icon.wd-features-7 {
  background-position: center -304px; }

.wd-features .wd-features-icon.wd-features-8 {
  background-position: center -358px; }

.feature-top-icons .wd-features-icon.wd-features-1 {
  background-position: 0 -50px; }
.feature-top-icons .wd-features-icon.wd-features-2 {
  background-position: 0 -92px;
  width: 60px; }
.feature-top-icons .wd-features-icon.wd-features-3 {
  background-position: 0 0;
  width: 37px;
  height: 40px; }
.feature-top-icons .wd-features-icon.wd-features-4 {
  background-position: 0 -134px;
  height: 35px; }
.feature-top-icons .wd-features-icon.wd-features-5 {
  background-position: 0 -179px;
  width: 36px;
  height: 33px; }
.feature-top-icons .wd-features-icon.wd-features-6 {
  background-position: 0 -222px;
  width: 28px;
  height: 30px; }
.feature-top-icons .wd-features-icon.wd-features-7 {
  background-position: 0 -262px;
  width: 19px;
  height: 38px; }
.feature-top-icons .wd-features-icon.wd-features-8 {
  background-position: 0 -352px;
  width: 31px;
  height: 29px; }
.feature-top-icons .wd-features-icon.wd-features-9 {
  background-position: 0 -310px; }
.feature-top-icons .wd-features-icon {
  background: url(../images/features-icons-sprites-2.png) no-repeat top left transparent;
  width: 37px;
  height: 37px;
  display: inline-block; }

.features-bg {
  background-color: #eef3f5; }
  .features-bg .wd-features-box {
    background-color: transparent; }
  .features-bg .wd-features-box:hover {
    background-color: #fff; }
    .features-bg .wd-features-box:hover p {
      color: #575757; }
    .features-bg .wd-features-box:hover h3 {
      color: #575757; }
    .features-bg .wd-features-box:hover h3:after {
      background-color: #6ec0de; }
  .features-bg .wd-features-icon.wd-features-1 {
    background-position: 0 0;
    width: 35px;
    height: 35px; }
  .features-bg .wd-features-icon.wd-features-2 {
    background-position: 0 -45px;
    width: 39px;
    height: 33px; }
  .features-bg .wd-features-icon.wd-features-3 {
    background-position: 0 -88px;
    width: 27px;
    height: 35px; }
  .features-bg .wd-features-icon.wd-features-4 {
    background-position: 0 -133px;
    width: 36px;
    height: 35px; }
  .features-bg .wd-features-icon.wd-features-5 {
    background-position: 0 -178px;
    width: 31px;
    height: 36px; }
  .features-bg .wd-features-icon.wd-features-6 {
    background-position: 0 -224px;
    width: 27px; }
  .features-bg .wd-features-icon.wd-features-7 {
    background-position: 0 -265px;
    height: 33px; }
  .features-bg .wd-features-icon.wd-features-8 {
    background-position: 0 -308px; }
  .features-bg .wd-features-icon.wd-features-9 {
    background-position: 0 -349px;
    width: 31px; }
  .features-bg .wd-features-icon {
    background: url(../images/features-icons-sprites-3.png) no-repeat top left transparent;
    width: 37px;
    height: 37px;
    display: inline-block; }

/*# sourceMappingURL=widget-features.css.map */
