/* Index Google Page Styles - Optimized and Minified */

/* Loading Spinner */
.loading-spinner{text-align:center;padding:50px 0}
.loading-spinner:before{content:"";display:inline-block;width:30px;height:30px;border:3px solid var(--color-orange);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.error-message{text-align:center;padding:20px;color:#d32f2f;background:#ffebee;border-radius:4px;margin:20px}

/* Slider Styles */
.slide .slide__content{text-align:center}
.by_slider_image{width:100%;float:right;margin:0 0 4rem;direction:ltr;position:relative;height:auto;background:#ccc}
.slider,.slide{height:550px!important}
.slide .slide__content--headings .button-custom{text-decoration:none;color:#000!important;padding:1.2rem 4.5rem;font-size:1.5rem;background:#fff;border:none;border-radius:90px;font-size:2rem}
.slide .slide__content--headings{text-shadow:0 0 15px black}

/* Center Middle Styles */
#center_middle,#center_middle2{width:100%;float:right;padding:0 0 0}
#center_middle .item,#center_middle2 .item{width:100%;float:right}
#center_middle .byb{padding:0}
.by_center_tabs{width:100%;float:right}

/* Tabs Styles */
#by_tabs{width:100%;float:right;list-style-type:none;padding:2rem 0 1rem}
#by_tabs .current a{border:1px solid var(--color-orange);color:var(--color-orange)}
#by_tabs li a{float:right;padding:5px 15px;font-size:1rem;border:1px solid var(--color-gray2);border-radius:35px;margin:0 0 10px 10px;text-decoration:none}

/* Form Styles */
.destination select{border-radius:0;padding:5px}
.search_hotel input{border-radius:0;height:27px}
.checkin,.checkout{width:25%}
.destination{width:40%}
#run{float:left;font-size:26px;font-weight:normal;height:auto;margin:14px 0 0 17px;padding:0;line-height:39px;width:30%;cursor:pointer;background:#f3ee65;color:#10344c}
#search p{color:#fff;float:right;font-size:15px;font-weight:bold;line-height:18px;margin:0;padding:10px 37px 5px 0;text-align:left;width:89%}

/* Subtitle Info */
.sub_title_info{float:right;width:100%;font-size:13px}
.sub_title_info span{float:right;width:100%;font-size:11px}
.by_slide_banners{float:right;width:100%;background:#ccc;height:600px;margin:0 0 2rem}
.by_top_container{padding:0}

/* Fixed Search Styles */
.circle.showw{position:fixed;top:73px;z-index:10;right:0}
.circle.showw .search_hotel{background:rgba(255,255,255,.95)!important;background:rgba(255,255,255,0.9);box-shadow:0 4px 5px rgb(0 0 0/20%)}
.circle.showw .out_composition,.circle.showw .search_home,.circle.showw .destination{display:none}
.circle.showw #booking #run{width:100%;background:var(--color-orange);border:none;padding:10px 0;color:var(--color-gray3);font-weight:800;font-family:var(--font);font-size:18px;border-radius:3px;max-width:calc(28% - 5px);float:left;margin:0;height:50px;line-height:1}
.circle.showw .search_hotel{padding:10px}
.circle.showw #booking #search{padding:0}

/* Promotions Styles */
.bytech-nav{top:26px!important}
.count_promotions_2 .lpae_image{height:250px}
.lpae_box{display:none}
.lpae_box:nth-child(1),.lpae_box:nth-child(2){display:block}
.more_deals_omanim{float:left;text-align:center;padding:8px 20px;font-size:1.2rem;color:var(--color-orange)!important;margin:-30px 0 25px 10px;width:100%;font-weight:bold}
.omanim_title a{font-family:var(--font-bold);font-weight:900!important;font-size:2.5rem;padding:20px 10px;width:100%;float:right}
.bytech-carousel.byn-banners .bytech-nav{display:none}
.byn-banners .bytech-nav{top:30px}
.count_promotions_1 .lpae_image{height:auto!important}
.count_promotions_1 .lpae_box{overflow:hidden}

/* Select and Link Styles */
select.link{margin:-10px 20px 15px;width:calc(100% - 40px);height:auto;padding:10px 10px 10px 35px;text-align:right;font-size:0.9rem}
div.link{margin:-10px 20px 15px;width:calc(100% - 40px);height:40px;padding:10px 0;text-align:right;font-size:14px;border:1px solid #fff}
.lpae_button{width:calc(100% - 40px)!important;margin:-10px 20px 20px!important}
.lpae_title{font-size:1rem!important}
div.link.group-type-1{display:inline-block}

/* Circle and Search Styles */
.circle{border-radius:0 20px 20px 20px;float:right;height:auto;margin:0 0 2rem;width:100%;outline:none}
.search_link{float:left;width:44%;color:#000;font-size:18px;text-align:left;text-decoration:underline;padding:0;display:none}
.bg_blue{background:#409ffd;background:-moz-linear-gradient(top,#409ffd 1%,#0e4d8d 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#409ffd),color-stop(99%,#0e4d8d));background:-webkit-linear-gradient(top,#409ffd 1%,#0e4d8d 99%);background:-o-linear-gradient(top,#409ffd 1%,#0e4d8d 99%);background:-ms-linear-gradient(top,#409ffd 1%,#0e4d8d 99%);background:linear-gradient(to bottom,#409ffd 1%,#0e4d8d 99%)}
.search_home{float:right;color:#fff;padding:3% 3% 6%;font-size:25px;width:100%;font-family:heebo;font-weight:900}
.search_hotel form{float:left;height:auto;padding:0 0 0 0;width:100%;margin:0;outline:none}
.search_hotel{float:left;padding:0 0 25px 0;width:100vw;height:auto;outline:none;margin:0 calc(-50vw + 50%)}
.circle a:link,.circle a:visited,.circle a:active{text-decoration:none;color:var(--color);font-weight:700;outline:none}
.bylistscircle ul{padding:1rem 0 0}
.by_container{padding:2rem 0 0}
#booking #run{border:none;height:60px}
.destination{float:right;font-size:13px;padding-right:10px;text-align:right;width:25%}
.checkout{float:right;font-size:13px;width:50%;padding-right:15px;text-align:right}
.checkin{float:right;font-size:13px;padding-right:10px;width:50%;text-align:right}
#booking .out_composition{width:100%}
#booking #run{width:100%;margin:5px 0 0}

/* Media Queries */
@media (min-width:768px){
.by_top_container{padding:2rem 0 0}
#center_middle .item,#center_middle2 .item{width:50%}
.lpae_textdeal{-webkit-line-clamp:2!important;font-size:1rem!important}
#booking #run{width:calc(24% + -5px);margin:0;height:50px}
#booking .out_composition{width:76%}
.search_hotel{margin:0;width:100%}
}

@media (min-width:1024px){
#center_middle .item,#center_middle2 .item{width:33.33%}
.lpae_textdeal{height:33px}
.search_hotel form{background:url(/images/bg_search_form_area.png) no-repeat scroll left top transparent}
.search_link{display:block;font-size:20px}
.search_home{padding:10px 20px 25px}
}

@media (min-width:1200px){
#area .item .all-byn-banners,#home .all-byn-banners .item{width:calc(100% - 20px)!important;margin:10px!important}
.lpae_box{width:calc(33% - 20px)}
.count_promotions_1 select.link{margin:-35px 20px 15px;width:calc(50.1% - 40px);float:left}
.count_promotions_1 .lpae_button{width:calc(50% - 40px);float:left;margin:0 20px 20px}
.by_all_json_deals_1 .bytech-stage,.by_all_json_deals_1 .bytech-item{width:100%!important}
.by_all_json_deals_1 .lpae_image{width:25%!important}
.by_all_json_deals_1 .lpae_cont{width:75%!important}
.by_all_json_deals_1 .lpae_button{width:auto!important;padding:10px 20px}
.by_all_json_deals_1 select.link,.by_all_json_deals_1 div.link{width:auto!important;font-size:14px}
.by_all_json_deals_1 .lpae_title{font-size:1.5rem!important;text-align:right!important}
.by_all_json_deals_1 .lpae_textdeal{text-align:right!important;height:auto!important}
.lpae_button{max-width:230px;float:left!important}
}