@charset "UTF-8";
/* responsive */
/* colors */
/* fonts */
/* tell me more */
.tellmemore {
  position: fixed;
  bottom: 100px;
  left: 20px;
  background: #164065;
  padding: 5px 20px;
  border-radius: 3px;
  z-index: 500;
}
.tellmemore i.icon {
  color: #0C95D0;
  font-size: 30px;
  margin-right: 20px;
  position: relative;
  top: 17px;
}
.tellmemore p {
  float: right;
  padding: 8px 0;
  color: #fff !important;
}
.tellmemore p a {
  color: #fff !important;
  display: inline-block;
  font-family: "ANRP-Medium", sans-serif;
  font-weight: bold !important;
}
.tellmemore p a:hover {
  color: #fff !important;
  text-decoration: underline;
}

/* gepard banner */
.gepard-banner {
  background: #f4f8fb url("/realitny-software/template/img/gepard.jpg") no-repeat;
  background-size: 800px auto;
  background-position: calc(100% + 100px) 30%;
  padding: 50px 100px;
  margin-bottom: 80px;
  text-align: left;
  border-radius: 3px;
}

.gepard-banner h3 {
  margin-bottom: 30px;
}

/* ui */
h1, h2, h3, h4 {
  color: #0E1A24;
  font-family: "ANRP-Medium", sans-serif;
  font-weight: normal;
}
h1 strong, h2 strong, h3 strong, h4 strong {
  font-family: "ANRP-Medium", sans-serif;
}
h1 > i.icon, h2 > i.icon, h3 > i.icon, h4 > i.icon {
  position: relative;
  top: 0.4rem;
  color: #0C95D0;
  font-size: 2rem;
  margin-right: 1.8rem;
}
h1.center, h2.center, h3.center, h4.center {
  text-align: center;
}
h1.left, h2.left, h3.left, h4.left {
  text-align: left;
}
h1.title, h2.title, h3.title, h4.title {
  max-width: 60%;
  margin: 0 20% 6rem 20%;
}
h1.withsub, h2.withsub, h3.withsub, h4.withsub {
  margin-bottom: 3rem !important;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2rem;
  line-height: 2.6rem;
}

h3 {
  font-size: 1.3rem;
  line-height: 1.8rem;
}
h3.center {
  font-size: 1.6em;
  line-height: 2.3rem;
}

h4 {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
}
p.center {
  text-align: center;
}
p.subtitle {
  font-size: 1.3rem;
  line-height: 2rem;
  max-width: 80%;
  margin: 0 auto;
}

small {
  color: #757575;
  line-height: 1.5rem;
}
small strong {
  color: #757575;
}
small a, small a:focus, small a:visited {
  color: #757575 !important;
  text-decoration: underline;
}
small a:hover, small a:focus:hover, small a:visited:hover {
  text-decoration: none !important;
}

strong {
  font-family: "ANRP-Medium", sans-serif;
  color: #0E1A24;
}

a {
  color: #ED4322;
}
a:active, a:focus, a:visited {
  color: #ED4322;
  text-decoration: none;
}
a:hover {
  color: #ED4322 !important;
  text-decoration: underline;
}

.button {
  display: inline-block;
  background: #ED4322;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-family: "ANRP-Medium", sans-serif;
  letter-spacing: 0.05rem;
  font-size: 0.8rem;
  padding: 9px 15px 8px 15px;
  border: 2px solid #ED4322;
  border-radius: 3px;
  position: relative;
  top: 0;
  -webkit-transition: top ease 0.2s;
  transition: top ease 0.2s;
  line-height: 1.3rem;
}
.button.secondary {
  background: transparent;
  color: #ED4322 !important;
  border: 2px solid #ED4322;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.button.secondary:hover {
  background: #ED4322;
  text-decoration: none;
  color: #fff !important;
  top: 0px;
}
.button:active, .button:focus, .button:visited {
  color: #fff;
  text-decoration: none;
}
.button:hover {
  text-decoration: none;
  color: #fff !important;
  top: -3px;
}

.button-link {
  color: #ED4322;
  text-transform: uppercase;
  font-family: "ANRP-Medium", sans-serif;
  letter-spacing: 0.05rem;
  font-size: 0.88rem;
}

