.m-t-5 {
  margin-top: 5px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

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

.m-b-10 {
  margin-bottom: 10px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

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

.m-r-15 {
  margin-right: 15px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

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

.m-b-30 {
  margin-bottom: 30px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.m-l-30 {
  margin-left: 30px !important; }

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

.m-r-30 {
  margin-right: 30px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.p-l-35 {
  padding-left: 35px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.p-r-35 {
  padding-right: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.p-l-45 {
  padding-left: 45px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.p-r-45 {
  padding-right: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

.m-l-50 {
  margin-left: 50px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.m-r-50 {
  margin-right: 50px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.m-t-75 {
  margin-top: 75px !important; }

.p-t-75 {
  padding-top: 75px !important; }

.m-b-75 {
  margin-bottom: 75px !important; }

.p-b-75 {
  padding-bottom: 75px !important; }

.m-l-75 {
  margin-left: 75px !important; }

.p-l-75 {
  padding-left: 75px !important; }

.m-r-75 {
  margin-right: 75px !important; }

.p-r-75 {
  padding-right: 75px !important; }

.m-t-100 {
  margin-top: 100px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.p-r-100 {
  padding-right: 100px !important; }

#header #logo {
  background-image: url(../img/pages/mc/logo.png);
  width: 220px;
  height: 42px;
  margin: 20px 0;
  text-indent: -9999px;
  display: block;
  margin-right: 10px; }
#header #menu {
  float: right; }
  @media only screen and (max-width: 1023px) {
    #header #menu {
      float: none;
      margin-bottom: 10px; } }
  @media (min-width: 992px) {
    #header #menu {
      float: right; } }
#header #login .btn.registration {
  background-color: #0061b6; }
@media only screen and (max-width: 1023px) {
  #header #login {
    float: none; } }

#main {
  background-color: #fff;
  font-family: 'Innfoo2'; }
  #main h2 {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Innfoo2B';
    text-align: center;
    padding-bottom: 20px;
    color: #1363a5; }
  #main .btn-group li {
    float: left; }
    #main .btn-group li .btn-group-item {
      padding: 6px 20px;
      border: 1px solid #1363a5;
      border-radius: 0px;
      font-size: 14px;
      background-color: #fff;
      color: #1363a5; }
      #main .btn-group li .btn-group-item:hover {
        background-color: #fff; }
      #main .btn-group li .btn-group-item-blue {
        background-color: #1363a5;
        color: #fff; }
        #main .btn-group li .btn-group-item-blue:hover {
          background-color: #1363a5; }
    #main .btn-group li:first-of-type .btn-group-item {
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px; }
    #main .btn-group li:last-of-type .btn-group-item {
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px; }
  #main .text-item {
    text-align: center;
    font-size: 20px;
    padding-bottom: 40px;
    color: #575f64; }
    #main .text-item b {
      color: #575f64; }
    #main .text-item span {
      color: #1363a5;
      white-space: nowrap; }
  #main .section1 {
    border-top: 20px solid transparent;
    background: url(../img/pages/mc/section1-bg.png) no-repeat no-repeat center 0 transparent;
    position: relative;
    height: auto;
    -webkit-box-shadow: 0px 10px 19px 0px #eaeaea;
    -moz-box-shadow: 0px 10px 19px 0px #eaeaea;
    box-shadow: 0px 10px 19px 0px #eaeaea; }
    #main .section1 .slider {
      margin-bottom: 60px;
      margin-top: -40px; }
    #main .section1 h1 {
      font-size: 43px;
      font-weight: 400;
      margin-top: 30px;
      font-family: 'Innfoo2B';
      color: #1363a5; }
      @media only screen and (min-width: 1024px) {
        #main .section1 h1 {
          width: 600px; } }
    #main .section1 .top {
      padding-bottom: 40px; }
    #main .section1 .perex {
      max-width: 340px; }
    #main .section1 .btn-group {
      padding-bottom: 20px;
      margin: 0; }
    @media only screen and (min-width: 1024px) {
      #main .section1 {
        padding-bottom: 80px; } }
  #main .section2 {
    padding-bottom: 140px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    background: url(../img/pages/mc/section2-bg.png) no-repeat no-repeat center 0 transparent;
    text-align: center; }
    #main .section2 .image-title-content > * {
      margin-left: auto;
      margin-right: auto; }
    #main .section2 .image-title-content img {
      width: auto; }
    #main .section2 .image-title-content .image {
      padding-top: 60px;
      padding-bottom: 20px; }
      @media only screen and (min-width: 1024px) {
        #main .section2 .image-title-content .image {
          height: 230px; } }
    #main .section2 .image-title-content .title {
      max-width: 250px;
      border-bottom: 2px solid #4ac8ed;
      margin-bottom: 40px;
      padding: 0px 0px 10px 0px;
      color: #005ca9;
      font-family: "PT Sans", sans-serif;
      font-size: 25px; }
    #main .section2 .image-title-content .content {
      height: auto;
      max-width: 300px;
      font-size: 20px;
      color: #575f64;
      padding: 0 6px; }
      #main .section2 .image-title-content .content span {
        color: #4ac8ed; }
  #main .section3 {
    background: #f1f8fe;
    padding-top: 90px;
    padding-bottom: 140px;
    height: auto; }
    #main .section3 .perex {
      color: #1363a5;
      font-size: 18px;
      text-align: center;
      padding-bottom: 30px; }
    #main .section3 .star {
      position: relative;
      display: inline-block;
      color: #1363a5;
      font-size: 16px;
      padding-left: 10px; }
      #main .section3 .star-wrapper {
        text-align: center; }
      #main .section3 .star:before {
        content: '*';
        position: absolute;
        top: 0;
        left: 0px; }
    @media only screen and (min-width: 1024px) {
      #main .section3 .star {
        padding-left: 40px; }
        #main .section3 .star-wrapper {
          text-align: left; }
        #main .section3 .star:before {
          left: 30px; } }
  #main .cat-line {
    position: relative;
    border-bottom: 2px solid #4ac8ed; }
    #main .cat-line .container {
      position: relative; }
    #main .cat-line img {
      position: absolute;
      bottom: -22px;
      left: 200px;
      width: auto; }
      @media only screen and (max-width: 767px) {
        #main .cat-line img {
          left: 50px; } }
  #main .section4 {
    margin: 0;
    background: #f1f8fe;
    border-bottom: 40px solid transparent;
    border-top: 40px solid transparent;
    padding-top: 40px;
    height: auto; }
    #main .section4 .container {
      background-image: url(/img/pages/mc/order-and-pay.png);
      background-position: right center;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      background-color: transparent;
      -webkit-box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 0);
      -moz-box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 0);
      box-shadow: 0px 0px 0px 0px rgba(234, 234, 234, 0);
      padding-top: 0px;
      padding-bottom: 50px; }
    #main .section4 .perex {
      color: #1363a5;
      font-size: 18px;
      text-align: center;
      padding: 40px 0; }
    #main .section4 h2 {
      text-align: center;
      padding-bottom: 50px; }
    #main .section4 .number {
      margin-left: auto;
      margin-right: auto;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      color: #fff;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px; }
      #main .section4 .number-wrapper {
        position: absolute;
        top: 0;
        left: 0; }
    #main .section4 .row > *[class^='col-']:nth-of-type(3n+1) .number {
      background-image: url(/img/pages/mc/number-text-1.png); }
    #main .section4 .row > *[class^='col-']:nth-of-type(3n+2) .number {
      background-image: url(/img/pages/mc/number-text-2.png); }
    #main .section4 .row > *[class^='col-']:nth-of-type(3n+3) .number {
      background-image: url(/img/pages/mc/number-text-3.png); }
    #main .section4 .star {
      position: relative;
      display: inline-block;
      color: #1363a5;
      font-size: 16px;
      padding-left: 10px; }
      #main .section4 .star-wrapper {
        text-align: center; }
      #main .section4 .star:before {
        content: '*';
        position: absolute;
        top: 0;
        left: 0px; }
    @media only screen and (max-width: 1023px) {
      #main .section4 .number-wrapper {
        position: relative; } }
    @media only screen and (min-width: 1024px) {
      #main .section4 .text {
        text-align: left;
        padding-left: 30px; }
      #main .section4 .star {
        padding-left: 40px; }
        #main .section4 .star-wrapper {
          text-align: left; }
        #main .section4 .star:before {
          left: 30px; } }

#footer {
  background: transparent;
  padding: 100px 0; }
  #footer .title {
    padding-bottom: 20px;
    border-bottom: 2px solid #4ac8ed; }
  #footer .beruska {
    position: relative; }
    #footer .beruska img {
      position: absolute;
      left: 50px;
      top: -25px;
      width: 60px; }
  #footer .cntcs {
    padding-top: 60px;
    color: #1363a5;
    font-family: 'Innfoo2B';
    font-size: 30px; }
    #footer .cntcs > div {
      padding-bottom: 20px; }
      @media only screen and (max-width: 1023px) {
        #footer .cntcs > div {
          text-align: center; } }
  #footer h2 {
    font-size: 40px;
    color: #1363a5;
    font-weight: 400;
    font-family: 'Innfoo2B';
    text-align: center;
    padding-bottom: 20px; }
  #footer a {
    font-family: 'Innfoo2';
    color: #4ac8ed; }

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