@font-face {
  font-family: "RubikRegular";
  src: url("fonts/Rubik-Regular.ttf");
}
@font-face {
  font-family: "RubikLight";
  src: url("fonts/Rubik-Light.ttf");
}
@font-face {
  font-family: "RubikSemiBold";
  src: url("fonts/Rubik-SemiBold.ttf");
}
@font-face {
  font-family: "RubikMedium";
  src: url("fonts/Rubik-Medium.ttf");
}
@font-face {
  font-family: "RubikExtraBold";
  src: url("fonts/Rubik-ExtraBold.ttf");
}
body {
  margin: 0;
  padding: 0;
}

#rc-difortan-main {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10;
  background-color: #fff;
  color: #211d41;
  overflow: hidden;
  line-height: 1.2;
  font-family: "RubikRegular";
}

#rc-difortan-p1 {
  width: 100%;
}
#rc-difortan-p1 picture {
  display: flex;
}
#rc-difortan-p1 img {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#rc-difortan-p2 {
  background-color: #211d41;
  border-radius: 0px 0px 20px 20px;
}

.rc-difortan-center {
  margin: 0 auto;
  max-width: 1040px;
  padding: 0px 20px;
}
.rc-difortan-center--wider {
  max-width: 1100px;
}

.rc-difortan-menu {
  margin: 0 auto;
  max-width: 1060px;
}

.rc-difortan-ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 12px 0;
}
.rc-difortan-ul li {
  padding: 0px 10px;
}
.rc-difortan-ul li a {
  font-family: "RubikRegular";
  font-size: 24px;
  color: #fff;
  text-decoration: none;
}
.rc-difortan-ul li a:hover {
  text-decoration: underline;
}

#rc-difortan-p5, #rc-difortan-p7, #rc-difortan-p9, #rc-difortan-p11, #rc-difortan-p13, #rc-difortan-p15, #rc-difortan-p16 {
  padding: 54px 20px;
}

.rc-difortan-header {
  font-family: "RubikLight";
  text-align: center;
}
.rc-difortan-header span {
  font-size: 53px;
}

.rc-difortan-subheader {
  font-family: "RubikLight";
  text-align: center;
}
.rc-difortan-subheader span {
  font-size: 28px;
}
.rc-difortan-subheader strong {
  font-family: "RubikSemiBold";
}

.rc-difortan-separator {
  width: 65px;
  height: 3px;
  background-color: #009fe3;
  margin: 20px auto;
}
.rc-difortan-separator--small {
  width: 20px;
  margin: 5px 0px 10px 0px;
}

#rc-difortan-p3 {
  padding: 55px 0 32px 0;
}

#rc-difortan-p6, #rc-difortan-p14 {
  background-color: #f4f4f4;
  padding: 45px 0px;
  border-radius: 25px;
}

#rc-difortan-p4 {
  padding: 60px 0px 57px 0px;
  border-radius: 25px;
  background-color: #f4f4f4;
}

.rc-difortan-p4-row {
  flex-wrap: wrap;
}
.rc-difortan-p4-row img {
  margin-bottom: -2px;
  width: 203px;
  height: 203px;
  max-width: 100%;
  max-height: 100%;
}
.rc-difortan-p4-row:last-child {
  justify-content: center;
}
.rc-difortan-p4-col {
  align-items: center;
  flex: 0 0 33.33%;
}
.rc-difortan-p4-col:first-child {
  margin-bottom: 77px;
}
.rc-difortan-p4-text {
  margin-top: 27px;
}

.rc-difortan-text {
  font-size: 22px;
  text-align: center;
}
.rc-difortan-text--blue {
  color: #009fe3;
  font-size: 32px;
  margin: 20px 0px;
}
.rc-difortan-text--cyan {
  font-size: 32px;
  color: #009fe3;
  text-align: center;
}
.rc-difortan-text--white {
  color: #fff;
}
.rc-difortan-text strong {
  font-family: "RubikSemiBold";
}

#rc-difortan-p6 {
  padding: 45px 0px;
}

.rc-difortan-p6-col .rc-difortan-text strong {
  display: block;
  margin-bottom: 10px;
}
.rc-difortan-p6-col img {
  width: 325px;
  max-width: 100%;
  margin-bottom: 20px;
}

#rc-difortan-p8 {
  padding: 50px 0px;
  background: url("images/rc-difortan-tlo.jpg") center/cover no-repeat;
  border-radius: 20px;
}

.rc-difortan-row-flex {
  display: flex;
  justify-content: space-between;
}

.rc-difortan-col-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rc-difortan-p8-col img {
  width: 225px;
}

.rc-difortan-p8-text-container {
  display: flex;
  flex-direction: column;
}

.rc-difortan-p10-col {
  align-items: center;
  flex: 1;
}
.rc-difortan-p10-col:not(:last-child) {
  margin-right: 45px;
}
.rc-difortan-p10-col img {
  width: 117px;
  max-width: 100%;
  margin-bottom: 20px;
}