/* responsive */
@media (max-width: 992px) {
  .gepard-banner {
    background-position: calc(100% + 150px) 50%;
    background-size: 550px auto;
    padding: 50px;
  }
}
@media (max-width: 520px) {
  .gepard-banner {
    background: #f4f8fb !important;
    text-align: center;
  }
  .tellmemore {
    /*display: none;*/
  }
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h2.title {
    max-width: 80%;
    margin: 0 10% 4rem 10%;
  }
  h3 {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
  h3.center {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
  h4 {
    font-size: 1rem;
    line-height: 1.3rem;
  }
  p.subtitle {
    max-width: 90%;
  }
}
@media only screen and (min-width: 520px) {
  .onlymobile {
    display: none !important;
  }
}
@media only screen and (max-width: 520px) {
  .onlydesktop {
    display: none !important;
  }
}
.modal {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s;
}

.modal-content {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 35%;
  max-width: 500px;
  min-width: 400px;
  border-radius: 0.5rem;
}
.modal-content form {
  margin-top: 30px;
}
.modal-content form input {
  margin-bottom: 5px;
}
.modal-content form input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.modal-content form input[type=checkbox] + label {
  float: left;
  background: #fff;
  border: 1px solid #D8D8D8;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 4px;
  margin-right: 10px;
  border-radius: 3px;
}
.modal-content form input[type=checkbox] + label:hover {
  cursor: pointer;
}
.modal-content form input[type=checkbox]:checked + label {
  background: #ED4322 url(../img/tic.svg) no-repeat center center;
  background-size: 78%;
  border: none;
}
.modal-content form div.bytel {
  margin-bottom: 5px;
}
.modal-content form div.bymail {
  margin-bottom: 15px;
}
.modal-content form div.agree {
  overflow: auto;
  margin-bottom: 15px;
}
.modal-content form div.agree small {
  width: calc(100% - 30px);
  float: left;
}
.modal-content form a.button {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.close-button {
  float: right;
  width: 1.66rem;
  line-height: 1.66rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: #F7F8F9;
  color: #0E1A24;
  font-size: 1.66em;
}

.show-modal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20000px;
  z-index: 101;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s;
}

/* form */
form input:-moz-read-only { /* For Firefox */
  background-color: #F7F8F9;
}
form input:read-only {
  background-color: #F7F8F9;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=password] {
  border: 1px solid #D8D8D8;
  border-radius: 3px;
  width: 100%;
  line-height: 44px;
  padding: 0 11px;
  -webkit-appearance: none;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form input[type=password]:focus {
  border-color: #949494;
  outline: 0;
}
form input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
form input[type=checkbox] + label {
  float: left;
  background: #fff;
  border: 1px solid #D8D8D8;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 4px;
  margin-right: 10px;
  border-radius: 3px;
}
form input[type=checkbox] + label:hover {
  cursor: pointer;
}
form input[type=checkbox]:checked + label {
  background: #ED4322 url(../img/tic.svg) no-repeat center center;
  background-size: 78%;
  border: none;
}
form input[type=submit] {
  background: #ED4322;
  color: #fff;
  width: 100%;
  text-transform: uppercase;
  color: #fff;
  font-family: "ANRP-Medium", sans-serif;
  letter-spacing: 0.05rem;
  font-size: 0.8rem;
  border-radius: 3px;
  border: none;
  padding: 13px;
}
form input[type=submit]:hover, form input[type=submit]:active, form input[type=submit]:focus {
  outline: 0;
}
form textarea {
  width: 100%;
  min-height: 100px;
  line-height: 1.3rem;
  resize: none;
  padding: 9px 11px;
  border-radius: 3px;
  border: 1px solid #D8D8D8;
  -webkit-appearance: none;
}
form textarea:focus {
  outline: 0;
  border-color: #949494;
}
form select {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D8D8D8;
  -webkit-appearance: none;
}
form select:hover, form select:focus {
  outline: 0;
}
form.numbers input[type=number] {
  width: 16.6666666667%;
  float: left;
  height: 100px;
  font-size: 30px;
  padding: 0;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-right: none;
}
form.numbers input[type=number]:last-child {
  border-right: 1px solid #D8D8D8;
}
form.numbers input[type=number]::-webkit-inner-spin-button, form.numbers input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* switch */
.switch {
  overflow: auto;
  margin-bottom: 6rem;
}
.switch input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch input:checked + label {
  background-color: #0C95D0;
  font-family: "ANRP-Medium", sans-serif;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch label {
  float: left;
  display: inline-block;
  width: 33.3333333333%;
  color: #757575;
  text-align: center;
  text-shadow: none;
  line-height: 68px;
  font-size: 1.05rem;
  border: 1px solid #d8d8d8;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.switch label > i.icon {
  margin-right: 20px;
  font-size: 2rem;
  position: relative;
  top: 0.5rem;
}
.switch label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.switch label:hover {
  cursor: pointer;
}
.switch label.center {
  border-left: none;
  border-right: none;
}
.switch.four label {
  width: 25%;
  line-height: inherit;
  padding: 1rem 0 1.1rem 0 !important;
  border: 1px solid #d8d8d8;
  border-right: none;
}
.switch.four label > i.icon {
  margin: 0 0 1rem 0;
  top: 0.2rem;
  width: 100%;
  display: inline-block;
}
.switch.four label > span {
  display: inline-block;
  line-height: 1.5rem;
  width: 140px;
}
.switch.four label:last-of-type {
  border-right: 1px solid #d8d8d8;
}
.switch.six label {
  width: 16.6666666667%;
  line-height: inherit;
  padding: 1rem 0 1.1rem 0 !important;
  border: 1px solid #d8d8d8;
  border-right: none;
}
.switch.six label > i.icon {
  margin: 0 0 1rem 0;
  top: 0.2rem;
  width: 100%;
  display: inline-block;
}
.switch.six label > span {
  display: inline-block;
  line-height: 1.5rem;
  width: 140px;
}
.switch.six label:last-of-type {
  border-right: 1px solid #d8d8d8;
}

/* responsive */
@media (max-width: 992px) {
  .switch {
    margin-bottom: 4rem;
  }
  .switch label {
    line-height: inherit;
    padding: 1rem 0 !important;
  }
  .switch label > i.icon {
    margin: 0 0 1rem 0;
    top: 0.2rem;
    width: 100%;
    display: inline-block;
    font-size: 1.8rem;
  }
  .switch label > span {
    display: inline-block;
    height: 38px;
    line-height: 1.5rem;
    width: 140px;
  }
  .switch.four label {
    width: 50%;
    border-top: none !important;
  }
  .switch.four label:nth-of-type(2n) {
    border-right: 1px solid #d8d8d8 !important;
  }
  .switch.four label:nth-of-type(-n+2) {
    border-top: 1px solid #d8d8d8 !important;
    border-bottom: none;
  }
  .switch.four label:nth-of-type(n+2) {
    border-bottom: 1px solid #d8d8d8 !important;
  }
  .switch.four label:first-of-type {
    border-radius: 4px 0 0 0;
    border-bottom: 1px solid #d8d8d8 !important;
  }
  .switch.four label:nth-of-type(2) {
    border-radius: 0 4px 0 0;
  }
  .switch.four label:nth-of-type(4) {
    border-radius: 0 0 4px 0;
  }
  .switch.four label:nth-of-type(3) {
    border-radius: 0 0 0 4px;
  }
  .switch.six label {
    width: 33.3333333333%;
    border-top: none !important;
  }
  .switch.six label:nth-of-type(3n) {
    border-right: 1px solid #d8d8d8 !important;
  }
  .switch.six label:nth-of-type(-n+6) {
    border-top: 1px solid #d8d8d8 !important;
    border-bottom: none;
  }
  .switch.six label:nth-of-type(n+4) {
    border-bottom: 1px solid #d8d8d8 !important;
  }
  .switch.six label:first-of-type {
    border-radius: 4px 0 0 0;
  }
  .switch.six label:nth-of-type(3) {
    border-radius: 0 4px 0 0;
  }
  .switch.six label:nth-of-type(4) {
    border-radius: 0 0 0 4px;
  }
  .switch.six label:last-of-type {
    border-radius: 0 0 4px 0;
  }
}
@media (max-width: 766px) {
  .switch {
    padding: 0 5%;
  }
}
@media (max-width: 520px) {
  .switch {
    margin-bottom: 4rem;
    padding: 0 5%;
  }
  .switch label {
    width: 100%;
    line-height: 48px;
  }
  .switch label > i.icon {
    margin: 0 0 1rem 0;
    top: 0.8rem;
    width: 100%;
    display: inline-block;
    font-size: 1.8rem;
  }
  .switch label span {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
  .switch label.center {
    border: 1px solid #D8D8D8;
    border-top: none;
    border-bottom: none;
  }
  .switch label:first-of-type {
    border-radius: 4px 4px 0 0;
  }
  .switch label:last-of-type {
    border-radius: 0 0 4px 4px;
  }
  .switch.four label {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    border-right: none;
  }
  .switch.four label:nth-of-type(2n) {
    border-right: 1px solid #d8d8d8 !important;
  }
  .switch.four label:nth-of-type(-n+2) {
    border-top: 1px solid #d8d8d8 !important;
    border-bottom: none;
  }
  .switch.four label:nth-of-type(n+2) {
    border-bottom: 1px solid #d8d8d8 !important;
  }
  .switch.four label:first-of-type {
    border-radius: 4px 0 0 0;
    border-bottom: 1px solid #d8d8d8 !important;
  }
  .switch.four label:nth-of-type(2) {
    border-radius: 0 4px 0 0;
  }
  .switch.four label:nth-of-type(4) {
    border-radius: 0 0 4px 0;
  }
  .switch.four label:nth-of-type(3) {
    border-radius: 0 0 0 4px;
  }
  .switch.six label {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    border-right: none;
  }
  .switch.six label:nth-of-type(n+4) {
    border-bottom: none !important;
  }
  .switch.six label:nth-of-type(n+5) {
    border-bottom: 1px solid #d8d8d8 !important;
  }
  .switch.six label:nth-of-type(3n) {
    border-right: none !important;
  }
  .switch.six label:nth-of-type(even) {
    border-right: 1px solid #d8d8d8 !important;
  }
  .switch.six label:nth-of-type(2) {
    border-radius: 0 4px 0 0 !important;
  }
  .switch.six label:nth-of-type(3) {
    border-radius: 0px !important;
  }
  .switch.six label:nth-of-type(4) {
    border-radius: 0px !important;
  }
  .switch.six label:nth-of-type(5) {
    border-radius: 0 0 0 4px !important;
  }
}
/* header */
header {
  background: #164065;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  z-index: 3;
}
header a.logo {
  background: url(../img/logo.svg) no-repeat;
  background-position: left center;
  background-size: auto 46px;
  padding: 0px;
  float: left;
  overflow: hidden;
  width: 165px;
  height: 44px;
  padding-left: 165px;
}
header .menu {
  float: right;
}
header .menu ul li {
  position: relative;
  float: left;
  margin: 0 0 0 3rem;
  line-height: 44px;
}
header .menu ul li.home {
  margin: 0px;
}
header .menu ul li.home a img {
  height: 18px;
  margin-top: 13px;
}
header .menu ul li.home:hover a {
  background: transparent !important;
  border-bottom: none !important;
}
header .menu ul li > a {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  font-family: "ANRP-Medium", sans-serif;
  font-size: 0.88rem;
  padding: 0 10px;
}
header .menu ul li > a:hover {
  color: transparent !important;
}
header .menu ul li > a.button {
  padding: 0 12px;
  font-size: 0.88rem;
  color: #fff !important;
}
header .menu ul li > a.button:hover {
  background: #ED4322 !important;
}
header .menu ul li > a.withsub:after {
  display: inline-block;
  content: "▾";
  color: #0C95D0;
  font-size: 12px;
  position: relative;
  top: -1px;
  margin-left: 10px;
}
header .menu ul li > a:hover, header .menu ul li > a:active, header .menu ul li > a:visited, header .menu ul li > a:focus {
  color: #fff;
  text-decoration: none;
}
header .menu ul li > a:hover {
  background: #2aa5da !important;
}
header .menu ul li > a:hover:after {
  visibility: hidden !important;
}
header .menu ul li ul {
  z-index: 200;
  margin: 0;
  background: #0C95D0;
  position: absolute;
  visibility: hidden;
  width: auto;
  text-align: left;
  border-radius: 0 0 3px 3px;
  top: 40px;
}
header .menu ul li ul li {
  float: none;
  margin: 0;
  line-height: 2.2rem;
}
header .menu ul li ul li a {
  padding: 0px;
  text-align: left;
  border: none !important;
  color: #fff !important;
  white-space: pre;
  background: transparent !important;
}
header .menu ul li ul li a:hover {
  color: #fff !important;
  background: transparent !important;
}
header .menu ul li ul li:hover {
  background: #2aa5da !important;
}
header .menu ul li:hover a:not(.button) {
  border-bottom: 1px solid #0C95D0;
  background: #0C95D0;
  color: #fff !important;
  padding: 10px;
}
header .menu ul li:hover ul {
  visibility: visible;
  display: block;
}
header a.icon {
  display: none;
  float: right;
  color: #fff;
  font-size: 1.5rem;
  line-height: 41px;
}
header a.icon:hover, header a.icon:focus, header a.icon:visited {
  color: #fff !important;
  text-decoration: none;
}
header a.button {
  float: right;
  font-size: 0.84rem;
  line-height: 38px;
  margin: 2px 0;
  padding: 0 15px;
}
header.fixed {
  position: fixed;
}
header.fixed a.logo {
  display: block !important;
  background: url(../img/logo-black.svg) no-repeat;
  background-position: 0 50%;
  background-size: auto 36px;
}
header.withbg {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(119, 119, 119, 0.1);
          box-shadow: 0 3px 6px rgba(119, 119, 119, 0.1);
}
header.withbg a.logo {
  display: none;
}
header.withbg .menu {
  float: right;
}
header.withbg .menu ul li {
  margin: 0 3rem 0 0;
}
header.withbg .menu ul li a, header.withbg .menu ul li a:hover, header.withbg .menu ul li a:focus, header.withbg .menu ul li a:visited {
  color: #0E1A24;
}
header.withbg .menu ul li ul li {
  margin: 0px !important;
  float: left !important;
  width: 100%;
}
header.withbg .menu ul li:last-child {
  float: right;
  margin: 0px;
}
header.withbg a.icon {
  color: #0E1A24 !important;
}
header.withbg a.icon:hover, header.withbg a.icon:focus, header.withbg a.icon:visited {
  color: #0E1A24 !important;
}

/* responsive */
@media (min-width: 992px) {
  header.withbg {
    padding: 7px 0;
  }
}
@media (max-width: 1200px) {
  header .menu ul li {
    margin: 0 0.5rem;
  }
}
@media (max-width: 992px) {
  header {
    padding: 5px 5%;
  }
  header .container {
    width: 100%;
    margin: 0;
  }
  header a.logo {
    background-size: auto 32px;
    width: 130px;
    padding-left: 130px;
  }
  header .menu {
    display: none;
  }
  header .menu.open {
    display: block;
    width: 100%;
    position: absolute;
    top: 52px;
    left: 0px;
    background: #0E1A24;
    padding: 1rem 5%;
  }
  header .menu.open ul {
    padding: 0 15px;
  }
  header .menu.open ul li {
    width: 100%;
    margin: 0px;
    text-align: left;
  }
  header .menu.open ul li a {
    color: #fff !important;
  }
  header .menu.open ul li a:not(.button) {
    padding-left: 0px;
    border-bottom: none;
    background: transparent !important;
    color: #fff !important;
    padding: 0px;
  }
  header .menu.open ul li ul {
    width: calc(100% + 2.4rem);
    left: -1.2rem;
    top: 0px;
    margin: 0.5rem 0;
    padding: 0.8rem 1.2rem;
    overflow: auto;
  }
  header .menu.open ul li ul:after {
    display: none;
  }
  header .menu.open ul li:hover ul, header .menu.open ul li:focus ul {
    position: relative;
  }
  header a.icon {
    display: block;
    font-size: 1.3rem;
  }
  header a.button {
    position: relative;
    left: 1rem;
    width: calc(100% + 2rem);
    margin: 1rem 0;
  }
}
/* carousel */
section#carousel {
  background: #F7F8F9;
  text-align: center;
  position: relative;
}
section#carousel > .container {
  position: relative;
  z-index: 1;
}
section#carousel h2 {
  text-align: center;
  color: #0E1A24;
  font-size: 2.2rem;
  line-height: 3.6rem;
  font-family: "ANRP-Regular", sans-serif;
  margin: calc(10rem + 65px) 15% 10rem 15%;
}
section#carousel h2 strong {
  color: #0E1A24;
  border-bottom: 1px solid #0C95D0;
}
section#carousel h2.center {
  margin: calc(8rem + 65px) 15% 8rem 15%;
}
section#carousel h2.left {
  text-align: left;
  max-width: 48%;
  margin: calc(10rem + 30px) 0 10rem 0;
}
section#carousel.aml {
  background: #F7F8F9 url("/realitny-software/template/img/pattern.svg") no-repeat !important;
  background-position: 120% -50px !important;
  background-size: 600px auto !important;
  height: auto !important;
  padding: 6rem 0 !important;
}
section#carousel.aml .loginform {
  position: relative !important;
  top: inherit !important;
  -webkit-transform: none !important;
          transform: none !important;
  left: inherit !important;
  display: inline-block !important;
}
@media (max-width: 520px) {
  section#carousel.aml .g-recaptcha {
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
section#carousel.login {
  background: #164065;
  position: relative;
  height: 100vh;
}
section#carousel.login h3 {
  margin-bottom: 30px;
}
section#carousel.login .loginform {
  background: #fff;
  border-radius: 3px;
  padding: 30px;
  width: 90%;
  max-width: 500px;
  position: absolute;
  z-index: 1;
  top: calc(50% + 38px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#carousel.login .loginform form p {
  overflow: auto;
}
section#carousel.login .loginform form p .icon {
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  float: left;
  width: 50px;
  color: #0C95D0;
  font-size: 24px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-right: none;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
