/*----------------------------
Fonts Style
------------------------------*/
@import url(animate.css);
@import url(owl.carousel.min.css);
@import url(font-awesome.min.css);
@import url(bootstrap-datepicker.min.css);
@import url(jquery-ui.min.css);
@import url(bootstrap.min.css);
@import url(default-assets/classy-nav.css);
@import url(nice-select.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.10.0/css/lightgallery.min.css);



@font-face {
   font-family: 'ElegantIcons';
   src: url('fonts/ElegantIcons.eot');
   src: url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('fonts/ElegantIcons.woff') format('woff'), url('fonts/ElegantIcons.ttf') format('truetype'), url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
   font-family: 'ElegantIcons';
   content: attr(data-icon);
   speak: none;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}


/* Use the following CSS code if you want to have a class per icon */
.arrow_up,
.arrow_down,
.arrow_left,
.arrow_right,
.arrow_left-up,
.arrow_right-up,
.arrow_right-down,
.arrow_left-down,
.arrow-up-down,
.arrow_up-down_alt,
.arrow_left-right_alt,
.arrow_left-right,
.arrow_expand_alt2,
.arrow_expand_alt,
.arrow_condense,
.arrow_expand,
.arrow_move,
.arrow_carrot-up,
.arrow_carrot-down,
.arrow_carrot-left,
.arrow_carrot-right,
.arrow_carrot-2up,
.arrow_carrot-2down,
.arrow_carrot-2left,
.arrow_carrot-2right,
.arrow_carrot-up_alt2,
.arrow_carrot-down_alt2,
.arrow_carrot-left_alt2,
.arrow_carrot-right_alt2,
.arrow_carrot-2up_alt2,
.arrow_carrot-2down_alt2,
.arrow_carrot-2left_alt2,
.arrow_carrot-2right_alt2,
.arrow_triangle-up,
.arrow_triangle-down,
.arrow_triangle-left,
.arrow_triangle-right,
.arrow_triangle-up_alt2,
.arrow_triangle-down_alt2,
.arrow_triangle-left_alt2,
.arrow_triangle-right_alt2,
.arrow_back,
.icon_minus-06,
.icon_plus,
.icon_close,
.icon_check,
.icon_minus_alt2,
.icon_plus_alt2,
.icon_close_alt2,
.icon_check_alt2,
.icon_zoom-out_alt,
.icon_zoom-in_alt,
.icon_search,
.icon_box-empty,
.icon_box-selected,
.icon_minus-box,
.icon_plus-box,
.icon_box-checked,
.icon_circle-empty,
.icon_circle-slelected,
.icon_stop_alt2,
.icon_stop,
.icon_pause_alt2,
.icon_pause,
.icon_menu,
.icon_menu-square_alt2,
.icon_menu-circle_alt2,
.icon_ul,
.icon_ol,
.icon_adjust-horiz,
.icon_adjust-vert,
.icon_document_alt,
.icon_documents_alt,
.icon_pencil,
.icon_pencil-edit_alt,
.icon_pencil-edit,
.icon_folder-alt,
.icon_folder-open_alt,
.icon_folder-add_alt,
.icon_info_alt,
.icon_error-oct_alt,
.icon_error-circle_alt,
.icon_error-triangle_alt,
.icon_question_alt2,
.icon_question,
.icon_comment_alt,
.icon_chat_alt,
.icon_vol-mute_alt,
.icon_volume-low_alt,
.icon_volume-high_alt,
.icon_quotations,
.icon_quotations_alt2,
.icon_clock_alt,
.icon_lock_alt,
.icon_lock-open_alt,
.icon_key_alt,
.icon_cloud_alt,
.icon_cloud-upload_alt,
.icon_cloud-download_alt,
.icon_image,
.icon_images,
.icon_lightbulb_alt,
.icon_gift_alt,
.icon_house_alt,
.icon_genius,
.icon_mobile,
.icon_tablet,
.icon_laptop,
.icon_desktop,
.icon_camera_alt,
.icon_mail_alt,
.icon_cone_alt,
.icon_ribbon_alt,
.icon_bag_alt,
.icon_creditcard,
.icon_cart_alt,
.icon_paperclip,
.icon_tag_alt,
.icon_tags_alt,
.icon_trash_alt,
.icon_cursor_alt,
.icon_mic_alt,
.icon_compass_alt,
.icon_pin_alt,
.icon_pushpin_alt,
.icon_map_alt,
.icon_drawer_alt,
.icon_toolbox_alt,
.icon_book_alt,
.icon_calendar,
.icon_film,
.icon_table,
.icon_contacts_alt,
.icon_headphones,
.icon_lifesaver,
.icon_piechart,
.icon_refresh,
.icon_link_alt,
.icon_link,
.icon_loading,
.icon_blocked,
.icon_archive_alt,
.icon_heart_alt,
.icon_star_alt,
.icon_star-half_alt,
.icon_star,
.icon_star-half,
.icon_tools,
.icon_tool,
.icon_cog,
.icon_cogs,
.arrow_up_alt,
.arrow_down_alt,
.arrow_left_alt,
.arrow_right_alt,
.arrow_left-up_alt,
.arrow_right-up_alt,
.arrow_right-down_alt,
.arrow_left-down_alt,
.arrow_condense_alt,
.arrow_expand_alt3,
.arrow_carrot_up_alt,
.arrow_carrot-down_alt,
.arrow_carrot-left_alt,
.arrow_carrot-right_alt,
.arrow_carrot-2up_alt,
.arrow_carrot-2dwnn_alt,
.arrow_carrot-2left_alt,
.arrow_carrot-2right_alt,
.arrow_triangle-up_alt,
.arrow_triangle-down_alt,
.arrow_triangle-left_alt,
.arrow_triangle-right_alt,
.icon_minus_alt,
.icon_plus_alt,
.icon_close_alt,
.icon_check_alt,
.icon_zoom-out,
.icon_zoom-in,
.icon_stop_alt,
.icon_menu-square_alt,
.icon_menu-circle_alt,
.icon_document,
.icon_documents,
.icon_pencil_alt,
.icon_folder,
.icon_folder-open,
.icon_folder-add,
.icon_folder_upload,
.icon_folder_download,
.icon_info,
.icon_error-circle,
.icon_error-oct,
.icon_error-triangle,
.icon_question_alt,
.icon_comment,
.icon_chat,
.icon_vol-mute,
.icon_volume-low,
.icon_volume-high,
.icon_quotations_alt,
.icon_clock,
.icon_lock,
.icon_lock-open,
.icon_key,
.icon_cloud,
.icon_cloud-upload,
.icon_cloud-download,
.icon_lightbulb,
.icon_gift,
.icon_house,
.icon_camera,
.icon_mail,
.icon_cone,
.icon_ribbon,
.icon_bag,
.icon_cart,
.icon_tag,
.icon_tags,
.icon_trash,
.icon_cursor,
.icon_mic,
.icon_compass,
.icon_pin,
.icon_pushpin,
.icon_map,
.icon_drawer,
.icon_toolbox,
.icon_book,
.icon_contacts,
.icon_archive,
.icon_heart,
.icon_profile,
.icon_group,
.icon_grid-2x2,
.icon_grid-3x3,
.icon_music,
.icon_pause_alt,
.icon_phone,
.icon_upload,
.icon_download,
.social_facebook,
.social_twitter,
.social_pinterest,
.social_googleplus,
.social_tumblr,
.social_tumbleupon,
.social_wordpress,
.social_instagram,
.social_dribbble,
.social_vimeo,
.social_linkedin,
.social_rss,
.social_deviantart,
.social_share,
.social_myspace,
.social_skype,
.social_youtube,
.social_picassa,
.social_googledrive,
.social_flickr,
.social_blogger,
.social_spotify,
.social_delicious,
.social_facebook_circle,
.social_twitter_circle,
.social_pinterest_circle,
.social_googleplus_circle,
.social_tumblr_circle,
.social_stumbleupon_circle,
.social_wordpress_circle,
.social_instagram_circle,
.social_dribbble_circle,
.social_vimeo_circle,
.social_linkedin_circle,
.social_rss_circle,
.social_deviantart_circle,
.social_share_circle,
.social_myspace_circle,
.social_skype_circle,
.social_youtube_circle,
.social_picassa_circle,
.social_googledrive_alt2,
.social_flickr_circle,
.social_blogger_circle,
.social_spotify_circle,
.social_delicious_circle,
.social_facebook_square,
.social_twitter_square,
.social_pinterest_square,
.social_googleplus_square,
.social_tumblr_square,
.social_stumbleupon_square,
.social_wordpress_square,
.social_instagram_square,
.social_dribbble_square,
.social_vimeo_square,
.social_linkedin_square,
.social_rss_square,
.social_deviantart_square,
.social_share_square,
.social_myspace_square,
.social_skype_square,
.social_youtube_square,
.social_picassa_square,
.social_googledrive_square,
.social_flickr_square,
.social_blogger_square,
.social_spotify_square,
.social_delicious_square,
.icon_printer,
.icon_calulator,
.icon_building,
.icon_floppy,
.icon_drive,
.icon_search-2,
.icon_id,
.icon_id-2,
.icon_puzzle,
.icon_like,
.icon_dislike,
.icon_mug,
.icon_currency,
.icon_wallet,
.icon_pens,
.icon_easel,
.icon_flowchart,
.icon_datareport,
.icon_briefcase,
.icon_shield,
.icon_percent,
.icon_globe,
.icon_globe-2,
.icon_target,
.icon_hourglass,
.icon_balance,
.icon_rook,
.icon_printer-alt,
.icon_calculator_alt,
.icon_building_alt,
.icon_floppy_alt,
.icon_drive_alt,
.icon_search_alt,
.icon_id_alt,
.icon_id-2_alt,
.icon_puzzle_alt,
.icon_like_alt,
.icon_dislike_alt,
.icon_mug_alt,
.icon_currency_alt,
.icon_wallet_alt,
.icon_pens_alt,
.icon_easel_alt,
.icon_flowchart_alt,
.icon_datareport_alt,
.icon_briefcase_alt,
.icon_shield_alt,
.icon_percent_alt,
.icon_globe_alt,
.icon_clipboard {
   font-family: 'ElegantIcons';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
}

.arrow_up:before {
   content: "\21";
}

.arrow_down:before {
   content: "\22";
}

.arrow_left:before {
   content: "\23";
}

.arrow_right:before {
   content: "\24";
}

.arrow_left-up:before {
   content: "\25";
}

.arrow_right-up:before {
   content: "\26";
}

.arrow_right-down:before {
   content: "\27";
}

.arrow_left-down:before {
   content: "\28";
}

.arrow-up-down:before {
   content: "\29";
}

.arrow_up-down_alt:before {
   content: "\2a";
}

.arrow_left-right_alt:before {
   content: "\2b";
}

.arrow_left-right:before {
   content: "\2c";
}

.arrow_expand_alt2:before {
   content: "\2d";
}

.arrow_expand_alt:before {
   content: "\2e";
}

.arrow_condense:before {
   content: "\2f";
}

.arrow_expand:before {
   content: "\30";
}

.arrow_move:before {
   content: "\31";
}

.arrow_carrot-up:before {
   content: "\32";
}

.arrow_carrot-down:before {
   content: "\33";
}

.arrow_carrot-left:before {
   content: "\34";
}

.arrow_carrot-right:before {
   content: "\35";
}

.arrow_carrot-2up:before {
   content: "\36";
}

.arrow_carrot-2down:before {
   content: "\37";
}

.arrow_carrot-2left:before {
   content: "\38";
}

.arrow_carrot-2right:before {
   content: "\39";
}

.arrow_carrot-up_alt2:before {
   content: "\3a";
}

.arrow_carrot-down_alt2:before {
   content: "\3b";
}

.arrow_carrot-left_alt2:before {
   content: "\3c";
}

.arrow_carrot-right_alt2:before {
   content: "\3d";
}

.arrow_carrot-2up_alt2:before {
   content: "\3e";
}

.arrow_carrot-2down_alt2:before {
   content: "\3f";
}

.arrow_carrot-2left_alt2:before {
   content: "\40";
}

.arrow_carrot-2right_alt2:before {
   content: "\41";
}

.arrow_triangle-up:before {
   content: "\42";
}

.arrow_triangle-down:before {
   content: "\43";
}

.arrow_triangle-left:before {
   content: "\44";
}

.arrow_triangle-right:before {
   content: "\45";
}

.arrow_triangle-up_alt2:before {
   content: "\46";
}

.arrow_triangle-down_alt2:before {
   content: "\47";
}

.arrow_triangle-left_alt2:before {
   content: "\48";
}

.arrow_triangle-right_alt2:before {
   content: "\49";
}

.arrow_back:before {
   content: "\4a";
}

.icon_minus-06:before {
   content: "\4b";
}

.icon_plus:before {
   content: "\4c";
}

.icon_close:before {
   content: "\4d";
}

.icon_check:before {
   content: "\4e";
}

.icon_minus_alt2:before {
   content: "\4f";
}

.icon_plus_alt2:before {
   content: "\50";
}

.icon_close_alt2:before {
   content: "\51";
}

.icon_check_alt2:before {
   content: "\52";
}

.icon_zoom-out_alt:before {
   content: "\53";
}

.icon_zoom-in_alt:before {
   content: "\54";
}

.icon_search:before {
   content: "\55";
}

.icon_box-empty:before {
   content: "\56";
}

.icon_box-selected:before {
   content: "\57";
}

.icon_minus-box:before {
   content: "\58";
}

.icon_plus-box:before {
   content: "\59";
}

.icon_box-checked:before {
   content: "\5a";
}

.icon_circle-empty:before {
   content: "\5b";
}

.icon_circle-slelected:before {
   content: "\5c";
}

.icon_stop_alt2:before {
   content: "\5d";
}

.icon_stop:before {
   content: "\5e";
}

.icon_pause_alt2:before {
   content: "\5f";
}

.icon_pause:before {
   content: "\60";
}

.icon_menu:before {
   content: "\61";
}

.icon_menu-square_alt2:before {
   content: "\62";
}

.icon_menu-circle_alt2:before {
   content: "\63";
}

.icon_ul:before {
   content: "\64";
}

.icon_ol:before {
   content: "\65";
}

.icon_adjust-horiz:before {
   content: "\66";
}

.icon_adjust-vert:before {
   content: "\67";
}

.icon_document_alt:before {
   content: "\68";
}

.icon_documents_alt:before {
   content: "\69";
}

.icon_pencil:before {
   content: "\6a";
}

.icon_pencil-edit_alt:before {
   content: "\6b";
}

.icon_pencil-edit:before {
   content: "\6c";
}

.icon_folder-alt:before {
   content: "\6d";
}

