/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .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 {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%; }

a:visited {
  fill: unset !important; }

input[type=submit] {
  cursor: pointer; }

h1 {
  text-transform: uppercase;
  text-align: center;
  font-size: 33px;
  color: #f8f1e8;
  font-family: MrDarcy-Reg;
  font-weight: bold; }

h2 {
  text-align: center;
  font-family: MrDarcy-Reg;
  font-weight: bold;
  text-transform: uppercase;
  color: #0b235f;
  font-size: 44px;
  text-shadow: 0px 4px #d7cec3;
  margin: 0; }

h3 {
  text-align: center;
  font-size: 20px;
  color: #f8f1e8;
  font-family: MrDarcy-Reg;
  font-weight: bold;
  text-transform: uppercase; }

p {
  font-family: "Times New Roman";
  font-size: 21px;
  font-weight: normal;
  line-height: 31px;
  text-align: center;
  color: #f8f1e8; }

.header {
  background-color: #010c24;
  height: 100px;
  text-align: center; }
  .header .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    fill: #f8f1e8; }
    .header .logo svg {
      max-width: 280px;
      width: 100%;
      height: 100%; }
  .header .social {
    display: flex;
    justify-content: flex-end;
    fill: #f8f1e8;
    align-items: center;
    height: 80px; }
    .header .social .icon {
      margin-left: 20px; }
      .header .social .icon svg {
        width: 40px;
        height: 40px;
        margin: -5px; }
      .header .social .icon.instagram svg {
        width: 37px;
        height: 37px;
        margin: -3.7px; }
    .header .social .white-background {
      background: transparent;
      border-radius: 50%;
      width: 32px;
      height: 32px; }

.background-image {
  content: "";
  position: relative;
  background-color: #0d182f;
  background: url("../images/img_top_background.jpg") no-repeat;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 15%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%; }

.main-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px; }
  .main-content .istanbul-logo {
    padding-top: 55px;
    margin: auto;
    display: flex; }
    .main-content .istanbul-logo img {
      max-height: 200px;
      margin: auto;
      max-width: 88vw;
	}
  .main-content .istanbul-yt {
    margin-bottom: 44px; }
    .main-content .istanbul-yt .embed-responsive {
      border: 4px solid #010c24;
      border-radius: 5px; }
  .main-content .title h1 {
    margin-bottom: 17px; }
  .main-content .icons {
    display: flex;
    fill: #f8f1e8;
    justify-content: center; }
    .main-content .icons .android svg, .main-content .icons .steam svg, .main-content .icons .macstore svg {
      width: 40px;
      height: 40px;
      margin: 46px 17px 67px 17px; }
  .main-content .button {
    text-align: center;
    margin-bottom: 113px; }
  .main-content .man {
    display: none; }
    .main-content .man img {
      max-height: 700px; }
    .main-content .man .stars-container {
      position: relative; }
      .main-content .man .stars-container .star {
        position: absolute;
        background: url("http://sadowm.ayz.pl/img/shine.png") no-repeat;
        background-size: contain;
        overflow: hidden;
        bottom: 0; }
        .main-content .man .stars-container .star.star-1 {
          width: 50px;
          height: 34px;
          bottom: 105px;
          left: 263px; }
        .main-content .man .stars-container .star.star-2 {
          width: 83px;
          height: 77px;
          bottom: 100px;
          left: 166px; }
        .main-content .man .stars-container .star.star-3 {
          width: 74px;
          height: 70px;
          bottom: 100px;
          left: 221px; }
        .main-content .man .stars-container .star.star-4 {
          width: 68px;
          height: 70px;
          bottom: 113px;
          left: 201px; }