section#carousel.login .loginform form p input {
  float: right;
  width: calc(100% - 50px);
  border-left: none;
  border-radius: 0px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
section#carousel.login .loginform form p:focus-within .icon {
  border-color: #949494;
  outline: 0;
}
section#carousel.login .loginform input {
  margin-bottom: 10px;
}
section#carousel.login .loginform button {
  width: 100%;
  margin-top: 20px;
}
section#carousel.login > img {
  position: absolute;
  bottom: 40px;
  width: 100px;
  left: calc(50% - 50px);
}
section#carousel.withscreen h2 {
  float: left;
  text-align: left;
  width: 40%;
  margin: calc(11rem + 30px) 0 9rem 0;
}
section#carousel.withscreen:after {
  width: 69%;
  content: "";
  background: url("../img/theme.png") no-repeat;
  background-position: left calc(50% + 39px);
  background-size: auto 70%;
  opacity: 1;
}
section#carousel.create {
  background: url("/realitny-software/template/img/2.jpg") no-repeat;
  background-position: center right;
  background-size: cover;
  padding: calc(10rem + 76px) 0 10rem 0;
}
section#carousel.create h2 {
  text-align: left;
  max-width: 40%;
  margin: 0px !important;
  color: #43515D !important;
}
section#carousel.create h2 strong {
  color: #0E1A24 !important;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2.75rem;
  border: none;
}
section#carousel.create p {
  float: left;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.8rem;
  max-width: 40%;
}
section#carousel.create form {
  float: left;
  clear: left;
  max-width: 60%;
  margin-top: 2rem;
  text-align: left;
}
section#carousel.create form fieldset input {
  width: 100%;
  margin-bottom: 10px;
}
section#carousel.gepard {
  background: #f4f8fb url("/realitny-software/template/img/gepard.jpg") no-repeat;
  background-position: calc(100% + 200px) 50%;
  background-size: auto 100%;
  padding: calc(10rem + 76px) 0 10rem 0;
}
section#carousel.gepard h2 {
  text-align: left;
  max-width: 40%;
  margin: 0px !important;
  color: #43515D !important;
}
section#carousel.gepard h2 strong {
  color: #0E1A24 !important;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2.75rem;
  border: none;
}
section#carousel.gepard p {
  float: left;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.8rem;
  max-width: 40%;
}
section#carousel:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0.6;
}

/* responsive */
@media (min-width: 992px) and (max-width: 1200px) {
  section#carousel h2 {
    margin: calc(6rem + 65px) 15% 6rem 15%;
  }
  section#carousel.withscreen h2 {
    width: 40%;
    font-size: 2rem;
    line-height: 3.6rem;
    margin: calc(11rem + 30px) 0 8rem 0;
  }
  section#carousel.withscreen:after {
    background-position: left calc(50% + 109px);
    background-size: auto 60%;
    width: 74%;
  }
}
@media (max-width: 992px) {
  section#carousel h2 {
    margin: calc(6rem + 22px) 0 6rem 0 !important;
    font-size: 2rem;
    line-height: 3.6rem;
    max-width: 60% !important;
  }
  section#carousel h2.center {
    max-width: 100% !important;
    margin-left: 0px !important;
    padding: 0 5% !important;
  }
  section#carousel.login {
    height: auto;
    padding: 6rem 0 120px 0;
  }
  section#carousel.login .loginform {
    top: calc(50% + 27px);
    position: relative;
    z-index: 1;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
            transform: none;
    width: 60%;
    max-width: 60%;
    margin: 0 20%;
  }
  section#carousel.create {
    background-position: 70%;
    padding: calc(6rem + 54px) 0 6rem 0;
  }
  section#carousel.gepard {
    background-position: calc(100% + 400px) 50%;
    padding: calc(6rem + 54px) 0 6rem 0;
  }
  section#carousel.withscreen h2 {
    width: 50%;
    margin: calc(8rem + 30px) 0 7rem 0 !important;
  }
  section#carousel.withscreen:after {
    width: 70%;
    background-position: left 90%;
    background-size: auto 50%;
  }
}
@media (max-width: 766px) {
  section#carousel h2 {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin: calc(4rem + 32px) 0 4rem 5% !important;
    max-width: 40%;
  }
  section#carousel h2.center {
    max-width: 100% !important;
    margin-left: 0px !important;
    padding: 0 10% !important;
  }
  section#carousel.login .loginform {
    top: calc(50% + 27px);
    position: relative;
    z-index: 1;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
            transform: none;
    width: 90%;
    max-width: 90%;
    margin: 0 5%;
  }
  section#carousel.create h2, section#carousel.create p, section#carousel.create form {
    margin-left: 5% !important;
  }
  section#carousel.gepard {
    background-position: calc(100% + 600px) 50%;
  }
  section#carousel.gepard h2, section#carousel.gepard p, section#carousel.gepard form {
    margin-left: 5% !important;
  }
  section#carousel.withscreen h2 {
    max-width: 80% !important;
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
    text-align: center;
    margin: calc(5rem + 42px) 10% 5rem 10% !important;
  }
  section#carousel.withscreen:after {
    display: none;
  }
}
@media (max-width: 520px) {
  section#carousel h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
    margin: calc(3rem + 42px) 0 3rem 5% !important;
    max-width: 75% !important;
  }
  section#carousel.create {
    background: #F7F8F9;
    padding: calc(4rem + 54px) 0 4rem 0;
    text-align: center;
  }
  section#carousel.create h2, section#carousel.create p, section#carousel.create form {
    text-align: center;
    max-width: 90% !important;
    margin: 0 5% !important;
  }
  section#carousel.create form {
    margin-top: 2rem !important;
  }
  section#carousel.gepard {
    background: #F7F8F9;
    padding: calc(4rem + 54px) 0 4rem 0;
    text-align: center;
  }
  section#carousel.gepard h2, section#carousel.gepard p, section#carousel.gepard form {
    text-align: center;
    max-width: 90% !important;
    margin: 0 5% !important;
    float: inherit;
  }
  section#carousel.withscreen h2 {
    max-width: 100% !important;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
  }
  section#carousel.withscreen:after {
    display: none;
  }
}
@media (max-width: 320px) {
  section#carousel h2 {
    max-width: 100% !important;
  }
}
/* features */
section#features {
  text-align: center;
  padding: 6rem 0;
}
section#features h2.title {
  font-family: "ANRP-Regular", sans-serif;
  max-width: 60%;
  margin: 0 20% 6rem 20%;
}
section#features .video-wrapper {
  position: relative;
  margin-bottom: 6rem;
}
section#features .video-wrapper video {
  width: 70%;
}
section#features .video-wrapper .playButton {
  border-radius: 100px;
  border: 6px solid #fff;
  height: 120px;
  position: absolute;
  width: 120px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  display: block;
  opacity: 0.95;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
}
section#features .video-wrapper .playButton:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 40px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: -10px;
  bottom: 0;
  margin: auto;
}
section#features p.subtitle {
  font-family: "ANRP-Regular", sans-serif;
  margin: 6rem auto 3rem auto;
  max-width: 75%;
}
section#features .items {
  overflow: auto;
}
section#features .items .item {
  padding: 0 8%;
  min-height: 360px;
  border: 2px solid #fff;
}
section#features .items .item i.icon {
  display: inline-block;
  color: #0C95D0;
  font-size: 3rem;
  margin-bottom: 2rem;
}
section#features .items .item h3 {
  font-family: "ANRP-Medium", sans-serif;
  margin-bottom: 2rem;
}
section#features .items .item h3 a, section#features .items .item h3 a:hover, section#features .items .item h3 a:visited, section#features .items .item h3 a:focus {
  color: #0E1A24 !important;
}
section#features .items .item:nth-last-child(1), section#features .items .item:nth-last-child(2) {
  min-height: 1px;
}
@media (max-width: 992px) {
  section#features .items .item {
    min-height: 1px;
  }
}
section#features .items .item.banner {
  background: #F7F8F9;
  overflow: auto;
  text-align: center;
  padding: 30px 0;
}
section#features .items .item.banner p {
  margin-top: 0;
  margin-bottom: 0;
}
section#features .items .item.banner p a {
  color: #43515D;
  text-decoration: underline;
}
section#features .items .item.banner span {
  line-height: 60px;
  display: inline-block;
  overflow: auto;
}
section#features .items .item.banner span i.icon {
  position: relative;
  top: 14px;
  margin: 0 30px 0 0;
  display: inline-block;
}
section#features .items .item.banner span h3 {
  display: inline-block;
  margin: 0;
}
section#features .items.notext .item {
  min-height: 1px;
}
section#features .items.numbers {
  margin-bottom: 6rem;
}
section#features .items.numbers .item {
  padding: 0;
  min-height: 1px;
}
section#features .items.numbers .item p.number {
  font-size: 3em;
  color: #0C95D0;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1em;
}
section#features a.button {
  display: inline-block;
}
section#features.lv {
  padding-bottom: 0px;
}