.icon_folder-open_alt:before {
   content: "\6e";
}

.icon_folder-add_alt:before {
   content: "\6f";
}

.icon_info_alt:before {
   content: "\70";
}

.icon_error-oct_alt:before {
   content: "\71";
}

.icon_error-circle_alt:before {
   content: "\72";
}

.icon_error-triangle_alt:before {
   content: "\73";
}

.icon_question_alt2:before {
   content: "\74";
}

.icon_question:before {
   content: "\75";
}

.icon_comment_alt:before {
   content: "\76";
}

.icon_chat_alt:before {
   content: "\77";
}

.icon_vol-mute_alt:before {
   content: "\78";
}

.icon_volume-low_alt:before {
   content: "\79";
}

.icon_volume-high_alt:before {
   content: "\7a";
}

.icon_quotations:before {
   content: "\7b";
}

.icon_quotations_alt2:before {
   content: "\7c";
}

.icon_clock_alt:before {
   content: "\7d";
}

.icon_lock_alt:before {
   content: "\7e";
}

.icon_lock-open_alt:before {
   content: "\e000";
}

.icon_key_alt:before {
   content: "\e001";
}

.icon_cloud_alt:before {
   content: "\e002";
}

.icon_cloud-upload_alt:before {
   content: "\e003";
}

.icon_cloud-download_alt:before {
   content: "\e004";
}

.icon_image:before {
   content: "\e005";
}

.icon_images:before {
   content: "\e006";
}

.icon_lightbulb_alt:before {
   content: "\e007";
}

.icon_gift_alt:before {
   content: "\e008";
}

.icon_house_alt:before {
   content: "\e009";
}

.icon_genius:before {
   content: "\e00a";
}

.icon_mobile:before {
   content: "\e00b";
}

.icon_tablet:before {
   content: "\e00c";
}

.icon_laptop:before {
   content: "\e00d";
}

.icon_desktop:before {
   content: "\e00e";
}

.icon_camera_alt:before {
   content: "\e00f";
}

.icon_mail_alt:before {
   content: "\e010";
}

.icon_cone_alt:before {
   content: "\e011";
}

.icon_ribbon_alt:before {
   content: "\e012";
}

.icon_bag_alt:before {
   content: "\e013";
}

.icon_creditcard:before {
   content: "\e014";
}

.icon_cart_alt:before {
   content: "\e015";
}

.icon_paperclip:before {
   content: "\e016";
}

.icon_tag_alt:before {
   content: "\e017";
}

.icon_tags_alt:before {
   content: "\e018";
}

.icon_trash_alt:before {
   content: "\e019";
}

.icon_cursor_alt:before {
   content: "\e01a";
}

.icon_mic_alt:before {
   content: "\e01b";
}

.icon_compass_alt:before {
   content: "\e01c";
}

.icon_pin_alt:before {
   content: "\e01d";
}

.icon_pushpin_alt:before {
   content: "\e01e";
}

.icon_map_alt:before {
   content: "\e01f";
}

.icon_drawer_alt:before {
   content: "\e020";
}

.icon_toolbox_alt:before {
   content: "\e021";
}

.icon_book_alt:before {
   content: "\e022";
}

.icon_calendar:before {
   content: "\e023";
}

.icon_film:before {
   content: "\e024";
}

.icon_table:before {
   content: "\e025";
}

.icon_contacts_alt:before {
   content: "\e026";
}

.icon_headphones:before {
   content: "\e027";
}

.icon_lifesaver:before {
   content: "\e028";
}

.icon_piechart:before {
   content: "\e029";
}

.icon_refresh:before {
   content: "\e02a";
}

.icon_link_alt:before {
   content: "\e02b";
}

.icon_link:before {
   content: "\e02c";
}

.icon_loading:before {
   content: "\e02d";
}

.icon_blocked:before {
   content: "\e02e";
}

.icon_archive_alt:before {
   content: "\e02f";
}

.icon_heart_alt:before {
   content: "\e030";
}

.icon_star_alt:before {
   content: "\e031";
}

.icon_star-half_alt:before {
   content: "\e032";
}

.icon_star:before {
   content: "\e033";
}

.icon_star-half:before {
   content: "\e034";
}

.icon_tools:before {
   content: "\e035";
}

.icon_tool:before {
   content: "\e036";
}

.icon_cog:before {
   content: "\e037";
}

.icon_cogs:before {
   content: "\e038";
}

.arrow_up_alt:before {
   content: "\e039";
}

.arrow_down_alt:before {
   content: "\e03a";
}

.arrow_left_alt:before {
   content: "\e03b";
}

.arrow_right_alt:before {
   content: "\e03c";
}

.arrow_left-up_alt:before {
   content: "\e03d";
}

.arrow_right-up_alt:before {
   content: "\e03e";
}

.arrow_right-down_alt:before {
   content: "\e03f";
}

.arrow_left-down_alt:before {
   content: "\e040";
}

.arrow_condense_alt:before {
   content: "\e041";
}

.arrow_expand_alt3:before {
   content: "\e042";
}

.arrow_carrot_up_alt:before {
   content: "\e043";
}

.arrow_carrot-down_alt:before {
   content: "\e044";
}

.arrow_carrot-left_alt:before {
   content: "\e045";
}

.arrow_carrot-right_alt:before {
   content: "\e046";
}

.arrow_carrot-2up_alt:before {
   content: "\e047";
}

.arrow_carrot-2dwnn_alt:before {
   content: "\e048";
}

.arrow_carrot-2left_alt:before {
   content: "\e049";
}

.arrow_carrot-2right_alt:before {
   content: "\e04a";
}

.arrow_triangle-up_alt:before {
   content: "\e04b";
}

.arrow_triangle-down_alt:before {
   content: "\e04c";
}

.arrow_triangle-left_alt:before {
   content: "\e04d";
}

.arrow_triangle-right_alt:before {
   content: "\e04e";
}

.icon_minus_alt:before {
   content: "\e04f";
}

.icon_plus_alt:before {
   content: "\e050";
}

.icon_close_alt:before {
   content: "\e051";
}

.icon_check_alt:before {
   content: "\e052";
}

.icon_zoom-out:before {
   content: "\e053";
}

.icon_zoom-in:before {
   content: "\e054";
}

.icon_stop_alt:before {
   content: "\e055";
}

.icon_menu-square_alt:before {
   content: "\e056";
}

.icon_menu-circle_alt:before {
   content: "\e057";
}

.icon_document:before {
   content: "\e058";
}

.icon_documents:before {
   content: "\e059";
}

.icon_pencil_alt:before {
   content: "\e05a";
}

.icon_folder:before {
   content: "\e05b";
}

.icon_folder-open:before {
   content: "\e05c";
}

.icon_folder-add:before {
   content: "\e05d";
}

.icon_folder_upload:before {
   content: "\e05e";
}

.icon_folder_download:before {
   content: "\e05f";
}

.icon_info:before {
   content: "\e060";
}

.icon_error-circle:before {
   content: "\e061";
}

.icon_error-oct:before {
   content: "\e062";
}

.icon_error-triangle:before {
   content: "\e063";
}

.icon_question_alt:before {
   content: "\e064";
}

.icon_comment:before {
   content: "\e065";
}

.icon_chat:before {
   content: "\e066";
}

.icon_vol-mute:before {
   content: "\e067";
}

.icon_volume-low:before {
   content: "\e068";
}

.icon_volume-high:before {
   content: "\e069";
}

.icon_quotations_alt:before {
   content: "\e06a";
}

.icon_clock:before {
   content: "\e06b";
}

.icon_lock:before {
   content: "\e06c";
}

.icon_lock-open:before {
   content: "\e06d";
}

.icon_key:before {
   content: "\e06e";
}

.icon_cloud:before {
   content: "\e06f";
}

.icon_cloud-upload:before {
   content: "\e070";
}

.icon_cloud-download:before {
   content: "\e071";
}

.icon_lightbulb:before {
   content: "\e072";
}

.icon_gift:before {
   content: "\e073";
}

.icon_house:before {
   content: "\e074";
}

.icon_camera:before {
   content: "\e075";
}

.icon_mail:before {
   content: "\e076";
}

.icon_cone:before {
   content: "\e077";
}

.icon_ribbon:before {
   content: "\e078";
}

.icon_bag:before {
   content: "\e079";
}

.icon_cart:before {
   content: "\e07a";
}

.icon_tag:before {
   content: "\e07b";
}

.icon_tags:before {
   content: "\e07c";
}

.icon_trash:before {
   content: "\e07d";
}

.icon_cursor:before {
   content: "\e07e";
}

.icon_mic:before {
   content: "\e07f";
}

.icon_compass:before {
   content: "\e080";
}

.icon_pin:before {
   content: "\e081";
}

.icon_pushpin:before {
   content: "\e082";
}

.icon_map:before {
   content: "\e083";
}

.icon_drawer:before {
   content: "\e084";
}

.icon_toolbox:before {
   content: "\e085";
}

.icon_book:before {
   content: "\e086";
}

.icon_contacts:before {
   content: "\e087";
}

.icon_archive:before {
   content: "\e088";
}

.icon_heart:before {
   content: "\e089";
}

.icon_profile:before {
   content: "\e08a";
}

.icon_group:before {
   content: "\e08b";
}

.icon_grid-2x2:before {
   content: "\e08c";
}

.icon_grid-3x3:before {
   content: "\e08d";
}

.icon_music:before {
   content: "\e08e";
}

.icon_pause_alt:before {
   content: "\e08f";
}

.icon_phone:before {
   content: "\e090";
}

.icon_upload:before {
   content: "\e091";
}

.icon_download:before {
   content: "\e092";
}

.social_facebook:before {
   content: "\e093";
}

.social_twitter:before {
   content: "\e094";
}

.social_pinterest:before {
   content: "\e095";
}

.social_googleplus:before {
   content: "\e096";
}

.social_tumblr:before {
   content: "\e097";
}

.social_tumbleupon:before {
   content: "\e098";
}

.social_wordpress:before {
   content: "\e099";
}

.social_instagram:before {
   content: "\e09a";
}

.social_dribbble:before {
   content: "\e09b";
}

.social_vimeo:before {
   content: "\e09c";
}

.social_linkedin:before {
   content: "\e09d";
}

.social_rss:before {
   content: "\e09e";
}

.social_deviantart:before {
   content: "\e09f";
}

.social_share:before {
   content: "\e0a0";
}

.social_myspace:before {
   content: "\e0a1";
}

.social_skype:before {
   content: "\e0a2";
}

.social_youtube:before {
   content: "\e0a3";
}

.social_picassa:before {
   content: "\e0a4";
}

.social_googledrive:before {
   content: "\e0a5";
}

.social_flickr:before {
   content: "\e0a6";
}

.social_blogger:before {
   content: "\e0a7";
}

.social_spotify:before {
   content: "\e0a8";
}

.social_delicious:before {
   content: "\e0a9";
}

.social_facebook_circle:before {
   content: "\e0aa";
}

.social_twitter_circle:before {
   content: "\e0ab";
}

.social_pinterest_circle:before {
   content: "\e0ac";
}

.social_googleplus_circle:before {
   content: "\e0ad";
}

.social_tumblr_circle:before {
   content: "\e0ae";
}

.social_stumbleupon_circle:before {
   content: "\e0af";
}

.social_wordpress_circle:before {
   content: "\e0b0";
}

.social_instagram_circle:before {
   content: "\e0b1";
}

.social_dribbble_circle:before {
   content: "\e0b2";
}

.social_vimeo_circle:before {
   content: "\e0b3";
}

.social_linkedin_circle:before {
   content: "\e0b4";
}

.social_rss_circle:before {
   content: "\e0b5";
}

.social_deviantart_circle:before {
   content: "\e0b6";
}

.social_share_circle:before {
   content: "\e0b7";
}

.social_myspace_circle:before {
   content: "\e0b8";
}

.social_skype_circle:before {
   content: "\e0b9";
}

.social_youtube_circle:before {
   content: "\e0ba";
}

.social_picassa_circle:before {
   content: "\e0bb";
}

.social_googledrive_alt2:before {
   content: "\e0bc";
}

.social_flickr_circle:before {
   content: "\e0bd";
}

.social_blogger_circle:before {
   content: "\e0be";
}

.social_spotify_circle:before {
   content: "\e0bf";
}

.social_delicious_circle:before {
   content: "\e0c0";
}

.social_facebook_square:before {
   content: "\e0c1";
}

.social_twitter_square:before {
   content: "\e0c2";
}

.social_pinterest_square:before {
   content: "\e0c3";
}

.social_googleplus_square:before {
   content: "\e0c4";
}

.social_tumblr_square:before {
   content: "\e0c5";
}

.social_stumbleupon_square:before {
   content: "\e0c6";
}

.social_wordpress_square:before {
   content: "\e0c7";
}

.social_instagram_square:before {
   content: "\e0c8";
}

.social_dribbble_square:before {
   content: "\e0c9";
}

.social_vimeo_square:before {
   content: "\e0ca";
}

.social_linkedin_square:before {
   content: "\e0cb";
}

.social_rss_square:before {
   content: "\e0cc";
}

.social_deviantart_square:before {
   content: "\e0cd";
}

.social_share_square:before {
   content: "\e0ce";
}

.social_myspace_square:before {
   content: "\e0cf";
}

.social_skype_square:before {
   content: "\e0d0";
}

.social_youtube_square:before {
   content: "\e0d1";
}

.social_picassa_square:before {
   content: "\e0d2";
}

.social_googledrive_square:before {
   content: "\e0d3";
}

.social_flickr_square:before {
   content: "\e0d4";
}

.social_blogger_square:before {
   content: "\e0d5";
}

.social_spotify_square:before {
   content: "\e0d6";
}

.social_delicious_square:before {
   content: "\e0d7";
}

.icon_printer:before {
   content: "\e103";
}

.icon_calulator:before {
   content: "\e0ee";
}

.icon_building:before {
   content: "\e0ef";
}

.icon_floppy:before {
   content: "\e0e8";
}

.icon_drive:before {
   content: "\e0ea";
}

.icon_search-2:before {
   content: "\e101";
}

.icon_id:before {
   content: "\e107";
}

.icon_id-2:before {
   content: "\e108";
}

.icon_puzzle:before {
   content: "\e102";
}

.icon_like:before {
   content: "\e106";
}

.icon_dislike:before {
   content: "\e0eb";
}

.icon_mug:before {
   content: "\e105";
}

.icon_currency:before {
   content: "\e0ed";
}

.icon_wallet:before {
   content: "\e100";
}

.icon_pens:before {
   content: "\e104";
}

.icon_easel:before {
   content: "\e0e9";
}

.icon_flowchart:before {
   content: "\e109";
}

