@charset "utf-8";

*, *:before, *:after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

body { margin:0; padding:0; font-family: 'Roboto', sans-serif; position:relative; }
:focus { outline:none;}
img { border:0; vertical-align:middle; max-width:100%; }
a { text-decoration:none; color:#f38118; }
input, select, textarea { font-family: 'Roboto', sans-serif; max-width:100%; }

.row {}
.row:before, .row:after { content:""; display:table;}
.row:after { clear:both;}

.container { width:1160px; margin:0 auto; }
.container:before, .container:after { content:""; display:table;}
.container:after { clear:both;}


#header { margin:0; padding:0; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; right:0; z-index:999; }
#header .header { position:relative; }
/*#header .is-sticky .header { width:100%; z-index:1111; background:#000; }
#header .is-sticky .header .phone { display:none; }*/
#header .logo { margin:0; padding:20px 0; float:left; }
#header .logo img { max-width:100%; }

#nav { margin:0; padding:34px 0 0 0; float:right; }
#nav a.menu-icon { display: none; padding:0; width:25px; margin:0 auto; }
#nav a.menu-icon span { display:block; background-color:#fff; height: 2px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin:3px 0; padding:0; }
#nav ul { margin:0; padding:0; display:block; }
#nav ul li { margin:0; padding:0 0 0 40px; display:block; float:left; }
#nav ul li a { margin:0; padding:0; display:block; font-size:18px; line-height:22px; color:#ffffff; font-weight:normal; }
#nav ul li.current-menu-item a, #nav ul li a:hover { color:#f38118; }
#nav ul li:last-child a { color:#f38118 !important; }
#nav ul li:last-child a:hover { color:#FFF !important; }
#nav ul li.mobile { display:none; }

#header .header .container { position:relative; }
#header .phone { font-size:18px; line-height:normal; color:#7f7f7f; font-weight:700; margin:0; padding:0; position:absolute; top:10px; right:0; }
#header .phone .fa { margin:0 5px 0 0; font-size:23px; line-height:normal; vertical-align:top; color:#7f7f7f; }
#header .phone a { color:#f38118; }
#header .phone a:hover { color:#7f7f7f; }

#topbar { margin:0; padding:0; background:rgba(0,0,0,0.5); }
#topbar .topbar { float:right; }
#topbar .phone { float:left; font-size:18px; line-height:54px; color:#7f7f7f; font-weight:700; margin:0; padding:0; }
#topbar .phone .fa { margin:0 5px 0 0; font-size:23px; line-height:54px; vertical-align:top; color:#7f7f7f; }
#topbar .phone a { color:#f38118; }
#topbar .phone a:hover { color:#7f7f7f; }
#topbar .social { float:left; margin:0 60px 0 50px; padding:0; }
#topbar .social ul { margin:0; padding:0; display:block; }
#topbar .social ul li { margin:0; padding:0; display:block; float:left; }
#topbar .social ul li a { font-size:24px; color:#7f7f7f; line-height:54px; vertical-align:top; margin:0 10px; }
#topbar .social ul li a:hover { color:#f38118; }
#topbar form { float:left; }
#topbar .serbox { width:250px; margin:10px 0 0 0; padding:0 10px 0 10px; font-size:18px; font-weight:700; color:#7f7f7f; border:none; border-bottom:1px solid #7f7f7f; background:url(../images/ser_icon.png) no-repeat right center; height:30px; }

#banner { margin:0; padding:0; position:relative;  }
#banner > img { width:100%; margin:0; padding:0; object-fit:cover;}
#banner h1 { float:left; margin:0; padding:0; width:735px; font-size:60px; line-height:normal; color:#ffffff; font-weight:400; }
#banner .caption { position:absolute; top:250px; left:0; right:0; z-index:111; }
#banner .avability_box { float:right; width:340px; float:right; background:rgba(0,0,0,0.6); text-align:center; }
#banner .avability_box h3 { font-size:24px; line-height:60px; color:#fff; font-weight:700; text-transform:uppercase; background:#000000; padding:0; }
#banner .avability_box .icon { display:inline-block; vertical-align:top; line-height:35px; border-right:1px solid #fff; margin:12px 20px 0 0; padding:0 15px 0 0; }
#banner .avability_box .btn_1 { margin:0; padding:32px 18px; text-align:center; }
#banner .avability_box .btn_1 a { display:block; font-size:18px; line-height:45px; color:#fff; font-weight:700; background:#f38118; text-transform:uppercase; }
#banner .avability_box .btn_1 a:hover { background:#f35102; color:#fff; }

#banner .more { position:absolute; left:0; right:0; bottom:32px; text-align:center; z-index:11; }
#banner .more a { color:#FFF; font-size:15px; line-height:10px; text-transform:uppercase; }
#banner .more a span { display:block; }

#services { /*padding:100px 0 80px;*/ margin:0;  padding: 50px 0 80px; }
#services h1 { font-size:36px; line-height:38px; color:#000000; font-weight:300; margin:0; padding:0 0 45px 0; text-align:center; }
#services .services { margin:0 -18px; padding:0; border-bottom:1px solid #838383;  }
#services .services .block { padding:18px; margin:0; width:50%; float:left; position:relative; border:1px solid #838383; border-bottom:none; }
#services .services .block:first-child { border-right:1px solid #838383; }
#services .services .block:nth-child(even) { border-left:none; }
#services .services .block .img { width:100%; height:365px; overflow:hidden; }
#services .services .block img { margin:0; padding:0; width:560px; transition: all 1s ease 0s; max-width:none; }
#services .services .block:hover img { width:610px; }
#services .services .block .caption { position:absolute; left:40px; bottom:50px; width:290px; background:rgba(0,0,0,0.6); font-size:36px; color:#fff; font-weight:300; padding:10px 0 10px 22px; margin:0; border-left:10px solid #f38118; }

#house { margin:0; padding:0; }
#house h1 { font-size:36px; line-height:38px; color:#000000; font-weight:300; margin:0; padding:0 0 45px 0; text-align:center; }
#house iframe { width:100%; margin:0; padding:0; }

#review { background:#e6e6e6; padding:100px 0; margin:0; }
#review h1 { font-size:36px; line-height:38px; color:#000000; font-weight:300; margin:0; padding:0 0 45px 0; text-align:center; }
#review .block_1 { width:50%; float:left; margin:0; padding:0 35px 0 0; } 
#review .block_2 { width:50%; float:left; margin:0; padding:0 0 0 35px; border-left:1px solid #000000; } 

#review .block_1 h1 { font-size:62px; line-height:64px; color:#000000; margin:0; padding:0 0 0 37px; font-weight:normal; font-family: 'Athelas'; text-align:left; }
#review .block_1 h2 { font-size:34px; line-height:50px; color:#000; font-weight:normal; margin:0; padding:0 0 25px 0; }
#review .block_1 h2 img { margin:0 0 0 10px; }
#review .block_1 #CDSWIDSSP { width:100% !important; }
/*#review .block_1 ul { margin:0 0 50px 0; padding:0; display:block; }
#review .block_1 ul li { margin:0; padding:25px 0; display:block; border-bottom:1px solid #c1c1c1; }
#review .block_1 p { font-size:17px; line-height:24px; color:#000000; font-weight:normal; margin:0; padding:0; }
#review .block_1 .see_all { display:inline-block; vertical-align:top; font-size:18px; line-height:20px; color:#f38118; font-weight:700; text-transform:uppercase; }*/

#review .block_2 .top_box { margin:0 0 0 -25px; padding:0 0 40px 0; }
#review .block_2 .top_box .block { width:50%; float:left; margin:0; padding:0 0 0 25px; 
	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: box-shadow, transform;
  	transition-property: box-shadow, transform; 
}
#review .block_2 .top_box .block:hover { 
	-webkit-transform: scale(1.06);
  	transform: scale(1.06); 
}
#review .block_2 .top_box .block a { padding:35px 21px 15px 21px; background:#000000; display:block; }
#review .block_2 .top_box .block h3 { font-size:24px; line-height:normal; color:#ffffff; font-weight:300; margin:0; padding:0; text-transform:uppercase; }
#review .block_2 .top_box .block h3 strong { display:block; font-size:36px; color:#f38118; }
#review .block_2 .top_box .block .icon { text-align:right; }
#review .block_2 .top_box .block .icon .fa { font-size:35px; color:#4d4d4d; line-height:48px; vertical-align:top; }
#review .block_2 .top_box .block .icon .fa-money { font-size:44px; }