/* responsive */
@media (max-width: 992px) {
  section#features h2.title {
    max-width: 80%;
    margin: 0 10% 6rem 10%;
  }
  section#features h3.center {
    max-width: 75%;
  }
  section#features .items .item {
    margin-bottom: 4rem;
  }
  section#features .items .item p {
    padding: 0 50px;
  }
  section#features .items .item:nth-last-child(1) {
    margin-bottom: 0rem;
  }
  section#features .items .item.banner span i.icon {
    top: 0;
  }
  section#features .items.numbers {
    margin-bottom: 3rem;
  }
}
@media (max-width: 766px) {
  section#features h2.title {
    max-width: 90%;
    margin: 0 5% 4rem 5%;
  }
  section#features p.subtitle {
    margin: 6rem auto 3rem auto;
    max-width: 80%;
  }
  section#features .items .item {
    margin-bottom: 4rem;
  }
  section#features .items .item p {
    padding: 0 20%;
  }
  section#features .items .item:last-child {
    margin-bottom: 0px;
  }
  section#features .items.numbers {
    margin-bottom: 5rem;
  }
}
@media (max-width: 520px) {
  section#features {
    padding: 4rem 0;
    margin-bottom: 4rem;
  }
  section#features h2.title {
    max-width: 90%;
    margin: 0 5% 4rem 5%;
  }
  section#features .video-wrapper {
    margin-bottom: 4rem;
  }
  section#features .video-wrapper video {
    width: 90%;
  }
  section#features .video-wrapper .playButton {
    width: 90px;
    height: 90px;
  }
  section#features .items .item {
    padding: 0 15%;
  }
  section#features .items .item p {
    padding: 0px;
  }
  section#features .items.numbers {
    margin-bottom: 3rem;
  }
}
/* grid */
section#grid {
  margin: 2rem 0;
}
section#grid.aml {
  margin: 0px !important;
}
section#grid .oneline {
  margin: 6rem 0;
}
section#grid .oneline > div {
  padding: 0 10%;
}
section#grid .oneline > div p {
  line-height: 1.7rem;
}
section#grid .oneline > div i.icon {
  display: inline-block;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  color: #0C95D0;
}
section#grid .oneline > div h3 {
  margin-bottom: 2rem;
}
section#grid .item {
  position: relative;
  margin: 0px;
}
section#grid .item .image {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 41.6666666667%;
  height: 100%;
}
section#grid .item .image > i.icon {
  color: #0C95D0;
  font-size: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#grid .item .image.logos img {
  max-height: 80%;
  margin-top: 3rem;
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#grid .item .image.logos.hypo {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
section#grid .item .image.logos.hypo a {
  display: block;
  text-align: center;
}
section#grid .item .image.logos.hypo a img {
  max-width: 250px;
  height: inherit;
}
section#grid .item .hypo {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
section#grid .item .hypo a {
  display: block;
  text-align: center;
  margin: 5rem 0;
}
section#grid .item .hypo a img {
  max-width: 250px;
  height: inherit;
}
section#grid .item .text {
  padding: 4rem 0;
}
section#grid .item .text h2 {
  margin-bottom: 3rem;
  max-width: 90%;
}
section#grid .item .text p {
  line-height: 1.7rem;
}
section#grid .item .text p .icon {
  display: inline-block;
  font-size: 2.4rem;
  margin: 1rem 0 2rem 0;
  color: #0C95D0;
}
section#grid .item .text p.link {
  display: block;
  margin-top: 3rem;
  font-size: 0.94em;
}
section#grid .item .text p.quote {
  background: #F7F8F9;
  border-left: 2px solid #0C95D0;
  padding: 18px 20px 18px 22px;
  margin-top: 40px;
  font-size: 0.9em;
  line-height: 1.66em;
}
section#grid .item .text p.quote strong {
  font-size: 1.05em;
  display: inline-block;
  margin-bottom: 6px;
}
section#grid .item .text a.button {
  margin-top: 3rem;
}
section#grid .item.withbg {
  background: #F7F8F9;
  padding: 2rem 0;
}
section#grid .item.left .image {
  left: 0;
  right: inherit;
}
section#grid .item.left .text {
  float: right;
}
section#grid .item.right .image {
  left: inherit;
  right: 0;
}
section#grid .item.right .image img {
  height: 100%;
}
@media (max-width: 520px) {
  section#grid .item.right .image img {
    height: 100%;
    /*width: calc(100% + 100px);*/
	width: 100%;
	max-width: initial;
    margin-top: 3rem;
    margin-bottom: 3rem;
    /*left: -50px;*/
    position: relative;
  }
}
section#grid .item.right .text {
  float: left;
}
section#grid .item.browser .image > img {
  height: 400px;
  position: relative;
  float: left;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  left: inherit;
}
section#grid .item.photo {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
section#grid .item.photo .image {
  width: calc(50% - 6rem);
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
section#grid .item.photo .image > img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
section#grid .item.photo .text {
  width: 570px;
  float: left;
}
section#grid .item.large {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
section#grid .item:last-child {
  margin-bottom: 0px;
}

/* responsive */
@media (min-width: 992px) and (max-width: 1200px) {
  section#grid .item.photo .text {
    width: 470px;
  }
}
@media (max-width: 992px) {
  section#grid .oneline > div:not(:last-child) {
    margin-bottom: 6rem;
  }
  section#grid .item .image > i.icon {
    font-size: 8rem;
  }
  section#grid .item.photo .text {
    width: calc(50% - 6rem);
    margin-left: calc(50% - 0rem);
  }
}
@media (max-width: 766px) {
  section#grid {
    margin: 6rem 0;
  }
  section#grid .item {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 8rem;
  }
  section#grid .item .hypo {
    position: relative;
    top: 0;
    -webkit-transform: none;
            transform: none;
    padding-top: 5rem;
    overflow: auto;
  }
  section#grid .item .text {
    text-align: center;
    padding: 0 10%;
  }
  section#grid .item .text h2 {
    margin: 0 5% 3rem 5%;
  }
  section#grid .item .image {
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    display: inline-block;
    height: 70px;
  }
  section#grid .item .image > i.icon {
    font-size: 4rem;
  }
  section#grid .item .image.logos {
    height: 500px;
  }
  section#grid .item.browser .image > img {
    float: none;
    width: 80%;
    height: auto !important;
    margin: 4rem 10% !important;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0 !important;
    -webkit-transform: none;
            transform: none;
  }
  section#grid .item.photo {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
  }
  section#grid .item.photo .image {
    width: 100%;
    height: auto;
    min-height: 220px;
    margin-bottom: 4rem;
  }
  section#grid .item.photo .image > img {
    width: 100%;
    height: auto;
  }
  section#grid .item.photo .text {
    width: 100%;
    margin: 0 0 8rem 0;
    padding: 0 10%;
  }
  section#grid .item:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 520px) {
  section#grid {
    margin: 4rem 0;
  }
  section#grid.mixed .oneline {
    margin: 0 0 10rem 0;
  }
  section#grid .item {
    padding: 0 10%;
    margin-bottom: 6rem;
  }
  section#grid .item .image {
    position: relative;
    width: 100%;
    height: 70px;
    margin-bottom: 2rem;
    padding: 0px;
    text-align: center;
  }
  section#grid .item .image > i.icon {
    font-size: 3.6rem;
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    -webkit-transform: none;
            transform: none;
  }
  section#grid .item .text {
    padding: 0px;
    text-align: center;
  }
  section#grid .item .text h2 {
    max-width: 100%;
  }
  section#grid .item:last-child {
    margin-bottom: 0px;
  }
}
/* pricing */
section#pricing {
  padding: 6rem 0;
  text-align: center;
}
section#pricing.homepage {
  border-top: 2px solid #ECECEC;
}
section#pricing.homepage .price-wrapper .price .box {
  margin-bottom: 1rem;
}
section#pricing.homepage .price-wrapper .price a.button {
  width: 100%;
}
section#pricing h3.title {
  font-family: "ANRP-Regular", sans-serif;
  margin: 0 auto;
  max-width: 75%;
}
section#pricing .price-wrapper {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
section#pricing .price-wrapper .price .box {
  padding: 3rem 2rem;
  border: 2px solid #ECECEC;
  border-radius: 5px;
}
section#pricing .price-wrapper .price .box .number {
  position: relative;
  margin: 3rem 0;
  padding: 0 40px 0 20px;
  font-family: "ANRP-Medium", sans-serif;
  color: #0C95D0;
  font-size: 4rem;
  display: inline-block;
}
section#pricing .price-wrapper .price .box .number span {
  position: absolute;
  font-size: 1rem;
}
section#pricing .price-wrapper .price .box .number span.left {
  left: 0;
  top: 7px;
}
section#pricing .price-wrapper .price .box .number span.right {
  right: 0;
  bottom: 8px;
}
section#pricing .price-wrapper .price .box p {
  line-height: 2rem;
}

/* responsive */
@media (max-width: 992px) {
  section#pricing h2.title {
    max-width: 80%;
    margin: 0 10% 4rem 10%;
  }
  section#pricing .price-wrapper .price .box .number {
    font-size: 3rem;
  }
}
@media (max-width: 766px) {
  section#pricing {
    padding: 6rem 0;
  }
  section#pricing.homepage .price-wrapper .price a.button {
    max-width: 90%;
    margin: 0 5% 0 5%;
  }
  section#pricing .price-wrapper .price {
    margin-bottom: 2rem;
  }
  section#pricing .price-wrapper .price .box {
    max-width: 90%;
    margin: 0 5% 0 5%;
  }
  section#pricing .price-wrapper .price .box .number {
    font-size: 4rem;
  }
  section#pricing .price-wrapper .price:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 520px) {
  section#pricing {
    padding: 4rem 0;
  }
  section#pricing .price-wrapper {
    margin: 4rem 0;
  }
}
/* offer */
section#offer {
  text-align: center;
  padding: 4rem 0;
  background: #0E1A24;
  color: rgba(255, 255, 255, 0.9);
}
section#offer.web {
  background: url("/realitny-software/template/img/2.jpg") no-repeat;
  background-position: 0 15%;
  background-size: cover;
  padding: 5rem 0;
}
section#offer.web p {
  text-align: left;
  max-width: 40%;
  margin: 0px;
  color: #43515D !important;
}
section#offer.web p strong {
  color: #0E1A24 !important;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2.75rem;
}
section#offer.web a.button {
  float: left !important;
  margin-top: 3rem !important;
}
section#offer.cielenareklama {
  background: #F7F8F9 url("../img/cielenareklama-bg.svg") no-repeat;
  background-position: calc(50% + 300px) 50%;
  padding: 5rem 0;
  background-size: auto 80%;
}
section#offer.cielenareklama p {
  text-align: left;
  max-width: 50%;
  margin: 0px;
  color: #43515D !important;
}
section#offer.cielenareklama p strong {
  color: #0E1A24 !important;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2.75rem;
}
section#offer.cielenareklama p.logos {
  margin-top: 40px;
  max-width: 80%;
}
section#offer.cielenareklama p.logos img.cielenareklama {
  height: 30px;
  margin-right: 40px;
}
section#offer.cielenareklama p.logos img.google {
  height: 28px;
  margin-right: 20px;
}
section#offer.cielenareklama p.logos img.facebook {
  position: relative;
  top: -6px;
  height: 20px;
}
section#offer p {
  max-width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}
section#offer p strong {
  color: #fff;
}
section#offer p a {
  color: #ED4322;
}
section#offer p.main {
  font-size: 1.3rem;
  line-height: 2rem;
}
section#offer p.main strong {
  color: #fff;
}
section#offer p.sub {
  margin-top: 2rem;
  line-height: 1.8rem;
  opacity: 0.8;
}
section#offer a.button {
  margin-top: 4rem;
}