.icon_datareport:before {
   content: "\e0ec";
}

.icon_briefcase:before {
   content: "\e0fe";
}

.icon_shield:before {
   content: "\e0f6";
}

.icon_percent:before {
   content: "\e0fb";
}

.icon_globe:before {
   content: "\e0e2";
}

.icon_globe-2:before {
   content: "\e0e3";
}

.icon_target:before {
   content: "\e0f5";
}

.icon_hourglass:before {
   content: "\e0e1";
}

.icon_balance:before {
   content: "\e0ff";
}

.icon_rook:before {
   content: "\e0f8";
}

.icon_printer-alt:before {
   content: "\e0fa";
}

.icon_calculator_alt:before {
   content: "\e0e7";
}

.icon_building_alt:before {
   content: "\e0fd";
}

.icon_floppy_alt:before {
   content: "\e0e4";
}

.icon_drive_alt:before {
   content: "\e0e5";
}

.icon_search_alt:before {
   content: "\e0f7";
}

.icon_id_alt:before {
   content: "\e0e0";
}

.icon_id-2_alt:before {
   content: "\e0fc";
}

.icon_puzzle_alt:before {
   content: "\e0f9";
}

.icon_like_alt:before {
   content: "\e0dd";
}

.icon_dislike_alt:before {
   content: "\e0f1";
}

.icon_mug_alt:before {
   content: "\e0dc";
}

.icon_currency_alt:before {
   content: "\e0f3";
}

.icon_wallet_alt:before {
   content: "\e0d8";
}

.icon_pens_alt:before {
   content: "\e0db";
}

.icon_easel_alt:before {
   content: "\e0f0";
}

.icon_flowchart_alt:before {
   content: "\e0df";
}

.icon_datareport_alt:before {
   content: "\e0f2";
}

.icon_briefcase_alt:before {
   content: "\e0f4";
}

.icon_shield_alt:before {
   content: "\e0d9";
}

.icon_percent_alt:before {
   content: "\e0da";
}

.icon_globe_alt:before {
   content: "\e0de";
}

.icon_clipboard:before {
   content: "\e0e6";
}

.glyph {
   float: left;
   text-align: center;
   padding: .75em;
   margin: .4em 1.5em .75em 0;
   width: 6em;
   text-shadow: none;
}

.glyph_big {
   font-size: 128px;
   color: #59c5dc;
   float: left;
   margin-right: 20px;
}

.glyph div {
   padding-bottom: 10px;
}

.glyph input {
   font-family: consolas, monospace;
   font-size: 12px;
   width: 100%;
   text-align: center;
   border: 0;
   box-shadow: 0 0 0 1px #ccc;
   padding: .2em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.centered {
   margin-left: auto;
   margin-right: auto;
}

.glyph .fs1 {
   font-size: 2em;
}


/*----------------------------
Common CSS
------------------------------*/

* {
   margin: 0;
   padding: 0;
}

body {
   font-family: "Poppins", sans-serif;
   font-weight: 400;
   font-size: 16px;
   position: relative;
   z-index: auto;
   scroll-behavior: smooth;
   min-height: 100vh;
   padding-bottom: 60px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Poppins", sans-serif;
   color: #2a303b;
   line-height: 1.3;
   font-weight: 500;
}

a,
a:active,
a:focus,
a:hover {
   color: #2a303b;
   text-decoration: none;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   outline: none;
   font-weight: 500;
}

li {
   list-style: none;
}

p {
   line-height: 1.7;
   color: #636a76;
   font-size: 16px;
   font-weight: 400;
}

img {
   max-width: 100%;
   height: auto;
}

ul {
   margin: 0;
   padding: 0;
}

ul li {
   margin: 0;
   padding: 0;
}

.bg-overlay {
   position: relative;
   z-index: 1;
}

.bg-overlay::after {
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   z-index: -1;
   background-color: rgba(0, 0, 0, .4);
}

.bg-img {
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
}

.jarallax {
   position: relative;
   z-index: 0;
}

.jarallax>.jarallax-img {
   position: absolute;
   object-fit: cover;
   font-family: 'object-fit: cover';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
   color: #ffffff;
   right: 20px;
   text-align: center;
   padding-right: 0;
   width: 100%;
   position: fixed;
   top: 20px;
   width: 30px;
   background: #5a5afc;
   height: 30px;
   line-height: 30px;
}

button.mfp-close,
button.mfp-arrow {
   background: #5a5afc;
}

.mfp-bottom-bar {
   display: none !important;
}

.mfp-bg {
   background-color: #000000;
}

.bg-transparent {
   background-color: transparent !important;
}

.bg-gray {
   background-color: #e8f1f8 !important;
}

textarea:focus,
input:focus {
   outline: none;
}

.border {
   border-color: #ebebeb;
}

.mfp-arrow-left::after {
   border-right-color: transparent;
}

.mfp-arrow-left::before {
   border-right-color: #ffffff;
}

.mfp-arrow-right::after {
   border-left-color: transparent;
}

.mfp-arrow-right::before {
   border-left-color: #ffffff;
}


/*-----------------------------------
Spacing Area CSS
-------------------------------------*/

.mt-15 {
   margin-top: 15px;
}

.mt-30 {
   margin-top: 30px;
}

.mt-40 {
   margin-top: 40px;
}

.mt-50 {
   margin-top: 50px;
}

.mt-70 {
   margin-top: 70px;
}

.mt-80 {
   margin-top: 80px;
}

.mt-100 {
   margin-top: 100px;
}

.mt-150 {
   margin-top: 150px;
}

.mr-15 {
   margin-right: 15px;
}

.mr-30 {
   margin-right: 30px;
}

.mr-50 {
   margin-right: 50px;
}

.mr-100 {
   margin-right: 100px;
}

.mb-15 {
   margin-bottom: 15px;
}

.mb-30 {
   margin-bottom: 30px;
}

.mb-40 {
   margin-bottom: 40px;
}

.mb-50 {
   margin-bottom: 50px;
}

.mb-60 {
   margin-bottom: 60px;
}

.mb-70 {
   margin-bottom: 70px;
}

.mb-80 {
   margin-bottom: 80px;
}

.mb-100 {
   margin-bottom: 100px;
}

.ml-15 {
   margin-left: 15px;
}

.ml-30 {
   margin-left: 30px;
}

.ml-50 {
   margin-left: 50px;
}

.ml-100 {
   margin-left: 100px;
}

.pt-50 {
   padding-top: 50px !important;
}

.section-padding-80 {
   padding-top: 80px;
   padding-bottom: 80px;
}

.section-padding-0-80 {
   padding-top: 0;
   padding-bottom: 80px;
}

.section-padding-80-0 {
   padding-top: 80px;
   padding-bottom: 0;
}

.section-padding-100 {
   padding-top: 100px;
   padding-bottom: 100px;
}

.section-padding-0-100 {
   padding-top: 0;
   padding-bottom: 100px;
}

.section-padding-100-0 {
   padding-top: 100px;
   padding-bottom: 0;
}


/* :: 4.0 Heading Area CSS */

.section-heading {
   position: relative;
   z-index: 1;
   margin-bottom: 50px;
}

.section-heading h6 {
   text-transform: uppercase;
   color: #5a5afc;
   letter-spacing: 2px;
   display: block;
   margin-bottom: 10px;
}

.section-heading h2 {
   font-size: 42px;
   text-transform: capitalize;
   margin-bottom: 0;
   display: block;
   line-height: 1.2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .section-heading h2 {
      font-size: 36px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .section-heading h2 {
      font-size: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .section-heading h2 {
      font-size: 24px;
   }
}

.section-heading.white h6,
.section-heading.white h2 {
   color: #ffffff;
}


/*---------------------------------
5.0 Backtotop Area CSS
-----------------------------------*/

#scrollUp {
   position: fixed;
   right: 40px;
   font-size: 20px;
   line-height: 40px;
   width: 40px;
   height: 40px;
   bottom: 40px;
   background-color: #5a5afc;
   color: #ffffff;
   text-align: center;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   border-radius: 50%;
   -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   z-index: 15962536;
}

@media only screen and (max-width: 767px) {
   #scrollUp {
      right: 20px;
      bottom: 20px;
   }
}

#scrollUp:focus,
#scrollUp:hover {
   background-color: #000000;
   color: #ffffff;
}


/*--------------------------------
6.0 Buttons Area CSS
----------------------------------*/

.btn:focus {
   box-shadow: none;
}

.roberto-btn {
   position: relative;
   z-index: 1;
   min-width: 150px;
   height: 46px;
   line-height: 46px;
   font-size: 16px;
   font-weight: 500;
   display: inline-block;
   padding: 0 40px;
   text-align: center;
   text-transform: capitalize;
   background-color: #5a5afc;
   color: #ffffff;
   border: none;
   border-radius: 2px;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}

.roberto-btn:focus,
.roberto-btn:hover {
   font-weight: 500;
   -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   background-color: #ffffff;
   color: #5a5afc;
}

.roberto-btn.btn-2 {
   min-width: 180px;
   height: 50px;
   line-height: 50px;
   /*border: 2px solid #5a5afc;*/
   background: #5a5afc;
   color: #ffffff;
}

.roberto-btn.btn-2:focus,
.roberto-btn.btn-2:hover {
   color: #5a5afc;
   background-color: #fff
}

.continue-btn {
   padding: 0;
   line-height: 1;
   color: #afb4bf;
   font-size: 16px;
   text-transform: capitalize;
   text-decoration: underline;
   font-weight: 500;
}

.continue-btn:focus,
.continue-btn:hover {
   text-decoration: underline;
   color: #000000;
}


/*----------------------------------------
7.0 Header Area CSS
-------------------------------------------*/

.header-area {
   width: 100%;
   background-color: transparent;
}

.header-area .search-form {
   -webkit-transition-duration: 350ms;
   -o-transition-duration: 350ms;
   transition-duration: 350ms;
   transition-timing-function: ease-in;
   position: relative;
   z-index: 1;
   width: 100%;
   height: 0;
   background-color: #5a5afc;
   visibility: hidden;
}

.header-area .search-form.search-form-active {
   height: 60px;
   z-index: 99999999;
   visibility: visible;
}

.header-area .search-form form {
   position: relative;
   z-index: 1;
}

.header-area .search-form form input {
   background-color: transparent;
   width: 100%;
   height: 60px;
   border: none;
   font-size: 14px;
   color: #ffffff;
}

.header-area .search-form form input::placeholder {
   color: #fff;
}

.header-area .search-form form button {
   position: absolute;
   width: 60px;
   height: 60px;
   top: 0;
   right: 0;
   z-index: 10;
   border: none;
   background-color: transparent;
   cursor: pointer;
   font-size: 18px;
   color: #ffffff;
   text-align: right;
}

.header-area .search-form form button:focus {
   outline: none;
}

.top-header-area {
   position: relative;
   z-index: 1;
   width: 100%;
   height: 35px;
   background: rgba(0, 0, 0, .5)!important;
}

.top-header-area .top-header-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.top-header-area .top-header-content>a {
   color: #ffffff;
   font-size: 14px;
   font-weight: 400;
   line-height: 30px;
   display: inline-block;
   margin-right: 50px;
}

.top-header-area .top-header-content>a:last-child {
   margin-right: 0;
}

.top-header-area .top-header-content>a i {
   padding-right: 5px;
   /*color: #5a5afc;*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .top-header-area .top-header-content>a {
      margin-right: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .top-header-area .top-header-content>a {
      margin-right: 15px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .top-header-area .top-header-content>a span {
      display: none;
   }
}

@media only screen and (max-width: 767px) {
   .top-header-area .top-header-content>a span {
      display: none;
   }
}

.top-header-area .top-header-content>a:hover,
.top-header-area .top-header-content>a:focus {
   color: #afb4bf;
}

.top-header-area .top-header-content .top-social-area a {
   display: inline-block;
   margin-right: 30px;
   color: #ffffff;
   line-height: 50px;
   font-size: 14px;
}

.top-header-area .top-header-content .top-social-area a:last-child {
   margin-right: 0;
}

@media only screen and (max-width: 767px) {
   .top-header-area .top-header-content .top-social-area a {
      margin-right: 15px;
   }
}

.top-header-area .top-header-content .top-social-area a:hover,
.top-header-area .top-header-content .top-social-area a:focus {
   color: #5a5afc;
}

.classy-nav-container {
   background-color: transparent;
   padding: 0;
}

.classy-nav-container .classy-navbar {
   height: 70px;
   padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .classy-nav-container .classy-navbar {
      height: 70px;
   }
}

@media only screen and (max-width: 767px) {
   .classy-nav-container .classy-navbar {
      height: 70px;
   }
}

@media only screen and (max-width: 767px) {
   .classy-nav-container .classy-navbar .nav-brand {
      max-width: 90px;
      margin-right: 15px;
   }
}

.classy-nav-container .classy-navbar .classynav ul li a {
   font-size: 16px;
   text-transform: capitalize;
   color: #2a303b;
   font-weight: 500;
   padding: 0 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .classy-nav-container .classy-navbar .classynav ul li a {
      font-size: 14px;
      padding: 0 10px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .classy-nav-container .classy-navbar .classynav ul li a {
      font-size: 14px;
      color: #2a303b;
   }
   .classy-nav-container .classy-navbar .classynav ul li a:hover,
   .classy-nav-container .classy-navbar .classynav ul li a:focus {
      color: #5a5afc;
   }
}

@media only screen and (max-width: 767px) {
   .classy-nav-container .classy-navbar .classynav ul li a {
      font-size: 14px;
      color: #2a303b;
   }
   .classy-nav-container .classy-navbar .classynav ul li a:hover,
   .classy-nav-container .classy-navbar .classynav ul li a:focus {
      color: #5a5afc;
   }
}

.classy-nav-container .classy-navbar .classynav ul li a:focus,
.classy-nav-container .classy-navbar .classynav ul li a:hover {
   color: #5a5afc;
   font-weight: 500;
}

.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a,
.classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a {
   font-size: 14px;
   text-transform: capitalize;
   height: 42px;
   line-height: 42px;
   padding: 0 30px;
   color: #2a303b;
}

.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:focus,
.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:hover,
.classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:focus,
.classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:hover {
   color: #5a5afc;
}

.classynav ul li.active a {
   position: relative;
   z-index: 1;
}

.classynav ul li.active a::before {
   width: 3px;
   height: 3px;
   background-color: #5a5afc;
   position: absolute;
   top: 50%;
   left: 10%;
   z-index: 1;
   content: '';
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .classynav ul li.active a::before {
      display: none;
   }
}

@media only screen and (max-width: 767px) {
   .classynav ul li.active a::before {
      display: none;
   }
}

.classynav ul li.has-down>a::after,
.classynav ul li.has-down.active>a::after,
.classynav ul li.megamenu-item>a::after {
   color: #2a303b;
}

.breakpoint-off .classynav ul li .dropdown,
.breakpoint-off .classynav ul li .megamenu {
   width: 210px;
   -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   border-radius: 6px;
}

.breakpoint-off .classynav ul li .megamenu {
   width: 100%;
}

.classy-navbar-toggler .navbarToggler span {
   background-color: #2a303b;
}

.main-header-area {
   position: relative;
   z-index: 10;
   background-color: rgba(255, 255, 255, .9);
   animation-duration: 0.9s!important;
   transition: 0.5s!important;
}

.main-header-area .book-now-btn a {
   padding: 0 30px;
   background-color: #5a5afc;
   height: 80px;
   line-height: 80px;
   text-align: center;
   color: #ffffff;
   font-size: 16px;
}

.main-header-area .book-now-btn a i {
   padding-left: 5px;
}


/*--------------------------------
Sticky Menu
------------------------------------*/

.sticky {
   position: fixed!important;
   top: 0!important;
   left: 0!important;
   width: 100%!important;
   box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05)!important;
   animation-name: stickySlideDown;
}

