/* 
-------As Per Page Format Order----------
 video-css */ 

#mainimagehome.cms6 .video-slider .ms_cms_editbar_component {
  left: 50%!important;
  top: 50%!important;
}
.cms6 #home-main {
	overflow: hidden;
	height: 600px;
}
#video-swap.cms6 {
	height: auto;
}
.fullwidthvideo .video-slider iframe, .fullwidthvideo .video-slider video {
  transform: scale(1.7);
 /* transform: scale(1.15); height: auto; */
  max-width: inherit;
  width: 100%;
}
.fullwidthvideo .hero-image {
  height: 100%;
}
.fullwidthvideo .video-nav-wrap-new {
 /* bottom: 18%; */
}
.main-slider .uk-slideshow-items {
    height: 100vh !important;
    max-height: 100vh !important;
}
.player .vp-unmute {
  display: none !important;
}

#mainimagehome {
  /*height: 100vh;*/
  height:100vh;
  overflow: hidden;
  position: relative;
  top: 0;
}
.video-slider.cms6{height: 600px;position: relative;}
.video-nav-wrap-new.cms6{    bottom: 0px;}
.video-slider iframe, .video-slider video {transform: scale(1.4);    height: 100vh; }
.video-slider{    height: 100vh;}
.image-slider img{    height: 100vh;object-fit: cover;}
/*#mainimagehome .uk-slideshow-items{    min-height: 100vh !important;}*/
.heading-slider h2 {width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 80px;
  text-transform: uppercase;
  letter-spacing: 9.6px;
  line-height: 76px;
  z-index: 1;
  margin: 0;
}
.heading-slider h2 span {line-height: normal;
  font-size: 46px;
  display: block;
}
.video-nav-wrap-new a {
  text-decoration: none;
}
.video-nav-wrap-new {
  position: absolute;
  z-index: 2;
  left: 30px;
  bottom:30px;
}

.videocamera-icon:hover, .videocamera-icon:focus {
  width: 80px;
  height: 80px;
  margin-right: -15px;
  margin-bottom: -15px;
  border-radius: 4px;

}
.videocamera-icon:hover span.videonavigation-text, .videocamera-icon:focus span.videonavigation-text {
  font-size: 12px;
  line-height: normal;
  display: block;
  color: var(--text-color) !important;
  margin-top: 8px;
  padding: 0 8px !important;
  text-align: center;
  opacity:1;    transition: opacity 0.1s;
}
.videocamera-icon .videonavigation-text {
  opacity: 0;
  transition: opacity 0.2s;
  display: none;
}
.videocamera-icon:hover .videonavigation-text {
  opacity: 1;
  display: block;
}
.videocamera-icon.menu-active:focus span.videonavigation-text {
  display: none;
}
.videocamera-icon {
  width: 36px;
  height: 36px;
  background:#ad9e6e;
  color: #000!important;
  box-sizing: border-box;
  transition: all 0.2s;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
  font-size: 13px;
  padding-left: 0px;
}

.videocamera-icon.menu-active {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ad9e6e;
  color:#000 !important;
  border-radius: 4px;
  margin: 0 -15px -15px 0;
  border: solid 4px #ad9e6e;
}
.videocamera-icon.menu-active:hover{
  color:#fff !important;
  border: solid 4px  #000;
  background: #000;
}
.videocamera-icon.menu-active span{    font-weight: bold;
  font-size: 15px;}

.videocamera-icon.menu-active .videonavigation-text, .videocamera-icon.menu-active:hover .videonavigation-text, .videocamera-icon.menu-active:focus .videonavigation-text{display:none;}
.videocamera-icon.menu-active span.icon-cancel {
  color: #ad9e6e;
}

.videocamera-icon .videonavigation-text {
  opacity: 0;
  transition: opacity 0.2s;
  display: none;
}
.videonav-iconexpand {
  position: absolute;
  bottom: 85px;
  flex-direction: column;
  display: none;
  z-index:9999;
}

.videocamera-icon:hover span.videonavigation-text {
  font-size: 12px;
  line-height: normal;
  display: block;
  color: #ad9e6e;
  margin-top: 8px;
  text-align: center;
}
.videocamera-icon .videonavigation-text {
  opacity: 0;
  transition: opacity 0.2s;
  display: none;
}
.videonav-iconexpand a {
  width:80px;
  height: 80px;
  /*background: #031a35;
  color: #FFF4EC;*/
  color: #000;
  background: #ad9e6e;

  margin-top: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index:9999;
  position:relative
}

.videonav-iconexpand a:hover, .videonav-iconexpand a:focus, .videonav-iconexpand a:hover span, .videonav-iconexpand a:focus span {
   color: #000;
  text-decoration: none;
}
#videoIcon:hover, #videoIcon:focus, #videoIcon:active{
  text-decoration: none;
}
.formslable {
  display: none !important;
}

a.playclick.active .play-video,
a.playclick.active .videonavigation-text.play,
a.playclick .pause-video,
a.playclick .videonavigation-text.pause{
  display:none;
}

a.playclick.active .pause-video,
a.playclick.active .videonavigation-text.pause{
  display:block;
}


a.muteClick.active .mute-video,
a.muteClick.active .videonavigation-text.mute,
a.muteClick .unmute-video,
a.muteClick .videonavigation-text.unmute{
  display:none;
}

a.muteClick.active .unmute-video,
a.muteClick.active .videonavigation-text.unmute{
  display:block;
}


.videonav-iconexpand a .videonavigation-text {
  font-size: 11px;
  line-height: 14px;
  margin-top:10px;
  text-align: center;
}