/* responsive */
@media (min-width: 1200px) and (max-width: 1400px) {
  section#offer.web p {
    margin-left: 5%;
  }
  section#offer.web a.button {
    margin-left: 5%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  section#offer.web {
    background-position: 70% 80%;
  }
  section#offer.web p {
    max-width: 50%;
  }
}
@media (min-width: 766px) and (max-width: 992px) {
  section#offer.web {
    background-position: 70% 17%;
  }
  section#offer.web p {
    max-width: 55%;
  }
}
@media (max-width: 766px) {
  section#offer {
    padding: 4rem 0;
  }
  section#offer p {
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  section#offer.web {
    background-position: 70% 17%;
    max-width: 100%;
  }
  section#offer.web p {
    max-width: 55%;
  }
  section#offer.cielenareklama {
    background: #F7F8F9 !important;
    padding: 3rem 0 calc(3rem - 30px) 0;
  }
  section#offer.cielenareklama p {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
  section#offer.cielenareklama p strong {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  section#offer.cielenareklama p.logos {
    max-width: 100%;
    text-align: center;
  }
  section#offer.cielenareklama p.logos img {
    margin: 0 20px 30px 20px !important;
    display: inline-block;
  }
}
@media (max-width: 520px) {
  section#offer.web {
    padding: 4rem 0;
    background-position: 0 17%;
  }
  section#offer.web p {
    max-width: 100%;
    text-align: center;
  }
  section#offer.web p strong {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  section#offer.web a.button {
    float: none !important;
  }
}
/* text */
section#text {
  padding: 8rem 0;
}
section#text .item h2 {
  margin-bottom: 3rem;
}
section#text .item p {
  max-width: 90%;
  line-height: 1.8rem;
  margin-bottom: 1.8rem;
}
section#text .item p:last-child {
  margin-bottom: 0px;
}
section#text .item img.photo {
  width: 90%;
  margin-top: 6rem;
}
section#text .item img.photo.left {
  float: left;
}
section#text .item img.photo.right {
  float: right;
}
section#text .item div.signature {
  overflow: auto;
  margin-top: 1.5rem;
  line-height: 3rem;
  display: inline-block;
}
section#text .item div.signature small {
  color: #999;
}
section#text .contact {
  text-align: center;
}
section#text .contact .icon {
  font-size: 3.6rem;
  color: #0C95D0;
  margin-bottom: 1.5rem;
}
section#text .contact h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
section#text .contact h2 a, section#text .contact h2 a:hover, section#text .contact h2 a:focus, section#text .contact h2 a:visited {
  color: #0E1A24 !important;
}
section#text .contact small {
  max-width: 60%;
  display: inline-block;
  text-align: center;
}
section#text .payment a.button {
  margin: 2rem 0 0 0 !important;
}
section#text .payment:last-child {
  margin-top: 5rem;
}
section#text.contact {
  text-align: center;
}
section#text.contact h2 {
  font-family: "ANRP-Regular", sans-serif;
}
section#text.contact h2 strong {
  font-family: "ANRP-Medium", sans-serif;
}
section#text.contact .button {
  margin-top: 8rem;
}
section#text.functions {
  padding: 6rem 0 0 0;
}

/* responsive */
@media (max-width: 992px) {
  section#text .item {
    margin-bottom: 4rem;
  }
  section#text .item p {
    max-width: 100%;
  }
  section#text .item img.photo {
    margin: 0;
    width: 40%;
    float: left;
  }
  section#text .item:last-child {
    margin-bottom: 0px;
  }
  section#text .contact h2 {
    font-size: 1.3rem;
  }
  section#text .contact small {
    max-width: 100%;
  }
  section#text.contact {
    padding: 6rem 0;
  }
  section#text.contact .button {
    margin-top: 6rem;
  }
}
@media (max-width: 766px) {
  section#text {
    padding: 4rem 0;
  }
  section#text .item {
    max-width: 90%;
    margin: 0 auto 4rem auto;
    clear: both;
    overflow: hidden;
  }
  section#text .item img {
    width: 100% !important;
  }
  section#text .reverse-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  section#text .reverse-mobile .item img {
    width: 100%;
    margin-bottom: 3rem;
  }
  section#text .contact:not(.payment) {
    margin-bottom: 3rem;
    padding-left: calc(15px + 5%);
  }
  section#text .contact:not(.payment) .icon {
    float: left;
    line-height: 41px;
    height: 41px;
    margin: 0px;
    font-size: 2rem;
    margin-right: 1rem;
  }
  section#text .contact:not(.payment) h2 {
    float: left;
  }
  section#text .contact:not(.payment) small {
    float: left;
    clear: left;
  }
  section#text .contact:not(.payment):last-child {
    margin-bottom: 0px;
  }
  section#text .payment {
    margin-bottom: 5rem;
  }
  section#text .payment:last-child {
    margin: 0 0 5rem 0 !important;
  }
  section#text .button {
    margin-top: 6rem !important;
  }
  section#text.contact {
    padding: 6rem 0;
  }
  section#text.functions {
    padding-bottom: 0px;
  }
}
@media (max-width: 520px) {
  section#text .item h2 {
    margin-bottom: 2rem;
  }
  section#text .item img {
    width: 100% !important;
  }
  section#text .contact {
    padding: 0px;
  }
  section#text .contact .icon {
    font-size: 2.5rem;
    float: none;
    margin: 0 0 1rem 0;
  }
  section#text .contact h2 {
    font-size: 1.2rem;
    float: none;
  }
  section#text .contact small {
    float: none;
    clear: none;
    max-width: 80%;
  }
  section#text.contact {
    padding: 4rem 0;
  }
  section#text.contact .button {
    margin-top: 4rem !important;
  }
  section#text.functions {
    padding: 4rem 0;
  }
}
/* choose */
section#choose {
  padding: 6rem 0;
}
section#choose .bottom {
  text-align: center;
  margin: 6rem 0 0 0;
}
section#choose .bottom p {
  margin: 0 0 5px 0;
}
section#choose .bottom small {
  font-size: 14px;
}
section#choose .items {
  padding: 0 15px;
}
section#choose .items .head {
  padding-top: calc(56px + 4rem);
  float: left;
  width: 37%;
}
section#choose .items .head .line {
  position: relative;
  height: 7rem;
}
section#choose .items .head .line > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
section#choose .items .head .line.border-top {
  border-top: 2px dashed #ECECEC;
  margin-top: 1rem;
}
section#choose .items .item {
  float: left;
  width: 19%;
  margin-left: 2%;
  text-align: center;
}
section#choose .items .item .box {
  padding: 2rem;
  border: 2px solid #ECECEC;
  border-radius: 5px;
  margin-bottom: 2rem;
}
section#choose .items .item .box h3 {
  margin-bottom: 2rem;
}
section#choose .items .item .box p {
  position: relative;
  height: 7rem;
}
section#choose .items .item .box p span {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#choose .items .item .box p span strong {
  font-size: 18px;
}
section#choose .items .item .box p span strong.large {
  font-size: 24px;
}
section#choose .items .item .box p span small {
  font-size: 13px;
}
section#choose .items .item .box p i.icon {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#choose .items .item .box p i.icon.yes {
  color: #0C95D0;
}
section#choose .items .item .box p i.icon.no {
  opacity: 0.5;
}
section#choose .items .item .box p.text {
  display: none;
}
section#choose .items .item .box p.text.no {
  color: #ccc !important;
}
section#choose .items .item .box p.text.no strong {
  color: #ccc !important;
}
section#choose .items .item .box p.text:last-child {
  margin-bottom: 0px;
}
section#choose .items .item .box p.border-top {
  border-top: 2px dashed #ECECEC;
  margin-top: 14px;
}
section#choose .items .item .button {
  width: 100%;
}

/* responsive */
@media (max-width: 1200px) {
  section#choose .items .head {
    width: 37%;
  }
  section#choose .items .item {
    width: 20%;
    margin-left: 1%;
  }
}
@media (max-width: 992px) {
  section#choose .items {
    padding: 0;
  }
  section#choose .items .head {
    display: none;
  }
  section#choose .items .item {
    width: 30%;
    margin: 0 1.5%;
  }
  section#choose .items .item p {
    height: 4.4rem !important;
    padding: 0 15%;
  }
  section#choose .items .item p span {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-top: 30px !important;
    display: inline-block !important;
    width: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
  section#choose .items .item p i.icon.no {
    color: #ccc !important;
  }
  section#choose .items .item p.text {
    display: block !important;
    margin-bottom: 2rem;
    height: auto !important;
    color: #43515D !important;
  }
  section#choose .items .item p.text a {
    color: #43515D !important;
  }
  section#choose .items .item p.text:last-child {
    margin-bottom: 1rem !important;
  }
  section#choose .items .item:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 766px) {
  section#choose {
    padding: 4rem 0;
  }
  section#choose h2 {
    margin-bottom: 4rem;
  }
  section#choose .items .head {
    display: none;
  }
  section#choose .items .item {
    float: none;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 4rem;
  }
}
@media (max-width: 520px) {
  section#choose {
    padding: 4rem 0;
  }
  section#choose .items .item {
    width: 84%;
  }
  section#choose .items .item .box {
    margin-bottom: 1rem;
  }
  section#choose .items .item:last-child {
    margin-bottom: 0px;
  }
}
/* functions */
section#functions {
  padding: 6rem 0;
}
section#functions .submenu {
  display: none;
  position: fixed;
  top: 60px;
  width: 100%;
  background: #F7F8F9;
  z-index: 1;
  margin: 0px;
  height: 60px;
  line-height: 60px;
  text-align: justify;
  text-align-last: justify;
  -moz-text-align-last: justify;
  padding: 0px;
  margin: 0px;
}
section#functions .submenu a {
  float: none;
  display: inline-block;
  width: auto;
  color: #0E1A24;
  white-space: pre;
  font-size: 0.88rem;
  text-transform: uppercase;
  font-family: "ANRP-Medium", sans-serif;
  letter-spacing: 0.025rem;
}
section#functions .submenu a:hover {
  cursor: pointer;
}
section#functions .submenu:after {
  content: "";
  display: table;
  clear: both;
}
section#functions .submenu.fixed {
  display: block;
}
section#functions .switch {
  margin-bottom: 2rem;
}
section#functions .wrapper h2.left {
  max-width: 100%;
  margin: 0 6rem 0 0;
}
section#functions .wrapper > .text {
  margin: 6rem 0 4rem 0;
}
section#functions .wrapper > .text > div {
  padding: 0 10%;
}
section#functions .wrapper > .text > div i.icon {
  display: inline-block;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  color: #0C95D0;
}
section#functions .wrapper > .text > div h3 {
  margin-bottom: 2rem;
}
section#functions .wrapper > .text.oneline {
  margin: 6rem 0;
}
section#functions .wrapper > .text:last-child {
  margin-bottom: 0px;
}
section#functions .wrapper > .timeline {
  margin: 3rem 0 6rem 0;
}
section#functions .wrapper > .timeline > div {
  padding: 0 15px;
  text-align: center;
}
section#functions .wrapper > .timeline > div h3 {
  font-size: 4rem;
  margin: 0 0 3rem 0;
}
section#functions .wrapper > .timeline > div p {
  padding: 0 50px;
}
section#functions .wrapper > .items {
  margin: 6rem 0;
}
section#functions .wrapper > .items .item {
  text-align: center;
  margin-bottom: 6rem;
}
section#functions .wrapper > .items .item a img {
  display: inline-block;
  width: 100%;
  height: 3rem;
  max-width: 50%;
}
section#functions .wrapper > .items .item a img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
section#functions .wrapper > .items .item.portal-item a img {
  max-width: 100%;
  height: 5rem;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
