@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Santander Text";
  src: url("../fonts/SantanderTextW05-Regular.woff") format("woff");
}

@font-face {
  font-family: "Santander Text";
  src: url("../fonts/SantanderTextW05-Bold.woff") format("woff");
  font-weight: bold;
}

@font-face{
  font-family:'Glyphicons Halflings';
  src:url(../fonts/glyphicons-halflings-regular.eot);
  src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@media screen and (min-width: 1074px) {
  .container-cro-full {
    display: table;
  }

  .all-content {
      display: table-cell;
      position: relative;
  }

  .form-register {
      position: fixed;
      overflow-y: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none;
      z-index: 2;
  }

  .form-register::-webkit-scrollbar {
      display: none;
  }
}

@media screen and (min-width: 767px) and (max-width: 1074px) {
  .container-cro-full {
    display: table;
  }

  .all-content {
    width: 65%!important;
    display: table-cell;
    position: relative;
  }

  .form-register {
      width: 35%!important;
      position: fixed;
      overflow-y: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none;
      z-index: 2;
  }

  .form-register::-webkit-scrollbar {
    display: none;
  }

  h1 {
    padding-top: 50px!important;
  }

  .rrso1 {
    padding-top: 30px!important;
  }

  .section1 {
    padding-top: 10px!important;
  }

  .header-h2-mobile {
    padding-top: 15px!important;
  }

  .section9 {
    padding-top: 30px!important;
  }
}

@media screen and (max-width: 1074px) {
  .headerscb {
    background-image: none!important;
  }

  .textsection1 {
    padding-right: 45px!important;
  }
  .logo{
    padding-left: 30px!important;
    padding-right: 30px!important;
    height: 150px!important;
    width: 100%!important;
  }
}

@media screen and (min-width: 767px) and (max-width: 830px) {

  h1{
    padding-left: 30px!important;
  }

  h2{
    padding-left: 30px!important;
  }

  .header-h2-mobile{
    max-width: 410px!important;
  }

  .textsection1 {
    padding-left: 30px!important;
  }
}

@media screen and (min-width: 1074px) and (max-width: 1400px) {
  .logo{
    padding-left: 55px!important;
    max-width: 410px!important;
  }

  h1{
    padding-left: 55px!important;
    max-width: 340px!important;
  }

  h2{
    padding-left: 55px!important;
  }

  .header-h2-mobile{
    max-width: 410px!important;
  }

  .textsection1 {
    padding-left: 55px!important;
  }
}

@media screen and (min-width: 1074px) and (max-width: 1370px) {
  .santandr-cro-middle .form-container .gray-form .form-group.accept-group {
    margin-bottom: 0px!important;
  }

  .santandr-cro-middle .form-container .gray-form .form-control {
    height: 34px!important;
  }

  .form-group-text-padding {
    padding-bottom: 0px!important;
  }

  .accept-group-padding {
    padding-top: 0!important;
  }

  .santandr-cro-middle .form-container .gray-form .show-description {
    line-height: 34px!important;
  }

  .santandr-cro-middle .form-container .gray-form {
    padding-top: 0px!important;
  }

  .santdr-info {
    margin-top: 2px;
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1074px) {
  h1{
    padding-left: 55px!important;
    max-width: 460px!important;
  }
}

@media screen and (min-width: 1400px) {
  .logo{
    padding-left: 55px!important;
    max-width: 550px!important;
  }

  h2{
    padding-left: 55px!important;
  }

  .header-h2-mobile{
    max-width: 550px!important;
  }

  .textsection1 {
    padding-left: 55px!important;
  }
}

@media screen and (max-width: 1074px) {
  .section1-1{
    order: 1;
    width: 100%!important;
  }

  .section1-2{
    order: 2;
    width: 100%!important;
  }

  .photosection1{
    padding-top: 30px;
    width: 100%!important;
    height: auto!important;
  }

  .headerscb{
    position: relative!important;
  }

  .section1 {
    flex-direction: column;
    margin-top: 0px!important;
    padding-bottom: 20px!important;
  }

  .section2margintop {
    margin-top: 0px!important;
    padding-top: 60px!important;
  }

  .section2-h3 {
    width: 100%!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    padding-bottom: 20px!important;
    font-size: 26px!important;
    line-height: 34px!important;
  }

  .section8-h3 {
    width: 100%!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  .section3-h3 {
    width: 100%!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    text-align: center!important;
  }

  .section2-2 {
    flex-direction: column;
    padding-bottom: 10px!important;
    width: 100%!important;
  }

  .section2-title {
    padding-right: 0px!important;
  }

  .section2-columns {
    width: 100%!important;
    padding-bottom: 40px!important;
  }

  .section-hr {
    margin-left: auto!important;
    margin-right: auto!important;
  }

  .textsection3 {
    padding-right: 30px!important;
    padding-left: 30px!important;
  }

  .textsection3-ul {
    padding-right: 30px!important;
    padding-left: 30px!important;
  }

  .textsection4-ul {
    padding-right: 30px!important;
    padding-left: 30px!important;
  }

  .buttonsection {
    flex-direction: column;
  }

  .buttonstyle1 {
    margin-bottom: 20px;
  }

  .textsection4 {
    padding-right: 30px!important;
    padding-left: 30px!important;
  }

  .accordion {
    padding-bottom: 65px!important;
  }

  h4 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .textsection5 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .numbersection {
    padding-left: 30px;
    padding-right: 30px;
  }

  .numbersectionlast {
    padding-bottom: 55px!important;
  }

  .textsection6 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .columnsection {
    flex-direction: column;
    padding-bottom: 65px!important;
  }

  .columnsectionnext {
    flex-direction: column;
    padding-bottom: 30px!important;
  }

  .columnsection6-1 {
    width: 100%!important;
  }

  .columnsection6-2 {
    width: 100%!important;
  }

  .columnsection6-3 {
    width: 100%!important;
    margin-right: 0!important;
  }

  .columnsection6-4 {
    width: 100%!important;
    margin-left: 0!important;
  }

  .columnsectionpaddingtop {
    margin-top: 30px;
  }
}

/*Header - początek*/

.all-content {
  width: 74%;
  display: table-cell;
  position: relative;
}

@media screen and (min-width: 1074px) {
  .headerscb {
    background-size: 90%!important;
  }

  /*.section2margintop {*/
  /*  margin-top: 41%!important;*/
  /*}*/

  h1{
    padding-top: 42px!important;
    padding-left: 55px!important;
    max-width: 570px!important;
    font-size: 38px!important;
    line-height: 46px!important;
  }

  .headlinebig {
    font-size: 46px!important;
    line-height: 76px!important;
  }
}

.headlinebig {
  color: #EC0000;
  font-size: 46px;
  line-height: 46px;
}

.headerscb {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-position: right top;
  background-size: 95%;
  position: relative;
  background-image: url('../img/header.png');
}

.section-1-img{
  position: absolute;
  width: 24%;
  right: 43px;
  bottom: 34px;
}
@media (max-width: 1074px) {
  .section-1-img {
    display: none;
  }
}

.tablet {
  position: relative; /* Upewniamy się, że dziecko będzie względem tego kontenera */
  width: 100%; /* Dostosowanie do szerokości ekranu */
}

.section-1-img-mobile {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width:200px;
  transform: translate(-50%,-50%);
}

@media (min-width: 1074px) {
  .section-1-img-mobile {
    display: none;
  }
}

.logo {
  padding-left: 85px;
  padding-top: 25px;
  height: 110px;
}

h1 {
  margin: 0;
  padding-left: 85px;
  padding-top: 70px;
  color: #000000;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  max-width: 470px;
  width: 100%;
}

h2 {
  margin: 0;
  padding-left: 85px;
  padding-top: 10px;
  color: #000000;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
  max-width: 470px;
  width: 100%;
}

/*Header - koniec*/


/*Section 1 - początek*/

.section1{
  /*margin-top: 659px;*/
  display: flex;
  /*padding-top: 100px;*/
  padding-bottom: 100px;
}

.section1-1{
  width: 50%;
  margin: 0;
  display: table-cell;
}

.section1-2{
  width: 50%;
  margin: 0;
  display: table-cell;
  text-align: center;
}

.textsection1 {
  margin: 0;
  padding-left: 85px;
  padding-top: 15px;
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.photosection1{
  width: 353px;
  height: 235px;
}

/*Section 1 - koniec*/

/*Section 2 - początek*/

.section2 {
  display: flex;
  margin: auto;
  padding-bottom: 100px;
  max-width: 1074px;
  width: 100%;
}

.section2-1-1 {
  display: flex;
  margin: auto;
  max-width: 1000px;
  width: 100%;
}

.section2-1-2 {
  display: flex;
  margin: auto;
  max-width: 1000px;
  padding-top: 60px;
  width: 100%;
}

.section2-2 {
  display: flex;
  margin: auto;
  width: 50%;
}

.section2-3 {
  display: flex;
  margin: auto;
  gap: 100px;
}

.section2-4 {
  display: flex;
  margin: auto;
  width: 50%;
}

.section2-4-2-title {
  font-size: 23px;
  line-height: 26px;
  margin: 0px auto 5px auto;
}

.section2-4-2-text {
  font-size: 16px;
  line-height: 23px;
  margin: 0px auto;
}

.section2-columns {
  display: table-cell;
  width: 50%;
}

.section2-title {
  font-weight: 700;
  font-size: 72px;
  line-height: 104px;
  text-align: center;
  color: #EC0000;
  max-width: 250px;
  margin: auto;
  text-align: center;
}

.textsection2 {
  max-width: 270px;
  margin: auto;
  text-align: center;
  font-size: 23px;
  line-height: 25px;
  padding-right: 20px;
  padding-left: 20px;
}

.textsection3 {
  max-width: 650px;
  margin: auto;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 100px;
  padding-bottom: 20px;
}

.textsection3-ul {
  max-width: 650px;
  margin: auto;
  text-align: left;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 100px;
}

.textsection4-ul {
  max-width: 650px;
  margin: auto;
  text-align: left;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 55px;
}

.section2margintop {
  padding-top: 60px;
  /*margin-top: 42%;*/
  z-index: 1;
  position: relative;
}

.section2-h3 {
  margin: auto;
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  padding-bottom: 20px;
}

.section8-h3 {
  margin: auto;
  font-weight: 700;
  color: #000000;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  width: 450px;
  padding-bottom: 20px;
}

.section2-hr {
  width: 120px;
  border: 2px solid #EC0000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 60px;
}

.section2-gray-hr {
  width: 120px;
  border: 1px solid #EC0000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 30px;
}

/*Section 2 - koniec*/


/*Section 3 - koniec*/

.section3-h3 {
  margin: auto;
  font-weight: 700;
  color: #000000;
  font-size: 36px;
  line-height: 46px;
  text-align: left;
  width: 450px;
  padding-bottom: 20px;
}

.section-hr {
  width: 120px;
  border: 2px solid #EC0000;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  margin-bottom: 0px;
}

.section3 {
  padding-bottom: 80px;
}

.section3 ul {
  list-style: none;
}

.section3 ul li:before {
  content:"•";
  font-size: 55px;
  line-height: 20px;
  vertical-align: top;
  color: #EC0000;
  display: table-cell;
  padding-right: 10px;
}

/*Section 3 - koniec*/


/*Slider - początek*/

.slider {
  z-index: 1;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
}

.slider .slider__wrap {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}

.slider .slider__wrap .swiper-slide {
  width: 300px;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}

.slider .slider__wrap .swiper-slide-active, .slider .slider__wrap .swiper-slide-prev, .slider .slider__wrap .swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}

.slider .slider__controls {
  position: relative;
  z-index: 1;
}

.slider .slider__controls .slider__pagination {
  text-align: center;
  margin-top: 50px;
}

.slider .slider__controls .slider__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #E5E5E5;
  margin: 0 5px;
  border-radius: 20px;
  transition-delay: 0.2s, 0.2s, 0s;
}

.slider .slider__controls .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.slider .slider__controls .slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #EC0000;
  transition-delay: 0s;
}

.slider .slider__controls {
  cursor: pointer;
}

/*Slider - koniec*/


/*Section 5 - początek*/

.textsection4 {
  font-size: 21px;
  line-height: 31px;
  text-align: center;
  font-weight: 400;
  max-width: 540px;
  width: 100%;
  margin: auto;
  padding-bottom: 40px;
}

.buttonsection {
  display: flex;
  text-align: center;
  margin: auto;
  max-width: 580px;
  width: 100%;
  padding-bottom: 100px;
}

.buttonelement {
  display: table-cell;
  margin:auto;
}

.buttonstyle1 {
  border: 1px solid #EC0000;
  background-color: #FFFFFF;
  border-radius: 60px;
  height: 48px;
  width: 259px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.buttonstyle2 {
  border: 1px solid #EC0000;
  background-color: #EC0000;
  border-radius: 60px;
  height: 48px;
  width: 259px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.buttonlink1 {
  color: #EC0000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

.buttonlink2 {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

.accordion {
  text-align: center;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 90px;
}

.sectionbutton1, .sectionbutton2, .sectionbutton3, .sectionbutton4 {
  background-color: #FFFFFF;
  color: #EC0000;
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 10px;
  max-width: 580px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  transition: 0.4s;
}

.sectionbutton1:before {
  content: "1Lorem ipsum dolor sit amet, consectetur adipiscing?";
  color: #EC0000;
  font-weight: 700;
  float: left;
  width: 95%;
}

.sectionbutton2:before {
  content: "2Lorem ipsum dolor sit amet, consectetur adipiscing?";
  color: #EC0000;
  font-weight: 700;
  float: left;
  width: 95%;
}

.sectionbutton3:before {
  content: "3Lorem ipsum dolor sit amet, consectetur adipiscing?";
  color: #EC0000;
  font-weight: 700;
  float: left;
  width: 95%;
}

.sectionbutton4:before {
  content: "4Lorem ipsum dolor sit amet, consectetur adipiscing?";
  color: #EC0000;
  font-weight: 700;
  float: left;
  width: 95%;
}

.sectionbutton1:after, .sectionbutton2:after, .sectionbutton3:after, .sectionbutton4:after {
  content: url('../img/arrow-bottom.svg');
  color: #EC0000;
  font-weight: 700;
  float: right;
  width: 5%;
}

.sectionbutton1.active:after, .sectionbutton2.active:after, .sectionbutton3.active:after, .sectionbutton4.active:after {
  content: url('../img/arrow-top.svg');
}

.panel {
  max-width: 580px;
  width: 100%;
  text-align: left;
  margin: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.paneltext {
  margin: 0;
  padding-bottom: 16px;
  max-width: 495px;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.underaccordion {
  max-width: 570px;
  width: 100%;
  margin: auto;
}

h4 {
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  padding-bottom: 15px;
  margin: 0;
}

.textsection5 {
  font-size: 21px;
  font-weight: 400;
  line-height: 31px;
  padding-bottom: 50px;
  margin: 0;
  max-width: 500px;
  width: 100%;
}

.number {
  border: 3px solid #EC0000;
  border-radius: 50%;
  width: 58px;
  height: 58px;
  color: #000000;
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  margin: 0;
}

.textnumber {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  max-width: 410px;
  width: 100%;
}

/*Section 5 - koniec*/


/*Section 6 - początek*/

.textsection6 {
  margin: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  max-width: 570px;
  width: 100%;
}

.columnsection {
  display: flex;
  margin: auto;
  padding-top: 45px;
  margin: auto;
  max-width: 800px;
  width: 100%;
  padding-bottom: 95px;
}

.columnsectionnext {
  display: flex;
  margin: auto;
  margin: auto;
  max-width: 820px;
  width: 100%;
  padding-bottom: 70px;
}

.columnsection6-1, .columnsection6-2 {
  display: table-cell;
  width: 50%;
}

/*Section 6 - koniec*/


/*Section 7 - początek */

.columnsection6-3 {
  padding-top: 45px;
  padding-bottom: 45px;
  margin-right: 10px;
}

.columnsection6-4 {
  padding-top: 45px;
  padding-bottom: 45px;
  margin-left: 10px;
}

.columnsection6-3, .columnsection6-4 {
  display: table-cell;
  width: 50%;
  background-color: rgba(222, 237, 242, 0.3);
}

/*Section 7 - koniec*/


.section9 {
  max-width: 680px;
  width: 100%;
  margin: auto;
  padding-top: 70px;
  padding-bottom: 70px;
}


@media screen and (max-width: 550px) {
  h1 {
    max-width: 600px!important;
  }

  .header-h2-mobile{
    max-width: 370px!important;
  }
}

@media screen and (min-width: 535px) and (max-width: 675px) {
  h1 {
    max-width: 600px!important;
  }

  .header-h2-mobile{
    max-width: 370px!important;
  }
}

@media screen and (min-width: 675px) and (max-width: 767px) {
  h1 {
    max-width: 767px!important;
  }

  .header-h2-mobile{
    max-width: 767px!important;
  }
}

@media screen and (max-width: 500px) {
  .section2-4 {
    flex-direction: column!important;
  }

  .section2-4-2 {
    text-align: center!important;
  }
}

.section2-4-2 {
  text-align: left;
  max-width: 425px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .textsection2 {
    font-size: 20px!important;
  }

  .section2-4-2-title {
    font-size: 18px!important;
    line-height: 22px!important;
  }

  .section2-4-2-text {
    font-size: 15px!important;
  }

  .section2 {
    flex-direction: column;
    padding-bottom: 10px!important;
  }

  .section2-1-1 {
    flex-direction: column;
  }

  .section2-1-2 {
    flex-direction: column;
    padding-top: 30px!important;
  }

  .section2-3 {
    flex-direction: column;
    gap: 30px!important;
  }

  .section2-4 {
    width: 100%!important;
    max-width: 500px!important;
  }
  
  #section9dymek {
    margin-bottom: 45px!important;
  }

  .section9 {
    padding-top: 30px!important;
    padding-bottom: 45px!important;
  }

  .textonbackground {
    padding-left: 30px!important;
  }
  
  .rrso1 {
    text-align: right;
  }

  .rrso2 {
    padding-left: 15px!important;
  }

  .bottom-button.on {
    display: none;
  }

  .section-h2-mobile{
    font-size: 24px!important;
    line-height: 35px!important;
  }

  .section1-h2-mobile{
    font-size: 24px!important;
    line-height: 35px!important;
  }
  
  .section1 {
    padding-top: 0px!important;
  }

  .logo {
    height:auto!important;
    padding-left: 15%!important;
    padding-right: 15%!important;
    padding-top: 30px!important;
    width: 100%!important;
    margin: auto!important;
  }

  h1 {
    padding-left: 7%!important;
    padding-right: 7%!important;
    padding-top: 25px!important;
    font-size: 26px!important;
    line-height: 34px!important;
  }

  h2 {
    padding-left: 7%!important;
    padding-right: 7%!important;
    padding-top: 20px!important;
  }

  .textsection1 {
    padding-left: 7%!important;
    padding-right: 7%!important;
  }

  .header-h2-mobile{
    font-size: 16px!important;
    line-height: 23px!important;
  }

  .section1-h2-mobile{
    font-size: 24px!important;
    line-height: 35px!important;
  }

  .rrso1{
    font-size: 16px!important;
    line-height: 23px!important;
    max-width: 767px!important;
  }
}

@media screen and (min-width: 767px) {
  .mobile{
    display: none!important;
  }
}

@media screen and (min-width: 1074px) {
  .tablet{
    display: none!important;
  }
}

@media screen and (min-width: 767px) and (max-width: 1074px) {
  h1, h2 {
    max-width: 100%!important;
  }  
}

@media screen and (max-width: 1074px) {
  .desktop{
    display: none!important;
  }

  .section2-hr {
    margin-left: auto!important;
  }

  .section2-gray-hr {
    margin-left: auto!important;
  }

  .flex-direction {
    flex-direction: column;
  }

  .order1 {
    order: 2;
    padding-top: 45px;
  }

  .order2 {
    order: 1;
  }
}

.santdr-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  text-align: left;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 10px;
}

.form-h3 {
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
  margin-bottom: 0px;
  margin-top: 10px;
}

.glyphicon{
  position:relative;
  top:1px;
  display:inline-block;
  font-family:'Glyphicons Halflings';
  font-style:normal;
  font-weight:400;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.glyphicon-question-sign:before{
  content:"\e085"
}

.glyphicon-menu-right:before{
  content:"\e258"
}

.glyphicon-remove:before{
  content:"\e014"
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.has-feedback {
  position: relative;
}

.form-group {
  margin-bottom: 15px;
}

.checkbox, .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label, .santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  padding-left: 27px;
  font-size: 12px;
  line-height: 14px;
}

.checkbox label, .radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

@media only screen and (max-width: 767px){
  .container-cro-full {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .all-content{
    order: 1;
    width: 100%!important;
  }
  .form-register{
    order: 2;
    width: 100%!important;
  }
}

body {
  font-family: "Santander Text", Ubuntu, Arial, Helvetica, sans-serif;
  min-height: 100vh;
  line-height: 1.42857143;
  color: #000000;
  background-color: #fff;
}

body,
html {
  padding: 0;
  margin: 0;
  min-width: 260px;
  scroll-behavior: smooth;
}

body.overlay-on .overlay-bg {
  display: block;
}

body.overlay-on .santandr-cro-middle .overlay-container {
  top: 30px;
  right: 31%;
  width: 60%;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body.overlay-on .santandr-cro-middle .form-container .gray-form .more-rodo-info a {
  font-weight: bold;
}

.full-width {
  width: 100%;
}

.container-cro-full {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 1075px;
}

.santandr-cro-middle,
.santandr-cro-middle .content {
  position: relative;
}

.santandr-cro-middle .overlay-container {
  position: fixed;
  right: 0;
  width: 700px;
  background: #ffffff;
  min-height: 200px;
  padding: 65px 27px 50px 30px;
  overflow: hidden;
  z-index: 301;
  height: 80%;
  top: -100%;
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.santandr-cro-middle .overlay-container .close-more {
  position: absolute;
  top: 15px;
  right: 23px;
  color: #868686;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
}



.santandr-cro-middle .overlay-container .close-more .glyphicon {
  font-size: 14px;
  vertical-align: top;
  margin-top: -1px;
  margin-left: 3px;
}
.santandr-cro-middle .overlay-container .close-more:hover {
  color: #e30713;
}
.santandr-cro-middle .overlay-container .overlay-title {
  position: absolute;
  top: 20px;
  left: 30px;
  font-size: 18px;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: 700;
}
.santandr-cro-middle .overlay-container .overlay-wrap {
  position: relative;
  height: 100%;
  padding-top: 20px;
}
.santandr-cro-middle .overlay-container .overlay-wrap .overlay-content {
  position: relative;
  overflow: hidden;
  max-height: 100%;
}
.santandr-cro-middle .overlay-container .overlay-wrap .overlay-content .scroll-content {
  font-size: 14px;
  line-height: 23px;
}
.santandr-cro-middle .overlay-container .overlay-wrap .overlay-content .scroll-content ul,
.santandr-cro-middle .overlay-container .overlay-wrap .overlay-content .scroll-content ol {
  margin-left: 0;
  padding-left: 28px;
}
.santandr-cro-middle .overlay-container .overlay-wrap .overlay-content .scroll-content li {
  font-size: 14px;
  line-height: 23px;
  padding-left: 10px;
}

.santandr-cro-middle .santandr-cro-main-bg::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /*background-image: url('../img/bg.png');*/
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto;
  display: block;
}

.santandr-cro-middle .form-container {
  position: relative;
  z-index: 300;
}
.santandr-cro-middle .form-container .gray-form {
  /*background-color: #505050;*/
  color: #ffffff;
  padding: 40px;
}

.santandr-cro-middle .form-container .gray-form .form-group.submit {
  margin-top: 15px;
}

.santandr-cro-middle .form-container .gray-form .form-group.submit::before {
  display: block;
  width: 100%;
  height: 1px;
  background: white;
}

.santandr-cro-middle .form-container .gray-form .santdr-title {
  margin-top: 2px;
  font-size: 32px;
}
.santandr-cro-middle .form-container .gray-form {
  margin-bottom: 7px;
}
.santandr-cro-middle .form-container .gray-form .error-container {
  font-size: 12px;
  margin-bottom: 7px;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.santandr-cro-middle .form-container .gray-form .error-container p {
  padding: 10px 0;
}
.santandr-cro-middle .form-container .gray-form .has-feedback .form-control {
  padding-right: 42.5px;
}
.santandr-cro-middle .form-container .gray-form .form-control {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 10px 12px 10px;
  height: 38px;
  border: 1px solid transparent;
}
.santandr-cro-middle .form-container .gray-form .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.santandr-cro-middle .form-container .gray-form .has-error .form-control {
  border-color: #EC0000;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.santandr-cro-middle .form-container .gray-form .form-group {
  margin-bottom: 9px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.santandr-cro-middle .form-container .gray-form .form-group.last {
  margin-bottom: 2px;
}
.santandr-cro-middle .form-container .gray-form .show-description {
  position: absolute;
  display: block;
  text-align: center;
  top: 0;
  right: 0;
  z-index: 2;
  width: 42px;
  height: 42px;
  line-height: 38px;
  color: #EC0000;
  font-size: 20px;
  cursor: pointer;
}
.santandr-cro-middle .form-container .gray-form .form-group .description {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.santandr-cro-middle .form-container .gray-form .form-group .description p {
  margin: 0;
  padding: 6px 10px 4px;
  color: #666666;
  font-size: 12px;
  line-height: 14px;
}
.santandr-cro-middle .form-container .gray-form .form-group.open {
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.santandr-cro-middle .form-container .gray-form .form-group.open .description {
  max-height: 100px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.santandr-cro-middle .form-container .gray-form .form-group.open .show-description {
  color: #6b6b6b;
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox input[type="checkbox"]:not(:checked),
.santandr-cro-middle .form-container .gray-form .form-group .checkbox input[type="checkbox"]:checked {
  display: none;
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label,
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  padding-left: 27px;
  font-size: 12px;
  line-height: 14px;
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label:before,
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #FFFFFF;
  background: transparent;
  border-radius: 4px;
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label:after,
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  width: 8.5px;
  height: 8.5px;
  background: #FFFFFF;
  transition: all .2s;
  border-radius: 2px;
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox + .checkbox {
  margin-top: -3px;
}
.santandr-cro-middle .form-container .gray-form .form-group.accept-group {
  margin-bottom: 15px;
}
.santandr-cro-middle .form-container .gray-form .form-group.accept-group .checkboxes-group {
  padding-left: 20px;
}
.santandr-cro-middle .form-container .gray-form .form-group .checkbox.invalid [type="checkbox"]:not(:checked) + label:before,
.santandr-cro-middle .form-container .gray-form .form-group .checkbox.invalid [type="checkbox"]:checked + label:before {
  border-color: #EC0000;
}
.santandr-cro-middle .form-container .gray-form .form-group.invalid .form-control {
  border-color: #EC0000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.santandr-cro-middle .form-container .gray-form .form-group.invalid .form-control:focus {
  border-color: #EC0000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.santandr-cro-middle .form-container .gray-form .more-rodo-info {
  text-align: left !important;
}
.santandr-cro-middle .form-container .gray-form .more-rodo-info a {
  color: #ffffff;
  text-decoration: underline;
}
.santandr-cro-middle .form-container .gray-form .more-rodo-info a .glyphicon {
  font-size: 8px;
  margin-left: 2px;
  vertical-align: top;
  margin-top: 4px;
}
.santandr-cro-middle .form-container .gray-form.ext-button .btn-red.bordered {
  margin-bottom: -30px;
}

.santandr-cro-middle .form-container form .checkboxes-group div label .cro-show-more {
  text-decoration: underline;
}

.santandr-cro-middle .form-container form .checkboxes-group div label .cro-full-text {
  display: none;
}

.bordered:before {
  content: "";
  animation: spin 2s linear infinite;
  position: absolute;
  border: 250px solid transparent;
  border-top: 250px solid #eb0000;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  top: 50%;
  left: 50%;
  display: none;
  z-index: -1;
}
.bordered:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background-color: #c96d70;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  display: none;
  z-index: -1;
}
.bordered.disabled,
.bordered[disabled] {
  opacity: 1;
  background-color: #c96d70;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.bordered.disabled:hover,
.bordered[disabled]:hover,
.bordered.disabled:focus,
.bordered[disabled]:focus,
.bordered.disabled.focus,
.bordered[disabled].focus {
  background-color: #c96d70;
}
.bordered.disabled .content,
.bordered[disabled] .content {
  position: relative;
  color: #e6e6e6;
}
.bordered.disabled:before,
.bordered[disabled]:before,
.bordered.disabled:after,
.bordered[disabled]:after {
  display: block;
}
@keyframes spin {
  0% {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

.santandr-cro-middle .info-container {
  min-height: 550px;
}
.santandr-cro-middle .info-container .info-position {
  width: 550px;
  margin-top: 50px;
}

.santandr-cro-middle .info-container .info-position {
  font-size: 32px;
  line-height: 46px;
  margin-top: 30px;
  margin-bottom: 0;
  color: #1A1A1A;
}

.santandr-cro-middle .info-container .info-position {
  margin-top: 0;
}

.santandr-cro-middle .info-container .info-position {
  font-size: 48px;
  font-style: normal;
  letter-spacing: -2px;
  line-height: 62px;
  margin-bottom: 0;
  margin-top: 0;
  color: #1A1A1A;
}

.santandr-cro-middle .info-container .info-position .bold {
  letter-spacing: -2px;
  margin-bottom: 15px;
  margin-top: 0px;
}

.santandr-cro-middle .info-container .info-position .top-num {
  font-size: 32px;
  vertical-align: 2rem;
  font-weight: normal;
  padding-right: .5rem;
  line-height: 50px;
}

.santandr-cro-middle .info-container .info-position .info-subtitle {
  font-style: normal;
  letter-spacing: -1px;
  padding: 6px 0 6px 0;
  font-size: 30px;
  margin: 4rem 0;
  line-height: 36px;
  min-height: auto;
  background: none !important;
}

.santandr-cro-middle .info-container .info-position .rso-info {
  font-style: normal;
  font-size: 40px;
  font-weight: normal;
  margin-top: 20px;
  border-left: 3px solid #E9191A;
  padding: 0 15px
}

.santandr-cro-middle .info-container .info-position .rso-info .top-num {
  font-size: 20px;
  vertical-align: 1.2rem;
}

.bottom-button {
  position: fixed;
  bottom: 10px;
  left: calc(50% - 150px);
  /*width: 300px !important;*/
  line-height: 27px;
  display: none;
  padding-top: 9px;
  padding-bottom: 12px;
  text-decoration: none;
}

.ps .scroll-content {
  padding-right: 20px;
}

.text-center {
  text-align: center;
}

.btn-red {
  background-color: #EC0000;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  border: 1px solid #EC0000;
  color: #ffffff;
  cursor: pointer;
  z-index: 1;
}
.btn-red.focus,
.btn-red:focus,
.btn-red:hover {
  background-color: #EC0000;
  color: #ffffff;
}
.btn-red.bordered {
  height: 48px;
  width: 295px;
}
.btn-red .glyphicon {
  font-size: 10px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 10px;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #ffe2e2;
}
.has-error.checkbox label:before {
  border-color: #EC0000 !important;
}
.glyphicon span {
  position: absolute;
  display: none;
}


.santandr-cro-middle .form-container {
  height: 100vh;
}

@media (max-width: 1700px){
  .santandr-cro-middle .info-container .info-position {
    font-size: 42px;
    line-height: 53px;
  }
}

@media (max-width: 1400px) {
  .santandr-cro-middle .form-container .gray-form {
    padding: 20px;
    padding-bottom: 50px;
  }

  .santandr-cro-middle .form-container {
    height: 100vh;
  }

  .santandr-cro-middle .info-container .info-position {
    width: 500px;
  }

  .santandr-cro-middle .info-container .info-position {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .santandr-cro-middle .common-container {
    background-color: #FFFFFF;
    padding-bottom: 75px;
  }

  #form-container {
    background-color: #1bb3bc;
  }
}

@media screen and (min-width: 767px) {
  .santandr-cro-middle .common-container {
    background-color: #1bb3bc;
  }
}

@media (max-width: 991px) {

  body.overlay-on .santandr-cro-middle .overlay-container {
    top: -60px;
    bottom: auto;
  }
  .santandr-cro-middle .overlay-container {
    width: 330px;
    bottom: auto;
    height: 758px;
    padding: 90px 17px 20px 20px;
  }
  .santandr-cro-middle .overlay-container .close-more {
    right: 15px;
  }
  .santandr-cro-middle .overlay-container .overlay-title {
    right: 90px;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 21px;
    left: 20px;
  }
  .santandr-cro-middle .overlay-container .overlay-wrap {
    padding-top: 0;
  }
  .santandr-cro-middle .overlay-container .overlay-wrap .overlay-content .scroll-content {
    font-size: 12px;
    line-height: 21px;
  }
  .santandr-cro-middle .overlay-container .overlay-wrap .overlay-content .scroll-content li {
    font-size: 12px;
    line-height: 21px;
    padding-left: 0;
    text-indent: 10px;
  }
  .santandr-cro-middle .form-container {
    padding-left: 15px;
    padding-right: 30px;
    min-height: 758px;
    height: 100vh;
  }
  .santandr-cro-middle .form-container .gray-form {
    margin-top: -60px;
  }
  
  .santandr-cro-middle .info-container {
    min-height: 758px;
  }

  .santandr-cro-middle .info-container .info-position .rso-info {
    font-size: 33px;
    letter-spacing: -1.5px;
    line-height: 38px;
  }

  .santandr-cro-middle .common-container {
    float: left;
    position: relative;
    width: 100%;
    z-index: 2;
  }
  body.overlay-on .santandr-cro-middle .overlay-container {
    top: 45px;
    bottom: 10px;
    width: 55%;
    left: 25px;
    right: 25px;
    padding-bottom: 50px;
  }
  .santandr-cro-middle .overlay-container {
    left: 25px;
    right: 25px;
    width: auto;
    bottom: 100%;
    height: auto;
  }
  .santandr-cro-middle .overlay-container .overlay-title {
    width: 215px;
    right: 20px;
  }

  .santandr-cro-middle .form-container {
    padding-left: 0;
    padding-right: 0;
    min-height: 0;
  }
  body.overlay-on .santandr-cro-middle .form-container {
    position: initial;
    z-index: auto;
  }
  .santandr-cro-middle .form-container .gray-form {
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .santandr-cro-middle .form-container .gray-form .santdr-title {
    text-align: center;
    font-size: 27px;
  }
  .santandr-cro-middle .form-container .gray-form.ext-button {
    margin-bottom: -10px;
    padding: 20px 20px 40px;
  }
  .santandr-cro-middle .form-container .gray-form .santdr-info {
    margin-bottom: 9px;
  }
  .santandr-cro-middle .form-container .gray-form .form-control {
    padding: 7px 15px 7px 15px;
    height: 32px;
  }
  .santandr-cro-middle .form-container .gray-form .form-group {
    margin-bottom: 8px;
  }
  .santandr-cro-middle .form-container .gray-form .form-group.submit {
    padding: 0;
  }
  .santandr-cro-middle .form-container .gray-form .show-description {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  .santandr-cro-middle .info-container {
    min-height: 450px;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 47% top;
  }

  .btn-red.bordered {
    min-width: 0;
    max-width: 100%;
  }
  body.overlay-on .btn-red.bordered {
    position: relative;
    z-index: 1;
  }

  .santandr-cro-middle .info-container .info-position {
    width: 420px;
  }

  .santandr-cro-middle .info-container .info-position {
    font-size: 25px;
    line-height: 35px;
  }

  .santandr-cro-middle .info-container .info-position {
    font-size: 36px;
    line-height: 47px;
  }
}

@media (max-width: 767px) {

  .container-cro-full {
    background-color: transparent;
  }
  .santandr-cro-middle {
    width: 100vw;
    padding-bottom: 0;
  }

  .santandr-cro-middle .form-container {
    height: auto;
  }
  .santandr-cro-middle .overlay-container {
    width: auto !important;
  }

  .santandr-cro-middle .form-container .gray-form.ext-button {
    padding-bottom: 50px;
  }

  .santandr-cro-middle .info-container .info-position {
    max-width: 100%;
  }

  .santandr-cro-middle .info-container .info-position .rso-info {
    min-height: 100%;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .santandr-cro-middle .info-container .info-position .top-num {
    font-size: 16px;
  }

  .santandr-cro-middle .info-container {
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .santandr-cro-middle .info-container .info-position {
    transform: none;
    width: auto;
    background-color: transparent;
  }

  .santandr-cro-middle .links-container .link-element {
    flex-direction: column;
    align-items: center;
  }
  .santandr-cro-middle .links-container .link-element {
    text-align: center;
    margin: 15px 0 0 0;
  }
}

@media (max-width: 576px) {

  .santandr-cro-middle .info-container .info-position .rso-info {
    font-size: 28px;
  }

}

@media (max-width: 400px) {

  .santandr-cro-middle .info-container {
    min-height: 300px;
  }
  .santandr-cro-middle .info-container::before {
    height: 100%;
    max-height: 360px;
  }

  .santandr-cro-middle .info-container .info-position {
    font-size: 23px;
    line-height: 33px;
  }

  .santandr-cro-middle .info-container .info-position {
    font-size: 32px;
    line-height: 43px;
  }

  .santandr-cro-middle .info-container .info-position .rso-info {
    font-size: 28px;
  }

}

@media (min-width: 767px) {
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-none {
    display: none;
  }
}

.overlay-container {
  z-index: 999999!important;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  display: block;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 10px;
  bottom: 0px;
  position: absolute;
  width: 100% !important;
}
.ps__rail-y {
  display: block;
  opacity: 1;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 10px;
  right: 0;
  position: absolute;
  height: 100% !important;
}
.ps__rail-y:before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 4px;
  left: 3px;
  background-color: #ddd7d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0.1;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  z-index: 303;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
}
.ps:hover > .ps__rail-x,
.ps--focus > .ps__rail-x,
.ps--scrolling-x > .ps__rail-x {
  opacity: 0.4;
}
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-y,
.ps--scrolling-y > .ps__rail-y {
  opacity: 1;
}
.ps:hover > .ps__rail-y:before,
.ps--focus > .ps__rail-y:before,
.ps--scrolling-y > .ps__rail-y:before {
  opacity: 1;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  opacity: 1;
}
.ps__thumb-x {
  background-color: #e30713;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 10px;
  bottom: 0;
  position: absolute;
  z-index: 310;
}
.ps__thumb-y {
  background-color: #e30713;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 10px;
  right: 0;
  position: absolute;
  z-index: 310;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  height: 10px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 10px;
}

body {
  font-size: 13px;
  color: #000;
}

.overlay-bg {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 60, 0.75);
  z-index: 2;
}

.redcolor {
  color: #EC0000;
  font-size: 38px;
}

.rrso1 {
  padding-top: 40px;
}

.rrso2 {
  border-left: 2px solid #EC0000;
  padding-left: 20px;
  font-weight: 600;
}

#sectionheader2 img {
  width: 100%;
  padding-top: 30px;
}

.under-headline {
  background-color: #F9F9F9;
  margin-bottom: 60px;
  padding: 30px 20px;
  z-index: 1;
  position: relative;
}

.section2-4-img {
  margin: auto;
  max-width: 147px;
  width: 100%;
}

.section2-4 .section2-4-img img {
  display: block;
  width: 100px;
  margin: auto 20px;
}

@media screen and (max-width:767px) {
  .section2-4 .section2-4-img img {
    margin: 0px auto 20px auto!important;
    width: 80px!important;
  }
}

.section10-desktop {
  max-width: 1074px;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 150px;
  margin: auto;
}

.section10-footer-1 {
  z-index: 1;
  position: relative;
}

.footer-text {
  border-left: 2px solid #EC0000;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
  text-align: justify;
}

.footer-line {
  border-bottom: 1px solid #666666;
  padding-bottom: 40px;
  margin-left: 20px;
}

.section10-footer-2 {
  display: table;
  padding-left: 20px;
  z-index: 1;
  position: relative;
}

.footer-link-1 {
  display: table-cell;
  padding-right: 20px;
  border-right: 2px solid #EC0000;
}

.footer-link-2 {
  display: table-cell;
  padding-left: 20px;
}

.footer-link-1 a, .footer-link-2 a {
  text-decoration: none;
  color: #EC0000;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
}