.rc-difortan-arrow {
  margin-top: 6%;
}
.rc-difortan-arrow img {
  height: 104px;
  max-height: 100%;
  max-width: 100%;
}

#rc-difortan-p12 {
  padding: 50px 0px 20px 0px;
  background: url("images/rc-difortan-tlo-2.png") center/cover no-repeat;
  background-position-y: -20px;
  border-radius: 25px;
  background-color: #f4f4f4;
}

.rc-difortan-p12-text-1 {
  font-family: "RubikMedium";
  font-size: 26px;
  color: #211d41;
  text-align: center;
  margin-top: 34px;
}
.rc-difortan-p12-text-2 {
  margin-bottom: 10px;
}
.rc-difortan-p12-button {
  background: url("images/rc-difortan_cta.png") center/cover no-repeat;
  width: 268px;
  height: 110px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.rc-difortan-p12-button:hover {
  background: url("images/rc-difortan_cta_hover.png") center/cover no-repeat;
}
.rc-difortan-p12-img img {
  width: 464px;
  max-width: 100%;
}

.rc-difortan-p14-row:not(:last-child) {
  margin-bottom: 20px;
}
.rc-difortan-p14-text {
  color: #1f1643;
  font-size: 14px;
}

.rc-difortan-p15-text {
  color: #7f7f7f;
  font-size: 32px;
  text-align: center;
}

.rc-difortan-logo {
  width: 181px;
  margin: 0 auto;
}
.rc-difortan-logo img {
  max-width: 100%;
  max-height: 100%;
}

.rc-difortan-vertical-separator {
  width: 2px;
  background: linear-gradient(to right, #040213 50%, #3c3666 50%);
}

@media (max-width: 1100px) {
  .rc-difortan-p6-col img {
    width: 275px;
  }
}

@media (max-width: 1000px) {
  .rc-difortan-p6-col img {
    width: 250px;
  }
}

@media (max-width: 900px) {
  #rc-difortan-p12 {
    background-position-y: -20px;
  }
  .rc-difortan-p6-col img {
    width: 225px;
  }
}

@media (max-width: 850px) {
  #rc-difortan-p12 {
    background-position-y: -30px;
  }
  .rc-difortan-p6-col img {
    width: 200px;
  }
}

@media (max-width: 800px) {
  #rc-difortan-p12 {
    background-position-y: -40px;
  }
}

@media (max-width: 700px) {
  .rc-difortan-ul {
    flex-direction: column;
    padding: 0;
  }
  .rc-difortan-ul li {
    padding: 10px 5px;
  }
  .rc-difortan-ul li:not(:last-child) {
    background: linear-gradient(#040213, #040213) top, linear-gradient(#3c3666, #3c3666) bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
  }
  .rc-difortan-ul li a {
    font-size: 18px;
  }

  .rc-difortan-row-flex {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 15px;
  }

  .rc-difortan-col-flex {
    flex: 0 0 50%;
  }

  .rc-difortan-p4-col:nth-child(3) {
    margin-bottom: 50px;
  }

  .rc-difortan-p6-col img {
    width: 200px;
  }
  .rc-difortan-p6-col:last-child {
    margin-top: 50px;
  }

  .rc-difortan-p8-col {
    flex-direction: row;
    margin-left: 20px;
  }
  .rc-difortan-p8-row {
    flex-direction: column;
  }
  .rc-difortan-p8-text-container {
    margin-left: 25px;
  }
  .rc-difortan-p8-text-container .rc-difortan-text {
    text-align: start;
  }

  .rc-difortan-arrow {
    margin: 40px 90px;
  }
  .rc-difortan-arrow img {
    height: 50px;
  }

  .rc-difortan-header {
    padding: 0px 10px;
  }
  .rc-difortan-header span {
    font-size: 42px;
  }

  .rc-difortan-p10-col {
    flex: 0 0 40%;
    margin-right: 0 !important;
  }
  .rc-difortan-p10-col:first-child {
    margin-bottom: 50px;
  }
  .rc-difortan-p10-col:nth-child(2n-1) {
    margin-right: 15px !important;
  }

  #rc-difortan-p12 {
    background: #f4f4f4;
  }

  .rc-difortan-p12-col:last-child {
    margin-top: 50px;
  }
  .rc-difortan-p12-img {
    width: 464px;
  }

  #rc-difortan-p14 {
    padding: 45px 20px;
  }

  .rc-difortan-p15-text {
    font-size: 24px;
  }

  .rc-difortan-vertical-separator {
    display: none;
  }
}
@media (min-width: 700px) and (max-width: 900px) {
  .rc-difortan-p8-col img {
    width: 190px;
  }
}
@media (max-width: 500px) {
  .rc-difortan-p4-row img {
    width: 139px;
    height: 139px;
  }

  .rc-difortan-p8-col img {
    width: 160px;
    max-width: 100%;
  }

  .rc-difortan-arrow {
    margin: 40px 60px;
  }

  .rc-difortan-center {
    padding: 0px;
  }
}

/*# sourceMappingURL=style.css.map */