#review .block_2 .request_box { padding:45px 0 0 0; border-top:1px solid #c1c1c1; }
#review .block_2 .request_box .img { float:left; width:204px; float:left; margin:0 40px 0 0; }
#review .block_2 .request_box .img img { max-width:100%; }
#review .block_2 .request_box .details { overflow:hidden; margin:0; padding:0; }
#review .block_2 .request_box h2 { font-size:24px; line-height:normal; color:#000000; font-weight:300; text-transform:uppercase; margin:0; padding:0 0 20px 0; }
#review .block_2 .request_box h2 strong { font-size:36px; font-weight:700; display:block; }
#review .block_2 .request_box p { font-size:18px; line-height:24px; color:#000000; font-weight:normal;  margin:0; padding:0 0 0 0; }

#accomodation { margin:0; padding:75px 0; }
#accomodation .accomodation { margin:0 -18px; padding:0; border-bottom:1px solid #838383; }
#accomodation .accomodation .block { padding:18px; margin:0; border:1px solid #838383; width:50%; float:left; border-bottom:none; } 
#accomodation .accomodation .block .img { margin:0; padding:0; position:relative; width:100%; height:390px; overflow:hidden; }
#accomodation .accomodation .block img { max-width:none; margin:0; padding:0; width:560px; transition: all 1s ease 0s; }
#accomodation .accomodation .block:hover img { width:610px; }
#accomodation .accomodation .block .caption { width:340px; position:absolute; padding:25px 34px 0 34px; min-height:280px; background:rgba(0,0,0,0.7); position:absolute; top:35px; left:30px; }
#accomodation .accomodation .block .caption h1 { font-size:36px; line-height:38px; color:#fff; font-weight:300; margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ffffff; }
#accomodation .accomodation .block .caption p { font-size:18px; line-height:24px; color:#fff; font-weight:normal; margin:0; padding:0; }
#accomodation .accomodation .block .caption .line { width:5px; height:41px; background:#71c18b; position:absolute; top:20px; left:0; display:block; }
#accomodation .accomodation .block:nth-child(2) .caption .line { background:#964c98; }
#accomodation .accomodation .block:nth-child(3) .caption .line { background:#00b1ef; }
#accomodation .accomodation .block:nth-child(4) .caption .line { background:#e6001c; }
#accomodation .accomodation .block:nth-child(even) { border-left-color:transparent }