@keyframes stickySlideDown {
   0% {
      opacity: 0.7;
      transform: translateY(-100%);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .main-header-area .book-now-btn a {
      height: 50px;
      line-height: 50px;
      border-radius: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .main-header-area .book-now-btn a {
      height: 50px;
      line-height: 50px;
      border-radius: 30px;
   }
}

.main-header-area .book-now-btn a:hover,
.main-header-area .book-now-btn a:focus {
   background-color: #5a5afc;
   color: #ffffff;
}

.main-header-area .search-btn {
   cursor: pointer;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .main-header-area .search-btn {
      padding: 30px 0;
   }
}

@media only screen and (max-width: 767px) {
   .main-header-area .search-btn {
      padding: 30px 0;
   }
}

.main-header-area .search-btn:hover,
.main-header-area .search-btn:focus {
   color: #5a5afc;
}


/*--------------------------------------
Hero Area CSS
----------------------------------------*/

.welcome-area {
   z-index: 1;
   position: relative;
}

.welcome-slides {
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.welcome-slides .owl-prev,
.welcome-slides .owl-next {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   background-color: #5a5afc;
   text-indent: -50000em;
   position: absolute;
   top: 50%;
   left: 30px;
   margin-top: -40px;
   z-index: 10;
   background-position: center center !important;
   background-size: cover !important;
   opacity: 0;
   visibility: hidden;
}

@media only screen and (max-width: 767px) {
   .welcome-slides .owl-prev,
   .welcome-slides .owl-next {
      width: 40px;
      left: 20px;
      height: 40px;
   }
}

.welcome-slides .owl-next {
   left: auto;
   right: 30px;
}

@media only screen and (max-width: 767px) {
   .welcome-slides .owl-next {
      right: 20px;
   }
}

.welcome-slides:hover .owl-prev,
.welcome-slides:hover .owl-next,
.welcome-slides:focus .owl-prev,
.welcome-slides:focus .owl-next {
   opacity: 1;
   visibility: visible;
}

.single-welcome-slide {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 90vh!important;
   background-color: transparent!important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-welcome-slide {
      height: 600px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-welcome-slide {
      height: 600px;
   }
}

@media only screen and (max-width: 767px) {
   .single-welcome-slide {
      height: 700px;
   }
}

.single-welcome-slide .welcome-text {
   position: relative;
   z-index: 1;
   top: 20px!important;
   text-transform: uppercase
}

.single-welcome-slide .welcome-text img {
   width: 100px!important;
   margin: 10px auto!important;
}

.single-welcome-slide .welcome-text h6 {
   text-transform: uppercase;
   letter-spacing: 2px;
   color: #ffffff;
   margin-bottom: 10px;
}

.single-welcome-slide .welcome-text h2 {
   padding: 19px 0;
   font-size: 50px;
   display: block;
   margin-bottom: 10px;
   color: #ffffff;
}

.single-welcome-slide .welcome-text h4 {
   color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-welcome-slide .welcome-text h2 {
      font-size: 48px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-welcome-slide .welcome-text h2 {
      font-size: 42px;
   }
}

@media only screen and (max-width: 767px) {
   .single-welcome-slide .welcome-text h2 {
      font-size: 30px;
   }
}


/*---------------------------------------
Footer Area CSS
-----------------------------------------*/

.footer-area {
   z-index: 1;
   background-color: #0e2737;
   position: absolute;
   width: 100%;
   bottom: 0;
}
/*.footer-area {
   position: fixed;
   width: 100%;
   bottom: 0;
   z-index: 1;
   background-color: #0e2737;
}*/

.single-footer-widget {
   position: relative;
   z-index: 1;
}

.single-footer-widget .widget-title {
   font-size: 22px;
   color: #ffffff;
   margin-bottom: 25px;
   display: block;
   text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-footer-widget .widget-title {
      font-size: 18px;
   }
}

@media only screen and (max-width: 767px) {
   .single-footer-widget .widget-title {
      font-size: 18px;
   }
}

.single-footer-widget .latest-blog-area {
   position: relative;
   z-index: 1;
   margin-bottom: 25px;
}

.single-footer-widget .latest-blog-area:last-child {
   margin-bottom: 0;
}

.single-footer-widget .latest-blog-area .post-title {
   font-size: 16px;
   display: block;
   margin-bottom: 5px;
   color: #ffffff;
   font-weight: 400;
}

.single-footer-widget .latest-blog-area .post-title:focus,
.single-footer-widget .latest-blog-area .post-title:hover {
   color: #5a5afc;
}

.single-footer-widget .footer-nav {
   position: relative;
   z-index: 1;
}

.single-footer-widget .footer-nav li a {
   display: block;
   margin-bottom: 10px;
   color: #636a76;
   font-size: 14px;
   font-weight: 400;
   text-transform: capitalize;
}

.single-footer-widget .footer-nav li a:focus,
.single-footer-widget .footer-nav li a:hover {
   color: #ffffff;
}

.single-footer-widget .footer-nav li:last-child a {
   margin-bottom: 0;
}

.single-footer-widget .nl-form {
   position: relative;
   z-index: 1;
   margin-top: 30px;
}

.single-footer-widget .nl-form input {
   width: 100%;
   height: 46px;
   background-color: #3e525f;
   border-radius: 30px;
   border: none;
   padding: 0 20px;
   color: #ffffff;
   font-size: 14px;
}

.single-footer-widget .nl-form input:focus {
   box-shadow: none;
}

.single-footer-widget .nl-form button {
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: none;
   top: 3px;
   right: 3px;
   color: #ffffff;
   background-color: #5a5afc;
   cursor: pointer;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}

.single-footer-widget .nl-form button:focus,
.single-footer-widget .nl-form button:hover {
   background-color: #2a303b;
}

.single-footer-widget .footer-logo {
   display: block;
   margin-bottom: 20px;
}

.single-footer-widget p {
   color: #afb4bf;
}

.single-footer-widget h4 {
   color: #5a5afc;
}

.single-footer-widget span {
   color: #afb4bf;
   font-size: 14px;
   display: block;
   margin-bottom: 10px;
}

.single-footer-widget span:last-child {
   margin-bottom: 0;
}

.copywrite-text {
   position: relative;
   z-index: 1;
}

@media only screen and (max-width: 767px) {
   .copywrite-text {
      margin-bottom: 15px;
      text-align: center;
   }
}

.copywrite-text p {
   font-size: 14px;
   color: #afb4bf;
   margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
   .copywrite-text p {
      font-size: 12px;
   }
}

.copywrite-text p a {
   color: #afb4bf;
   font-size: 14px;
}

@media only screen and (max-width: 767px) {
   .copywrite-text p a {
      font-size: 12px;
   }
}

.copywrite-text p a:focus,
.copywrite-text p a:hover {
   color: #ffffff;
}

.copywrite-content {
   position: relative;
   z-index: 1;
   padding: 15px 0;
   border-top: 1px solid #273d4b;
}

.copywrite-content .social-info {
   text-align: right;
}

@media only screen and (max-width: 767px) {
   .copywrite-content .social-info {
      text-align: center;
   }
}

.copywrite-content .social-info a {
   display: inline-block;
   color: #afb4bf;
   padding-left: 20px;
}

.copywrite-content .social-info a:focus,
.copywrite-content .social-info a:hover {
   color: #ffffff;
}


/*--------------------------------------
Partner Area CSS
----------------------------------------*/

.partner-logo-content {
   position: relative;
   z-index: 1;
   padding-top: 40px;
   padding-bottom: 40px;
}

.partner-logo-content a {
   display: inline-block;
}

.partner-logo-content a img {
   max-height: 50px;
}

@media only screen and (max-width: 767px) {
   .partner-logo-content a img {
      max-height: 30px;
   }
}


/*---------------------------------------
Project Area CSS
-----------------------------------------*/

.single-project-slide {
   position: relative;
   z-index: 1;
   height: 800px;
   overflow: hidden;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 767px) {
   .single-project-slide {
      height: 650px;
   }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-project-slide {
      height: 700px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-project-slide {
      height: 650px;
   }
}

.single-project-slide .project-content {
   position: absolute;
   width: 100%;
   height: 100px;
   bottom: 0;
   left: 0;
   z-index: 10;
   /*background-color: rgba(179,45,52, .7);*/
   background-color: rgba(0,0,128,.7);
   padding: 0 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.single-project-slide .project-content .text h6 {
   color: #ffffff;
}

.single-project-slide .project-content .text h5 {
   color: #ffffff;
   margin-bottom: 0;
}

.single-project-slide .hover-effects {
   position: absolute;
   width: 100%;
   bottom: 0;
   left: 0;
   background-color: rgba(0,0,128, .5);
   z-index: 100;
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%);
   opacity: 0;
   visibility: hidden;
   -webkit-transition-duration: 800ms;
   -o-transition-duration: 800ms;
   transition-duration: 800ms;
}

.single-project-slide .hover-effects .text {
   padding: 30px;
}

.single-project-slide .hover-effects .text h6 {
   color: #ffffff;
}

.single-project-slide .hover-effects .text h5 {
   color: #ffffff;
   margin-bottom: 10px;
}

.single-project-slide .hover-effects .text p {
   margin-bottom: 0;
   color: #ffffff;
}

.single-project-slide .hover-effects .project-btn {
   font-size: 16px;
   padding: 0 30px;
   display: block;
   background-color: #5a5afc;
   border-radius: 0;
   color: #ffffff;
   text-align: left;
   font-weight: 500;
   height: 100px;
   width: 100%;
   line-height: 100px;
}

.single-project-slide.active .hover-effects {
   -webkit-transform: translateY(0%);
   -ms-transform: translateY(0%);
   transform: translateY(0%);
   opacity: 1;
   visibility: visible;
}


/*---------------------------------
CTA CSS
-----------------------------------*/

.roberto-cta-area {
   position: relative;
   z-index: 1;
}

.roberto-cta-area .cta-content {
   padding-top: 50px;
   padding-left: 50px;
   padding-right: 50px;
}

.roberto-cta-area .cta-text h2 {
   color: #ffffff;
   font-size: 36px;
   margin-bottom: 10px;
}

.roberto-cta-area .cta-text h6 {
   margin-bottom: 0;
   color: #ffffff;
}


/*------------------------------------
Testimonial Area CSS
--------------------------------------*/

.roberto-testimonials-area {
   position: relative;
   z-index: 1;
}

.roberto-testimonials-area .testimonial-thumbnail {
   position: relative;
   z-index: 1;
   padding-right: 15px;
}

.roberto-testimonials-area .testimonial-thumbnail img {
   border-radius: 8px;
   width: 100% !important;
}

.roberto-testimonials-area .single-testimonial-slide h5 {
   color: #636a76;
   font-weight: 400;
   font-size: 18px;
   line-height: 1.8;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .roberto-testimonials-area .single-testimonial-slide h5 {
      font-size: 16px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .roberto-testimonials-area .single-testimonial-slide h5 {
      font-size: 16px;
   }
}

@media only screen and (max-width: 767px) {
   .roberto-testimonials-area .single-testimonial-slide h5 {
      font-size: 16px;
   }
}

.roberto-testimonials-area .single-testimonial-slide .rating-title {
   position: relative;
   z-index: 1;
   margin-top: 15px;
}

.roberto-testimonials-area .single-testimonial-slide .rating-title .rating {
   display: block;
   margin-bottom: 10px;
}

.roberto-testimonials-area .single-testimonial-slide .rating-title .rating i {
   color: #f5b917;
   font-size: 14px;
}

.roberto-testimonials-area .single-testimonial-slide .rating-title h6 {
   margin-bottom: 0;
}

.roberto-testimonials-area .single-testimonial-slide .rating-title h6 span {
   color: #5a5afc;
   font-size: 14px;
   font-weight: 400;
}

.testimonial-slides .owl-dots {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 40px;
}

.testimonial-slides .owl-dots .owl-dot {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 12px;
   flex: 0 0 12px;
   max-width: 12px;
   width: 12px;
   height: 12px;
   background-color: #c0c8d7;
   border-radius: 50%;
   margin: 0 5px;
}

.testimonial-slides .owl-dots .owl-dot.active {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 12px;
   flex: 0 0 12px;
   max-width: 12px;
   width: 12px;
   background-color: #5a5afc;
   border-radius: 50%;
}

.single-testimonial-area {
   position: relative;
   z-index: 1;
}

.single-testimonial-area .testimonial-content {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   position: relative;
   z-index: 1;
   padding: 40px;
   border-radius: 3px;
   box-shadow: 0 15px 9px 0 rgba(0, 0, 0, 0.08);
   margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-testimonial-area .testimonial-content {
      padding: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .single-testimonial-area .testimonial-content {
      padding: 30px;
   }
}

.single-testimonial-area .testimonial-content .ratings-icon {
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
}

.single-testimonial-area .testimonial-content .ratings-icon .rating {
   color: #f3b409;
}

.single-testimonial-area .testimonial-content h5 {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   margin-bottom: 0;
   color: #707070;
   line-height: 1.5;
   font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-testimonial-area .testimonial-content h5 {
      font-size: 16px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-testimonial-area .testimonial-content h5 {
      font-size: 16px;
   }
}

@media only screen and (max-width: 767px) {
   .single-testimonial-area .testimonial-content h5 {
      font-size: 16px;
   }
}


/*-------------------------------------
Room Area CSS
---------------------------------------*/

.single-room-slide {
   position: relative;
   z-index: 1;
   height: 700px;
   background-color: #5a5afc;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-room-slide {
      height: 600px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-room-slide {
      height: 600px;
   }
}

@media only screen and (max-width: 767px) {
   .single-room-slide {
      height: 700px;
   }
}

.single-room-slide .room-thumbnail {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   width: 50%;
}

@media only screen and (max-width: 767px) {
   .single-room-slide .room-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      height: 200px !important;
   }
}

.single-room-slide .room-content {
   background-color: #5a5afc;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   width: 50%;
   padding-left: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-room-slide .room-content {
      padding-left: 50px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-room-slide .room-content {
      padding-left: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .single-room-slide .room-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      padding-left: 15px;
      margin-bottom: 50px;
   }
}

.single-room-slide .room-content h2 {
   color: #ffffff;
   font-size: 48px;
   display: block;
   margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-room-slide .room-content h2 {
      font-size: 36px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-room-slide .room-content h2 {
      font-size: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .single-room-slide .room-content h2 {
      font-size: 24px;
   }
}

.single-room-slide .room-content h3 {
   color: #5a5afc;
   font-size: 36px;
   display: block;
   margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
   .single-room-slide .room-content h3 {
      font-size: 30px;
   }
}

.single-room-slide .room-content h3 span {
   color: #ffffff;
   font-size: 16px;
}

.single-room-slide .room-content .room-feature {
   position: relative;
   z-index: 1;
   margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
   .single-room-slide .room-content .room-feature {
      margin-bottom: 0;
   }
}

.single-room-slide .room-content .room-feature li {
   color: #ffffff;
   display: block;
   margin-bottom: 15px;
}

.single-room-slide .room-content .room-feature li span {
   min-width: 110px;
   display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-room-slide .room-content .room-feature li {
      font-size: 14px;
   }
}

@media only screen and (max-width: 767px) {
   .single-room-slide .room-content .room-feature li {
      font-size: 12px;
      margin-bottom: 5px;
   }
}

.single-room-slide .room-content .room-feature li:last-child {
   margin-bottom: 0;
}

.rooms-slides {
   position: relative;
   z-index: 1;
}

.rooms-slides .owl-prev,
.rooms-slides .owl-next {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   width: 130px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 16px;
   font-weight: 600;
   position: absolute;
   bottom: 0;
   z-index: 100;
   background-image: none !important;
   background-color: #ffffff !important;
}

.rooms-slides .owl-prev:hover,
.rooms-slides .owl-prev:focus,
.rooms-slides .owl-next:hover,
.rooms-slides .owl-next:focus {
   background-color: #5a5afc !important;
   color: #ffffff;
}

.rooms-slides .owl-prev {
   right: 50%;
}

.rooms-slides .owl-next {
   background-color: #5a5afc !important;
   left: 50%;
   color: #ffffff;
}

.rooms-slides .owl-next:hover,
.rooms-slides .owl-next:focus {
   background-color: #2a303b !important;
   color: #ffffff;
}

.single-room-area {
   position: relative;
   z-index: 1;
}

@media only screen and (max-width: 767px) {
   .single-room-area {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.single-room-area .room-thumbnail {
   position: relative;
   z-index: 1;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   width: 50%;
}

@media only screen and (max-width: 767px) {
   .single-room-area .room-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: 30px;
   }
}

.single-room-area .room-thumbnail img {
   border-radius: 4px;
}

.single-room-area .room-content {
   position: relative;
   z-index: 1;
   padding-left: 35px;
}

@media only screen and (max-width: 767px) {
   .single-room-area .room-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      padding-left: 0;
   }
}

.single-room-area .room-content h2 {
   font-size: 30px;
   display: block;
   margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-room-area .room-content h2 {
      font-size: 24px;
   }
}

@media only screen and (max-width: 767px) {
   .single-room-area .room-content h2 {
      font-size: 24px;
   }
}

.single-room-area .room-content h4 {
   color: #5a5afc;
   margin-bottom: 20px;
}

.single-room-area .room-content h4 span {
   color: #afb4bf;
   font-size: 14px;
}

.single-room-area .room-content .room-feature {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
}

.single-room-area .room-content .room-feature h6 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
   width: 50%;
   font-weight: 400;
   color: #afb4bf;
   margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-room-area .room-content .room-feature h6 {
      font-size: 14px;
   }
}

.single-room-area .room-content .room-feature h6 span {
   color: #2a303b;
   display: block;
}

.single-room-area .room-content .view-detail-btn {
   padding: 0;
   font-size: 16px;
   color: #5a5afc;
   font-weight: 500;
}

.single-room-area .room-content .view-detail-btn:hover,
.single-room-area .room-content .view-detail-btn:focus {
   color: #000000;
}

/*-------------------------------
single room area custom
----------------------------------*/
.single-room-slide,
.room-content,
.testimonial-slides .owl-dots .owl-dot.active{
   background: #5a5afc!important;
}
.single-room-slide .room-content h3{
   color: #fff!important;
   font-weight: bold!important;
}
.single-room-slide .room-content .roberto-btn{
   border: 2px solid #fff!important;
   color: #fff!important;
   background: transparent!important;
}
.single-room-slide .room-content .roberto-btn:hover{
   background: #fff!important;
   color: #5a5afc!important;
}
.roberto-rooms-area .owl-carousel .owl-nav .owl-next,
.roberto-rooms-area .owl-carousel .owl-nav .owl-prev:hover{
   background-color: #5a5afc!important;
}
/*.roberto-rooms-area .owl-carousel .owl-nav .owl-prev:hover{
   background-color: #5a5afc!important;
}*/
.roberto-rooms-area .owl-carousel .owl-nav .owl-next:hover{
   background-color: #282923!important;
}

/*------------------------------
Hotel Reservation Area
----------------------------------*/

.hotel-reservation--area {
   position: relative;
   z-index: 1;
}
.hotel-reservation--area .ui-widget-content .ui-state-default{
   background: #fff!important;
   margin-top: 2px;
}
.hotel-reservation--area label,
.hotel-reservation--area .range-price {
   font-size: 18px;
   display: block;
   margin-bottom: 15px;
}

.hotel-reservation--area .form-control {
   width: 100%;
   height: 50px;
   text-align: left !important;
   font-size: 14px;
   padding: 0 20px;
   border-radius: 0 !important;
}

.hotel-reservation--area .form-control:focus {
   box-shadow: none;
   border-bottom-color: #5a5afc;
}

.hotel-reservation--area button {
   border-radius: 30px !important;
}

.datepicker {
   padding: 15px;
   -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
}

.datepicker.dropdown-menu {
   font-size: 14px;
   color: #636a76;
   font-weight: 400;
}

.hotel-reservation--area .nice-select {
   line-height: 48px;
}

.hotel-reservation--area .nice-select .list {
   width: 100%;
   background-color: #ffffff;
}

/*----------------------
Date picker custom color
----------------------------*/
.ui-widget-content{
   background: #fff!important;
   box-shadow: 0 2px 15px #ddd;
}
.ui-widget-header{
   background: #5a5afc!important;
   border: 1px solid #5a5afc!important;
}
.ui-widget.ui-widget-content{
   border: none;
}
.ui-widget-content .ui-state-default{
   background: transparent!important;
   color: #5a5afc!important;
}
.ui-widget-content .ui-state-active{
   border: 1px solid  #5a5afc!important;
   color: #fff!important;
   background:  #5a5afc!important;
}
.ui-corner-all{
   border-radius: 0!important;
}



.room-thumbnail-slides {
   position: relative;
   z-index: 1;
}

.room-thumbnail-slides .carousel-indicators {
   position: relative;
   margin-bottom: 0;
}

.room-thumbnail-slides .carousel-indicators li {
   width: 120px;
   height: 70px;
}

.room-features-area {
   position: relative;
   z-index: 1;
}

.room-features-area h6 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%;
   width: 25%;
   padding: 30px 15px;
   border-left: 1px solid #ebebeb;
   border-top: 1px solid #ebebeb;
   border-bottom: 1px solid #ebebeb;
   text-align: center;
   color: #afb4bf;
   line-height: 1.5;
   margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .room-features-area h6 {
      font-size: 14px;
   }
}

@media only screen and (max-width: 767px) {
   .room-features-area h6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      width: 50%;
      font-size: 13px;
      padding: 20px 10px;
   }
}

.room-features-area h6 span {
   display: block;
   color: #2a303b;
}

.room-features-area h6:last-child {
   border-right: 1px solid #ebebeb;
}

.single-room-details-area {
   position: relative;
   z-index: 1;
}

.single-room-details-area ul {
   position: relative;
   z-index: 1;
   margin-bottom: 15px;
}

.single-room-details-area ul li {
   color: #636a76;
   display: block;
   margin-bottom: 15px;
}

.room-service {
   position: relative;
   z-index: 1;
}

.room-service ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.room-service ul li {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
   width: 33.333333%;
   margin-top: 30px;
}

@media only screen and (max-width: 767px) {
   .room-service ul li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
   }
}

.room-service ul li img {
   padding-right: 10px;
}

.room-review-area {
   position: relative;
   z-index: 1;
}

.room-review-area h4 {
   margin-bottom: 30px;
}

.room-review-area .single-room-review-area {
   position: relative;
   z-index: 1;
   margin-bottom: 30px;
}

.room-review-area .single-room-review-area:last-child {
   margin-bottom: 0;
}

.room-review-area .single-room-review-area .reviwer-thumbnail {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 70px;
   flex: 0 0 70px;
   max-width: 70px;
   width: 70px;
   margin-right: 30px;
}

@media only screen and (max-width: 767px) {
   .room-review-area .single-room-review-area .reviwer-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      max-width: 50px;
      width: 50px;
      margin-right: 15px;
   }
}

.room-review-area .single-room-review-area .reviwer-thumbnail img {
   border-radius: 50%;
}

.room-review-area .single-room-review-area .reviwer-content {
   position: relative;
   z-index: 1;
   border-left: 1px solid #ebebeb;
   padding-left: 30px;
}

@media only screen and (max-width: 767px) {
   .room-review-area .single-room-review-area .reviwer-content {
      padding-left: 15px;
   }
}

.room-review-area .single-room-review-area .reviwer-content p {
   margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
   .room-review-area .single-room-review-area .reviwer-content p {
      font-size: 14px;
   }
}

.room-review-area .single-room-review-area .reviwer-content .reviwer-title {
   position: relative;
   z-index: 1;
   margin-bottom: 10px;
}

.room-review-area .single-room-review-area .reviwer-content .reviwer-title span {
   font-size: 14px;
   display: block;
   margin-bottom: 10px;
   color: #afb4bf;
}

@media only screen and (max-width: 767px) {
   .room-review-area .single-room-review-area .reviwer-content .reviwer-title span {
      font-size: 12px;
   }
}

.room-review-area .single-room-review-area .reviwer-content .reviwer-title h6 {
   color: #5a5afc;
   margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
   .room-review-area .single-room-review-area .reviwer-content .reviwer-title h6 {
      font-size: 14px;
   }
}

.room-review-area .single-room-review-area .reviwer-content .reviwer-rating i {
   color: #f5b917;
   font-size: 14px;
}

@media only screen and (max-width: 767px) {
   .room-review-area .single-room-review-area .reviwer-content .reviwer-rating i {
      font-size: 12px;
   }
}


/*----------------------------------
About CSS
------------------------------------*/

.about-content {
   position: relative;
   z-index: 1;
}

.about-us-content {
   position: relative;
   z-index: 1;
}

.about-us-content h5 {
   line-height: 1.8;
   color: #636a76;
   margin-bottom: 30px;
   font-weight: 400;
}

.about-us-content p {
   margin-bottom: 30px;
}

.about-us-content p span {
   color: #5a5afc;
}

.about-thumbnail {
   position: relative;
   z-index: 1;
}

.about-thumbnail img {
   border-radius: 6px;
   width: 100%;
}

.about-us-thumbnail {
   position: relative;
   z-index: 1;
}

.about-us-thumbnail .single-thumb {
   position: relative;
   z-index: 1;
   margin: 5px;
   display: block;
   overflow: hidden;
   border-radius: 6px;
}

.about-us-thumbnail .single-thumb img {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   border-radius: 6px;
}

.about-us-thumbnail .single-thumb:first-child {
   margin-bottom: 10px;
}

.about-us-thumbnail .single-thumb:hover img,
.about-us-thumbnail .single-thumb:focus img {
   -webkit-transform: scale(1.15);
   -ms-transform: scale(1.15);
   transform: scale(1.15);
}

.single-service-area {
   position: relative;
   z-index: 1;
   background-color: #ffffff;
   box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
   border-radius: 3px;
}

.single-service-area .service-title {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   position: absolute;
   width: 100%;
   background-color: rgba(42, 48, 59, 0.5);
   bottom: 0;
   left: 0;
   height: 80px;
   text-align: center;
}

.single-service-area .service-title h5 {
   margin-bottom: 0;
   font-size: 22px;
   color: #ffffff;
}

.single-service-area:hover .service-title,
.single-service-area:focus .service-title {
   background-color: #2a303b;
}

.roberto-service-area {
   position: relative;
   z-index: 1;
}

@media only screen and (max-width: 767px) {
   .roberto-service-area .service-content {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 70px;
   }
}

.single-service--area {
   position: relative;
   z-index: 1;
   background-color: #ffffff;
   box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
   border-radius: 3px;
   padding: 30px;
   text-align: center;
}
.single-service--area:hover {
   background: #5a5afc!important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service--area {
      padding: 20px;
   }
}

@media only screen and (max-width: 767px) {
   .single-service--area {
      padding: 20px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%;
      width: 45%;
      margin-bottom: 30px;
   }
}

.single-service--area svg {
   height: 50px;
   width: 50px;
   fill: #5a5afc!important;
}
.single-service--area:hover svg {
   fill: #fff!important;
}

@media only screen and (max-width: 767px) {
   .single-service--area img {
      max-height: 30px;
   }
}

.single-service--area h5 {
   margin-bottom: 0;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-service--area h5 {
      font-size: 16px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-service--area h5 {
      font-size: 14px;
   }
}

@media only screen and (max-width: 767px) {
   .single-service--area h5 {
      font-size: 14px;
   }
}

.single-service--area:hover h5,
.single-service--area:focus h5 {
   color: #fff;
}

.hotel-search-form-area {
   position: relative;
   z-index: 1;
   padding-left: 10%;
   padding-right: 10%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .hotel-search-form-area {
      padding-left: 2%;
      padding-right: 2%;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .hotel-search-form-area {
      padding-left: 0%;
      padding-right: 0%;
   }
}

@media only screen and (max-width: 767px) {
   .hotel-search-form-area {
      padding-left: 0%;
      padding-right: 0%;
   }
}

.hotel-search-form-area .hotel-search-form {
   position: relative;
   z-index: 1;
   width: 100%;
   box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.15);
   padding: 40px 40px 0 40px;
   border-radius: 5px;
   background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
   .hotel-search-form-area .hotel-search-form {
      padding: 30px 30px 0 30px;
   }
}

.hotel-search-form-area .hotel-search-form label {
   font-size: 16px;
   font-weight: 500;
}

@media only screen and (max-width: 767px) {
   .hotel-search-form-area .hotel-search-form label {
      font-size: 13px;
   }
}

.hotel-search-form-area .hotel-search-form .form-control {
   width: 100%;
   margin-bottom: 40px;
   height: 50px;
   border: 1px solid #675bb4;
   font-size: 13px;
}

@media only screen and (max-width: 767px) {
   .hotel-search-form-area .hotel-search-form .form-control {
      margin-bottom: 30px;
   }
}

.hotel-search-form-area .hotel-search-form .form-control:focus {
   box-shadow: none;
   border-color: #5a5afc;
}
.nice-select{
   border-color: #5a5afc;
}

.roberto-about-area {
   position: relative;
   z-index: 1;
}

.roberto-about-area .hotel-search-form-area {
   position: absolute;
   width: 100%;
   z-index: 100;
   top: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.roberto-about-area .hotel-search-form-area .nice-select {
   line-height: 35px;
}

.roberto--video--area {
   position: relative;
   z-index: 1;
   padding-top: 150px;
   padding-bottom: 150px;
}

.roberto--video--area .video-content-area {
   position: relative;
   z-index: 1;
}

.roberto--video--area .video-content-area .video-play-btn {
   display: inline-block;
   width: 70px;
   height: 70px;
   background-color: #ffffff;
   color: #5a5afc;
   font-size: 18px;
   text-align: center;
   line-height: 70px;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -35px;
   margin-left: -35px;
   z-index: 100;
}

.roberto--video--area .video-content-area .video-play-btn i {
   padding-left: 5px;
}

@media only screen and (max-width: 767px) {
   .roberto--video--area .video-content-area .video-play-btn {
      width: 60px;
      height: 60px;
      font-size: 24px;
      line-height: 60px;
      margin-top: -30px;
      margin-left: -30px;
   }
}

.roberto--video--area .video-content-area .video-play-btn:hover,
.roberto--video--area .video-content-area .video-play-btn:focus {
   background-color: #5a5afc;
   color: #ffffff;
}


/*-----------------------------------
Contact Area CSS
-------------------------------------*/

.roberto-contact-form {
   position: relative;
   z-index: 1;
}

.roberto-contact-form h2 {
   margin-bottom: 30px;
   font-size: 22px;
   display: block;
}

@media only screen and (max-width: 767px) {
   .roberto-contact-form h2 {
      font-size: 24px;
   }
}

.roberto-contact-form .form-control {
   width: 100%;
   height: 50px;
   padding: 0 20px;
   border-radius: 2px;
   color: #afb4bf;
   font-size: 14px;
   border: 1px solid #ebebeb;
}

.roberto-contact-form .form-control:focus {
   box-shadow: none;
   border-color: #5a5afc;
}

.roberto-contact-form textarea.form-control {
   height: 150px;
   padding: 20px;
}

.google-maps-contact-info {
   position: relative;
   z-index: 1;
   padding-left: 5%;
   padding-right: 5%;
   padding-top: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .google-maps-contact-info {
      padding-left: 2%;
      padding-right: 2%;
   }
}

.google-maps-contact-content {
   position: relative;
   z-index: 1;
   background-color: #ffffff;
   border-radius: 4px;
   -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
   padding: 35px;
}

@media only screen and (max-width: 767px) {
   .google-maps-contact-content {
      padding: 20px;
   }
}

.google-maps-contact-content .single-contact-info {
   position: relative;
   z-index: 1;
   text-align: center;
   margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .google-maps-contact-content .single-contact-info h4 {
      font-size: 16px;
   }
}

@media only screen and (max-width: 767px) {
   .google-maps-contact-content .single-contact-info h4 {
      font-size: 14px;
   }
}

.google-maps-contact-content .single-contact-info i {
   display: inline-block;
   font-size: 30px;
   margin-bottom: 15px;
   color: #5a5afc;
}

@media only screen and (max-width: 767px) {
   .google-maps-contact-content .single-contact-info i {
      font-size: 24px;
   }
}

.google-maps-contact-content .single-contact-info p {
   margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .google-maps-contact-content .single-contact-info p {
      font-size: 12px;
   }
}

@media only screen and (max-width: 767px) {
   .google-maps-contact-content .single-contact-info p {
      font-size: 12px;
   }
}

.google-maps-contact-content .google-maps {
   position: relative;
   z-index: 1;
}

.google-maps-contact-content .google-maps iframe {
   width: 100%;
   height: 500px;
   border: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .google-maps-contact-content .google-maps iframe {
      height: 400px;
   }
}

@media only screen and (max-width: 767px) {
   .google-maps-contact-content .google-maps iframe {
      height: 300px;
   }
}


/*-------------------------------------
Widget Area CSS
---------------------------------------*/

.single-widget-area {
   position: relative;
   z-index: 1;
}

.single-widget-area .widget-title {
   font-size: 22px;
   display: block;
   border-bottom: 1px solid #ebebeb;
   font-weight: 500;
   padding-bottom: 10px;
}

.newsletter-form {
   padding: 40px 30px;
   background-color: #e8f1f8;
   border-radius: 4px;
}

.newsletter-form h5 {
   font-size: 22px;
}

.newsletter-form input {
   height: 46px;
   border: 1px solid #ebebeb;
   background-color: #ffffff;
   color: #636a76;
   font-size: 13px;
   margin-bottom: 20px;
}

.newsletter-form input:focus {
   box-shadow: none;
   border-color: #5a5afc;
}

.popular-tags {
   position: relative;
   z-index: 1;
   margin-left: -3px;
}

.popular-tags li {
   display: inline-block;
   float: left;
   margin: 3px;
}

.popular-tags li a {
   font-size: 16px;
   display: inline-block;
   padding: 0;
   font-weight: 400;
   text-transform: capitalize;
   color: #afb4bf;
}

.popular-tags li a:hover,
.popular-tags li a:focus {
   color: #5a5afc;
}

.instagram-feeds {
   position: relative;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: -7.5px;
   margin-left: -7.5px;
}

.instagram-feeds li {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.3333333%;
   flex: 0 0 33.3333333%;
   max-width: 33.3333333%;
   width: 33.3333333%;
}

.instagram-feeds li a {
   display: block;
   padding: 7.5px;
}

.instagram-feeds li a img {
   width: 100%;
}

.single-recent-post {
   position: relative;
   z-index: 1;
   margin-bottom: 30px;
}

.single-recent-post:last-child {
   margin-bottom: 0;
}

.single-recent-post .post-thumb {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 110px;
   flex: 0 0 110px;
   max-width: 110px;
   width: 110px;
   margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-recent-post .post-thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
      flex: 0 0 80px;
      max-width: 80px;
      width: 80px;
   }
}

.single-recent-post .post-thumb img {
   border-radius: 3px;
}

.single-recent-post .post-content .post-title {
   font-size: 16px;
   display: block;
   margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-recent-post .post-content .post-title {
      font-size: 13px;
   }
}

.single-recent-post .post-content .post-title:hover,
.single-recent-post .post-content .post-title:focus {
   color: #5a5afc;
}

.single-recent-post .post-content .post-meta {
   position: relative;
   z-index: 1;
   margin-bottom: 5px;
}

.single-recent-post .post-content .post-meta a {
   position: relative;
   z-index: 1;
   font-size: 12px;
   color: #5a5afc;
   display: inline-block;
   margin-right: 30px;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.single-recent-post .post-content .post-meta a:last-child {
   margin-right: 0;
}

.single-recent-post .post-content .post-meta a:last-child::before {
   content: '/';
   position: absolute;
   top: 0;
   left: -20px;
   z-index: 1;
}

.single-recent-post .post-content .post-meta a:hover,
.single-recent-post .post-content .post-meta a:focus {
   color: #000000;
}


/*------------------------------------
Breadcrumb Area CSS
-----------------------------------------*/

.breadcrumb-area {
   position: relative;
   z-index: 1;
   height: 300px;
}

@media only screen and (max-width: 767px) {
   .breadcrumb-area {
      height: 200px;
   }
}

.breadcrumb-area .page-title {
   color: #ffffff;
   font-size: 48px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .breadcrumb-area .page-title {
      font-size: 36px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumb-area .page-title {
      font-size: 36px;
   }
}

@media only screen and (max-width: 767px) {
   .breadcrumb-area .page-title {
      font-size: 24px;
   }
}

.breadcrumb-area.contact-breadcrumb {
   height: 400px;
}

@media only screen and (max-width: 767px) {
   .breadcrumb-area.contact-breadcrumb {
      height: 300px;
   }
}

.breadcrumb-area .room-title {
   font-size: 48px;
   color: #ffffff;
   margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .breadcrumb-area .room-title {
      font-size: 42px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumb-area .room-title {
      font-size: 30px;
   }
}

@media only screen and (max-width: 767px) {
   .breadcrumb-area .room-title {
      font-size: 24px;
   }
}

.breadcrumb-area .room-price {
   font-size: 36px;
   color: #5a5afc;
   margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
   .breadcrumb-area .room-price {
      font-size: 14px;
   }
}

.breadcrumb-area .room-price span {
   font-size: 18px;
   color: #ffffff;
}

@media only screen and (max-width: 767px) {
   .breadcrumb-area .room-price span {
      font-size: 12px;
   }
}

.breadcrumb-content {
   position: relative;
   z-index: 1;
}

.breadcrumb-content .breadcrumb {
   padding: 0;
   background-color: transparent;
   margin-bottom: 0;
}

.breadcrumb-content .breadcrumb .breadcrumb-item {
   color: #ffffff;
}

.breadcrumb-content .breadcrumb .breadcrumb-item a {
   color: #ffffff;
}

.breadcrumb-content .breadcrumb .breadcrumb-item a:hover,
.breadcrumb-content .breadcrumb .breadcrumb-item a:focus {
   color: #5a5afc;
}

.breadcrumb-content .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
   content: '\f105';
   font-family: "FontAwesome";
   color: #ffffff;
}


/*--------------------------------------
Blog CSS
----------------------------------------*/

.single-post-area {
   position: relative;
   z-index: 1;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}

.single-post-area .post-thumbnail {
   display: block;
   margin-bottom: 30px;
}

.single-post-area .post-meta {
   position: relative;
   z-index: 1;
   margin-bottom: 8px;
}

.single-post-area .post-meta a {
   position: relative;
   z-index: 1;
   font-size: 14px;
   color: #afb4bf;
   display: inline-block;
   margin-right: 30px;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.single-post-area .post-meta a:last-child {
   margin-right: 0;
   color: #5a5afc;
}

.single-post-area .post-meta a:hover,
.single-post-area .post-meta a:focus {
   color: #5a5afc;
}

.single-post-area .post-title {
   font-size: 20px;
   line-height: 1.2;
   display: block;
   margin-bottom: 15px;
}

.single-post-area .post-title:hover,
.single-post-area .post-title:focus {
   color: #5a5afc;
}

.single-post-area p {
   margin-bottom: 15px;
}

.single-post-area:hover,
.single-post-area:focus {
   -webkit-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
}

.single-post-area:hover .post-title,
.single-post-area:focus .post-title {
   color: #5a5afc;
}

.single-blog-post {
   position: relative;
   z-index: 1;
}

@media only screen and (max-width: 767px) {
   .single-blog-post {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

.single-blog-post .post-thumbnail {
   position: relative;
   z-index: 1;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40%;
   flex: 0 0 40%;
   max-width: 40%;
   width: 40%;
}

@media only screen and (max-width: 767px) {
   .single-blog-post .post-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: 50px;
   }
}

.single-blog-post .post-thumbnail a {
   display: block;
}

.single-blog-post .post-thumbnail img {
   border-radius: 4px;
}

.single-blog-post .post-content {
   position: relative;
   z-index: 1;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 60%;
   flex: 0 0 60%;
   max-width: 60%;
   width: 60%;
   padding-left: 30px;
}

@media only screen and (max-width: 767px) {
   .single-blog-post .post-content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      padding-left: 0;
   }
}

.single-blog-post .post-content .post-title {
   font-size: 20px;
   line-height: 1.5;
   display: block;
   margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-blog-post .post-content .post-title {
      font-size: 16px;
   }
}

.single-blog-post .post-content .post-title:hover,
.single-blog-post .post-content .post-title:focus {
   color: #5a5afc;
}

.single-blog-post .post-content .post-meta {
   position: relative;
   z-index: 1;
   margin-bottom: 10px;
}

.single-blog-post .post-content .post-meta a {
   position: relative;
   z-index: 1;
   font-size: 14px;
   color: #5a5afc;
   display: inline-block;
   margin-right: 30px;
   letter-spacing: 1px;
   text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-blog-post .post-content .post-meta a {
      font-size: 12px;
   }
}

.single-blog-post .post-content .post-meta a:last-child {
   margin-right: 0;
}

.single-blog-post .post-content .post-meta a:last-child::before {
   content: '/';
   position: absolute;
   top: 0;
   left: -20px;
   z-index: 1;
}

.single-blog-post .post-content .post-meta a:hover,
.single-blog-post .post-content .post-meta a:focus {
   color: #000000;
}

.single-blog-post .post-content p {
   margin-bottom: 20px;
   line-height: 1.6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-blog-post .post-content p {
      font-size: 14px;
   }
}

.breadcrumb-post-content {
   position: relative;
   z-index: 1;
}

.breadcrumb-post-content .post-title {
   font-size: 48px;
   line-height: 1.5;
   display: block;
   margin-bottom: 5px;
   color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .breadcrumb-post-content .post-title {
      font-size: 36px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .breadcrumb-post-content .post-title {
      font-size: 36px;
   }
}

@media only screen and (max-width: 767px) {
   .breadcrumb-post-content .post-title {
      font-size: 24px;
   }
}

.breadcrumb-post-content .post-meta {
   position: relative;
   z-index: 1;
   margin-bottom: 10px;
}

.breadcrumb-post-content .post-meta a {
   position: relative;
   z-index: 1;
   font-size: 16px;
   color: #ffffff;
   display: inline-block;
   margin-right: 30px;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.breadcrumb-post-content .post-meta a:last-child {
   margin-right: 0;
}

.breadcrumb-post-content .post-meta a:last-child::before {
   content: '/';
   position: absolute;
   top: 0;
   left: -20px;
   z-index: 1;
}

.breadcrumb-post-content .post-meta a:hover,
.breadcrumb-post-content .post-meta a:focus {
   color: #5a5afc;
}

.blog-details-text {
   position: relative;
   z-index: 1;
}

.blog-details-text p {
   font-size: 16px;
   margin-bottom: 30px;
}

.blog-details-text ul {
   position: relative;
   z-index: 1;
   padding-left: 15px;
}

.blog-details-text ul li {
   font-size: 20px;
   color: #636a76;
   margin-bottom: 30px;
}

.blog-details-text ul li span {
   color: #2a303b;
}

.blog-details-text ul li i {
   font-size: 14px;
   margin-right: 10px;
}

@media only screen and (max-width: 767px) {
   .blog-details-text ul li {
      font-size: 16px;
   }
}

.roberto-blockquote {
   position: relative;
   z-index: 1;
   margin-bottom: 30px;
   margin-top: 30px;
}

.roberto-blockquote .icon {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 70px;
   flex: 0 0 70px;
   max-width: 70px;
   width: 70px;
}

.roberto-blockquote .icon img {
   padding-top: 10px;
}

.roberto-blockquote .text h5 {
   margin-bottom: 10px;
   color: #707070;
   font-style: italic;
   font-weight: 400;
   line-height: 1.5;
}

.post-author-area {
   position: relative;
   z-index: 1;
   border-top: 1px solid #ebebeb;
   padding-top: 10px;
}

.post-author-area .popular-tags li a {
   color: #2a303b;
}

.post-author-area .author-social-info p {
   margin-bottom: 0;
   margin-right: 20px;
   color: #2a303b;
}

@media only screen and (max-width: 767px) {
   .post-author-area .author-social-info p {
      margin-right: 10px;
   }
}

.post-author-area .author-social-info a {
   display: inline-block;
   color: #2a303b;
   margin-right: 20px;
}

@media only screen and (max-width: 767px) {
   .post-author-area .author-social-info a {
      margin-right: 10px;
   }
}

.post-author-area .author-social-info a:hover,
.post-author-area .author-social-info a:focus {
   color: #5a5afc;
}

.pagination {
   position: relative;
   z-index: 1;
}

.pagination .page-item:last-child .page-link {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}

.pagination .page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
}

.pagination .page-link {
   padding: 12px 15px;
   color: #2a303b;
   border: none;
   background-color: #e8f1f8;
   margin-right: 5px;
   border-radius: 3px;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
   background-color: #5a5afc;
   color: #ffffff;
   border-color: #5a5afc;
}

.pagination .page-link:focus {
   box-shadow: none;
}

.related-news-area {
   position: relative;
   z-index: 1;
   border-top: 1px solid #ebebeb;
   border-bottom: 1px solid #ebebeb;
}

.related-news-area h2 {
   margin-bottom: 30px;
   display: block;
   font-size: 30px;
}

.single-related-news {
   position: relative;
   z-index: 1;
}

.single-related-news .post-date {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: #5a5afc;
   display: block;
   margin-bottom: 5px;
}

.single-related-news .post-title {
   font-size: 24px !important;
   line-height: 1.5;
   display: block;
   font-weight: 400;
   margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .single-related-news .post-title {
      font-size: 20px !important;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .single-related-news .post-title {
      font-size: 20px !important;
   }
}

@media only screen and (max-width: 767px) {
   .single-related-news .post-title {
      font-size: 20px !important;
   }
}

.single-related-news .post-title:hover,
.single-related-news .post-title:focus {
   color: #5a5afc;
}

.comment_area {
   position: relative;
   z-index: 1;
   padding-bottom: 50px;
   border-bottom: 1px solid #ebebeb;
}

.comment_area h2 {
   margin-bottom: 30px;
   font-size: 22px;
   display: block;
}

@media only screen and (max-width: 767px) {
   .comment_area h2 {
      font-size: 24px;
   }
}

.comment_area .comment-content {
   position: relative;
   z-index: 1;
   margin-bottom: 30px;
}

.comment_area .comment-content .comment-author {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 70px;
   flex: 0 0 70px;
   width: 70px;
   max-width: 70px;
   margin-right: 20px;
   border-radius: 50%;
}

@media only screen and (max-width: 767px) {
   .comment_area .comment-content .comment-author {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      width: 50px;
      max-width: 50px;
      margin-right: 10px;
   }
}

.comment_area .comment-content .comment-author img {
   border-radius: 50%;
}

.comment_area .comment-content .comment-meta .post-date {
   color: #5a5afc;
   font-size: 12px;
   text-transform: uppercase;
   display: block;
   margin-bottom: 5px;
   font-weight: 600;
}

.comment_area .comment-content .comment-meta h5 {
   margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
   .comment_area .comment-content .comment-meta h5 {
      font-size: 16px;
   }
}

.comment_area .comment-content .comment-meta p {
   color: #636a76;
   font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .comment_area .comment-content .comment-meta p {
      font-size: 14px;
   }
}

@media only screen and (max-width: 767px) {
   .comment_area .comment-content .comment-meta p {
      font-size: 14px;
   }
}

.comment_area .comment-content .comment-meta a.like,
.comment_area .comment-content .comment-meta a.reply {
   display: inline-block;
   padding: 5px 25px 3px;
   font-size: 12px;
   font-weight: 600;
   border: 1px solid #ebebeb;
   text-transform: uppercase;
   border-radius: 30px;
}

.comment_area .comment-content .comment-meta a.like:focus,
.comment_area .comment-content .comment-meta a.like:hover,
.comment_area .comment-content .comment-meta a.reply:focus,
.comment_area .comment-content .comment-meta a.reply:hover {
   border-color: #5a5afc;
   background-color: #5a5afc;
   color: #ffffff;
}

.comment_area .children {
   margin-left: 50px;
}

@media only screen and (max-width: 767px) {
   .comment_area .children {
      margin-left: 20px;
   }
}

.comment_area .children .single_comment_area:last-of-type {
   margin-bottom: 0;
}


/*------------------------------------
Custom CSS
--------------------------------------*/


/*checkin chekout form*/

.hotel-search-form-section {
   position: relative; 
   top:-350px;
   left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
}

.hotel-search-form-area {
   padding-left: 35px!important;
   padding-right: 35px!important;
}
.hotel-search-form-area .form-control[readonly]{
   background: transparent;
}
.hotel-search-form-section a.roberto-btn{
   color: #fff;
}


/*--------------------------------------------
Avaiable Hotel Area
----------------------------------------------*/
/*loader*/
/* Center the loader */
#loader {
   position: absolute;
   /*left: 47%;
   transform: translateX(-50px);*/
   z-index: 1;
   width: 65px;
   height: 65px;
   border: 13px solid #dcdbdb;
   border-radius: 50%;
   border-top: 13px solid #5a5afc;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}
#avaiable-hotel-div{
   display: none;
}

/*loader end*/


/*------------------------------------
avaiable hotel area
--------------------------------------*/
.available-hotel-area{
   position: relative;
   top: -30px;
}
.available-hotel-area .avaiable-hotel-row{
   margin: 0 35px;
   padding-top: 15px;
   padding-bottom: 15px;
   border: 1px solid #ddd;
}
.avaiable-hotel{
   border: 1px solid #ddd;
}
.avaiable-hotel h3{
   font-size: 22px;
   margin-bottom: 10px;
   color: #5a5afc;
}
.avaiable-hotel p{
   font-size: 14px;
}
.avaiable-hotel p i{
   color: #5a5afc;
}
.availability-btn{
   text-decoration: none;
   color: #fff;
   background: #5a5afc;
   display: inline-block;
   padding: 5px;
   font-size: 12px;
   margin-top: 10px;
   border: 1px solid #5a5afc;
   transition: all .3s;
}
.availability-btn:hover{
   color: #5a5afc;
   background: #fff;
}
.avaiable-hotel-info{
   padding: 10px 15px;
}
@media only screen and (max-width: 767px){
   .available-hotel-area .avaiable-hotel-row{
      margin: 0;
   }
   .hotel-search-form-area{
      padding-left: 0!important;
      padding-right: 0!important;
   }
}

/*---------------------------------
single hotel page
------------------------------------*/
.not-available{
   background: #f7f4f4;
   padding: 10px;
   color: red;
   font-size: 25px;
}
.p-relative-header{
   position: relative!important;
}
.p-relative-header .main-header-area{
   box-shadow: 0 2px 15px #ddd;
}
.single-hotel-nav{
   margin-top: 20px;
}
.single-hotel-nav .nav-tabs .nav-item.show .nav-link,
.single-hotel-nav .nav-tabs .nav-link.active{
   background: #5a5afc;
   color: #fff;
}
.single-hotel-nav .nav-tabs{
   border-bottom: 1px solid #5a5afc;
}
a.room-type{
   box-shadow: 0 2px 15px #ddd;
   /*margin-bottom: 25px;*/
   display: inline-block;
   pointer-events: none;
   cursor: pointer;
}

/*room check start*/
.room-check input[type="checkbox"][id^="myCheckbox"] {
   display: none;
}

.room-check label {
   border: 1px solid #fff;
   /*padding: 10px;*/
   display: block;
   position: relative;
   /*margin: 10px;*/
   cursor: pointer;
}

.room-check label:before {
   background-color: white;
   color: white;
   content: " ";
   display: block;
   border-radius: 50%;
   border: 1px solid #5a5afc;
   position: absolute;
   top: -11px;
   left: -8px;
   width: 25px;
   height: 25px;
   text-align: center;
   line-height: 28px;
   transition-duration: 0.4s;
   transform: scale(0);
   z-index: 9;
}
.room-hover:hover label:before{
   content: "✓";
   background-color: #5a5afc;
   border: 1px solid transparent;
   transform: scale(1);
}

.room-check label img {
   transition-duration: 0.2s;
   transform-origin: 50% 50%;
}

.room-check :checked + label{
   border-color: #5a5afc;
}

.room-check :checked + label:before {
   content: "✓";
   background-color: #5a5afc;
   transform: scale(1);
}

.room-check :checked + label img {
   /*transform: scale(0.9);*/
   /* box-shadow: 0 0 5px #333; */
   z-index: -1;
}
/*room check end*/
.room-info{
   padding: 5px;
}
.room-info h3{
   font-size: 20px;
   margin: 0;
}
.room-info p{
   margin: 0;
   font-size: 14px;
}
.room-info p span{
   color: #5a5afc;
   font-weight: bold;
}
.booking-btn input{
   border: none;
   outline: none;
   display: inline-block;
   background: #5a5afc;
   padding: 10px 30px;
   color: #fff;
   transition: all .3s;
   font-size: 14px;
   cursor: pointer;
}
.booking-btn button:hover{
   background: #fff;
   color: #5a5afc;
}

.hotel-booking-info h3{
   font-size: 25px;
   color: #fff;
}
.hotel-booking-info{
   padding: 25px;
   background: linear-gradient(rgba(56, 44, 124, 0.9),rgba(20, 18, 112, 0.9));
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: auto;
   position: center center;
   position: sticky;
   top: 100px;
}
.booking-info-form label{
   font-size: 14px;
   color: #fff;
}
.booking-info-form input,
.booking-info-form .nice-select{
   font-size: 12px;
   font-weight: 600;
}



/*facilities*/
.hotel-facilities ul{
   display: flex;
   flex-wrap: wrap;
   text-align: center;
}
.hotel-facilities ul li{
   height: 160px;
   width: 160px;
   background: #fff5f6;
   margin: 0 15px 15px 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   font-size: 16px;
   font-weight: 500;
   padding: 15px;
}
.hotel-facilities ul li span{
   font-size: 25px;
}
/*gallery*/
.hotel-gallery{
   columns: 4;
   column-gap: 20px;
}
.hotel-gallery a{
   display: inline-block;
   margin-bottom: 20px;
}
@media only screen and (max-width: 767px){
   .hotel-gallery{
      columns: 3;
      column-gap: 20px;
   }
}
.checked-room-summary{
   font-size: 12px;
}
.checked-room-summary table{
   position: relative;
   border-collapse: separate;
}
.checked-room-summary table th{
   position: sticky;
   top: 0;
   padding: 2px 0;
   background: #fff;
   border-bottom: 1px solid #888;
}
.checked-room-summary table th:nth-child(1){
   width: 100px;
}
.checked-room-summary table th:nth-child(2){
   width: 15px;
   text-align: center;
}
.checked-room-summary table th:nth-child(3){
   width: 80px;
   text-align: center;
}
.checked-room-summary table th:nth-child(4){
   width: 40px;
   text-align: right;
}
.checked-room-summary table tbody td:nth-child(2),
.checked-room-summary table tbody td:nth-child(3){
   text-align: center;
}
.checked-room-summary table td:nth-child(4){
   text-align: right;
}
.checked-room-summary table tfoot td{
   text-align: right;
}
.checked-room-summary-height{
   max-height: 80px;
   min-height: 60px;
   overflow-y: scroll;
}
.total-price{
   width: 100%;
   background: #fff;
   border-radius: 4px;
   font-size: 12px;
   margin-left: auto;
   margin-top: 5px;
   padding: 5px 20px;
}
.total-price table{
   width: 100%;
   position: relative;
   margin-left: auto;
}
.total-price table tr td:nth-child(2){
   width: 80px;
}
.total-price table tfoot td{
   text-align: right;
   font-weight: bold;
}

/*Scrollbar design*/
.checked-room-summary-height::-webkit-scrollbar {
   width: 5px;
   margin: 5px 0;
}

.checked-room-summary-height::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.checked-room-summary-height::-webkit-scrollbar-thumb {
   background-color: #5a5afc;
   border-radius: 50px;
}
.single-hotel-room h4{
   font-size: 22px;
}
.single-hotel-room p{
   font-size: 16px;
   margin-bottom: 1px;
}
.room_details{
   margin-top: 5px;
}

@media only screen and (max-width: 991px){
   .single-hotel-nav .nav-link{
      font-size: 14px;
      padding: 5px 10px;
   }
   .not-available{
      font-size:18px;
   }
}

@media only screen and (max-width: 767px) {
   .single-hotel-nav .nav-link{
      font-size: 12px;
      padding: 5px 10px;
   }
   .nav-brand img{
      width: 50px;
   }
   .classy-nav-container .classy-navbar{
      height: 50px;
   }
   .single-hotel-area {
      margin: 10px 0!important;
   }
   .single-hotel-title h2{
      font-size: 20px;
   }
   .single-hotel-room{
      height: 260px;
      overflow-y: scroll;
      overflow-x: hidden;
      box-shadow: 0 2px 20px #888;
   }
   .single-hotel-room {
      padding: 10px;
   }
   .single-hotel-room h4{
      font-size: 18px;
   }
   .single-hotel-room p{
      font-size: 14px;
      margin-bottom: 5px;
   }
   .single-hotel-nav{
      margin-top: 5px!important;
   }
   .room-info h3{
      font-size: 16px;
   }
   .room-info p{
      font-size: 14px;
   }
   .hotel-booking-info{
      padding: 10px;
   }
   .hotel-booking-info h3{
      font-size: 20px;
      margin-bottom: 0;
   }
   .hotel-booking-info .form-group{
      margin-bottom: 5px;
   }
   .hotel-booking-info label{
      font-size: 14px;
   }
   .hotel-booking-info .form-control{
      height: auto;
      padding: 5px;
   }
   .hotel-booking-info .nice-select{
      height: 30px;
      padding: 5px;
      line-height: 20px;
   }
   .booking-info-form{
      margin-top: 0px!important;
   }
   .booking-btn{
      margin-top: 10px!important;
   }
   .booking-btn input{
      font-size: 12px;
      padding: 5px;
   }
   .top-header-area{
      display: none;
   }
   .hotel-facilities ul li{
      width: 100px;
      height: 100px;
   }
   .hotel-about h3,
   .hotel-contact h3{
      font-size: 20px;
   }
   .booking-info-form label{
      margin-bottom: 0;
      margin-top: 5px;
   }
}


/*----------------------------
Reservation page
------------------------------*/

.information-title span{
   background: #fff5f6;
   padding: 5px 10px;
   font-size: 12px;
}
.reservation-form .form-group label span{
   color: #E91F27;
}
.reservation-form .form-group .form-control:focus{
   /*border-color: #5a5afc;
   box-shadow: 0 0 0 0.2rem rgba(179,45,52,.25);*/
}
.reservation-form .reserve-btn{
   background: #5a5afc;
   border: none;
   outline: none;
   color: #fff;
   padding: 6px 15px;
}
.booking-date p{
   margin: 0;
   font-size: 14px;
}

.booking-summary,
.price-summary{
   border: 1px solid #ddd;
}
.booking-summary h4{
   color: #5a5afc;
}
.booking-summary h3,
.price-summary h3{
   font-size: 20px;
   border-bottom: 1px solid #000;
   padding: 10px;
   margin: 0;
}
.booking-summary h4{
   font-size: 18px;
}
.booking-summary p,
.price-summary p{
   margin: 0;
}
.checkin-out{
   display: flex;
   text-align: center;
}
.checkin-out p{
   color: #000!important;
}
.checkin,
.checkout{
   background: #d7d7ff;
   /*   color: #fff;*/
   padding: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   font-size: 14px;
}
.checkin h3,
.checkout h3{
   font-size: 25px;
   padding: 0;
   margin: 0;
   font-weight: bold;
   color: #000;
}
.booking-summary p span{
   font-weight: 600;
   color: #000;
}
.price-summary .total-price{
   background: #d7d7ff;
   padding: 5px 10px;
}
.price-summary .total-price p{
   font-size: 18px;
   font-weight: 600;
   color: #000;
}


@media screen and (max-width: 1024px){
   .single-welcome-slide .welcome-text h2{
      font-size: 40px!important;
   }
}
@media screen and (max-width: 991px){

   .single-welcome-slide .welcome-text{
      padding: 40px 0!important;
   }
}
@media screen and (max-width: 767px){
   .hotel-search-form-section{
      top: 50px!important;
   }
   .available-hotel-area{
      margin-top: 100px;
   }
}
@media (max-width: 575.98px) {
   .top-header-area .container {
      min-width: 100%;
   }
   .hotel-search-form-area{
      padding-left: 0px!important;
      padding-right: 0px!important;
   }
}


/*----------------------------------------
Guest Profile
----------------------------------------*/
.guest-profile-box{
   border: 1px solid #ddd;
   padding: 15px;
   margin-bottom: 15px;
}
.guest-profile-box h4{
   margin: 0;
   font-size: 20px;
}
.guest-profile-box p{
   margin: 0;
}
.guest-profile-box span{
   font-size: 14px;
   color: #888;
}
.guest-profile-pic{
   height: 120px;
   width: 120px;
   margin: 0 auto;
   position: relative;
}
.guest-profile-pic label{
   cursor: pointer;
   position: absolute;
   left: 50%;
   bottom: 0px;
   transform: translateX(-50%);
   color: #5a5afc;
}
.guest-profile-pic img{
   width: 100%;
   height: 100%;
   border-radius: 100%;
}

.guest-profile-area .nav-pills .nav-link.active,
.guest-profile-area .nav-pills .show>.nav-link{
   background: #5a5afc!important;
}
.guest-profile-area .nav-pills{
   border: 1px solid #ddd;
}
.guest-personal-info{
   border: 1px solid #ddd;
   padding: 15px;
}
.guest-personal-info button{
   border: none;
   outline: none;
   background: #5a5afc;
   color: #fff;
   padding: 7px 10px;
   cursor: pointer;
}
.single-history{
   border: 1px solid #ddd;
}
.single-history p{
   margin: 0;
   font-size: 14px;
}
.guest-booking-history h3{
   margin: 0;
   font-size: 25px;
}
.guest-booking-history .history-type h5{
   font-size: 18px;
}
.single-history .book-again a{
   display: inline-block;
   padding: 5px 10px;
   background: #5a5afc;
   color: #fff;
   text-align: right;
   font-size: 14px;
   text-align: right;
}
.book-again a.cancel-booking{
   background: transparent;
   border: 1px solid #5a5afc;
   color: #5a5afc;
}
@media only screen and (max-width: 767px){
   .book-again{
      text-align: left!important;
      margin-top: 15px;
   }
}


/*----------------------------------------
Login form
---------------------------------------*/
.login-body{
   background: #fff;
   box-shadow: 0 2px 10px #ddd;
}
.login-banner{
   /*background: linear-gradient(rgba(255,79,80,.8),rgba(255,79,80,.8)), url(../img/bg-img/62.jpg);
   background-size: cover;*/
   background: #5a5afc;
   width: 100%;
   height: 100%;
   color: #fff;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 35px 25px;
}
.login-banner h2,
.login-banner p{
   color: #fff;
}
.login-banner h2{
   font-size: 30px;
}
.login-banner p{
   font-size: 14px;
   color: rgba(255,255,255,.7);
}
.login-banner .form-logo{
   width: 100px;
   margin: 0 auto;
   background: #fff;
   padding: 5px;
   margin-bottom: 15px;
}
.login-banner .form-logo img{
   border: 1px solid #5a5afc;
   padding: 10px;
}
.login-form{
   padding:  35px 25px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.login-form-header h3{
   font-size: 32px;
   margin: 0px 0 40px;
}
.login-form form input{
   border-radius: 50px;
   padding: 20px 35px;
}

.login-form  .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #5a5afc;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(279,45,52,.25);
}
.login-form .form-group{
   position: relative;
}
.login-form .form-group label{
   position: absolute;
   top: 10px;
   left: 15px;
   color: #5a5afc;
}
.login-form input[type="submit"]{
   border-radius: 50px;
   background: #5a5afc;
   border: 0;
   outline: 0;
   border: 1px solid #5a5afc;
   transition: all .3s;
   color: #fff;
   padding: 5px;
   font-size: 18px;
}
.login-form input[type="submit"]:hover{
   background: #fff;
   color: #5a5afc;
   box-shadow: 0 2px 20px #ddd;
}
.form-bottom-part span{
   font-size: 14px;
   color: #888;
   margin-top: 5px;
   display: inline-block;
}
.form-bottom-part span a{
   color: #5a5afc;
}
.form-bottom-part ul li{
   display: inline-block;
   padding: 5px;
}
.form-bottom-part ul li a i{
   height: 30px;
   width: 30px;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 2px 10px #ddd;
   text-align: center;
   line-height: 30px;
   transition: all .3s;
}
.form-bottom-part ul li a:hover i{
   box-shadow: 0 2px 10px #5a5afc;
}

/*------------------------------------
hotel area
----------------------------------------*/
.single-hotel-area-new .breadcrumb-area{
   height: 400px;
}
.single-hotel-new h3{
   font-size: 25px;
   color: #5a5afc;
   margin: 0;
   margin-bottom: 10px;
   text-transform: uppercase;
}
.single-hotel-contact-new p{
   margin: 0;
   text-align: center;
   color: rgba(255,255,255,0.8);
}
.single-hotel-about-new{
   padding: 15px 20px;
   text-align: center;
   border: 1px solid #ddd;
}
.single-hotel-about-new h3{
   position: relative;
}
.single-hotel-about-new h3:before{
   content: "";
   height: 3px;
   width: 80px;
   position: absolute;
   bottom: -5px;
   background: #fbe2e3;
   left: 50%;
   transform: translateX(-50%);
}
.single-hotel-about-new p{
   text-align: justify;
   margin-top: 20px;
   margin-bottom: 0;
}
.facilities-box-new{
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   grid-gap: 10px;
}
.facilities{
   background: #fbe2e3;
   padding: 15px;
   width: 110px!important;
   height: 110px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.facilities-box-new i{
   font-size: 20px;
   color: #5a5afc;
   margin-bottom: 5px;
}
.facilities-box-new p{
   margin: 0;
   line-height: 16px;
   font-size: 14px;
}
.facilities-box-new p{
   font-size: 14px;
   margin: 0;
}
.room-type-new .single-room-type-new{
   box-shadow: 0 2px 10px #ddd;
}
.single-room-type-new h4{
   margin-bottom: 0;
   font-size: 20px;
}
.single-room-info-new{
   padding: 10px;
}
.single-room-info-new a{
   display: block;
   color: #5a5afc;
   border: 1px solid #5a5afc;
   padding: 7px;
   text-align: center;
   margin-top: 15px;
   transition: all .3s;
}
.single-room-info-new a:hover{
   background: #5a5afc;
   color: #fff;
}
.single-hotel-gallery-new a.gallery-view{
   padding: 7px 20px;
   text-align: center;
   background: #5a5afc;
   color: #fff;
   border: 1px solid #5a5afc;
   margin-top: 20px;
   display: inline-block;
   transition: .3s;
}
.single-hotel-gallery-new a:hover.gallery-view{
   background: white;
   color: #5a5afc;
}


/*------------------------------
confirmation Message
--------------------------------*/
.confirm-msg-box{
   border: 1px solid #ddd;
}
.confirm-msg-top{
   background: #5a5afc;
   padding: 25px 0;
   text-align: center;
}
.confirm-msg-top h2{
   font-size: 32px;
   color: #fff;
}
.confirm-msg-top h3{
   font-size: 20px;
   color: #fff;
}
.confirm-msg-top i{
   color: #fff;
   font-size: 40px;
}
.confirm-msg-body,
.confirm-room-summary,
.confirm-customer-info,
.confirm-room-bottom{
   padding: 15px;
}
.confirm-msg-body h3,
.confirm-room-summary h3,
.confirm-customer-info h3{
   font-size: 20px;
}
.confirm-msg-body p,
.confirm-customer-info p,
.confirm-room-bottom p{
   margin: 0;
}
.confirm-msg-body .r_id{
   background: #fbe2e3;
   display: inline-block;
   padding: 5px;
   margin-bottom: 15px;
   text-align: center;
}
.a-date,
.d-date{
   height: 100px;
   width: 100px;
   border: 1px solid #fbe2e3;
   text-align: center;
}
.a-date h2,
.d-date h2{
   background: #fbe2e3;
   color: #5a5afc;
   width: 100%;
   height: 70%;
   margin: 0;
   font-size: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.a-date p,
.d-date p{
   background: #fff;
   width: 100%;
   height: 30%;
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}
.confirm-room-summary table thead tr{
   background: #ddd;
}
.confirm-room-summary table tr th,
.confirm-room-summary table tr td{
   padding: 5px;
}
.confirm-room-summary table tr th:nth-child(2),
.confirm-room-summary table tr th:nth-child(3),
.confirm-room-summary table tr th:nth-child(4),
.confirm-room-summary table tr td:nth-child(2),
.confirm-room-summary table tr td:nth-child(3),
.confirm-room-summary table tr td:nth-child(4){
   text-align: center;
}
.confirm-room-bottom{
   border-top: 1px solid #ddd;
   text-align: center;
}
.confirm-room-bottom p a{
   color: #5a5afc;
}


/*--------------------------------
recheck booking info
-----------------------------------*/
.recheck-title h3{
   font-size: 20px;
   color: #5a5afc;
}
.recheck-hotel{
   border: 1px solid #ddd;
}
.recheck-hotel h3{
   font-size: 20px;
}
.recheck-hotel p{
   margin: 0;
   display: flex;
}
.recheck-hotel img{
   height: 100%;
}
.recheck-p-info h3,
.recheck-price h3{
   font-size: 20px;
   background: #ddd;
   padding: 5px;
   margin-top: 25px;
}
.recheck-p-info{
   overflow-x: auto;
}
.recheck-p-info table{
   width: 100%;
}
.recheck-p-info table tr td{
   padding: 5px;
}
.recheck-p-info table tr:nth-child(even){
   background: #f8f8f8;
}
.recheck-p-info table tr td:first-child{
   width: 30%;
}
.recheck-price table{
   width: 100%;
}
.recheck-price table tr th,
.recheck-price table tr td{
   border: 1px solid #ddd;
   border-collapse: collapse;
   padding: 5px;
}
.recheck-section .booking-summary h3{
   border: none;
   background: #ddd;
}
.recheck-section .booking-summary .checkin-out h3{
   background: none;
}
.recheck-purpose{
   border: 1px solid #ddd;
   margin-top: 25px;
}
.recheck-purpose h3{
   font-size: 20px;
   background: #ddd;
   padding: 5px;
   margin: 0;
}
.recheck-purpose p{
   padding: 10px;
   margin: 0;
}
.recheck-btn a.confirm-btn,
.recheck-btn a.edit-btn{
   text-decoration: none;
   padding: 8px 15px;
   border: 1px solid #5a5afc;
}
.recheck-btn a.confirm-btn{
   background: #5a5afc;
   color: #fff;
}
.recheck-btn a:hover.confirm-btn{
   background: #fff;
   color: #5a5afc;
}
.recheck-btn a.edit-btn{
   color: #5a5afc;
}
.recheck-btn a:hover.edit-btn{
   background: #5a5afc;
   color: #fff;
}
@media only screen and (max-width: 991px){
   .recheck-section h3{
      font-size: 18px;
   }
   .recheck-section p,
   .recheck-section table tr td,
   .recheck-section table tr th{
      font-size: 13px;
   }
   .recheck-section .checkin-out{
      display: block;
   }
}
@media only screen and (max-width: 767px){
   .recheck-section .checkin-out{
      display: flex;
   }
}

.login-body{
   margin-bottom: 100px;
}
.ui-datepicker-title{
   color: #fff !important;
}