.section {
  position: relative;
  display: block;

  margin: 0 auto;

  width: 100%;
  max-width: 1200px;
}

.section-inner {
  position: relative;
  display: block;

  margin: 0 auto;

  width: 100%;
  max-width: 1200px;
}

.section-statics {
  position: relative;
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  align-items: center;
  justify-content: space-around;

  margin: 0 auto;

  width: 100%;
  max-width: 1200px;

  padding-top: 60px;
  padding-bottom: 120px;
}

.section-statics .statics-item {
  position: relative;
  display: flex;

  align-items: center;
  justify-content: center;

  width: 260px;
  height: 260px;

  border: 3px solid #c0d4f0;
  border-radius: 50%;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-statics .statics-item > .statics-item-inner {
  position: relative;

  padding-top: 11px;
}

.section-statics .statics-item:hover {
  border-color: #0064eb;
}

.section-statics .statics-item .statics-item-meta {
  position: relative;
  display: flex;
  z-index: 1;

  align-items: center;
  justify-content: center;

  margin-bottom: 38px;
}

.section-statics .statics-item .statics-item-meta > .statics-item-icon {
  position: absolute;
  display: block;
  z-index: -1;

  top: calc(50% - (100px / 2));
  left: calc(50% - (100px / 2));

  width: 100px;
  height: 100px;

  background-image: url('../img/icons/counter-icon-01.png');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.section-statics .statics-item .statics-item-meta > .statics-item-digit {
  position: relative;
  display: block;
  z-index: 1;

  line-height: 1;

  font-size: 55px;
  font-weight: 800;

  color: #222;
}

.section-statics .statics-item .statics-item-title {
  line-height: 1.75;
  font-size: 16px;
  font-weight: 500;
  color: #72839a;
}

/*  */

.section-steppy {
  margin-bottom: 80px;

  max-width: none;

  background: #222222 url('../img/objects/section-bg-04.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-steppy > .section-inner {
  padding: 0 15px;
  padding-top: 46px;
  padding-bottom: 393px;
}

.section-steppy .section-steppy-header {
  position: relative;
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  align-items: center;

  width: 100%;
}

.section-steppy .section-steppy-header .section-steppy-title,
.section-steppy .section-steppy-header .section-steppy-subtitle {
  position: relative;
  display: block;

  flex: 1;

  padding: 0 15px;
  padding-top: 60px;
}

.section-steppy .section-steppy-header .section-steppy-title {
  font-size: 45px;
  font-weight: 800;
  line-height: 1.33333;

  color: #ffffff;
}

.section-steppy .section-steppy-header .section-steppy-subtitle {
  line-height: 28px;
  font-size: 16px;
  color: #d4d4d4;
}

.section-steppy .steppy-list-container {
  position: absolute;
  display: block;

  right: 0;
  left: 0;
  bottom: -80px;

  width: 100%;
}

.section-steppy .steppy-list-inner {
  margin: 0 auto;

  width: 100%;
  max-width: 1200px;
}

.section-steppy .steppy-list {
  position: relative;
  display: flex;

  flex-wrap: nowrap;

  overflow: hidden;

  margin: 0 auto;
}

.section-steppy .steppy-list > .steppy-item {
  position: relative;
  display: flex;

  flex-wrap: nowrap;

  min-width: calc(100% / 3);
  height: 377px;

  padding: 52px 47px 51px;

  background: #f6fcff;
  border: 1px solid #e9f0fb;

  -webkit-transition: all .3s ease-out;
  -khtml-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.section-steppy .steppy-list > .steppy-item > .steppy-item-count {
  width: 60px;
  min-width: 60px;

  line-height: 1.3;

  font-size: 27px;
  font-weight: 800;

  color: #222;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-steppy .steppy-list > .steppy-item .steppy-item-title {
  margin: 0;
  margin-bottom: 36px;

  line-height: 1.3;

  font-size: 27px;
  font-weight: 800;
}

.section-steppy .steppy-list > .steppy-item .steppy-item-text {
  position: relative;
  display: block;

  margin-bottom: 25px;

  line-height: 1.75;

  font-size: 16px;
  font-weight: 500;

  color: #72839a;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-steppy .steppy-list > .steppy-item .steppy-item-more > a {
  position: relative;
  display: flex;

  align-items: center;

  width: fit-content;
  height: 34px;

  padding-right: 40px;

  font-size: 18px;
  font-weight: 700;

  color: #0064eb;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-steppy .steppy-list > .steppy-item .steppy-item-more > a > i {
  position: absolute;

  right: 0;
  top: 50%;

  font-size: 34px;

  -webkit-transform: translate(0,-50%);
  -khtml-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}

.section-steppy .steppy-list-nav {
  position: relative;
}

.section-steppy .steppy-list-nav > .steppy-prev,
.section-steppy .steppy-list-nav > .steppy-next {
  position: absolute;
  display: flex;
  z-index: 1;

  align-items: center;
  justify-content: center;

  cursor: pointer;
  cursor: hand;

  overflow: hidden;

  left: -98px;
  right: -98px;
  bottom: 50px;

  margin: 0 10px;
  margin: 0;

  width: 66px;
  height: 66px;

  padding: 0;

  border: 2px solid #e2eefb;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  text-align: center;

  letter-spacing: 0px;
  font-size: 30px;

  color: #222;

  background-color: #fff;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}
.section-steppy .steppy-list-nav > .steppy-prev { right: inherit; }
.section-steppy .steppy-list-nav > .steppy-next { left: inherit; }

.section-steppy .steppy-list-nav > .steppy-prev:hover,
.section-steppy .steppy-list-nav > .steppy-next:hover {
  color: #fff;
  background-color: #0064eb;
}


/*  */


.section-team-members {
  padding: 0 15px;
  padding-top: 107px;
  padding-bottom: 120px;
}

.section-team-members > .section-team-members-inner {
  position: relative;
  display: flex;

  flex-direction: column;

  width: 100%;
}

.section-team-members .section-team-members-header {
  position: relative;
  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  margin: 0 auto;

  max-width: 600px;

  padding: 0 15px;
  padding-bottom: 96px;
}

.section-team-members .section-team-members-header .section-team-members-title {
  margin-bottom: 19px;

  line-height: 1.33333;

  text-align: center;

  font-size: 45px;
  font-weight: 800;
}

.section-team-members .section-team-members-header .section-team-members-text {
  text-align: center;

  line-height: 30px;

  font-size: 18px;
  font-weight: 500;

  color: #72839a;
}

.section-team-members .team-members-list {
  position: relative;
  display: flex;
  cursor: move;

  flex-wrap: nowrap;

  overflow: hidden;

  width: 100%;
}

.section-team-members .team-members-list > .team-members-item {
  position: relative;
  display: flex;

  margin-right: 40px;

  min-width: calc((100% / 4) - 30px);
}
.section-team-members .team-members-list.inanimate > .team-members-item {
  -webkit-transition: all .1s linear;
  -khtml-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-inner {
  position: absolute;
  display: flex;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: 100%;

  border: 8px solid #eaf3ff;
  border-radius: 50%;

  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-inner::after {
  content: '';
  position: absolute;
  display: block;

  z-index: 2;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: 100%;

  border-radius: 50%;

  opacity: 0;

  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  background-image: linear-gradient(21deg,rgba(0,92,234,.86) 0%,rgba(0,197,251,.86) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 92, 234, 0.86) 0%',endColorStr='rgba(0, 197, 251, 0.86) 100%');

  -webkit-transition: all .3s linear .25s;
  -khtml-transition: all .3s linear .25s;
  -moz-transition: all .3s linear .25s;
  -ms-transition: all .3s linear .25s;
  -o-transition: all .3s linear .25s;
  transition: all .3s linear .25s;
}

.section-team-members .team-members-list > .team-members-item:hover .team-members-item-inner::after {
  opacity: 1;

  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-holder {
  position: absolute;
  z-index: 99;

  top: 50%;
  left: 0;
  right: 0;

  margin-top: -60px;

  padding: 0 30px;

  text-align: center;

  -webkit-transform: translate(0,-50%);
  -khtml-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);

  opacity: 0;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-team-members .team-members-list > .team-members-item:hover .team-members-item-holder {
  opacity: 1;

  margin-top: 0;

  -webkit-transition: all .3s linear .25s;
  -khtml-transition: all .3s linear .25s;
  -moz-transition: all .3s linear .25s;
  -ms-transition: all .3s linear .25s;
  -o-transition: all .3s linear .25s;
  transition: all .3s linear .25s;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-holder > .team-members-item-holdertitle {
  margin: 0;
  margin-bottom: 4px;

  font-size: 23px;
  font-weight: 800;
  color: #fff;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-holder > .team-members-item-holderposition {
  margin-bottom: 8px;

  font-size: 14px;
  color: #e8ecf1;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-holder > .team-members-item-soical > a {
  position: relative;
  display: inline-block;

  margin: 10px 3px 0;

  height: 35px;
  width: 35px;

  line-height: 33px;

  font-size: 15px;
  color: #fff;

  border: 1px solid rgba(255,255,255,.45);
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-team-members .team-members-list > .team-members-item .team-members-item-holder > .team-members-item-soical > a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #222;
}

.section-team-members .team-members-sectionbuttons {
  position: relative;
  display: flex;

  justify-content: center;
  align-items: center;

  padding-top: 50px;
}

.section-team-members .team-members-sectionbuttons > .team-members-sectionbutton {
  position: relative;

  margin: 0 15px;
  margin-top: 30px;
}


/*  */


.section.section-advice {
  max-width: none;

  text-align: center;

  color: #ffffff;

  background-image: url('../img/objects/bg-cta.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #0064eb;
}

.section.section-advice .section-advice-inner {
  position: relative;
  display: flex;

  align-items: flex-start;
  justify-content: center;

  margin: 0 auto;

  max-width: 1200px;

  padding: 150px 0;
}

.section.section-advice .advice-left {
  flex: 1;

  padding: 0 15px;
  padding-bottom: 24px;
}

.section.section-advice .advice-left .advice-left-title {
  position: relative;
  display: block;

  margin: 0;
  margin-bottom: 19px;

  line-height: 1.33333;

  font-size: 45px;
  font-weight: 800;
}

.section.section-advice .advice-left .advice-left-description {
  position: relative;
  display: block;

  margin: 0;
  margin-bottom: 35px;

  line-height: 30px;

  font-size: 18px;
  color: #ffffff;
}

.section.section-advice .advice-left .advice-button-contact {
  display: flex;

  align-items: center;
  justify-content: center;

  margin: 0 auto;

  width: fit-content;
}

.section.section-advice .advice-right {
  max-width: 58.33333333%;

  padding-right: 15px;
  padding-left: 110px;

  text-align: left;
}

.section.section-advice .advice-right .advice-right-heading {
  position: relative;
  display: inline-block;

  margin: 0;
  margin-bottom: 28px;

  padding: 11px 35px;

  line-height: 30px;
  letter-spacing: .1em;

  text-transform: uppercase;

  font-size: 18px;
  font-weight: 700;

  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

  color: #fff;

  background-color: #f2a706;
}

.section.section-advice .advice-right .advice-right-text {
  margin: 0px;

  font-size: 45px;
  font-weight: 800;
  line-height: 1.33333;

  color: #ffffff;
}


/*  */


.section.section-hporto {
  padding: 0 15px;
  padding-top: 114px;
  padding-bottom: 96px;
}

.section-hporto > .section-hporto-inner {
  position: relative;
  display: flex;

  flex-direction: column;

  align-items: center;

  margin: 0 auto;

  max-width: 600px;

  padding: 0 15px;
}

.section-hporto .hporto-heading {
  position: relative;
  display: inline-block;

  margin: 0;
  margin-bottom: 12px;

  padding: 0;

  line-height: 30px;
  letter-spacing: .06em;

  text-transform: uppercase;

  font-size: 16px;
  font-weight: 700;

  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

  color: #0064eb;

  background-color: transparent;
}

.section-hporto .hporto-heading-tag {
  margin: 0;
  margin-bottom: 19px;

  text-align: center;

  line-height: 1.33333;
  font-size: 45px;
  font-weight: 800;
}

.section-hporto .hporto-heading-desc {
  text-align: center;

  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #72839a;
}


/*  */


.section.section-porto {
  max-width: none;

  padding: 0 50px;
  padding-bottom: 120px;
}

.section-porto .porto-list-container {
  position: relative;

  overflow: hidden;

  width: 100%;
}

.section-porto .porto-list {
  position: relative;
  display: flex;

  flex-wrap: nowrap;
}

.section-porto .porto-list > .porto-list-item {
  position: relative;

  overflow: hidden;

  margin-right: 20px;

  min-width: calc((100% / 4) - (20px * (1 - (1 / 4))));
  height: 520px;

  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition: all .3s ease-out;
  -khtml-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.section-porto .porto-list > .porto-list-item:before {
  content: '';
  position: absolute;
  z-index: 1;

  left: 0;
  bottom: 0;

  width: 100%;
  height: 200px;

  background-image: -webkit-gradient(linear,left top,left bottom,from(#222),to(rgba(34,34,34,0)));
  background-image: -webkit-linear-gradient(bottom,#222,rgba(34,34,34,0));
  background-image: -moz-linear-gradient(bottom,#222,rgba(34,34,34,0));
  background-image: -ms-linear-gradient(bottom,#222,rgba(34,34,34,0));
  background-image: -o-linear-gradient(bottom,#222,rgba(34,34,34,0));
  background-image: linear-gradient(bottom,#222,rgba(34,34,34,0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#222',endColorStr='rgba(34, 34, 34, 0)');
}

.section-porto .porto-list > .porto-list-item .porto-item-image {
  position: absolute;
  display: block;

  top: 0;
  right: 0;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 100%;

  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -khtml-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -moz-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -ms-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -o-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
}

.section-porto .porto-list > .porto-list-item:hover .porto-item-image {
  -webkit-transform: scale(1.14);
  -khtml-transform: scale(1.14);
  -moz-transform: scale(1.14);
  -ms-transform: scale(1.14);
  -o-transform: scale(1.14);
  transform: scale(1.14);
}

.section-porto .porto-list > .porto-list-item .proto-item-body {
  position: absolute;
  z-index: 2;

  left: 0;
  right: 0;
  bottom: 0;

  padding: 29px;
}

.section-porto .porto-list > .porto-list-item .proto-item-body > .proto-item-title {
  margin: 0;
  margin-bottom: 6px;
  line-height: 25px;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
}

.section-porto .porto-list > .porto-list-item .proto-item-body > .proto-item-title > a {
  color: inherit;
}

.section-porto .porto-list > .porto-list-item .proto-item-body > .proto-item-category {
  font-size: 16px;
  font-weight: 600;
  color: #f2a706;
}

.section-porto .porto-list > .porto-list-item .proto-item-body > .proto-item-category > a {
  color: inherit;
}
.section-porto .porto-list > .porto-list-item .proto-item-body > .proto-item-category > a:hover {
  color: #fff;
}

.section-porto .porto-nav .porto-prev,
.section-porto .porto-nav .porto-next {
  position: absolute;
  z-index: 3;

  cursor: pointer;

  top: 50%;
  left: 10%;
  right: 10%;

  margin: 0;

  height: 75px;
  width: 75px;

  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  -webkit-transform: translate(0,-50%);
  -khtml-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}

.section-porto .porto-nav .porto-next::before,
.section-porto .porto-nav .porto-prev::before {
  content: "";
  position: absolute;
  z-index: -1;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  background: #FFFFFF;

  opacity: 1;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}
.section-porto .porto-nav .porto-next:hover::before,
.section-porto .porto-nav .porto-prev:hover::before {
  opacity: 0;
}

.section-porto .porto-nav .porto-next::after,
.section-porto .porto-nav .porto-prev::after {
  content: "";
  position: absolute;
  z-index: -1;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  background-image: -webkit-linear-gradient(21deg,#005cea 0%,#00c5fb 100%);
  background-image: -moz-linear-gradient(21deg,#005cea 0%,#00c5fb 100%);
  background-image: -ms-linear-gradient(21deg,#005cea 0%,#00c5fb 100%);
  background-image: -o-linear-gradient(21deg,#005cea 0%,#00c5fb 100%);
  background-image: linear-gradient(21deg,#005cea 0%,#00c5fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#005cea 0%',endColorStr='#00c5fb 100%');

  opacity: 0;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}
.section-porto .porto-nav .porto-next:hover::after,
.section-porto .porto-nav .porto-prev:hover::after {
  opacity: 1;
}

.section-porto .porto-nav .porto-prev {
  right: inherit;
}
.section-porto .porto-nav .porto-next {
  left: inherit;
}

.section-porto .porto-nav .porto-prev > i,
.section-porto .porto-nav .porto-next > i {
  position: absolute;

  top: 50%;
  left: 50%;

  font-size: 25px;

  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


/*  */


.section.section-commentors {
  max-width: none;

  padding: 0 15px;
  padding-top: 105px;
  padding-bottom: 120px;

  background-color: #f6fcff;
  background-image: url('../img/objects/bg-testimonial-02.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section.section-commentors > .section-commentors-inner {
  position: relative;
  display: flex;

  flex-direction: column;

  margin: 0 auto;

  max-width: 1200px;
}

.section-commentors .commentors-heading {
  position: relative;
  display: flex;

  align-items: center;

  margin: 0 auto;

  max-width: 1000px;
}

.section-commentors .commentors-heading .commentors-title {
  flex: 1;

  margin: 0;

  padding: 0 15px;
  padding-bottom: 48px;

  line-height: 1.33333;
  font-size: 45px;
  font-weight: 800;

  color: #222;
}

.section-commentors .commentors-heading .commentors-text {
  flex: 1;

  margin: 0;

  padding: 0 15px;
  padding-bottom: 48px;

  line-height: 1.75;
  font-size: 16px;
  font-weight: 500;

  color: #72839a;
}

.section-commentors .commentors-list-container {
  position: relative;

  overflow: hidden;

  width: 100%;

  padding: 60px;
  margin-left: -60px;
  margin-right: -60px;
}

.section-commentors .commentors-list {
  position: relative;
  display: flex;

  flex-wrap: nowrap;
}

.section-commentors .commentors-list > .commentors-list-item {
  position: relative;

  margin-right: 30px;
  margin-bottom: 0;

  min-width: calc((100% / 3) - (-30px / 3) - (30px * (1 - (1 / 3))));

  padding: 60px 41px 65px;

  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 60px rgba(0,0,0,.05);
  -khtml-box-shadow: 0 0 60px rgba(0,0,0,.05);
  -moz-box-shadow: 0 0 60px rgba(0,0,0,.05);
  -ms-box-shadow: 0 0 60px rgba(0,0,0,.05);
  -o-box-shadow: 0 0 60px rgba(0,0,0,.05);
  box-shadow: 0 0 60px rgba(0,0,0,.05);

  -webkit-transition: all .2s linear 0ms;
  -khtml-transition: all .2s linear 0ms;
  -moz-transition: all .2s linear 0ms;
  -ms-transition: all .2s linear 0ms;
  -o-transition: all .2s linear 0ms;
  transition: all .2s linear 0ms;
}

.section-commentors .commentors-list > .commentors-list-item .commentors-list-item-text {
  margin-bottom: 50px;

  line-height: 1.75;
  font-size: 16px;
  font-weight: 500;
  color: #72839a;
}

.section-commentors .commentors-list .commentors-list-item-rating {
  position: relative;
  display: flex;
  z-index: 1;

  flex-wrap: nowrap;

  margin-bottom: 35px;

  line-height: 1;
}

.section-commentors .commentors-list .commentors-list-item-rating > span::before {
  content: "\f005";

  font-family: "Font Awesome 5 Free";

  letter-spacing: 6px;
  font-size: 15px;
  font-weight: 900;

  color: #ffae01;
}

.section-commentors .commentors-list .commentors-list-item-rating.rating1 > span:nth-child(2):before,
.section-commentors .commentors-list .commentors-list-item-rating.rating1 > span:nth-child(3):before,
.section-commentors .commentors-list .commentors-list-item-rating.rating1 > span:nth-child(4):before,
.section-commentors .commentors-list .commentors-list-item-rating.rating1 > span:nth-child(5):before { color: #adbbcf; }
.section-commentors .commentors-list .commentors-list-item-rating.rating2 > span:nth-child(3):before,
.section-commentors .commentors-list .commentors-list-item-rating.rating2 > span:nth-child(4):before,
.section-commentors .commentors-list .commentors-list-item-rating.rating2 > span:nth-child(5):before { color: #adbbcf; }
.section-commentors .commentors-list .commentors-list-item-rating.rating3 > span:nth-child(4):before,
.section-commentors .commentors-list .commentors-list-item-rating.rating3 > span:nth-child(5):before { color: #adbbcf; }
.section-commentors .commentors-list .commentors-list-item-rating.rating4 > span:nth-child(5):before { color: #adbbcf; }

.section-commentors .commentors-list > .commentors-list-item .commentors-list-item-holder {
  position: relative;
  display: flex;

  flex-wrap: nowrap;

  align-items: center;
}

.section-commentors .commentors-list .commentors-list-item-holder > .commentors-list-item-holder-img {
  position: relative;
  display: block;

  margin-right: 30px;

  width: 62px;
  height: 62px;
  min-width: 62px;

  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-commentors .commentors-list .commentors-list-item-holder .commentors-list-item-holder-meta {
  position: relative;
  display: flex;
  flex-direction: column;
}

.section-commentors .commentors-list .commentors-list-item-holder .commentors-list-item-holder-title {
  margin: 0;
  margin: 0 0 15px;
  margin-bottom: 2px;

  line-height: 1.25;
  font-size: 18px;
  font-weight: 600;

  color: #222;
}

.section-commentors .commentors-list .commentors-list-item-holder .commentors-list-item-holder-position {
  margin: 0;

  line-height: 1.75;
  font-size: 14px;
  font-weight: 500;

  color: #72839a;
}

.section-commentors .commentors-list-dots {
  display: flex;

  justify-content: center;

  margin-top: 10px;

  padding: 0;

  text-align: center;
}

.section-commentors .commentors-list-dot {
  position: relative;
  display: inline-block;

  cursor: pointer;

  margin: 0 5px;

  width: 50px;
  height: 5px;

  padding: 0;

  border: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;

  background-color: #c0d2eb;

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-commentors .commentors-list-dot:hover,
.section-commentors .commentors-list-dot.active {
  background-color: #0064eb;
}

.section.section-news {
  padding: 0 15px;
  padding-top: 107px;
  padding-bottom: 120px;
}

.section-news .news-heading {
  position: relative;
  display: flex;

  flex-direction: column;

  align-items: center;

  margin: 0 auto;

  width: 100%;
  max-width: 600px;

  padding: 0 15px;

  text-align: center;
}

.section-news .news-heading > .news-heading-title {
  margin: 0;
  margin-bottom: 19px;

  line-height: 1.33333;
  font-size: 45px;
  font-weight: 800;

  color: #222;
}

.section-news .news-heading > .news-heading-subtitle {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #72839a;
}

.section-news .news-bottom-part {
  position: relative;
  display: flex;

  flex-wrap: wrap;

  width: 100%;

  padding-top: 96px;
}

.section-news .news-subscribe-container {
  position: relative;

  width: calc(100% / 3);

  padding: 0 15px;
}

.section-news .news-subscribe-sidebox {
  padding: 42px 38px 34px;

  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;

  background-color: #0064eb;
  background-image: url('../img/objects/bg-contact-01.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.section-news .news-subscribe-sidebox .news-subscribe-meta {
  margin-bottom: 33px;
}

.section-news .news-subscribe-sidebox .news-subscribe-meta > h3 {
  margin: 0;
  margin-bottom: 14px;

  text-align: left;

  font-size: 28px;
  font-weight: 800;

  color: #fff;
}

/* WHEN LOADING */
.section-news .news-subscribe-sidebox .news-subscribe-meta > h3[loading_send_request],
.section-news .news-subscribe-sidebox .news-subscribe-meta > h3[failed_send_request],
.section-news .news-subscribe-sidebox .news-subscribe-meta > h3[successful_send_request],
.section-news .news-subscribe-container.loading .news-subscribe-meta > *,
.section-news .news-subscribe-container.failed .news-subscribe-meta > *,
.section-news .news-subscribe-container.success .news-subscribe-meta > *,
.section-news .news-subscribe-container.loading .news-subscribe-form,
.section-news .news-subscribe-container.failed .news-subscribe-form,
.section-news .news-subscribe-container.success .news-subscribe-form {
  display: none;
}
.section-news .news-subscribe-container.loading .news-subscribe-sidebox .news-subscribe-meta > h3[loading_send_request],
.section-news .news-subscribe-container.failed .news-subscribe-sidebox .news-subscribe-meta > h3[failed_send_request],
.section-news .news-subscribe-container.success .news-subscribe-sidebox .news-subscribe-meta > h3[successful_send_request] {
  display: block;
}
/*  */

.section-news .news-subscribe-sidebox .news-subscribe-meta > p {
  line-height: 1.75;
  font-size: 16px;
  font-weight: 500;
  color: #d9e6f7;
}

.section-news .news-subscribe-form {
  position: relative;
  display: -ms-flexbox;
  display: flex;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  width: 100%;
}

.section-news .news-subscribe-form .input-filled {
  position: relative;
  z-index: 1;

  -ms-flex: 0 0 100%;
  flex: 0 0 100%;

  margin-bottom: 20px;

  max-width: 100%;
  width: 100%;
  min-height: 1px;

  padding: 0 15px;
}

.section-news .news-subscribe-form .input-filled input {
  width: 100%;
  height: 60px;

  padding: 4px 20px;

  line-height: normal;
  font-size: 16px;
  font-weight: 500;

  border: 1px solid #dce9fb;
  border-color: rgba(255,255,255,.1);
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  color: rgba(255,255,255,.87);

  background-color: #0b73ff;

  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;

  -webkit-transition: all .2s linear 0ms;
  -khtml-transition: all .2s linear 0ms;
  -moz-transition: all .2s linear 0ms;
  -ms-transition: all .2s linear 0ms;
  -o-transition: all .2s linear 0ms;
  transition: all .2s linear 0ms;
}

.section-news .news-subscribe-form .input-filled input:focus {
  border-color: #fff;
  color: #fff;
}

.section-news .news-subscribe-form .input-filled input::placeholder {
  color: rgba(255,255,255,.87);
}
.section-news .news-subscribe-form .input-filled input:focus::placeholder {
  color: #fff;
}

.section-news .news-subscribe-form .input-filled .btn {
  margin-top: 0;

  padding: 0 50px;

  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  line-height: 56px;
  font-weight: 500;

  color: #222;

  background-color: #fff;
  background-image: none;
}

.section-news .news-subscribe-form .input-filled .btn:hover {
  color: #fff;
  background-color: transparent;
}

.section-news .news-articles {
  flex: 1;
}



.section-news .news-articles-container {
  position: relative;
  display: flex;

  width: calc((100% / 3) * 2);

  padding: 0 15px;
}

.section-news .news-articles-list {
  position: relative;
  display: flex;

  overflow: hidden;

  width: 100%;
}

.section-news .news-articles-list .news-articles-item {
  margin-right: 20px;

  min-width: calc((100% / 2) - (20px / 2));

  -webkit-transition: all .3s linear 0ms;
  -khtml-transition: all .3s linear 0ms;
  -moz-transition: all .3s linear 0ms;
  -ms-transition: all .3s linear 0ms;
  -o-transition: all .3s linear 0ms;
  transition: all .3s linear 0ms;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-body {
  padding: 27px 34px 25px;

  border-width: 2px 2px 0;
  border-style: solid;
  border-color: #e9f0fc;

  background-color: #fff;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-body .news-articles-item-body-title {
  margin: 0;
  margin: 0 0 15px;

  line-height: 32px;
  font-size: 23px;
  font-weight: 700;

  color: #222;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-body .news-articles-item-body-title > a {
  color: inherit;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-body .news-articles-item-body-text {
  line-height: 1.75;
  font-size: 16px;
  font-weight: 500;
  color: #72839a;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-img {
  position: relative;
  display: block;

  overflow: hidden;

  width: 100%;
  height: 210px;

  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;

  -webkit-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -khtml-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -moz-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -ms-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  -o-transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
  transition: all .4s cubic-bezier(.39,.575,.565,1) 0s;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-img::after {
  content: '';
  position: absolute;
  display: block;
  z-index: 2;

  top: 0;
  left: -100%;

  width: 50%;
  height: 100%;

  -webkit-transform: skewX(-25deg);
  -khtml-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg);

  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  background: -moz-linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  background: -webkit-linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  background: -ms-linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

  -webkit-transition: all 0s linear;
  -khtml-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -ms-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
}

.section-news .news-articles-list .news-articles-item:hover .news-articles-item-img::after {
  left: 100%;

  -webkit-transition: all .3s linear;
  -khtml-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin: 0;

  padding: 0;
  padding: 16px 34px;

  list-style: none;

  border: 2px solid #e9f0fc;

  background-color: #fff;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-img+.news-articles-item-meta {
  border-top: none;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta > li {
  line-height: 1.75;
  font-size: 15px;
  font-weight: 500;
  color: #72839a;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta > li {
  position: relative;
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  padding: 0 26px 0 0;

  font-size: 16px;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta > li > a {
    color: inherit;

    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta > li > a:hover {
  color: #0064eb;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta li > i {
  position: relative;
  top: -1px;
  margin-right: 15px;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta li:last-child {
  padding-right: 0;
}

.section-news .news-articles-list .news-articles-item .news-articles-item-meta .news-articles-item-author {
  flex-grow: 1;

  text-transform: capitalize;

  font-size: 15px;
}

.page-content {
  position: relative;
  display: flex;

  width: 100%;
}

.page-content > .page-inner {
  position: relative;
  display: flex;

  margin: 0 auto;

  width: 100%;
  max-width: 1200px;

  padding: 0 15px;
}

























/* RESPONSIVE */

@media (max-width: 1199px) {
  .section-statics > div {
    position: relative;
    display: flex;

    justify-content: center;
    align-items: center;

    min-width: 50%;

    padding: 50px 0;
  }
  .section-statics > div > .statics-item {
  }

  .section-steppy .steppy-list-container {
    padding: 0 15px;
  }

  .section-steppy .steppy-list > .steppy-item {
    padding-left: 30px;
    padding-right: 30px;
    height: auto;
  }

  .section-steppy .steppy-list-nav {
    opacity: 0;

    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
  }
  .section-steppy .steppy-list-inner:hover .steppy-list-nav {
    opacity: 1;
  }

  .section-team-members .team-members-list > .team-members-item {
    min-width: calc((100% / 3) - 30px);
  }

  .section.section-advice .section-advice-inner {
    padding-right: 15px;
    padding-left: 15px;
  }

  .section-porto .porto-list > .porto-list-item {
    height: 380px;
  }

  .section.section-porto {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* @media (min-width: 768px) and (max-width: 1198px) { */
@media (max-width: 1198px) {
  .section-news .news-articles-container,
  .section-news .news-subscribe-container {
    width: 100%;
  }

  .section-news .news-subscribe-container {
    margin-top: 60px;
  }

  .section-commentors .commentors-list > .commentors-list-item {
    min-width: calc((100% / 2) - (-30px / 2) - (30px * (1 - (1 / 2))));
  }

  .section-commentors .commentors-list-container {
    margin-left: 0;
    margin-right: 0;
    padding: 60px 15px;
  }

  .section-porto .porto-list > .porto-list-item {
    min-width: calc((100% / 3) - (20px * (1 - (1 / 3))));
  }

  .section.section-advice .section-advice-inner {
    padding-right: 0;
    padding-left: 0;
  }

  .section.section-advice .advice-right {
    width: 50%;
    max-width: inherit;
    padding: 0 15px;
  }
  .section.section-advice .advice-left {
    width: 50%;
  }

  .section.section-advice .advice-left .advice-left-title {
    font-size: 36px;
  }
  .section.section-advice .advice-right .advice-right-text {
    font-size: 36px;
  }

  .section-steppy .steppy-list > .steppy-item {
    min-width: calc(100% / 2);
  }
}



@media (max-width: 767px) {
  .section-steppy .section-steppy-header {
    flex-direction: column;
  }
  .section-steppy .section-steppy-header .section-steppy-title {
    font-size: 30px;
  }

  .section-steppy .steppy-list > .steppy-item {
    min-width: calc(100% / 1);
  }

  .section-team-members .team-members-list > .team-members-item {
    min-width: calc((100% / 1) - 30px);
  }

  .section-team-members .team-members-sectionbuttons {
    flex-direction: column;
  }

  .section.section-advice .section-advice-inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .section.section-advice .advice-left {
    width: 100%;
  }
  .section.section-advice .advice-right {
    width: 100%;
    max-width: inherit;
    padding-top: 52px;
    text-align: center;
  }

  .section.section-advice .advice-left .advice-left-title {
    font-size: 32px;
  }
  .section.section-advice .advice-right .advice-right-heading {
    padding: 5px 18px;
    font-size: 14px;
  }
  .section.section-advice .advice-right .advice-right-text {
    font-size: 32px;
  }
  .section-hporto .hporto-heading-tag {
    font-size: 32px;
  }

  .section-porto .porto-list > .porto-list-item {
    min-width: calc((100% / 1) - (20px * (1 - (1 / 1))));
    height: 654px;
  }

  .section-commentors .commentors-heading {
    flex-direction: column;
  }

  .section.section-commentors {
    padding-right: 0;
    padding-left: 0;
  }
  .section-commentors .commentors-heading .commentors-title {
    width: 100%;
    font-size: 30px;
  }
  .section-commentors .commentors-heading .commentors-text {
    width: 100%;
  }
  .section-commentors .commentors-list > .commentors-list-item {
    min-width: calc((100% / 1) - (-30px / 2) - (30px * (1 - (1 / 2))));
  }
  .section-commentors .commentors-list-dots {
    padding: 0 15px;
  }

  .section.section-news {
    padding-right: 0;
    padding-left: 0;
  }
  .section-news .news-heading > .news-heading-title {
    width: 100%;
    font-size: 30px;
  }
  .section-news .news-articles-list .news-articles-item {
    min-width: 100%;
  }
  .section-news .news-subscribe-sidebox {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-news .news-subscribe-sidebox .news-subscribe-meta {
    padding: 0 15px;
  }
}







@media (max-width: 1400px) {
  .section-steppy .steppy-list-nav {
    position: relative;
    width: calc(100% - (98px * 2) - (66px * 2));
    margin: 0 auto;
  }
}