#avability { padding:85px 0 0 0; margin:0; /*background:url(../images/avability_bg.jpg) no-repeat top center; background-size:cover;*/ } 
#avability h1 { font-size:48px; color:#ffffff; font-weight:normal; margin:0; padding:0 0 35px 0; font-weight:bold; text-transform:uppercase; text-align:center; }
#avability .make_reservation { width:302px; height:45px; font-size:18px; line-height:45px; color:#fff; font-weight:normal; margin:0 auto 94px; padding:0; text-align:center; background:#f38118; display:block; font-weight:700; }
#avability .make_reservation:hover { background:#f35102; color:#fff; }

#avability .form_1 { background:url(../images/form_bg.png) repeat; padding:0; margin:0; }
#avability .form_1 .form_1_inn { padding:100px 60px 85px 60px; }
#avability .form_1 .block { width:50%; float:left; padding:0 45px 0 0; margin:0; }
#avability .form_1 br { display:none; }
#avability .form_1 p { margin:0; padding:0; }
#avability .form_1 .wpcf7-text, #avability .form_1 .wpcf7-captchar { width:100%; height:45px; display:block; border:none; margin:0 0 16px 0; padding:0 20px; font-size:18px; font-weight:300; color:#fff; background:rgba(255,255,255,0.1); }
#avability .form_1 .wpcf7-textarea { width:100%; height:228px; display:block; border:none; margin:0 0 16px 0; padding:15px 20px; font-size:18px; font-weight:300; color:#fff; background:rgba(255,255,255,0.1); }
#avability .form_1 .capcha { padding:0 150px 0 0; position:relative; margin:0; }	
#avability .form_1 .capcha .img { position:absolute; right:0; top:0; width:130px; }
#avability .form_1 .capcha .img img { width:100%; margin:0; padding:0; height:auto; }
#avability .form_1 .wpcf7-submit { border:none; cursor:pointer; margin:34px auto 0; padding:0; text-align:center; text-transform:uppercase; background:#f38118; width:180px; font-size:18px; font-weight:700; line-height:45px; color:#fff !important; display:block; box-shadow:none; text-shadow:none; height:auto; }
#avability .form_1 .wpcf7-submit:hover { background:#f35102; color:#fff; }

#avability .form_1 .wpcf7-response-output { color:#fff; margin:0; } 

#avability .form_1 ::-webkit-input-placeholder { color: #fff; }
#avability .form_1 :-moz-placeholder { color: #fff;  }
#avability .form_1 ::-moz-placeholder { color: #fff;  }
#avability .form_1 :-ms-input-placeholder { color: #fff; }