section#functions .wrapper > .item {
  position: relative;
  margin: 0px;
}
section#functions .wrapper > .item .image {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 41.6666666667%;
  height: 100%;
}
section#functions .wrapper > .item .image > img {
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#functions .wrapper > .item .text {
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section#functions .wrapper > .item .text h2 {
  margin-bottom: 3rem;
  max-width: 90%;
}
section#functions .wrapper > .item .text p {
  line-height: 1.7rem;
}
section#functions .wrapper > .item .text p i.icon {
  display: inline-block;
  font-size: 2.4rem;
  margin: 1rem 0 2rem 0;
  color: #0C95D0;
}
section#functions .wrapper > .item .text p.quote {
  background: #F7F8F9;
  border-left: 2px solid #0C95D0;
  padding: 18px 20px 18px 22px;
  margin-top: 40px;
  font-size: 0.9em;
  line-height: 1.66em;
}
section#functions .wrapper > .item .text p.quote strong {
  font-size: 1.05em;
  display: inline-block;
  margin-bottom: 6px;
}
section#functions .wrapper > .item .text a.button {
  margin-top: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
section#functions .wrapper > .item.left .image {
  left: 0;
  right: inherit;
}
section#functions .wrapper > .item.left .image > img {
  margin-left: -50px;
}
section#functions .wrapper > .item.left .text {
  float: right;
}
section#functions .wrapper > .item.right .image {
  left: inherit;
  right: 0;
}
section#functions .wrapper > .item.right .image > img {
  margin-left: 50px;
}
section#functions .wrapper > .item.right .text {
  float: left;
}
section#functions .wrapper > .item:last-child {
  margin-bottom: 0px;
}

/* responsive */
@media (min-width: 1200px) {
  section#functions .wrapper .item.left .image > img {
    height: 500px;
    margin-left: -120px;
  }
  section#functions .wrapper .item.right .image > img {
    height: 500px;
    margin-left: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  section#functions .wrapper .item.left .image > img {
    height: 400px;
    margin-left: -80px;
  }
  section#functions .wrapper .item.right .image > img {
    height: 400px;
    margin-left: 80px;
  }
}
@media (max-width: 992px) {
  section#functions .wrapper .item.left .image > img {
    height: 300px;
    margin-left: -80px;
  }
  section#functions .wrapper .item.right .image > img {
    height: 300px;
    margin-left: 80px;
  }
}
@media (max-width: 992px) {
  section#functions .submenu {
    display: none !important;
  }
  section#functions .wrapper > .text {
    text-align: center;
  }
  section#functions .wrapper > .text > div {
    margin-bottom: 4rem;
  }
  section#functions .wrapper > .text > div h3 {
    line-height: 2rem;
  }
  section#functions .wrapper > .text > div:last-child {
    margin-bottom: 0px;
  }
  section#functions .wrapper > .timeline {
    margin: -1rem 0 8rem 0;
  }
  section#functions .wrapper > .timeline p {
    padding: 0 20% !important;
  }
}
@media (max-width: 766px) {
  section#functions {
    padding: 4rem 0;
  }
  section#functions .switch {
    margin-bottom: 6rem;
  }
  section#functions .wrapper > .text {
    margin: 4rem 0;
  }
  section#functions .wrapper > .item {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 8rem;
  }
  section#functions .wrapper > .item .text {
    text-align: center;
    padding: 0 10%;
  }
  section#functions .wrapper > .item .text h2 {
    margin: 0 5% 3rem 5%;
  }
  section#functions .wrapper > .item .image {
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    display: inline-block;
    height: 70px;
  }
  section#functions .wrapper > .item .image > img {
    width: 80%;
    height: auto !important;
    margin: 4rem 10% !important;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  section#functions .wrapper > .item:last-child {
    margin-bottom: 0px;
  }
  section#functions .wrapper > .timeline {
    margin: -8rem 0 6rem 0;
  }
  section#functions .wrapper > .timeline p {
    padding: 0 20% !important;
  }
}
@media (max-width: 520px) {
  section#functions {
    padding: 0;
  }
  section#functions .wrapper > .image > img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  section#functions .wrapper > .text:last-child {
    margin-bottom: 2rem;
  }
  section#functions .wrapper > .item {
    padding: 0 10%;
    margin-bottom: 6rem;
  }
  section#functions .wrapper > .item .image {
    position: relative;
    width: 100%;
    height: 70px;
    margin-bottom: 2rem;
    padding: 0px;
    text-align: center;
  }
  section#functions .wrapper > .item .image > img {
    width: 100%;
    height: auto !important;
    margin: 0 0 2rem 0 !important;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  section#functions .wrapper > .item .text {
    padding: 0px;
    text-align: center;
    min-height: 1px;
  }
  section#functions .wrapper > .item .text h2 {
    max-width: 100%;
  }
  section#functions .wrapper > .item:last-child {
    margin-bottom: 0px;
  }
}
/* web */
section#web {
  padding: 4rem 0 6rem 0;
}
section#web .submenu {
  display: none;
  position: fixed;
  top: 60px;
  width: 100%;
  background: #F7F8F9;
  z-index: 1;
  margin: 0px;
  height: 60px;
  line-height: 60px;
  text-align: justify;
  text-align-last: justify;
  -moz-text-align-last: justify;
  padding: 0px;
  margin: 0px;
}
section#web .submenu a {
  float: none;
  display: inline-block;
  width: auto;
  color: #0E1A24;
  white-space: pre;
  font-size: 0.88rem;
  text-transform: uppercase;
  font-family: "ANRP-Medium", sans-serif;
  letter-spacing: 0.025rem;
}
section#web .submenu a:hover {
  cursor: pointer;
}
section#web .submenu:after {
  content: "";
  display: table;
  clear: both;
}
section#web .submenu.fixed {
  display: block;
}
section#web .switch {
  margin: 6rem 0 2rem 0;
}
section#web .switch label span {
  height: auto !important;
}
section#web .wrapper h2.left {
  max-width: 100%;
  margin: 0 6rem 0 0;
}
section#web .wrapper > .item {
  position: relative;
  margin: 0px;
}
section#web .wrapper > .item .image {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 41.6666666667%;
  height: 100%;
}
section#web .wrapper > .item .image > i.icon {
  color: #0C95D0;
  font-size: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#web .wrapper > .item .image > img {
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#web .wrapper > .item .text {
  padding: 4rem 0;
}
section#web .wrapper > .item .text h2 {
  margin-bottom: 3rem;
  max-width: 90%;
}
section#web .wrapper > .item .text p {
  line-height: 1.7rem;
}
section#web .wrapper > .item .text a.button {
  margin-top: 3rem;
}
section#web .wrapper > .item.left .image {
  left: 0;
  right: inherit;
}
section#web .wrapper > .item.left .text {
  float: right;
}
section#web .wrapper > .item.right .image {
  left: inherit;
  right: 0;
}
section#web .wrapper > .item.right .text {
  float: left;
}
section#web .wrapper > .item:last-child {
  margin-bottom: 0px;
}
section#web .wrapper > .references {
  margin: 4rem 0;
}
section#web .wrapper > .references h2 {
  margin-bottom: 6rem;
}
section#web .wrapper > .references .item {
  text-align: center;
  margin: 3rem 0;
}
section#web .wrapper > .references .item a img {
  display: inline-block;
  width: 100%;
  height: 3rem;
  max-width: 50%;
}

/* responsive */
@media (max-width: 1200px) {
  section#web .wrapper > .item .image > img {
    height: 500px;
    margin-left: -120px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  section#web .wrapper > .item .image > img {
    height: 400px;
    margin-left: -80px;
  }
  section#web .wrapper > .item.right .image > img {
    margin-left: 80px;
  }
}
@media (max-width: 992px) {
  section#web .submenu {
    display: none !important;
  }
  section#web .wrapper > .item .image > i.icon {
    font-size: 8rem;
  }
  section#web .wrapper > .item .image > img {
    height: 300px;
    margin-left: -80px;
  }
  section#web .wrapper > .item.right .image > img {
    margin-left: 80px;
  }
  section#web .wrapper > .references .item {
    margin: 3rem 0;
  }
  section#web .wrapper > .references .item.zr-item a img {
    max-width: 60%;
  }
}
@media (max-width: 766px) {
  section#web {
    padding: 4rem 0;
  }
  section#web .switch {
    margin-bottom: 6rem;
  }
  section#web .wrapper > .item {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 8rem;
  }
  section#web .wrapper > .item .text {
    text-align: center;
    padding: 0 10%;
  }
  section#web .wrapper > .item .text h2 {
    margin: 0 5% 3rem 5%;
  }
  section#web .wrapper > .item .image {
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    display: inline-block;
    height: 70px;
  }
  section#web .wrapper > .item .image > i.icon {
    font-size: 4rem;
  }
  section#web .wrapper > .item .image > img {
    width: 80%;
    height: auto !important;
    margin: 4rem 10% !important;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  section#web .wrapper > .item:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 520px) {
  section#web .wrapper > .item {
    padding: 0 10%;
    margin-bottom: 6rem;
  }
  section#web .wrapper > .item .image {
    position: relative;
    width: 100%;
    height: 70px;
    margin-bottom: 2rem;
    padding: 0px;
    text-align: center;
  }
  section#web .wrapper > .item .image > i.icon {
    font-size: 3.6rem;
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    -webkit-transform: none;
            transform: none;
  }
  section#web .wrapper > .item .image > img {
    width: 100%;
    height: auto !important;
    margin: 0 0 2rem 0 !important;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  section#web .wrapper > .item .text {
    padding: 0px;
    text-align: center;
  }
  section#web .wrapper > .item .text h2 {
    max-width: 100%;
  }
  section#web .wrapper > .item:last-child {
    margin-bottom: 0px;
  }
  section#web .wrapper > .references {
    margin-bottom: 3rem;
  }
  section#web .wrapper > .references h2 {
    margin-bottom: 4rem;
  }
  section#web .wrapper > .references .item {
    margin-bottom: 2rem;
  }
  section#web .wrapper > .references .item:nth-last-child(-n+2) {
    margin-bottom: 0px;
  }
  section#web .wrapper > .references .item.zr-item a img {
    max-width: 60%;
  }
}
/* order */
section#order {
  padding: 6rem 0;
  border-top: 1px solid #ECECEC;
}
section#order.create {
  padding-top: calc(6rem + 76px);
}
section#order.create .block {
  max-width: 100% !important;
}
section#order .select {
  margin-bottom: 4rem;
}
section#order .select h3 {
  margin-bottom: 2rem;
}
section#order .select img {
  width: 100%;
}
section#order .select:last-child {
  margin-bottom: 0px;
}
section#order .left .block {
  max-width: 85%;
  margin-bottom: 4rem;
}
section#order .left .block h3 {
  margin-bottom: 2rem;
}
section#order .left .block h4 {
  margin-bottom: 1rem;
}
section#order .left .block small {
  color: #757575;
  line-height: 1.5rem;
}
section#order .left .block small a, section#order .left .block small a:focus, section#order .left .block small a:visited {
  color: #757575 !important;
  text-decoration: underline;
}
section#order .left .block small a:hover, section#order .left .block small a:focus:hover, section#order .left .block small a:visited:hover {
  text-decoration: none !important;
}
section#order .left .block .nice-select {
  margin-bottom: 2rem;
}
section#order .left .block input {
  margin-bottom: 1rem;
}
section#order .left .block input:last-child {
  margin-bottom: 0px;
}
section#order .left .block input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
section#order .left .block input[type=checkbox] + label {
  float: left;
  background: #fff;
  border: 1px solid #D8D8D8;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0;
  position: relative;
  top: 4px;
  margin-right: 20px;
  border-radius: 3px;
}
section#order .left .block input[type=checkbox] + label:hover {
  cursor: pointer;
}
section#order .left .block input[type=checkbox]:checked + label {
  background: #ED4322 url(../img/tic.svg) no-repeat center center;
  background-size: 78%;
  border: none;
}
section#order .left .block .button {
  width: 100%;
  text-align: center;
}
section#order .left .block.agree {
  overflow: auto;
  margin-bottom: 2rem;
}
section#order .left .block.agree small {
  float: left;
  width: 80%;
}
section#order .left .block.gdpr {
  overflow: auto;
}
section#order .left .block.gdpr small {
  float: left;
  width: 80%;
}
section#order .left .block:last-child {
  margin-bottom: 0px;
}
section#order .right > div {
  margin-bottom: 2rem;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  padding: 1.6rem 2rem 1.6rem 2rem;
}
section#order .right > div:last-child {
  margin-bottom: 0px;
}
section#order .right h3 {
  margin-bottom: 2rem;
}
section#order .right h3 > i.icon {
  position: relative;
  color: #0C95D0;
  font-size: 2rem;
  top: 0.8rem;
  margin-right: 2rem;
  float: left;
}
section#order .right p {
  overflow: auto;
}
section#order .right p label {
  float: left;
}
section#order .right p strong {
  float: right;
}
section#order .right p.oneline {
  line-height: 2rem;
}
section#order .right .button {
  margin: 2rem 0 1rem 0;
  width: 100%;
  text-align: center;
}
section#order .right small {
  color: #757575;
  line-height: 1.5rem;
}
section#order .right small a, section#order .right small a:focus, section#order .right small a:visited {
  color: #757575 !important;
  text-decoration: underline;
}
section#order .right small a:hover, section#order .right small a:focus:hover, section#order .right small a:visited:hover {
  text-decoration: none !important;
}