.description-popuplink .videonavigation-text{  margin-top:6px;}
.popup-vimeo .videonavigation-text{    margin-top: 6px; padding: 0 4px;}

.play-video, .pause-video, .description-icon, .expand-icon{font-size: 20px;}
.expand-icon { font-weight: bold !important;}
#mainimage {margin: 0 20px;}

@media (min-width: 1124px) {
 /* #mainimage ul.uk-slideshow-items , #mainimage{
    min-height: calc(-90px + 100vh) !important;
} */
.image-slider img {
    height: 100%;
    object-fit: cover;

}
}


@media (min-width: 1900px) {
  .video-slider iframe, .video-slider video {
     width: 100% !important; 
    
 height: auto!important; 
}
  .image-slider img {
    width: 100%;
  }
}

@media (min-width: 2200px) {
  .video-slider iframe, .video-slider video {
   
  }
}

@media (min-width: 3000px) {
  .video-slider iframe, .video-slider video {
 
  }
}


@media (max-width: 1370px) {
  .video-slider iframe, .video-slider video{
}
}


@media (max-width: 1100px) {
  .video-slider iframe, .video-slider video {
  }
}

@media (max-width: 1024px) {
  .fullwidthvideo .video-nav-wrap-new {
    bottom: 30px;
  }
}

@media (max-width: 960px) {
  #home-main {    overflow: hidden;}
  .image-slider img {
    height: auto;
    object-fit: cover;
    width: 110%;
    max-width: inherit;
}
  .video-slider iframe, .video-slider video {
    transform: scale(2.3); height: auto !important;
  }
  .fullwidthvideo .video-nav-wrap-new{bottom: 30px;}

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .video-slider iframe, .video-slider video {
      transform: scale(1.7);
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    /* #mainimagehome .uk-slideshow-items { min-height: 70vh !important;}
    .video-slider iframe, .video-slider video {
    transform: scale(3);
}*/
    #mainimagehome {
      height: auto;}
}
@media screen and (max-width:960px){
  #mainimagehome {
    height: 42.2vh !important;
  }
      #mainimagehome .uk-slideshow-items {
        min-height: 36.8vh !important;
        height: 100% !important;
    }
}
@media screen and (max-width:767px){

  #mainimagehome {
    height: 42.2vh !important;
  }
      #mainimagehome .uk-slideshow-items {
        min-height: 36.8vh !important;
        height: 100% !important;
    }

  .video-nav-wrap-new {
    left: 20px;
    bottom: 20px;
  }
  .heading-slider h2{  font-size: 46px;   line-height: normal;    letter-spacing: 3.6px;}
  .heading-slider h2 span {
    line-height: normal;
    font-size: 26px;
    display: block;
  }
 

}

@media screen and (max-width:640px){
  .video-slider iframe, .video-slider video {
    transform: scale(3);
  }
}

@media screen and (max-width:480px){
  .video-slider iframe, .video-slider video {
    transform: scale(4.4);
  }
  .fullwidthvideo .video-slider iframe, .fullwidthvideo .video-slider video {
    transform: scale(2.3);
}
}

@media screen and (max-width:360px){
  .video-slider iframe, .video-slider video {
    transform: scale(4);
  }
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

    .video-slider iframe, .video-slider video {transform: scale(1.5);}


}
@media screen and (max-width:767px) and (orientation: landscape){
  #mainimagehome{
	height: 70.2vh !important;
  }
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .video-slider iframe, .video-slider video {transform: scale(1.5);}


}

@font-face {
  font-family: 'mimiconfont-new';
  src:
    url('https://assets.milestoneinternet.com/pm-hotel-group-parent/hotel-du-pont/design/fonts/mimiconfont-new.ttf?9gveui') format('truetype'),
    url('https://assets.milestoneinternet.com/pm-hotel-group-parent/hotel-du-pont/design/fonts/mimiconfont-new.woff?9gveui') format('woff'),
    url('https://assets.milestoneinternet.com/pm-hotel-group-parent/hotel-du-pont/design/fonts/mimiconfont-new.svg?9gveui#mimiconfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


[class^="mim-icon-"], [class*=" mim-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mimiconfont' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mim-icon-Menu:before {
  content: "\e91c";
}
.mim-icon-expand:before {
  content: "\e900"; font-family: 'mimiconfont-new';
}
.mim-icon-icon-sound-off:before {
  content: "\e912"; font-family: 'mimiconfont-new';
}
.mim-icon-icon-play:before {
  content: "\e913"; font-family: 'mimiconfont-new';
}
.mim-icon-icon-pause:before {
  content: "\e914"; font-family: 'mimiconfont-new';
}
.mim-icon-Icon-video:before {
  content: "\e915"; font-family: 'mimiconfont-new';
}
.mim-icon-icon-video-desc:before {
  content: "\e916"; font-family: 'mimiconfont-new';
}
.mim-icon-Icon-sound:before {
  content: "\e917"; font-family: 'mimiconfont-new';
}
.mim-icon-blog:before {
  content: "\e902";
}
.mim-icon-close1:before {
  content: "\e903"; font-family: 'mimiconfont-new';
}
@media only screen and (max-width: 767px) {
   #home-main {
        max-height: inherit;
        overflow: hidden;
     	margin-top:65px;
    }
  .uk-position-relative #home-main{
  	margin-top:0;
  }
      .main-slider {
        max-height: inherit;
    }
      .main-slider .uk-position-relative.uk-visible-toggle.uk-light {
        max-height: inherit;
        height: 100%;
    }  
  
}