#content {  padding:60px 0; margin:0; }
#content h1 { font-size:54px; line-height:56px; color:#c9ad61; font-weight:normal; margin:0; padding:0 0 40px 0; font-family: 'Dancing Script', cursive; }
#content h2 { font-size:28px; line-height:normal; color:#000000; font-weight:normal; margin:0; padding:0 0 20px 0; font-family: 'Dancing Script', cursive; }
#content p { font-size:17px; line-height:normal; color:#000000; font-weight:300; margin:0; padding:0 0 20px 0; }
#content p strong { font-weight:700; }

#content .inner_c { padding:0 0 80px 0; }

#content .sep_1 { text-align:center; margin:0; padding:0; }
#content .left_c { width:790px; float:left; margin:0; padding:0 0 60px 0; position:relative; min-height:425px; }
#content .right_c { width:580px; float:right; margin:0; padding:0 0 0 70px; }
#content .right_c img { width:100%; margin:0; padding:0; }

#content .gallary { margin:0; padding:0; }
#content .gallary img { margin:0; padding:0; width:100%; }

#content .gallary_2 { margin:0; padding:0; }
#content .gallary_2 .block_c { padding:0; margin:0 -10px; }
#content .gallary_2 .block_c .block { width:25%; float:left; margin:0; padding:10px; }
#content .gallary_2 .block_c .block img { margin:0; padding:0; width:100%; }

#content .cont_form { width:40%; float:left; margin:0; padding:0; }
#content .cont_form br { display:none; }
#content .cont_form p { margin:0; padding:0; }
#content .cont_form .wpcf7-text, #content .cont_form .wpcf7-captchar { width:100%; height:45px; display:block; border:none; margin:0 0 16px 0; padding:0 20px; font-size:18px; font-weight:300; color:#000000; background:#e5e5e5; }
#content .cont_form .wpcf7-textarea { width:100%; height:228px; display:block; border:none; margin:0 0 27px 0; padding:15px 20px; font-size:18px; font-weight:300; color:#000000; background:#e5e5e5; }
#content .cont_form .capcha { padding:0 150px 0 0; position:relative; margin:0; }	
#content .cont_form .capcha .img { position:absolute; right:0; top:0; width:130px; }
#content .cont_form .capcha .img img { width:100%; margin:0; padding:0; height:auto; }
#content .cont_form .wpcf7-submit { border:none; cursor:pointer; margin:0; padding:0; text-align:center; text-transform:uppercase; background:#f38118; width:180px; font-size:18px; font-weight:700; line-height:45px; color:#fff !important; display:block; box-shadow:none; text-shadow:none; height:auto; }
#content .cont_form .wpcf7-submit:hover { background:#f35102; color:#fff; }

#content .cont_form .wpcf7-response-output { margin:0; } 

#content .cont_form ::-webkit-input-placeholder { color: #000; }
#content .cont_form :-moz-placeholder { color: #000;  }
#content .cont_form ::-moz-placeholder { color: #000;  }
#content .cont_form :-ms-input-placeholder { color: #000; }

#content .address { width:60%; float:left; margin:0; padding:0 0 0 60px; } 
#content .address h3 { font-size:24px; line-height:normal; color:#000000; font-weight:700; margin:0; padding:0 0 20px 0; }
#content .address p { font-size:18px; line-height:22px; color:#000000; font-weight:300; margin:0; padding:0 0 20px 0; }
#content .address p a { color:#000; }
#content .address p a:hover { color:#c9ad61; }
#content .address p .fa { width:30px; color:#c9ad61; }

#content .address .video_tour_2 { margin:50px 0 0 0; position:relative; }
#content .address .video_tour_2 a { display:block; margin:0; padding:0; }
#content .address .video_tour_2 img { width:100%; margin:0; padding:0; }
#content .address .video_tour_2 .caption { position:absolute; top:48px; left:0; right:0; text-align:center; }
#content .address .video_tour_2 .caption .cap_inn { display:inline-block; vertical-align:top; font-size:72px; line-height:74px; color:#c9ad61; font-weight:300; text-align:left; }
#content .address .video_tour_2 .caption .cap_inn strong { font-weight:700; display:block; font-size:25px; line-height:30px; color:#ffffff; }

#map { margin:0; padding:0; width:100%; height:500px; }

#content .video_tour { padding:80px 0 20px 0; text-align:center;  }
#content .video_tour a { display:inline-block; vertical-align:top; text-align:left; font-size:72px; color:#c9ad61; font-weight:300; margin:0; padding:30px 0 0 0; min-height:197px; background:url(../images/play_btn.png) no-repeat center center; }
#content .video_tour a strong { font-size:25px; font-weight:700; display:block; color:#000000; }


