/* Media slider 2016 - START */
body .modal-title {
  line-height: 2.5;
}
.roomImage {
  width:100%;
}
#generic-media-modal .modal-header .close {
  font-size: 45px;
  margin-right: 12px;
}
#weatherDiv img {
    position: relative;
    width: 100%;
    /* height: 376px; */
}
.grid-sizer, .grid-item {
  width:33%;
}
.grid-item {
  float:left;
}
.media-icon-container:not(.on) {
  cursor:pointer;
}

.modal #map-canvas {
  height:100%;
}
.comments-title {
  padding: 10px;
}
.comments-desc {
  padding: 10px;
}
.modal .grid-item-content {
  background-color: #F2F2F2;
}
#generic-media-modal.modal iframe {
  width: 100%;
  height: 100%;
}
.modal .item.movie {
  position:relative;
  padding-bottom:56.25%;
  padding-top:0;
  height:0;
  overflow:hidden;
  margin-bottom: 20px;
}
.modal .item.movie iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.modal .movie-title {
  margin-bottom: 0;
  /*background-color: #000000;*/
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
.media-icon-logo {
  background-image: url(../images/mediaslider/nazar_logo_trans.gif);
  width:133px;
  height:32px;
  float: right;
  margin-right: 10px;
  margin-top: 11px;
}
.modal {
  overflow-x: hidden;
  overflow-y: hidden;
}
#generic-media-modal.modal .modal-dialog {
  max-width: 1070px;
  width: 55%;
  height: 100%;
}
#generic-media-modal.modal .modal-dialog .modal-header {
  height: 60px;
  margin: 0 15px 0 15px;
  padding: 10px 0 26px 0;
  border-bottom: none;
}
#generic-media-modal.modal .modal-dialog .modal-content {
  overflow: hidden;
  height: 90%;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:unset;
}
#generic-media-modal.modal .modal-dialog .modal-body {
  clear: both;
  height: 91%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  padding: 15px;
}
.modal .modal-header .media-icon-container {
  padding-top: 5px;
  float: left;
  width: 57px;
  background-repeat: no-repeat;
  height: 80px;
}
.modal .item-img {
  padding: 10px 0;
}

#generic-media-modal .modal-body .item:nth-child(1) .item-title {
  margin-top: 0;
}
#generic-media-modal .item-title {
  color: #bbe6f3;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  margin-top: 15px;
  text-align: center;
}
#generic-media-modal .item-description {
  color: #323232;
  margin-top: 0;
  font-weight: 400;
  font-size: 15px;
}

#generic-media-modal .modal-header .media-icon-container:nth-child(1) {
  
}
.modal .modal-header .media-icon-container .media-icon {
  height:39px;
  background-position: center;
  background-repeat: no-repeat;
}
.modal .modal-header .media-icon-container .media-text {
  font-size: 11px;
  height: 12px;
  text-align: center;
  color: #323232;
  margin-top: 6px;
  line-height: 11px;
}
.modal .modal-header .media-icon-container .galleries {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_photo_cirkel_icon.svg);
}
.modal .modal-header .media-icon-container .video {
  background-image: url(../images/mediaslider/2018/nav_film_off.gif);
}
.modal .modal-header .media-icon-container .instagram {
  background-image: url(../images/mediaslider/2018/nav_instagram_off.gif);
}
.modal .modal-header .media-icon-container .weather {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_weather_cirkel_icon.svg);
}
.modal .modal-header .media-icon-container .map {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_map_cirkel_icon.svg);
}
.modal .modal-header .media-icon-container .guests {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_customer_thumb-up_icon_cirkel.svg);
}

.modal .modal-header .media-icon-container.on .galleries {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_photo_cirkel_icon_inverted.svg);
}
.modal .modal-header .media-icon-container.on .video {
  background-image: url(../images/mediaslider/2018/nav_film_on.gif);
}
.modal .modal-header .media-icon-container.on .instagram {
  background-image: url(../images/mediaslider/2018/nav_instagram_on.gif);
}
.modal .modal-header .media-icon-container.on .weather {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_weather_cirkel_icon_inverted.svg);
}
.modal .modal-header .media-icon-container.on .map {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_map_cirkel_icon_inverted.svg);
}
.modal .modal-header .media-icon-container.on .guests {
  background-image: url(/typo3conf/ext/nz_nazartravel/Resources/Public/Icons/nazar_customer_thumb-up_icon_cirkel_inverted.svg);
}
.nazar-hotel-detail-main .big-foto-comment__foto-comment-wrapper img {
  margin-left:0;
}
.modal .modal-header .media-icon-container.on .media-text {
  height: 31px;
}

@media (min-width: 1200px) {

}
@media (max-width: 1199px) {

}
@media (min-width: 990px) and (max-width: 1200px) {
  #generic-media-modal.modal .modal-dialog {
    width: 90%;
    height: 100%;
  }
}
@media (max-width: 990px) {
  .media-icon-logo {
    margin-top:10px;
  }
  #generic-media-modal.modal .modal-dialog .modal-content {
    height: 101%;
  }
  #generic-media-modal.modal .modal-dialog {
    width: 102%;
    height: 100%;
    margin: -1% 0 0 -1%;    
  }
}
@media (min-width: 768px) and (max-width: 990px) {

}
@media (max-width: 767px) {
  .media-icon-logo {
    display:none;
  }
  #generic-media-modal .modal-header .close {
    font-size: 45px;
  }
}
@media (max-width: 600px) {
  .modal .modal-header .media-icon-container {
    width: 18%;
  }
  .modal .modal-header .media-icon-container .media-icon {
    background-position-x: 50%;
    background-repeat: no-repeat;
  }
  /*.modal .close {
    display:none;
  }*/
}
@media (max-width: 479px) {

}

@media (max-width: 400px) {
  #generic-media-modal .modal-header .close {
    margin-right: 0;
  }
}

/* Media slider 2016 - END */