/* responsive */
@media (max-width: 992px) {
  section#order.create {
    padding-top: calc(4rem + 54px);
  }
  section#order h2 {
    max-width: 80%;
    margin: 0 10% 4rem 10%;
  }
  section#order .left .block {
    max-width: 100%;
  }
  section#order .left .block:last-child {
    margin-bottom: 8rem;
  }
  section#order .right h3 i.icon {
    top: 0px;
  }
}
@media (max-width: 766px) {
  section#order {
    padding: 4rem 0;
  }
  section#order .left .block {
    max-width: 90%;
    margin: 0 5% 3rem 5%;
  }
  section#order .left .block:last-child {
    margin-bottom: 6rem;
  }
  section#order .right {
    padding: 0 calc(15px + 5%);
  }
  section#order .right > div {
    padding: 1.4rem 1.6rem;
  }
  section#order .right h3 i.icon {
    float: none;
    top: 0;
    margin: 0 0 1rem 0;
    width: 100%;
    display: inline-block;
  }
}
/* references */
section.realitnyskener {
  position: relative;
  background: #4c4f4b url("/realitny-software/template/img/zrks_pozadie.jpg") right top no-repeat;
  padding: 80px 60px;
}
section.realitnyskener h2 {
  position: relative;
  color: #fff;
  margin-bottom: 10px;
  z-index: 2;
}
section.realitnyskener p {
  position: relative;
  color: #e2e2e2;
  max-width: 400px;
  margin-bottom: 30px;
  z-index: 2;
}
section.realitnyskener a {
  position: relative;
  z-index: 2;
}
section.realitnyskener .overlay {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #4c4f4a;
  opacity: 0.2;
  z-index: 1;
}

section#references {
  padding: 6rem 0;
}
section#references .graph {
  height: 200px;
  position: relative;
  margin-bottom: 80px;
}
section#references .graph img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
section#references .realitnyskenerplus-wrapper {
  text-align: center;
}
section#references .realitnyskenerplus {
  border-radius: 5px;
  display: inline-block;
  padding: 30px 60px 20px 60px;
  margin-top: 1rem;
  background: #fff;
}
section#references .realitnyskenerplus tr {
  width: 100%;
  padding: 15px 0;
  display: inline-block;
  line-height: 20px;
  text-align: left;
  border-bottom: 1px solid #ECECEC;
}
section#references .realitnyskenerplus tr:last-child {
  border-bottom: none;
}
section#references .realitnyskenerplus .head {
  width: 40%;
  float: left;
  text-align: left;
}
section#references .realitnyskenerplus .column {
  width: 30%;
  float: left;
  text-align: center;
}
section#references .realitnyskenerplus .column .yes, section#references .realitnyskenerplus .column .no {
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 10px;
  font-size: 20px;
}
section#references .realitnyskenerplus .column .yes {
  color: #0C95D0;
}
section#references .realitnyskenerplus .column .no {
  color: #43515D;
}
section#references .items {
  margin: 6rem 0;
}
section#references .items.aml {
  margin-bottom: 0px !important;
}
section#references .items .item {
  text-align: center;
  margin-bottom: 6rem;
}
section#references .items .item a img {
  display: inline-block;
  width: 100%;
  height: 3rem;
  max-width: 50%;
}
section#references .items .item a img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
section#references .items .item.portal-item a img {
  max-width: 100%;
  height: 5rem;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
section#references .items .item.portal-item img {
  max-width: 90%;
}
section#references .items .item.zr-item a img {
  height: 4rem;
  max-width: 75%;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
section#references .items .item.banner {
  background: #F7F8F9;
  overflow: auto;
  text-align: center;
  padding: 30px 0;
}
section#references .items .item.banner span {
  line-height: 60px;
  display: inline-block;
  overflow: auto;
}
section#references .items .item.banner span a, section#references .items .item.banner span a:hover {
  color: #0E1A24 !important;
}
section#references .items .item.banner span i.icon {
  color: #0C95D0;
  font-size: 3rem;
  position: relative;
  top: 14px;
  margin: 0 30px 0 0;
  display: inline-block;
}
section#references .items .item.banner span h3 {
  display: inline-block;
  margin: 0;
}
section#references .items.zr-items {
  margin: 8rem 0;
}
section#references .items.zr-items .large {
  margin-bottom: 4rem;
}
section#references .items.zr-items .large img {
  height: 6rem !important;
  max-width: 100% !important;
}
section#references .items.logoscarousel {
  margin: 8rem 0;
}
section#references .items.logoscarousel .item {
  width: 250px !important;
}
section#references .items.logoscarousel .item.portal img {
  height: 6rem;
  max-width: 80%;
}
section#references .items.logoscarousel.portals {
  margin: 6rem 0;
}
section#references .roof .icon {
  color: #0C95D0;
  font-size: 4em;
}
section#references .skenerplus .item {
  margin-top: 6rem;
  margin-bottom: 5rem;
  text-align: center;
}
section#references .skenerplus .item .icon {
  color: #0C95D0;
  font-size: 3.6em;
  margin-bottom: 30px;
  display: inline-block;
}
section#references .skenerplus .item p {
  padding: 0 30px;
}
section#references small {
  display: block;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
  margin-top: 2rem;
}
section#references.logos {
  padding: 0 0 4rem 0;
}
section#references.logos.zr {
  padding: 6rem 0;
}
section#references.logos .items {
  margin: 2rem 0;
}
section#references.logos .items .item {
  margin: 0;
}
section#references.logos .items .item a img {
  margin: 2rem 0 !important;
  max-width: 75% !important;
  max-height: 50px !important;
}

/* responsive */
@media (min-width: 1200px) {
  section#references .items .item:nth-last-child(-n+4) {
    margin-bottom: 0px;
  }
}
@media (min-width: 766px) and (max-width: 1200px) {
  section.realitnyskener {
    background-position: 60% 40%;
  }
  section.realitnyskener .overlay {
    opacity: 0.5;
  }
  section#references .items .item {
    margin-bottom: 0rem;
  }
  section#references .items .item.portal-item a img {
    max-width: 60%;
    height: 8rem;
  }
  section#references .items .item:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
  section#references .items.logoscarousel {
    margin: 6rem 0;
  }
  section#references .items.logoscarousel .item {
    width: 200px !important;
  }
  section#references .items.aml .item {
    margin-bottom: 4rem;
  }
  section#references .skenerplus .item {
    margin-top: 4rem !important;
    margin-bottom: 3rem !important;
  }
  section#references.logos .items .item a img {
    margin: 0;
  }
}
@media (min-width: 766px) and (max-width: 992px) {
  section#references .items .item {
    margin-bottom: 4rem;
  }
  section#references .items .item:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
  section#references .items .item.portal-item a img {
    max-width: 100%;
    height: 5rem;
  }
  section#references .items .item.zr-item {
    margin-bottom: 0px;
  }
  section#references .items .item.zr-item a img {
    height: 7rem;
    max-width: 60%;
  }
  section#references .items .item.zr-item.large {
    margin-bottom: 4rem !important;
  }
  section#references .items .item.banner span i.icon {
    top: 0;
  }
  section#references .items.zr-items {
    margin: 6rem 0;
  }
  section#references .items.aml .item:nth-last-child(-n+3) {
    margin-bottom: 4rem;
  }
  section#references.logos .items .item a img {
    margin: 0;
  }
}
@media (max-width: 766px) {
  section.realitnyskener {
    background-position: 60% 50%;
    text-align: center;
  }
  section.realitnyskener p {
    max-width: 100%;
  }
  section.realitnyskener .overlay {
    opacity: 0.5;
  }
  section#references {
    padding: 4rem 0;
  }
  section#references .items .item {
    margin-bottom: 4rem;
  }
  section#references .items .item:nth-last-child(-n+2) {
    margin-bottom: 0px;
  }
  section#references .items .item.zr-item a img {
    max-width: 60%;
  }
  section#references .items.zr-items {
    margin: 6rem 0;
  }
  section#references .items.logoscarousel {
    margin: 6rem 0;
  }
  section#references .items.logoscarousel .item {
    width: 200px !important;
  }
  section#references .items.aml .item:nth-last-child(-n+2) {
    margin-bottom: 4rem;
  }
  section#references.logos .items .item a img {
    margin: 0;
  }
  .realitnyskenerplus-wrapper {
    overflow-x: scroll;
  }
  .skenerplus .item {
    margin-top: 3rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 520px) {
  section#references .items .item.zr-item a img {
    max-width: 90%;
  }
  section#references .items .item.zr-item.large {
    margin-bottom: 2rem !important;
  }
  section#references .items.logoscarousel {
    margin: 4rem 0;
  }
  section#references .items.logoscarousel .item {
    width: 150px !important;
  }
  section#references .items.aml .item img {
    width: 100%;
    height: auto;
    max-height: 40px;
  }
  section#references .skenerplus .item .icon {
    font-size: 2.8em;
  }
}
@media (max-width: 320px) {
  section#references .items.aml .item {
    width: 100% !important;
  }
  section#references .items.aml .item img {
    width: 100%;
  }
  section#references .items.aml .item:last-child {
    margin-bottom: 0px;
  }
}
/* partners */
section#partners {
  padding: 4rem 0;
  background: #F7F8F9;
}
section#partners .logo {
  text-align: center;
  width: 25%;
  float: left;
}
section#partners .logo a img {
  display: inline-block;
  width: 100%;
  height: 3rem;
  max-width: 50%;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.2;
  -webkit-transition: opacity ease 0.2s;
  transition: opacity ease 0.2s;
}
section#partners .logo a img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}
section#partners .logo.eternity a img {
  height: 5rem;
  position: relative;
  top: -1.3rem;
}