#content .package_c h1 { font-family:'Roboto', sans-serif; font-weight:700; font-size:36px; padding:0; line-height:normal; }
#content .package_c h2 { font-family:'Roboto', sans-serif; font-weight:700; font-size:24px; padding:0; line-height:normal; }
#content .package_c h3 { font-family:'Roboto', sans-serif; font-weight:700; font-size:18px; padding:0 0 30px; line-height:normal; color:#c9ad61; }
#content .package_c .price { float:right; font-size:18px; }
#content .package_c .price h1 { font-size:44px; }

#content .packages_c { margin:30px 0; padding:0; }
#content .packages_c .block { display:block; margin:0; padding:13px 17px; }
#content .packages_c .col_1 { padding-right:15px; }
#content .packages_c .col_2 { padding-left:15px; }
#content .packages_c .col_1 .block:nth-child(even) { background:rgba(201,173,97,0.2); }
#content .packages_c .col_2 .block:nth-child(odd) { background:rgba(201,173,97,0.2); }
#content .packages_c .block:hover { background:rgba(243,129,24,0.2) !important; }
#content .packages_c .block p { padding:0; margin:0; font-size:16px; }
#content .packages_c .block p.days { font-weight:700; }
#content .packages_c .block .details { float:left; }
#content .packages_c .block .price { float:right; padding:13px 20px; font-size:30px; }


#confirm { margin:0; padding:15px; }
#confirm br { display:none; }
#confirm p { margin:0; padding:0; }
#confirm .wpcf7-text, #confirm .wpcf7-captchar { width:100%; height:45px; display:block; border:none; margin:0 0 16px 0; padding:0 20px; font-size:18px; font-weight:300; color:#000000; background:#e5e5e5; }
#confirm .wpcf7-textarea { width:100%; height:180px; display:block; border:none; margin:0 0 27px 0; padding:15px 20px; font-size:18px; font-weight:300; color:#000000; background:#e5e5e5; }
#confirm .wpcf7-submit { border:none; cursor:pointer; margin:0; padding:0 20px; text-align:center; text-transform:uppercase; background:#f38118; font-size:18px; font-weight:700; line-height:45px; color:#fff !important; display:inline-block; box-shadow:none; text-shadow:none; height:auto; width:auto; }
#confirm .wpcf7-submit:hover { background:#f35102; color:#fff; }

#content .btn_1 { border:none; cursor:pointer; margin:0; padding:0 20px; text-align:center; text-transform:uppercase; background:#f38118; font-size:18px; font-weight:700; line-height:45px; color:#fff !important; display:inline-block; box-shadow:none; text-shadow:none; height:auto; }
#content .btn_1:hover { background:#f35102; color:#fff; }


#footer { padding:30px 0 0 0; background:#000; border-top:1px solid #3f3f3f;  }
#footer .f_logo { text-align:center; margin:0 0 50px 0; padding:0; }
#footer .f_logo img { max-width:100%; }

#footer .footer { padding:0 60px 50px 60px; margin:0; }
#footer .block_1 { width:50%; float:left; margin:0; padding:0; }
#footer .block_2 { width:50%; float:left; margin:0; padding:0 0 0 90px; } 
#footer ul { margin:0; padding:0; display:block; }
#footer ul li { margin:0; padding:0; display:block; font-size:24px; line-height:34px; color:#e6e6e6; font-weight:300; float:left; min-width:245px; }
#footer ul li a { color:#e6e6e6; font-weight:300; }
#footer ul li a:hover { color:#f38118; }
#footer p { font-size:24px; line-height:normal; color:#e6e6e6; font-weight:300; margin:0; padding:0 0 20px 0; }
#footer a { color:#e6e6e6; }
#footer a:hover { color:#f38118; }

#footer .social { margin:0; padding:0; }
#footer .social a { font-size:28px; color:#7f7f7f; line-height:normal; vertical-align:top; margin:0 8px; }
#footer .social a:hover { color:#f38118; }

#footer .copyright { text-align:center; border-top:1px solid #3f3f3f; padding:50px 0; margin:0; }
#footer .copyright p { font-size:18px; line-height:24px; color:#e6e6e6; margin:0; padding:0; font-weight:300; }

#IframeId{
 width:100%;
 height:750px;
 min-width: 100%;
 max-width: 100%;
}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
      #IframeId{
        width:100%;
        height:750px;
        min-width: 100%;
        max-width: 100%;
       }
}   


/* instagram code for cuisine page */
.Instagram-feed-section { padding: 0px; margin: auto; margin-top:20px;}