.btn {
  box-shadow: #ff921a 0 2px 0;
  background: linear-gradient(#ff921a, #ffb419 100%);
  border-radius: 9px;
  color: #f8f1e8;
  font-family: "Times New Roman";
  max-width: 280px;
  width: 100%;
  padding: 13px;
  font-size: 29px;
  font-weight: 600; }
  .btn .play {
    display: flex;
    justify-content: center; }
    .btn .play img {
      margin: auto 8px auto 0;
      width: 27px;
      height: 27px; }

.btn:hover, .btn:focus, btn:active {
  background: linear-gradient(#ff691a, #ff921a 100%);
  color: white; }

.btn-more, .btn-less {
  padding: 10px;
  cursor: pointer; }
  .btn-more span, .btn-less span {
    font-family: "Times New Roman";
    font-size: 21px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    color: #f8f1e8; }
  .btn-more .plus, .btn-less .plus {
    fill: #f8f1e8;
    padding-right: 7px;
    line-height: unset; }

.btn-less {
  align-items: flex-end;
  display: flex; }
  .btn-less .plus {
    padding-right: 13px; }

.screens-section {
  background-color: #030e25;
  background-image: url(../images/img_deccription_background_top.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 59px; }
  .screens-section .screens-content {
    padding: 15px 15px; }
    .screens-section .screens-content .screen {
      padding: 15px 15px; }
      .screens-section .screens-content .screen img {
        width: 100%;
        cursor: pointer; }
  .screens-section .screens-more {
    display: flex;
    justify-content: center; }

.description-section {
  background-color: white;
  background-image: url(../images/img_page_background.jpg);
  background-repeat: repeat-y; }
  .description-section .masjid {
    background-image: url(../images/img_meczet.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 180% auto; }
  .description-section .description-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 45px;
    padding-bottom: 31px; }
    .description-section .description-title h2 {
      color: #0b235f;
      font-size: 44px;
      text-shadow: 0px 4px #d7cec3;
      margin: 0; }
    .description-section .description-title img {
      height: 44px;
      padding: 3px 10px 3px 10px; }
  .description-section .description-content {
    padding: 15px; }
    .description-section .description-content p {
      color: #0b235f;
      font-style: italic;
      font-weight: bold;
      font-size: 24px;
      line-height: 44px;
      text-align: left; }
  .description-section .features-content {
    padding: 0 15px 0 5px; }
    .description-section .features-content .main {
      padding: 0 0 0 43px; }
    .description-section .features-content h3 {
      color: #0b235f;
      font-family: "Times New Roman";
      text-align: left;
      font-size: 24px; }
    .description-section .features-content p {
      color: #0b235f;
      text-align: left;
      line-height: 35px; }
    .description-section .features-content ul {
      list-style-image: url("../images/ic_rubin.png");
      list-style-position: outside;
      font-family: "Times New Roman";
      color: #0b235f;
      font-size: 21px;
      line-height: 35px;
      margin: 0; }
    .description-section .features-content li {
      padding: 10px 0; }
  .description-section .features-more {
    display: flex;
    padding-bottom: 59px;
    padding-top: 10px;
    justify-content: center; }
    .description-section .features-more .btn-more, .description-section .features-more .btn-less {
      text-align: center; }
      .description-section .features-more .btn-more .plus, .description-section .features-more .btn-less .plus {
        fill: #0b235f; }
      .description-section .features-more .btn-more span, .description-section .features-more .btn-less span {
        color: #0b235f; }
  .description-section .button {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 73px; }
  .description-section .more {
    display: none; }

.awards-section {
  background-color: #0b235f;
  background-image: url(../images/img_awards_background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .awards-section .separator-image-top {
    background-image: url(../images/img_deccription_background_bottom.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 180% auto; }
  .awards-section .separator-image-bottom {
    background-image: url(../images/img_deccription_background_top.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 35px; }
  .awards-section .awards-title {
    padding-top: 86px;
    padding-bottom: 31px; }
    .awards-section .awards-title .title-row {
      display: flex;
      align-items: center;
      justify-content: center; }
      .awards-section .awards-title .title-row h2 {
        color: #f8f1e8;
        text-shadow: 0px 4px #1c273e; }
      .awards-section .awards-title .title-row img {
        height: 44px;
        padding: 0 10px 6px 10px; }
  .awards-section .awards-content {
    padding: 15px 15px 50px 15px;
    text-align: center; }
    .awards-section .awards-content img {
      padding: 45px 14px;
      filter: sepia(100%) hue-rotate(190deg) saturate(200%) contrast(90%); }
    .awards-section .awards-content img:hover {
      filter: none; }
  .awards-section .awards-names {
    padding: 0 20px 28px 20px; }
    .awards-section .awards-names .more {
      display: none; }
    .awards-section .awards-names h3 {
      text-transform: none;
      font-family: "Times New Roman";
      font-size: 21px;
      line-height: 35px;
      margin-bottom: 2px; }
  .awards-section .awards-more {
    display: flex;
    padding-bottom: 59px;
    justify-content: center; }

.play-section {
  background-color: #f8f1e8;
  background-image: url(../images/img_page_background.jpg);
  background-repeat: repeat-y;
  height: 560px; }
  .play-section .background-image {
    background-image: url(../images/img_play_now.png);
    background-repeat: no-repeat;
    background-position-y: 31px;
    background-size: contain;
    max-width: 538px;
    margin: auto; }
  .play-section .button {
    margin-top: 423px;
    text-align: center; }

.footer-section {
  background-color: #010c24;
  padding-top: 58px;
  padding-bottom: 80px;
  fill: #f8f1e8; }
  .footer-section .social {
    display: flex;
    justify-content: center; }
    .footer-section .social .icon {
      margin: 46px 25px 57px 25px; }
      .footer-section .social .icon svg {
        width: 45px;
        height: 45px;
        margin: -5px; }
      .footer-section .social .icon.instagram svg {
        width: 42px;
        height: 42px;
        margin: -3.5px; }
    .footer-section .social .white-background {
      background: transparent;
      border-radius: 50%;
      width: 34px;
      height: 34px; }
  .footer-section .kit {
    text-align: center; }
    .footer-section .kit .btn {
      box-shadow: #040912 0 4px 0;
      background: linear-gradient(#31446a, #15284d 100%);
      max-width: 177px;
      padding: 11px;
      font-size: 18px;
      border: none; }
    .footer-section .kit .btn:hover, .footer-section .kit btn:focus {
      opacity: 0.8;
      transition: 0.1s; }

.icon.fb:hover, .icon.fb:focus {
  fill: #3b5998; }

.icon.twitter:hover, .icon.twitter:focus {
  fill: #4099ff; }

.icon.yt:hover, .icon.yt:focus {
  fill: #cc181e; }

.icon.instagram:hover, .icon.instagram:focus {
  fill: #8a3ab9; }

.icon .white-background:hover, .icon .white-background:focus {
  background: white; }

.pop-up {
  position: fixed;
  display: none;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(1, 1, 1, 0.6); }
  .pop-up .pop-up-content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .pop-up .content-border {
    height: 570px;
    width: 520px;
    background: transparent; }
    .pop-up .content-border .content {
      height: 470px;
      width: 480px;
      background: #f8f1e8;
      border-radius: 23px;
      margin: auto; }
    .pop-up .content-border img {
      padding-bottom: 20px; }
    .pop-up .content-border .avaible {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 90%;
      margin: auto;
      padding-top: 10px; }
      .pop-up .content-border .avaible img {
        padding: 10px;
        width: 100%; }
    .pop-up .content-border h3 {
      color: #212529;
      font-family: "Times New Roman";
      font-weight: 600;
      font-size: 17px; }
    .pop-up .content-border .exit {
      width: 58px;
      margin-left: 458px;
      cursor: pointer; }
      .pop-up .content-border .exit img {
        padding: 20px; }

.pop-up.active {
  display: block; }

.screen-zoom-section {
  position: fixed;
  display: none;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(1, 1, 1, 0.6); }
  .screen-zoom-section .screen-zoom-content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .screen-zoom-section .screen-zoom-content img {
      padding: 15%;
      width: 100%; }
@-moz-document url-prefix() {
  .screen-zoom-section .screen-zoom-content img {
    padding: 0;
    margin: 15%; } }
@media (max-width: 490px) {
  .description-title img, .awards-title img {
    display: none; } }
@media (max-width: 767px) {
  .screens-content .screen {
    display: none; }

  .screens-content .screen:first-of-type {
    display: block; }

  .screen-zoom-section .screen-zoom-content img {
    padding: 10px; }
  @-moz-document url-prefix() {
    .screen-zoom-section .screen-zoom-content img {
      padding: 0;
      margin: 10px; } } }
@media (min-width: 992px) {
  .header {
    height: 80px; }
    .header .logo {
      justify-content: flex-start;
      height: 80px; }
      .header .logo svg {
        max-width: 211px; } }
@media (min-width: 1200px) {
  .main-content {
    padding: 0 5px; }
    .main-content .three-columns {
      display: flex; }
      .main-content .three-columns .man {
        display: block;
        order: 1;
        width: 28%; }
      .main-content .three-columns .right-column {
        order: 3;
        width: 39%;
        padding-left: 21px;
        margin-top: 205px; }
      .main-content .three-columns .center-column {
        order: 2;
        width: 33%;
        margin-top: 204px; }
        .main-content .three-columns .center-column .icons svg {
          margin: 10px 17px 30px 17px; }
    .main-content .istanbul-logo {
      margin-bottom: -167px; }

  .screens-section {
    padding-bottom: 38px; }
    .screens-section .screens-content .screen {
      padding: 5px 5px; }

  .description-section .description-title {
    padding-bottom: 60px; }
  .description-section .description-content {
    padding: 49px 0 0 5px; }
  .description-section .features-content {
    padding: 0 10px 0 5px; }
  .description-section .features-content.last {
    padding-top: 39px; }
  .description-section .features-content.more {
    padding-top: 16px; }
  .description-section .more {
    display: block; }

  .awards-section .awards-more {
    padding-bottom: 77px;
    padding-top: 31px; }
  .awards-section .separator-image-bottom {
    display: none; }

  .play-section {
    display: none; }

  .footer-section {
    padding-bottom: 49px;
    padding-top: 49px; }
    .footer-section .kit {
      order: 1;
      text-align: left; }
      .footer-section .kit .btn {
        max-width: 147px;
        padding: 10px;
        font-size: 15px; }
    .footer-section .rights {
      order: 2; }
      .footer-section .rights p {
        margin: 0;
        font-size: 17px; }
    .footer-section .social {
      order: 3;
      justify-content: flex-end;
      text-align: right; }
      .footer-section .social .icon {
        margin: 0 0 0 20px; }
        .footer-section .social .icon .white-background {
          width: 32px;
          height: 32px; }
        .footer-section .social .icon svg {
          width: 40px;
          height: 40px; }
        .footer-section .social .icon.instagram svg {
          width: 37px;
          height: 37px;
          margin: -3.7px; }

  .btn {
    max-width: 258px;
    padding: 13px;
    font-size: 25px; } }
@media (min-width: 1510px) {
  .container {
    max-width: 1405px; }

  .main-content .three-columns .man {
    width: 22%; }
  .main-content .three-columns .right-column {
    width: 44%;
    margin-top: 302px; }
  .main-content .three-columns .center-column {
    width: 35%;
    margin-top: 315px; }
    .main-content .three-columns .center-column .button {
      margin-bottom: 0; }
  .main-content .istanbul-logo {
    margin-bottom: -231px;
    padding-top: 92px; } }
/*
 .row:before, .row:after{
      display: none;
}
*/

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