/* responsive */
@media (max-width: 992px) {
  section#partners {
    padding: 5rem 0 3rem 0;
  }
}
@media (max-width: 766px) {
  section#partners {
    padding: 2rem 0;
  }
  section#partners .logo {
    width: 50%;
  }
  section#partners .logo a img {
    max-width: 50%;
    height: 2.5rem;
    margin: 2rem 0;
  }
}
/* testimonials */
section#testimonials {
  padding: 6rem 0;
}
section#testimonials.multiple .row {
  margin-bottom: 4rem;
}
section#testimonials.multiple .row:last-child {
  margin-bottom: 0px;
}
section#testimonials .bubble p {
  position: relative;
  padding: 1.2rem 1.4rem;
  border: 2px solid #ECECEC;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 2rem;
}
section#testimonials .bubble p:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.2rem;
  bottom: -15px;
  border: 7px solid;
  border-color: #ECECEC transparent transparent #ECECEC;
}
section#testimonials .bubble p:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: calc(1.2rem + 2px);
  bottom: -10px;
  border: 10px solid;
  border-color: #fff transparent transparent #fff;
}
section#testimonials .bubble h4 {
  font-family: "ANRP-Regular", sans-serif;
  line-height: 1.8rem;
}
section#testimonials .more {
  text-align: center;
  margin: 6rem 0 0 0;
}
section#testimonials .more a.button {
  display: inline-block;
}

/* responsive */
@media (max-width: 766px) {
  section#testimonials {
    padding: 4rem 0;
  }
  section#testimonials h2.title {
    max-width: 80%;
    margin: 0 10% 4rem 10%;
  }
  section#testimonials.multiple .row {
    margin-bottom: 3rem;
  }
  section#testimonials .bubble {
    max-width: 90%;
    margin: 0 5% 3rem 5%;
  }
  section#testimonials .bubble h4 {
    text-align: center;
  }
  section#testimonials .bubble p:before {
    left: calc(50% - 2px);
  }
  section#testimonials .bubble p:after {
    left: 50%;
  }
  section#testimonials .bubble:last-child {
    margin-bottom: 0px;
  }
}
/* map */
section#map {
  width: 100%;
  height: 400px;
  display: inline-block;
  background: #0E1A24;
}

/* bottom */
section#bottom {
  padding: 6rem 0;
}
section#bottom .contact {
  margin: 5.75rem 0;
}
section#bottom .contact h2 {
  margin-top: 0.8rem;
  margin-bottom: 3rem;
  max-width: 80%;
}
section#bottom .contact p {
  margin-bottom: 3rem;
}
section#bottom .contact > span {
  float: left;
}
section#bottom .contact > span > i.icon {
  color: #0C95D0;
  font-size: 2rem;
  position: relative;
  top: 0.5rem;
  margin-right: 1rem;
}
section#bottom .contact > span > a {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: "ANRP-Medium", sans-serif;
  color: #0E1A24;
}
section#bottom .contact > span > a:hover, section#bottom .contact > span > a:focus, section#bottom .contact > span > a:visited {
  color: #0E1A24 !important;
}
section#bottom .contact > span.mail {
  margin-right: 3rem;
}
section#bottom .contact > span.mail > i.icon {
  margin-right: 1.4rem;
}
section#bottom .form {
  background: #F7F8F9;
  border-radius: 6px;
  padding: 2rem;
}
section#bottom .form input[type=text], section#bottom .form input[type=email] {
  margin-bottom: 0.8rem;
}
section#bottom .form .agree {
  position: relative;
  margin-bottom: 5px;
}
section#bottom .form .agree input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  left: 2px;
}
section#bottom .form textarea {
  margin-bottom: 1rem;
}

/* responsive */
@media (max-width: 1200px) {
  section#bottom .contact h2 {
    max-width: 100%;
  }
  section#bottom .contact > span > i.icon {
    margin-right: 0.5rem;
  }
  section#bottom .contact > span.mail {
    margin-right: 2rem;
  }
  section#bottom .contact > span.mail > i.icon {
    margin-right: 1.1rem;
  }
}
@media (max-width: 992px) {
  section#bottom .contact {
    text-align: center;
    margin-bottom: 6rem;
    padding: 0 10%;
    margin: 0 0 6rem 0;
  }
  section#bottom .contact h2 {
    max-width: 100%;
  }
  section#bottom .contact > span {
    float: none;
  }
  section#bottom .form {
    max-width: 70%;
    margin: 0 15%;
  }
}
@media (max-width: 766px) {
  section#bottom {
    padding: 4rem 0;
  }
  section#bottom .contact {
    margin: 0 0 4rem 0;
  }
  section#bottom .contact > span {
    width: 100%;
    margin-bottom: 1rem;
    display: inline-block;
  }
  section#bottom .contact > span.phone {
    margin-bottom: 0px;
  }
  section#bottom .contact > span.phone > i.icon {
    margin-right: 1rem;
    left: -0.08rem;
  }
  section#bottom .form {
    max-width: 90%;
    margin: 0 5%;
    padding: 1rem;
  }
  section#bottom .form textarea {
    margin-bottom: 1rem;
  }
}
@media (max-width: 520px) {
  section#bottom .contact > span > i.icon {
    font-size: 1.6rem;
    top: 0.33rem;
  }
  section#bottom .contact > span.phone > i.icon {
    left: -0.05rem;
  }
}
/* footer */
footer {
  border-top: 2px solid #ECECEC;
  padding: 6rem 0;
}
footer .copy {
  float: left;
}
footer .copy h3 {
  margin-bottom: 2rem;
}
footer .copy p {
  line-height: 2rem;
  margin-bottom: 2rem;
}
footer .copy .social a {
  margin-right: 1rem;
}
footer .copy .social a > i.icon {
  font-size: 2rem;
  color: #0C95D0;
}
footer .copy .social a:last-child {
  margin-right: 0px;
}
footer .copy .social a:hover {
  text-decoration: none;
}
footer .menu-wrapper {
  float: right;
}
footer .menu-wrapper .menu {
  float: left;
  margin-left: 5rem;
}
footer .menu-wrapper .menu h3 {
  margin-bottom: 2rem;
}
footer .menu-wrapper .menu ul li {
  line-height: 2rem;
}
footer .menu-wrapper .menu ul li a {
  color: #43515D;
}
footer .menu-wrapper .menu ul li a:hover, footer .menu-wrapper .menu ul li a:focus, footer .menu-wrapper .menu ul li a:visited {
  color: #43515D !important;
}
footer .menu-wrapper .menu:first-child {
  margin-left: 0px;
}

/* responsive */
@media (max-width: 1200px) {
  footer {
    padding: 4rem 0;
  }
  footer .copy {
    width: 100%;
    text-align: center;
    margin-bottom: 4rem;
  }
  footer .menu-wrapper {
    width: 100%;
  }
  footer .menu-wrapper .menu {
    text-align: center;
    width: 25%;
    margin: 0px !important;
  }
}
@media (max-width: 766px) {
  footer {
    padding: 4rem 0;
  }
  footer .menu-wrapper {
    display: table;
  }
  footer .menu-wrapper .menu {
    width: 50%;
    display: inline-table;
    float: none;
    margin-bottom: 4rem !important;
  }
  footer .menu-wrapper .menu:nth-last-child(1), footer .menu-wrapper .menu:nth-last-child(2) {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 320px) {
  footer .menu-wrapper .menu {
    width: 100%;
  }
  footer .menu-wrapper .menu:nth-last-child(1), footer .menu-wrapper .menu:nth-last-child(2) {
    margin-bottom: 4rem !important;
  }
  footer .menu-wrapper .menu:last-child {
    margin-bottom: 0px !important;
  }
}
/* css */
body {
  background: #fff;
  color: #43515D;
  font-family: "ANRP-Regular", sans-serif;
  font-size: 15px;
  overflow-x: hidden;
}

#referencie-popup {
	display: none;
}
#referencie-popup.active {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 500;
}
#referencie-popup .popup-content {
	padding: 20px;
	border-radius: 5px;
	overflow-y: hidden;
}
@media screen and (max-width: 767px) {
	#referencie-popup .popup-content {
		padding-right: 40px;
	}
}
.referencie-carousel {
	max-height: calc(100vh - 10rem);
}
.referencie-carousel .item {
	display: flex;
	justify-content: center;
	align-items: center;
}
.referencie-carousel video {
	max-height: calc(100vh - 10rem);
	width: 100%;
	display: none;
}
.referencie-carousel .slick-slide.slick-active video {
	display: block;
}
#referencie-popup-close {
	position: absolute;
	top: 40px;
	right: 40px;
	background: white;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #164065;
	font-weight: bold;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-variant: normal;
	border: none;
	font-size: 24px;
	cursor: pointer;
	z-index: 1000;
}
#referencie-popup .slick-prev {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	z-index: 10;
	background: rgba(22, 64, 101, 0.8);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	transition: background 0.2s;
}
#referencie-popup .slick-prev:hover {
	background: #164065;
}
#referencie-popup .slick-next {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 10;
	background: rgba(22, 64, 101, 0.8);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	transition: background 0.2s;
}
#referencie-popup .slick-next:hover {
	background: #164065;
}

#referencie-section {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#referencie-section .carousel {
	max-width: 500px;
}

#referencie-section .carousel .item {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#referencie-section .carousel .item video {
	max-height: 500px;
	height: auto;
	border-radius: 10px;
}

#referencie-section .item.ref {
	display: flex !important;
}
#referencie-section .slick-prev,
#referencie-section .slick-next {
	position: absolute;
	background-color: #164065;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	cursor: pointer;
	z-index: 500;
}

#referencie-section .slick-prev {
	left: 10px;
}

#referencie-section .slick-next {
	right: 10px;
}
@media screen and (min-width: 992px) {
	#referencie-section .carousel{
		max-width: 1200px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 1rem;
	}
}

@media screen and (min-width: 668px) {
	#referencie-section .carousel {
		max-width: 1140px;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
		gap: 1rem;
	}
}