/* HOmepage service data field*/
div.services_data p{ font-size: 18px;line-height: 30px;color: #000000;font-weight: 400;padding-bottom: 30px;text-align: center;}
#services h1 { position: relative;}
#services h1:before {content: '';position: absolute;width: 250px;height: 2px;background: #ee8118;left: 0;right: 0;bottom: 30px;margin: auto;}
#services h1:after {content: '';position: absolute;width: 15px;height: 15px;border-radius: 50%;background: #666666;bottom: 24px;left: 0;right: 0;margin: auto;border: 3px solid #fff;}


/* homepage*/
#services .services .block img { width:100%; height: 100%;  object-fit: cover; }
#services .services .block:hover img { transform:scale(1.1); }
#services .services .block:hover img { width:100%; }
#accomodation .accomodation .block img {  width:100%; height: 100%;  object-fit: cover; }
#accomodation .accomodation .block:hover img { transform:scale(1.1); }
#accomodation .accomodation .block:hover img { width:100%; }
#accomodation .accomodation , #services .services { margin: 0px;  }

@media(min-width: 768px){

#services .services .block:nth-child(even) { padding-right: 0px;  }
#services .services .block:nth-child(odd) { padding-left: 0px;  }
#services .services .block:nth-child(1),#services .services .block:nth-child(2) { padding-top: 0px;   }
#services .services .block:nth-child(5),#services .services .block:nth-child(6) { padding-bottom: 0px; }
#accomodation .accomodation .block:nth-child(even) { padding-right: 0px;  }
#accomodation .accomodation .block:nth-child(odd) { padding-left: 0px;  }
#accomodation .accomodation .block:nth-child(1),#accomodation .accomodation .block:nth-child(2) { padding-top: 0px;   }
#accomodation .accomodation .block:nth-child(3),#accomodation .accomodation .block:nth-child(4) { padding-bottom: 0px;   }

}


/* Reservation widget */ 
.h-image-bottom{position: static;bottom: initial;height: auto;}
.b-subgallery .l-center.h-image-bottom-wrapper {text-align: center;}
.form-wraper {display: inline-block;}
.b-datepick input{font-size:12px;}
.b-subgallery .l-center.h-image-bottom-wrapper .b-image-bottom-title, .b-subgallery .l-center.h-image-bottom-wrapper .b-image-bottom-datepick {color: #000;}
.b-subgallery .l-center.h-image-bottom-wrapper .avail-dib input, .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib #cuselFrame-adults {border: 1px solid #000;}
.b-subgallery{background:none;-webkit-box-shadow:none;box-shadow:none;-ms-filter:none;position:relative;width:100%;position:absolute;bottom:0px;z-index:99999;padding: 10px 0 30px;
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 18%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.9) 80%,rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 18%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.9) 80%,rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 18%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.9) 80%,rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}
.b-subgallery .cusel .jScrollPaneContainer{margin:0;}
.b-subgallery .cusel .cusel-scroll-wrap-b{width:100%;}
.b-subgallery.chckavailcntrwrp { position: fixed !important; bottom: 0 !important; }
.b-image-bottom-datepick, .h-image-bottom-i, .b-fake-select, .h-button-wrapper, .b-view-button{ width:100%; }





/*  @supports (-ms-ime-align:auto) {
    @media(min-width:1800px){
    #videowrap {height: calc(100vh - 42px) !important;}
      #banner .more { bottom:50px !important; }
    video#alaskaluxurylodge{ height:100%; width:auto; position:absolute; top:0px; min-height:100%;}  
  }
}*/

@supports (-ms-ime-align:auto) {
  video#alaskaluxurylodge{
    height: 100% !important;  width: auto !important;
  }
}


  @supports (-ms-ime-align:auto) {
    @media(max-width:1400px){
      video#alaskaluxurylodge{
       height: auto !important;  width: 100% !important;
      }
    }
  }

