@import url(libs.min.css);
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700,800i';
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body {
  direction: rtl;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
  width: 100%; }

.btn {
  color: white; }
  .btn:hover {
    color: white; }

.btn-main-bg-color-blue {
  background-color: #2cc7f7; }
  .btn-main-bg-color-blue:hover {
    background-color: #5dd4f9; }
  .btn-main-bg-color-blue:active, .btn-main-bg-color-blue:focus {
    color: white; }

.btn-main-bg-color-green {
  background-color: #bfff00;
  color: black; }
  .btn-main-bg-color-green:hover {
    background-color: #ace600;
    color: black; }

.contacts-top {
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  border-bottom: 1px solid #EFEFEF; }
  .contacts-top .item {
    margin-left: 15px; }
  @media (max-width: 760px) {
    .contacts-top {
      display: none; } }

.affix {
  top: 0;
  width: 100%; }

.affix + .main-content {
  padding-top: 90px; }

header {
  width: 100%;
  z-index: 100; }

.navbar {
  background: white;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #EFEFEF;
  font-size: 14px; }
  .navbar .navbar-header .navbar-brand {
    padding: 15px 15px; }
    @media (min-width: 760px) {
      .navbar .navbar-header .navbar-brand {
        padding: 25px 15px 0; } }
    .navbar .navbar-header .navbar-brand img {
      max-height: 40px; }
      @media (max-width: 760px) {
        .navbar .navbar-header .navbar-brand img {
          max-height: 30px; } }
  .navbar .navbar-header .navbar-toggle {
    border: 1px solid #2cc7f7;
    padding: 12px 10px; }
    .navbar .navbar-header .navbar-toggle .icon-bar {
      background-color: #2cc7f7; }
  .navbar .navbar-collapse {
    text-transform: uppercase; }
    @media (min-width: 760px) {
      .navbar .navbar-collapse {
        padding: 20px 10px; } }
    @media (max-width: 760px) {
      .navbar .navbar-collapse {
        border-top: 1px solid #5dd4f9; } }
    .navbar .navbar-collapse .btn {
      margin-right: 15px; }
    @media (min-width: 760px) {
      .navbar .navbar-collapse li.active > a {
        border: 1px solid #2cc7f7;
        -webkit-border-radius: 3px;
                border-radius: 3px; } }
    .navbar .navbar-collapse li:hover > a {
      background-color: initial;
      color: #2cc7f7; }
    .navbar .navbar-collapse li.active:hover > a {
      color: #0e0e0e; }
    .navbar .navbar-collapse li a {
      color: #0e0e0e;
      background-color: initial; }
      .navbar .navbar-collapse li a:focus {
        background-color: initial;
        outline: none; }
    .navbar .navbar-collapse li.dropdown a {
      background-color: initial !important; }
    > .navbar .navbar-collapse li.dropdown.open a:active {
      background-color: initial !important; }
    @media (min-width: 760px) {
      .navbar .navbar-collapse li.dropdown .dropdown-menu {
        -webkit-box-shadow: initial;
                box-shadow: initial;
        border: 1px solid #d8f5fe;
        background: #d8f5fe; }
        .navbar .navbar-collapse li.dropdown .dropdown-menu:before {
          content: '';
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          top: -8px;
          left: 10px;
          z-index: 4;
          background: #d8f5fe;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
      .navbar .navbar-collapse li.dropdown li:hover a {
        color: #078db6; } }

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  border: none;
  cursor: pointer; }
  @media (max-width: 760px) {
    .dropbtn {
      display: inline-block !important;
      border-bottom: 1px solid #e8e8e8; } }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block; }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: block;
  position: relative;
  float: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none; }
  @media (min-width: 760px) {
    .dropdown-content {
      display: none;
      position: absolute; } }

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block; }

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41; }

.slider .item {
  position: relative; }
  @media (min-width: 768px) {
    .slider .item h2, .slider .item .btn {
      opacity: 0;
      -webkit-animation-duration: 2s;
              animation-duration: 2s; }
      .slider .item h2.animated, .slider .item .btn.animated {
        opacity: 1; }
    .slider .item.slick-active h2 + h2 {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s;
      -webkit-animation-duration: 2s;
              animation-duration: 2s; }
    .slider .item.slick-active .btn-main-bg-color-green {
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s;
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      padding: 6px 20px;
      font-size: 16px; } }
  .slider .item img {
    max-height: 460px; }
    @media (max-width: 768px) {
      .slider .item img {
        width: auto;
        max-width: initial;
        min-height: 180px; } }

.slider .carousel-control {
  background: initial;
  z-index: 99;
  cursor: pointer; }
  .slider .carousel-control span {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 37px;
    height: 37px;
    background-image: url(../img/arrow.png);
    background-size: cover; }
    @media (max-width: 768px) {
      .slider .carousel-control span {
        top: 40%; } }
  .slider .carousel-control.left span {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
    @media (max-width: 768px) {
      .slider .carousel-control.left span {
        right: 15%; } }
  @media (max-width: 768px) {
    .slider .carousel-control.right span {
      left: 15%; } }

.slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  background-color: #fff;
  border: 1px solid #2cc7f7; }
  .slider .carousel-indicators li.slick-active {
    background-color: #bfff00; }
  .slider .carousel-indicators li button {
    display: none; }
  @media (max-width: 768px) {
    .slider .carousel-indicators li {
      display: none; } }

.slider .carousel-caption-main {
  position: absolute;
  bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6); }
  @media (min-width: 768px) {
    .slider .carousel-caption-main {
      padding-bottom: 30px;
      bottom: 50px; } }
  @media (min-width: 980px) {
    .slider .carousel-caption-main {
      padding-bottom: 30px;
      bottom: 150px; } }
  @media (max-width: 768px) {
    .slider .carousel-caption-main {
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.8);
              box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.8); } }
  .slider .carousel-caption-main h2 {
    margin: 0; }
  .slider .carousel-caption-main .btn {
    margin-top: 20px;
    font-size: 16px;
    padding: 6px 20px; }

.content {
  padding: 20px 0; }
  @media (min-width: 768px) {
    .content {
      padding: 50px 0; } }

.post {
  color: #333;
  text-decoration: none;
  color: #595959;
  text-decoration: none; }
  .post img {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 55px; }
  .post .post-arrow {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(../img/post-arrows.png);
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  .post:focus, .post:active {
    color: #595959;
    text-decoration: none; }
  .post:hover {
    text-decoration: none;
    color: #595959; }
    .post:hover img {
      opacity: 0.8; }
    .post:hover .post-arrow {
      -webkit-transform: translateX(-5px);
          -ms-transform: translateX(-5px);
              transform: translateX(-5px); }

.circle-post .circle-post-wrapper-container {
  width: 800px;
  position: relative;
  height: 700px;
  margin: 0 auto;
  background-image: url("../img/circle.png");
  background-position: center;
  background-repeat: no-repeat; }
  .circle-post .circle-post-wrapper-container .circle-post-wrapper {
    position: relative;
    -webkit-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
            transform: translateX(-250px);
    top: -300px; }
    .circle-post .circle-post-wrapper-container .circle-post-wrapper > .img {
      position: absolute;
      cursor: pointer; }
      .circle-post .circle-post-wrapper-container .circle-post-wrapper > .img img {
        width: 80px;
        height: 80px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        border: 3px solid white;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .circle-post .circle-post-wrapper-container .circle-post-wrapper > .img.active-image img, .circle-post .circle-post-wrapper-container .circle-post-wrapper > .img:hover img {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        border: 3px solid #bfff00; }
      .circle-post .circle-post-wrapper-container .circle-post-wrapper > .img span {
        z-index: 10;
        position: absolute; }
    .circle-post .circle-post-wrapper-container .circle-post-wrapper .circle-post-hidden-item {
      display: none;
      position: absolute;
      top: 480px;
      width: 315px;
      text-align: center; }
      .circle-post .circle-post-wrapper-container .circle-post-wrapper .circle-post-hidden-item.active {
        display: block; }
      .circle-post .circle-post-wrapper-container .circle-post-wrapper .circle-post-hidden-item img {
        max-width: 150px; }

@media (max-width: 990px) {
  .circle-post {
    display: none; } }

footer {
  background-color: #363839;
  color: white;
  padding: 20px 0; }
  @media (min-width: 768px) {
    footer {
      padding: 30px 0; } }
  footer .logo {
    height: 50px; }

.content-h1 {
  background-image: url(../img/page-heading.jpg); }
  .content-h1 h1 {
    color: white;
    margin-bottom: 20px; }

.content-page {
  overflow-x: hidden; }
  .content-page img {
    max-width: 100%; }
  .content-page h3 {
    text-transform: uppercase; }

.circle-page {
  position: relative;
  z-index: 0; }
  @media (min-width: 990px) {
    .circle-page {
      background: url(../img/big-circle.png) no-repeat, url(../img/51.png) no-repeat 40% 50%;
      background-size: cover, 60%;
      width: 800px;
      height: 800px;
      left: 260px;
      max-height: 720px; } }
  @media (min-width: 1200px) {
    .circle-page {
      left: 200px; } }
  @media (min-width: 990px) {
    .circle-page .cirle-item {
      position: absolute; } }
  .circle-page .cirle-item .text {
    padding: 20px 0; }
    @media (min-width: 990px) {
      .circle-page .cirle-item .text {
        position: absolute;
        top: -20px;
        width: 300px; }
        .circle-page .cirle-item .text:after {
          content: url(../img/curve_arrow.png);
          display: block;
          position: absolute;
          left: -30px; } }
  .circle-page .cirle-item.c1 {
    top: 127px;
    left: 40px; }
    .circle-page .cirle-item.c1 .text {
      right: 130px; }
  .circle-page .cirle-item.c2 {
    top: 321px;
    left: -35px; }
    .circle-page .cirle-item.c2 .text {
      right: 130px; }
  .circle-page .cirle-item.c3 {
    top: 516px;
    left: -10px; }
    .circle-page .cirle-item.c3 .text {
      left: 100px; }
      @media (min-width: 990px) {
        .circle-page .cirle-item.c3 .text:after {
          display: none; } }
      @media (min-width: 990px) {
        .circle-page .cirle-item.c3 .text {
          right: 130px; } }
  .circle-page img {
    max-width: 75px; }

.price-page {
  text-align: center; }
  .price-page .col-md-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 992px) {
      .price-page .col-md-1-5 {
        width: 20%;
        float: right; } }
    .price-page .col-md-1-5 .price-block {
      background: whitesmoke;
      padding: 10px 10px 20px;
      -webkit-border-radius: 6px;
              border-radius: 6px;
      margin-bottom: 20px; }
    .price-page .col-md-1-5 h3 {
      margin: -10px -10px 10px;
      padding: 20px 10px;
      background-color: #2cc7f7;
      color: white;
      -webkit-border-radius: 6px 6px 0 0;
              border-radius: 6px 6px 0 0; }
    .price-page .col-md-1-5 .hidden-number {
      height: 0px;
      overflow: hidden; }
  .price-page h2 {
    margin-bottom: 20px; }

.modal {
  direction: ltr;
  overflow-y: auto; }
  .modal .modal-dialog {
    max-width: 400px; }
  .modal .modal-header {
    direction: rtl;
    background-color: #2cc7f7;
    color: white;
    -webkit-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
    border: 0; }
  .modal .modal-body {
    direction: rtl; }
  .modal .modal-footer {
    direction: rtl;
    border: 0;
    padding-top: 0; }
  .modal .close {
    color: white;
    opacity: 0.9; }
  .modal .modal-title {
    font-size: 24px; }
  .modal label.error {
    font-size: 80%;
    color: #F44336; }

.tagline {
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  position: relative; }
  .tagline .mylabel {
    font-size: 100%;
    -webkit-transform: translateY(-18px);
        -ms-transform: translateY(-18px);
            transform: translateY(-18px); }
  .tagline h2 {
    padding: 0px 0 30px; }