@media only all and (max-width:  59.938rem) {
.b-subgallery{ position:relative;background:#999;padding:0 0 10px; }
.avail-dib{width:25%;padding:0 5px;}
.b-image-bottom-datepick {font-size: 11px;}
.b-subgallery .l-center.h-image-bottom-wrapper .b-image-bottom-title, .b-subgallery .l-center.h-image-bottom-wrapper .b-image-bottom-datepick{display:block;width:100%;text-align:left}
.b-image-bottom-datepick,.h-image-bottom-i,.b-fake-select,.h-button-wrapper,.b-view-button{padding:0;margin:0;}
.b-subgallery .l-center.h-image-bottom-wrapper .avail-dib input, .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib #cuselFrame-adults,.b-fake-select,#cuselFrame-adults.cusel{width:100%!important;display:block;height:30px}
.h-image-bottom div form.order-form{width:100%;}
.b-subgallery .l-center.h-image-bottom-wrapper .avail-dib input, .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib #cuselFrame-adults, .b-fake-select, #cuselFrame-adults.cusel,.b-view-button{font-size:11px}
}
@media only all and (min-width: 30.062rem) and (max-width: 47.938rem) {
  .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib input, .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib #cuselFrame-adults, .b-fake-select, #cuselFrame-adults.cusel,.b-view-button{height:25px;font-size:11px;line-height:25px;}
}
@media only all and (max-width: 30rem) {
  .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib input, .b-subgallery .l-center.h-image-bottom-wrapper .avail-dib #cuselFrame-adults, .b-fake-select, #cuselFrame-adults.cusel,.b-view-button{height:30px;font-size:11px;}
}
@media(min-width: 1300px){
  .top_banner_img { height: calc(100vh - 68px) !important;  }
}
@media(min-width: 961px){
#videowrap { height: calc(100vh - 68px) !important; }
}
video#alaskaluxurylodge { height:100%; object-fit:cover; }
#footer .copyright p { margin:15px 0; position:relative; top:-30px; }
#videowrap #picon { opacity:0; }
.home #services { padding:50px 0 80px !important; }

@supports (-ms-ime-align: auto) {
  video#alaskaluxurylodge { height:auto; }
}
@media(max-width:1100px){
  #banner .more { bottom:40px; }
}
@media(max-width:840px){
  .b-subgallery .h-image-bottom .form-wraper .b-image-bottom-title { display:table !important; }
  .b-subgallery .h-image-bottom .form-wraper { display:block !important;  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{
  #banner .more { bottom:50px !important; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
    #banner .more { bottom:50px !important; }
}

@media(min-width: 700px){
  #videowrap { height:calc(100vh - 68px) !important; }  
}
@media(max-width: 480px){
  #services h1:before { bottom:22px; }
  #services h1:after { bottom:15px; }
  .b-subgallery.chckavailcntrwrp .h-image-bottom { height:auto !important; }  
}


/*Check Availability*/

/*.b-subgallery {background: #d7d7d7;padding-bottom: 10px;}
.b-image-bottom-title.h-image-bottom-i {color: #2f2f30 !important;font-family:stixgeneral;letter-spacing: 3px;font-size: 30px;margin: 0;
text-transform: capitalize;font-weight: 500;height: auto;line-height: normal;}
.avail-dib .b-image-bottom-datepick {color: #fff !important;font-size: 15px;margin: 0;padding: 15px;}
.avail-dib input {border-radius: 26px;border: none !important;background: #fff;height: 35px !important;padding: 0px 12px !important;
font-size: 14px;color: #999;font-family: proxima nova;}

button.b-view-button { width:90px;height:35px;line-height:37px;border-radius:26px;border:none;background:#fff !important;
color:#999;font-family:proxima nova;font-weight:600;font-size:14px;font-weight:500;letter-spacing:0.77px;text-transform: capitalize;}
.b-subgallery .h-image-bottom { padding:0 !important; }
.b-subgallery .h-image-bottom .form-wraper { display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
}
.b-subgallery .h-image-bottom .form-wraper form.order-form .avail-dib { display:inline-table !important; width:27%;
  text-align:center !important; float:none !important; margin-right:1%;}
.b-fake-select { height:auto !important;}
.chckavailtoggle { display:none; }
.b-subgallery.chckavailcntrwrp .b-image-bottom-title.h-image-bottom-i { width:26%;display:flex; float:left; padding-top:2px; } 
.b-subgallery.chckavailcntrwrp .h-image-bottom .form-wraper form.order-form { width: 70%;  display: flex; 
  flex-direction: row;  align-items: center; flex-wrap: wrap;  justify-content: center; }
.order-form .b-datepick input.hasDatepicker { width: 90%; margin-bottom: 0px; }
.avail-dib .b-datepick.h-image-bottom-i { width:auto;  position:relative; }
 .b-datepick { float:left; }
.avail-dib .b-datepick:before { content:'\f133'; position:absolute; right:25px; font-family:fontawesome;
 top:10px; color:#b7b7b7;  }
.chckavailcntrwrp .h-image-bottom-i ,.chckavailcntrwrp .h-button-wrapper { margin:7px 0 0 0 !important; }
.chckavailcntrwrp .h-button-wrapper {  float:left; text-align:left; }
.avail-dib button.b-view-button { padding-right:15px;  position:relative; font-size:14px; cursor:pointer; }
.avail-dib button.b-view-button:after { content:'';position:absolute;width:0;height:0;border-top:6px solid transparent;
    border-bottom:6px solid transparent;border-left:10px solid #b7b7b7;right:9px;border-radius:0px;top:4px;
    bottom:0;margin:auto; 
  }

.main_wrp button.b-view-button { height: 35px !important; }
button.b-view-button:hover {  background:#f38118 !important; color:#fff; }
.avail-dib button.b-view-button:hover::after {  border-left:10px solid #fff;  }

.b-subgallery.chckavailcntrwrp .h-image-bottom { height: 48px; }

@media (max-width: 1080px) {
.b-subgallery.chckavailcntrwrp .b-image-bottom-title.h-image-bottom-i { width:30%; }
.b-image-bottom-title.h-image-bottom-i {  font-size:22px; }
.b-subgallery .h-image-bottom .form-wraper { width:90% !important;  }
}

*/

/*@media (min-width: 900px) and (max-width: 992px){
  .b-subgallery{position: relative !important;}
}*/




/*@media(max-width: 640px){
.b-image-bottom-title.h-image-bottom-i { font-size:18px; }
.b-subgallery .h-image-bottom .form-wraper .b-image-bottom-title { width:100%; text-align:center; }
.b-subgallery .h-image-bottom .form-wraper form.order-form { width:100%; }
}

@media(max-width: 480px){
.b-subgallery .h-image-bottom .form-wraper form.order-form .avail-dib { width:50% !important; margin-top:10px; }
.chckavailcntrwrp form{display:none !important; }
.chckavailcntrwrp form.chkavailformshow{display:table !important;}
.avail-dib .b-datepick.h-image-bottom-i { width:100%; }
 button.b-view-button { width: 100%;  }
}

@media(min-width:641px) and (max-width:767px){
  .b-image-bottom-title.h-image-bottom-i { font-size:18px; }
  .b-subgallery .h-image-bottom .form-wraper .b-image-bottom-title { width:100%; text-align:center; }
  .b-subgallery .h-image-bottom .form-wraper form.order-form { width:100%; }
  .avail-dib button.b-view-button{float:left !important;}
}
*/


/*@media(min-width:961px) and (max-width:1366px){
 .b-subgallery{position: relative !important;}
}*/



/*.b-subgallery { padding: 10px 0; z-index: 999 !important; }

@media(max-width: 840px){
  .chckavailcntrwrp form { display: none !important; }
  .chckavailcntrwrp form.chkavailformshow { display: table !important; }
    .b-subgallery .h-image-bottom .form-wraper .b-image-bottom-title { width: 100% !important; text-align: center; }
  .b-subgallery .h-image-bottom .form-wraper form.order-form { width: 100% !important; }
  .chckavailtoggle { display: inline-block; color: #c6a75c;  padding: 5px 8px; }
  .chckavailtoggle i.fas.fa-angle-up { font-family: FontAwesome; font-style: inherit; font-weight: bold; }
}

@media(max-width: 1080px) {
  .chckavailcntrwrp { display:table; }
}

@media (min-width: 768px) and (max-width: 900px){
  .h-image-bottom div form.order-form .avail-dib {display: table-cell;vertical-align: bottom;height: 100%;float: none;}
  .h-image-bottom div form.order-form {display: table;margin-bottom: 10px;}
  .avail-dib input {height: 30px !important;}
  .avail-dib button.b-view-button {height:30px;line-height: normal;}
}*/



.header.sticky.row.is-fixed { width: 100%; z-index: 1111; background: #000; }
.header.sticky.row.is-fixed .phone { display:none; }
.header { width: 100%; }
.ff-loadmore-wrapper { z-index:99 !important; }
#ff-stream-1 .ff-item { overflow:hidden !important; }
#psound { z-index:99 !important; }


/* Review Description and Contact Description*/
.review_description, .contact_description , .review_description p, .contact_description p{font-size:18px;line-height:30px;color: #000000;font-weight:400;padding-bottom:30px;text-align: center;}


/* Homepage contact form  */
#avability { padding: 300px 0 !important;  background-repeat:no-repeat; }
#avability .make_reservation { margin: 0 auto !important; }
@media(max-width: 1080px){
 #avability{ padding: 200px 0 !important; }
}

@media(max-width: 767px){
 #avability{ padding: 150px 0 !important; /*background-position:center !important;*/}
}