/*================================================
* Template Name: The13 - Ventures
* Version: 1.3
* Author Name: maximagroup team
* Author URI: maximagroup.ae
===================================================

1. GLOBAL STYLES
	1.1 General
    1.2 Resets
	1.3 Typography
    1.4 Margins & Paddings & Border Radius
    1.5 Image Hover Effects

2. GENERAL STYLES
    2.1 Forms
    2.2 Butttons
    2.3 Titles
    2.4 Notification
    2.5 Loader
    2.6 Back to Top

3. TOP MENU
	3.1 Top Menu
	3.2 Right Menu
    3.3 Language Switcher

4. HEADER
    4.1 Header
    4.2 Mobile Menu Button
    4.3 Main Menu
    4.4 Drop Down Menu
        4.4.1 Simple Drop Down Menu
        4.4.2 Mega Drop Down Menu

5. SECTIONS
    5.1 Global Sections
    5.2 Revolution Slider
    5.3 Rooms
    5.4 Features
    5.5 Blog
    5.6 Video
    5.7 Testimonials
    5.8 Testimonials Style 2
    5.9 Places
    5.10 Location - Contact Us
    5.11 Gallery
    5.12 Gallery Style 2
    5.13 About
    5.14 About Style 2
    5.15 Subscribe Form

6. BOOKING FORMS
    6.1 Vertical Booking Form
    6.2 Horizontal Booking Form 1
    6.3 Horizontal Booking Form 2
    6.4 Horizontal Booking Form 3

7. FOOTER
    7.1 Footer
    7.2 Footer Widgets
    7.3 Subfooter

8. PAGES
    8.1 Page Title
    8.2 Sidebar
    8.3 404
    8.4 404 Style 2
    8.5 About Us
    8.6 Blog
    8.7 Booking Form
    8.8 Coming Soon
    8.9 Contact
    8.10 Events
    8.11 Gallery
    8.12 Location
    8.13 Our Staff
    8.14 Places
    8.15 Restaurant
    8.16 Rooms List View
    8.17 Rooms Grid View
    8.18 Rooms Block View
    8.19 Room Details
*/
 /* ========== 1 GLOBAL STYLES ========== */
 /* ---------- 1.1 General ---------- */

 * {
     margin: 0;
     padding: 0;
 }

 html {
     height: 100%;
 }

 body {
     color: #858a99;
     background: #fff;
     font-family: 'Lato', sans-serif;
     font-size: 15px;
     line-height: 1.5;
     letter-spacing: .2px;
     position: relative;
     left: 0;
 }

 body.full_screen {
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .boxed {
     /*background: url("../images/boxed_bg.jpg") repeat;*/
     background-attachment: fixed;
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .boxed .wrapper {
     max-width: 1200px;
     position: relative !important;
     background: #fff;
     padding: 0;
     box-shadow: 0 0 2px #a1b1c1;
     margin-left: auto !important;
     margin-right: auto !important;
 }

 .boxed .wrapper .container {
     padding-right: 15px;
     padding-left: 15px;
 }

 main {
     padding: 40px 0;
     background: #fff;
 }

 .full_width {
     width: 100%;
 }

 .a_left {
     text-align: left
 }

 .a_center {
     text-align: center
 }

 .a_right {
     text-align: right
 }

 .f_left {
     float: left
 }

 .f_right {
     float: right
 }

 .upper {
     text-transform: uppercase;
 }

 .row-flex {
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     flex-wrap: wrap;
 }

 .row-flex>[class*='cpl-'] {
     display: flex;
     flex-direction: column;
 }
 /* ---------- 1.2 Resets ---------- */

 ul,
 ol {
     margin: 0;
 }

 ul.list_menu {
     margin: 30px 0;
     padding-left: 15px;
 }

 ul.list_menu li {
     font-size: 1em;
     list-style: outside none none;
     margin-bottom: 6px;
     padding-left: 20px;
     position: relative;
 }

 ul.list_menu li::before {
     background: #e3e3e3;
     border-radius: 100%;
     content: "";
     height: 7px;
     left: 0;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 7px;
 }

 .navbar-nav li a:hover,
 .navbar-nav li a:focus,
 .navbar-nav .open a,
 .navbar-nav .open a:hover,
 .navbar-nav .open a:focus {
     background: none;
 }

 .alert {
     padding: 10px;
     border-radius: 1px;
     font-size: .9em;
 }
 /* ---------- 1.3 Typography ---------- */

 a {
     color: #858a99;
     -webkit-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
 }

 a:hover,
 a:focus,
 a:active {
     color: #deb666;
     text-decoration: none;
     outline: none;
     background: none;
 }

 strong,
 .strong {
     font-weight: 600 !important;
 }

 small,
 .small {
     font-size: .7em;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     padding: 0;
     margin: 0;
     font-family: 'Raleway', sans-serif;
     color: #606060;
     font-weight: 400;
 }

 h1 {
     font-size: 2.2em;
     line-height: 1.5em;
 }

 h2 {
     font-size: 2em;
     line-height: 1.2em;
 }

 h3 {
     font-size: 1.7em;
     line-height: 1.2em;
 }

 h4 {
     font-size: 1.5em;
     line-height: 1.2em;
 }

 h5 {
     font-size: 1.3em;
     line-height: 1.1em;
 }

 h6 {
     font-size: 1.1em;
     line-height: 1em;
     font-family: 'Lato', sans-serif;
 }

 p {
     font-size: 1em;
     line-height: 1.6;
     margin: 10px 0;
     color: #858a99;
 }

 .dropcap:first-letter {
     float: left;
     color: #deb666;
     font-size: 4em;
     line-height: 1em;
     margin: 0 20px 5px 0;
     text-transform: uppercase;
     display: block;
 }

 .dropcap.yellow:first-letter {
     color: #deb666;
 }

 .dropcap.dark:first-letter {
     color: #5e6667;
 }

 .tooltip-arrow {
     margin-bottom: 1px;
 }

 .popover {
     font-size: 0.8em;
     border-radius: 4px 4px 0 0;
     color: #8a959e;
     border: 1px solid #cfd7da;
 }

 .popover-content {
     padding: 5px 10px;
 }

 .popover.top .arrow {
     border-top-color: #cfd7da;
     border-bottom-width: 0;
 }

 .popover-title {
     color: #a9a9a9;
     padding: 2px 10px !important;
     margin: 0;
     font-size: 1.2em;
     letter-spacing: 1px;
     background-color: #f5f5f5;
     border-bottom: 1px solid #ededed;
     float: none !important;
 }

 blockquote {
     padding: 20px 0;
     position: relative;
     margin: 30px 0;
     font-size: 1.2em;
     line-height: 1.6em;
     border: none;
 }

 blockquote i {
     color: #858a99;
     font-size: 32px;
     position: absolute;
     top: 28px;
 }

 blockquote .quote_text {
     color: #888;
     display: block;
     font-style: italic;
     font-weight: 300;
     padding-left: 30px;
 }
 /* ---------- 1.4 Margins & Paddings & Border Radius ---------- */

 .nopadding {
     padding: 0 !important;
 }

 .nopadding_right {
     padding-right: 0 !important
 }

 .nopadding_left {
     padding-left: 0 !important
 }

 .nopadding_top {
     padding-top: 0 !important
 }

 .nopadding_bottom {
     padding-bottom: 0 !important
 }

 .p5 {
     padding-left: 5px !important;
     padding-right: 5px !important
 }

 .pr5 {
     padding-right: 5px !important
 }

 .pl5 {
     padding-left: 5px !important
 }

 .nomargin {
     margin: 0 !important
 }

 .nomarginright {
     margin-right: 0 !important
 }

 .nomarginleft {
     margin-left: 0 !important
 }

 .nomargintop {
     margin-top: 0 !important
 }

 .nomarginbottom {
     margin-bottom: 0 !important
 }

 .mt0 {
     margin-top: 0px
 }

 .mt5 {
     margin-top: 5px
 }

 .mt10 {
     margin-top: 10px
 }

 .mt15 {
     margin-top: 15px
 }

 .mt20 {
     margin-top: 20px
 }

 .mt25 {
     margin-top: 25px
 }

 .mt30 {
     margin-top: 30px
 }

 .mt35 {
     margin-top: 35px
 }

 .mt40 {
     margin-top: 40px
 }

 .mt45 {
     margin-top: 45px
 }

 .mt50 {
     margin-top: 50px
 }

 .mt55 {
     margin-top: 55px
 }

 .mt60 {
     margin-top: 60px
 }

 .mt65 {
     margin-top: 65px
 }

 .mt70 {
     margin-top: 70px
 }

 .mt75 {
     margin-top: 75px
 }

 .mt80 {
     margin-top: 80px
 }

 .mt85 {
     margin-top: 85px
 }

 .mt90 {
     margin-top: 90px
 }

 .mt95 {
     margin-top: 95px
 }

 .mt100 {
     margin-top: 100px
 }

 .mb0 {
     margin-bottom: 0px
 }

 .mb5 {
     margin-bottom: 5px
 }

 .mb10 {
     margin-bottom: 10px
 }

 .mb15 {
     margin-bottom: 15px
 }

 .mb20 {
     margin-bottom: 20px
 }

 .mb25 {
     margin-bottom: 25px
 }

 .mb30 {
     margin-bottom: 30px
 }

 .mb35 {
     margin-bottom: 35px
 }

 .mb40 {
     margin-bottom: 40px
 }

 .mb45 {
     margin-bottom: 45px
 }

 .mb50 {
     margin-bottom: 50px
 }

 .mb55 {
     margin-bottom: 55px
 }

 .mb60 {
     margin-bottom: 60px
 }

 .mb65 {
     margin-bottom: 65px
 }

 .mb70 {
     margin-bottom: 70px
 }

 .mb75 {
     margin-bottom: 75px
 }

 .mb80 {
     margin-bottom: 80px
 }

 .mb85 {
     margin-bottom: 85px
 }

 .mb90 {
     margin-bottom: 90px
 }

 .mb95 {
     margin-bottom: 95px
 }

 .mb100 {
     margin-bottom: 100px
 }

 .pt0 {
     padding-top: 0px
 }

 .pt5 {
     padding-top: 5px
 }

 .pt10 {
     padding-top: 10px
 }

 .pt15 {
     padding-top: 15px
 }

 .pt20 {
     padding-top: 20px
 }

 .pt25 {
     padding-top: 25px
 }

 .pt30 {
     padding-top: 30px
 }

 .pt35 {
     padding-top: 35px
 }

 .pt40 {
     padding-top: 40px
 }

 .pt45 {
     padding-top: 45px
 }

 .pt50 {
     padding-top: 50px
 }

 .pt55 {
     padding-top: 55px
 }

 .pt60 {
     padding-top: 60px
 }

 .pt65 {
     padding-top: 65px
 }

 .pt70 {
     padding-top: 70px
 }

 .pt75 {
     padding-top: 75px
 }

 .pt80 {
     padding-top: 80px
 }

 .mt85 {
     padding-top: 85px
 }

 .pt90 {
     padding-top: 90px
 }

 .pt95 {
     padding-top: 95px
 }

 .pt100 {
     padding-top: 100px
 }

 .pb0 {
     padding-bottom: 0px
 }

 .pb5 {
     padding-bottom: 5px
 }

 .pb10 {
     padding-bottom: 10px
 }

 .pb15 {
     padding-bottom: 15px
 }

 .pb20 {
     padding-bottom: 20px
 }

 .pb25 {
     padding-bottom: 25px
 }

 .pb30 {
     padding-bottom: 30px
 }

 .mb35 {
     padding-bottom: 35px
 }

 .pb40 {
     padding-bottom: 40px
 }

 .pb45 {
     padding-bottom: 45px
 }

 .pb50 {
     padding-bottom: 50px
 }

 .pb55 {
     padding-bottom: 55px
 }

 .pb60 {
     padding-bottom: 60px
 }

 .pb65 {
     padding-bottom: 65px
 }

 .pb70 {
     padding-bottom: 70px
 }

 .pb75 {
     padding-bottom: 75px
 }

 .pb80 {
     padding-bottom: 80px
 }

 .pb85 {
     padding-bottom: 85px
 }

 .pb90 {
     padding-bottom: 90px
 }

 .pb95 {
     padding-bottom: 95px
 }

 .pb100 {
     padding-bottom: 100px
 }

 .br1 {
     border-radius: 1px
 }

 .br2 {
     border-radius: 2px
 }

 .br3 {
     border-radius: 3px
 }

 .br4 {
     border-radius: 4px
 }

 .br5 {
     border-radius: 5px
 }

 .br6 {
     border-radius: 6px
 }

 .br7 {
     border-radius: 7px
 }

 .br8 {
     border-radius: 8px
 }

 .br9 {
     border-radius: 9px
 }

 .br10 {
     border-radius: 10px
 }

 .br11 {
     border-radius: 11px
 }

 .br12 {
     border-radius: 12px
 }

 .br13 {
     border-radius: 13px
 }

 .br14 {
     border-radius: 14px
 }

 .br15 {
     border-radius: 15px
 }

 .br16 {
     border-radius: 16px
 }

 .br17 {
     border-radius: 17px
 }

 .br18 {
     border-radius: 18px
 }

 .br19 {
     border-radius: 19px
 }

 .br20 {
     border-radius: 20px
 }

 .br21 {
     border-radius: 21px
 }

 .br22 {
     border-radius: 22px
 }

 .br23 {
     border-radius: 23px
 }

 .br24 {
     border-radius: 24px
 }

 .br25 {
     border-radius: 25px
 }

 .br26 {
     border-radius: 26px
 }

 .br27 {
     border-radius: 27px
 }

 .br28 {
     border-radius: 28px
 }

 .br29 {
     border-radius: 29px
 }

 .br30 {
     border-radius: 30px
 }

 .br31 {
     border-radius: 31px
 }

 .br31 {
     border-radius: 31px
 }

 .br33 {
     border-radius: 33px
 }

 .br34 {
     border-radius: 34px
 }

 .br35 {
     border-radius: 35px
 }

 .br36 {
     border-radius: 36px
 }

 .br37 {
     border-radius: 37px
 }

 .br38 {
     border-radius: 38px
 }

 .br39 {
     border-radius: 39px
 }

 .br40 {
     border-radius: 40px
 }

 .br41 {
     border-radius: 41px
 }

 .br42 {
     border-radius: 42px
 }

 .br43 {
     border-radius: 43px
 }

 .br44 {
     border-radius: 44px
 }

 .br45 {
     border-radius: 45px
 }

 .br46 {
     border-radius: 46px
 }

 .br47 {
     border-radius: 47px
 }

 .br48 {
     border-radius: 48px
 }

 .br49 {
     border-radius: 49px
 }

 .br50 {
     border-radius: 50px
 }
 /* ---------- 1.5 Image Hover Effect ---------- */

 .hover_effect {
     display: block;
     position: relative;
     background: none;
     overflow: hidden;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }

 .hover_effect:after {
     font-family: FontAwesome;
     color: #fff;
     position: absolute;
     font-size: 1.6em;
     text-align: center;
     line-height: 40px;
     width: 40px;
     height: 40px;
     left: 50%;
     top: 50%;
     margin-left: -20px;
     margin-top: -20px;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     -webkit-transform: scale(0.1, 0.1);
     transform: scale(0.1, 0.1);
     filter: alpha(opacity=0);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
 }

 .hover_effect img {
     display: block;
     position: relative;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .hover_effect:hover:after {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     filter: alpha(opacity=60);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     -moz-opacity: .6;
     -khtml-opacity: .6;
     opacity: .6;
 }

 .hover_effect:hover img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     filter: alpha(opacity=40);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
     -moz-opacity: 0.4;
     -khtml-opacity: 0.4;
     opacity: 0.4;
 }

 .hover_effect.h_blue:hover {
     background: #deb666;
 }

 .hover_effect.h_yellow:hover {
     background: #deb666;
 }

 .hover_effect.h_dark:hover {
     background: #5e6667;
 }

 .hover_effect.h_link:after {
     content: "\f0c1";
 }

 .hover_effect.h_lightbox:after {
     content: "\f00e";
 }
 /* ========== 2 GENERAL STYLES ========== */
 /* ---------- 2.1 Forms ---------- */

 .form-group {
     margin: 0;
 }

 .form-control {
     color: #b3b3b3;
     border: 1px solid #e6eff2;
     box-shadow: none;
     border-radius: 1px;
     -webkit-transition: all ease 0.3s;
     transition: all ease 0.3s;
     font-size: 1em;
     height: 50px;
     margin-bottom: 20px;
 }

 .form-control:disabled {
     background: #f5f5f5 !important;
 }

 .form-control select {
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     -ms-appearance: none;
     appearance: none;
     text-overflow: ellipsis;
 }

 .form-select select::-ms-expand {
     display: none;
 }

 .form_date .datepicker:hover {
     cursor: pointer;
 }

 textarea.form-control {
     max-width: 100%;
     height: 110px;
 }

 .form-control::-webkit-input-placeholder {
     color: #b3b3b3;
 }

 .form-control:-moz-placeholder {
     color: #b3b3b3;
 }

 .form-control::-moz-placeholder {
     color: #b3b3b3;
 }

 .form-control:-ms-input-placeholder {
     color: #b3b3b3;
 }

 .form-control:focus {
     border-color: #d4d3d3;
     box-shadow: none;
     outline: none;
 }

 select:focus::-ms-value {
     background: transparent;
     color: #b3b3b3;
 }

 .form-control .btn-select,
 .form-control .btn-select:hover,
 .form-control .btn-select:focus {
     background: none !important;
     outline: none !important;
     box-shadow: none !important;
     padding: 4px;
     font-size: 1em;
 }

 .input-group {
     width: 100%;
 }

 label {
     font-size: .9em;
     color: #606060;
     letter-spacing: 1px;
     font-weight: 400;
     margin-bottom: 10px;
 }

 label .label_icon_info {
     color: #a1b1c1;
 }

 .bootstrap-select.btn-group .dropdown-toggle .caret {
     width: 10px;
     height: 10px;
     border: none;
 }

 .bootstrap-select.btn-group .dropdown-toggle .caret:before {
     position: absolute;
     top: -2px;
     right: -10px;
     content: "\f078";
     font-family: FontAwesome;
     font-size: .8em;
     color: #b3b3b3;
 }

 .bootstrap-select.btn-group .dropdown-toggle .filter-option {
     color: #b3b3b3;
 }

 .datepicker-dropdown {
     box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
 }

 .datepicker-dropdown.datepicker {
     padding: 15px;
     border-radius: 2px;
     border: 1px solid #f5f5f5;
 }

 .datepicker-dropdown.datepicker .datepicker-switch {
     color: #a9a9a9;
     font-weight: normal;
     text-transform: uppercase;
     text-align: center;
     background: #e4e5e7;
     border: 1px solid #dadbdd;
     border-right: 0;
     border-left: 0;
 }

 .datepicker-dropdown.datepicker .datepicker-switch:hover {
     cursor: pointer;
 }

 .datepicker-dropdown.datepicker .prev,
 .datepicker-dropdown.datepicker .next {
     padding: 0 !important;
     margin: 0 !important;
     text-align: center;
     width: 30px !important;
     height: 30px !important;
     background: #e4e5e7;
     border: 1px solid #dadbdd;
     border-radius: 2px;
     -webkit-transition: .5s;
     transition: .5s;
 }

 .datepicker-dropdown.datepicker .prev:hover,
 .datepicker-dropdown.datepicker .next:hover {
     cursor: pointer;
     background: #deb666;
     border-color: #deb666;
     color: #fff;
 }

 .datepicker-dropdown.datepicker .day {
     padding: 10px 12px;
     color: #a1b1c1;
     background: #f4fafd;
     border: 1px solid #e7eef1;
     text-align: center;
     -webkit-transition: .5s;
     transition: .5s;
 }

 .datepicker-dropdown.datepicker .new.day {
     background: #fefefe;
 }

 .datepicker-dropdown.datepicker .day.disabled {
     background: #fbf5f5;
     color: #a1b1c1;
     border-color: #ede8ea;
 }

 .datepicker-dropdown.datepicker .day:hover {
     cursor: pointer;
     background: #deb666;
     border-color: #deb666;
     color: #fff;
 }

 .datepicker-dropdown.datepicker .day.disabled:hover {
     cursor: not-allowed;
     background: #fbf5f5;
     color: #a1b1c1;
     border-color: #ede8ea;
 }

 .datepicker-dropdown.datepicker .day.today {
     background: #deb666;
     color: #fff;
 }

 .datepicker-dropdown.datepicker .datepicker-months,
 .datepicker-dropdown.datepicker .datepicker-years,
 .datepicker-dropdown.datepicker .datepicker-decades,
 .datepicker-dropdown.datepicker .datepicker-centuries {
     max-width: 301px;
 }

 .datepicker-dropdown.datepicker .datepicker-months table tr td,
 .datepicker-dropdown.datepicker .datepicker-years table tr td,
 .datepicker-dropdown.datepicker .datepicker-decades table tr td,
 .datepicker-dropdown.datepicker .datepicker-centuries table tr td {
     padding: 0;
     padding-top: 10px;
 }

 .datepicker-dropdown.datepicker .month,
 .datepicker-dropdown.datepicker .year,
 .datepicker-dropdown.datepicker .decade,
 .datepicker-dropdown.datepicker .century {
     display: inline-block;
     width: 50px;
     padding: 10px 0;
     color: #a1b1c1;
     background: #f4fafd;
     border: 1px solid #e7eef1;
     text-align: center;
     -webkit-transition: .5s;
     transition: .5s;
 }

 .datepicker-dropdown.datepicker .month:hover,
 .datepicker-dropdown.datepicker .year:hover,
 .datepicker-dropdown.datepicker .decade:hover,
 .datepicker-dropdown.datepicker .century:hover {
     background: #deb666;
     border-color: #deb666;
     color: #fff;
     cursor: pointer;
 }

 .datepicker-dropdown.datepicker .month.disabled,
 .datepicker-dropdown.datepicker .year.disabled,
 .datepicker-dropdown.datepicker .decade.disabled,
 .datepicker-dropdown.datepicker .century.disabled {
     background: #fbf5f5;
     color: #a1b1c1;
     border-color: #ede8ea;
 }

 .datepicker-dropdown.datepicker .month.disabled:hover,
 .datepicker-dropdown.datepicker .year.disabled:hover,
 .datepicker-dropdown.datepicker .decade.disabled:hover,
 .datepicker-dropdown.datepicker .century.disabled:hover {
     cursor: not-allowed;
 }

 .bootstrap-select .dropdown-menu {
     margin-bottom: 15px;
     border-radius: 2px;
     border: 1px solid #f2f2f2;
     box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
 }

 .bootstrap-select .dropdown-menu li a {
     color: #a1b1c1;
 }

 .bootstrap-select .dropdown-menu .popover-title {
     padding: 4px 10px !important;
     background: #e4e5e7;
     font-size: 1em;
     text-transform: uppercase;
     border-bottom: 1px solid #dadbdd;
     border-radius: 2px 2px 0 0;
 }
 /* ---------- 2.2 Buttons ---------- */

 button {
     outline: none;
 }

 .button {
     border: 1px solid;
     border-radius: 1px;
     font-size: .9em;
     padding: 8px 15px;
     background: #fff;
     border-color: #e6eff2;
     color: #a9a9a9;
     font-weight: 600;
     letter-spacing: .04em;
     -webkit-transition: all ease 0.3s;
     transition: all ease 0.3s;
     display: inline-block;
     line-height: 1.82857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .button.btn_lg {
     font-size: 1em;
     padding: 12px 20px;
 }

 .button.btn_sm {
     font-size: 0.8em;
     padding: 3px 10px;
 }

 .button.btn_xs {
     font-size: 0.7em;
     padding: 0px 5px;
 }

 .button.btn_blue {
     background: #deb666;
     border-color: #deb666;
     color: #fff;
 }

 .button.btn_yellow {
     background: #deb666;
     border-color: #deb666;
     color: #fff;
 }

 .button.btn_gold {
     background: #c7ba88;
     border-color: #c7ba88;
     color: #fff;
 }

 .button.btn_dark {
     background: #5e6667;
     border-color: #5e6667;
     color: #fff;
 }

 .button:hover,
 .button:active,
 .button:focus {
     background: #fff;
     border-color: #e6eff2;
 }

 .button.btn_blue:hover,
 .button.btn_blue:active,
 .button.btn_blue:focus {
     background: #b69854;
     border-color: #b69854;
 }

 .button.btn_yellow:hover,
 .button.btn_yellow:active,
 .button.btn_yellow:focus {
     background: #b69854;
     border-color: #b69854;
 }

 .button.btn_gold:hover,
 .button.btn_gold:active,
 .button.btn_gold:focus {
     background: #bcb081;
     border-color: #bcb081;
 }

 .button.btn_dark:hover,
 .button.btn_dark:active,
 .button.btn_dark:focus {
     background: #4f5758;
     border-color: #4f5758;
 }

 .button.btn_lg i {
     margin-right: 10px;
 }

 .button i {
     margin-right: 10px;
 }

 .button.btn_sm i {
     margin-right: 6px;
 }

 .button.btn_xs i {
     margin-right: 6px;
 }

 .button.bb {
     border-bottom: 2px solid rgba(0, 0, 0, .2)!important;
 }

 .btn_full {
     width: 100% !important;
 }

 .btn_load_more {
     border-radius: 50px;
     text-align: center;
     text-transform: uppercase;
     padding: 21px 40px;
     padding: 21px 40px;
     background: #ddbf5e;
     color: #ffffff;
     letter-spacing: 1px;
     border: none;
     transition: .5s;
     line-height: 0;
     background: #f5f5f5;
     border: 1px solid #eeeeee;
     color: #a1b1c1;
     font-weight: 700;
 }

 .btn_load_more:hover {
     background: #eeeeee;
 }

 .social_media a {
     background: #fff;
     border: 1px solid #E6EFF2;
     display: inline-block;
     height: 40px;
     width: 40px;
     border-radius: 1px;
     line-height: 40px;
     margin: 4px;
     text-align: center;
 }

 .social_media a:hover {
     color: #fff;
 }

 .social_media a:last-child {
     margin-right: 0;
 }

 .social_media .facebook {
     color: #3b5998;
 }

 .social_media .facebook:hover {
     background: #3b5998;
     border-color: #3b5998;
 }

 .social_media .twitter {
     color: #4099FF;
 }

 .social_media .twitter:hover {
     background: #4099FF;
     border-color: #4099ff;
 }

 .social_media .googleplus {
     color: #d34836;
 }

 .social_media .googleplus:hover {
     background: #d34836;
     border-color: #d34836;
 }

 .social_media .pinterest {
     color: #cb2027;
 }

 .social_media .pinterest:hover {
     background: #cb2027;
     border-color: #cb2027;
 }

 .social_media .linkedin {
     color: #007bb6;
 }

 .social_media .linkedin:hover {
     background: #007bb6;
     border-color: #007bb6;
 }

 .social_media .youtube {
     color: #bb0000;
 }

 .social_media .youtube:hover {
     background: #bb0000;
     border-color: #bb0000;
 }

 .social_media .instagram {
     color: #125688;
 }

 .social_media .instagram:hover {
     background: #125688;
     border-color: #125688;
 }

 .pagination li {
     float: left;
     margin-right: 15px;
 }

 .pagination li.next_pagination>a,
 .pagination li.prev_pagination>a {
     color: #AAA;
 }

 .pagination li a,
 .pagination li a:hover,
 .pagination li.active a,
 .pagination li.disabled,
 .pagination li.page_of {
     color: #a1b1c1;
     font-weight: 700;
     display: inline-block;
     font-size: 13px;
     line-height: 42px;
     height: 43px;
     min-width: 43px;
     padding: 0 11px;
     text-align: center;
     background: #f5f5f5;
     border: 1px solid #eeeeee;
 }

 .pagination li a:hover,
 .pagination li.active a,
 .pagination li.next_pagination>a:hover,
 .pagination li.prev_pagination>a:hover {
     background: #deb666;
     border-color: #deb666;
     color: #FFF;
 }
 /* ---------- 2.3 Titles ---------- */

 .main_title {
     position: relative;
 }

 .main_title h2 {
     font-size: 2.2em;
     font-family: 'Raleway', sans-serif;
     display: inline-block;
     position: relative;
     color: #606060;
     font-weight: 700;
     line-height: 1.2;
     letter-spacing: 0.5px;
 }

 .main_title.mt_dark h2 {
     color: #444;
 }

 .main_title.mt_blue h2 {
     color: #deb666;
 }

 .main_title.mt_yellow h2 {
     color: #deb666;
 }

 .main_title.mt_white h2 {
     color: #fff;
 }

 .main_title:after {
     content: "";
     display: block;
     height: 5px;
     position: relative;
     width: 80px;
     margin: 10px auto;
 }

 .main_title.a_left:after {
     margin-left: 0;
 }

 .main_title.a_right:after {
     margin-right: 0;
 }

 .main_description {
     margin-bottom: 50px;
 }

 .main_description {
     font-size: 1.1em;
     line-height: 1.6;
 }

 .main_description.a_center {
     padding: 0 10%;
 }

 .main_description.md_white {
     color: #fff;
 }
 /* ---------- 2.4 Notification ---------- */

 .notification {
     position: fixed;
     padding: 8px;
     bottom: 15px;
     right: 15px;
     width: 55px;
     height: 55px;
     border-radius: 3px;
     color: white;
     opacity: 0;
     overflow: hidden;
     -webkit-animation: scale-in .3s ease-out forwards, expand .3s 1.5s ease-out forwards;
     animation: scale-in .3s ease-out forwards, expand .3s 1.5s ease-out forwards;
     z-index: 99;
 }

 .notification:hover {
     cursor: pointer;
 }

 .notification.success {
     background: #a7d155;
 }

 .notification.error {
     background: #E34F4F;
 }

 .notification .notification-icon {
     margin-right: 10px;
     float: left;
     width: 40px;
     height: 40px;
     border-radius: 25px;
     background: #ce4848;
     text-align: center;
 }

 .notification.error .notification-icon {
     background: #ce4848;
 }

 .notification.success .notification-icon {
     background: #97bd4f;
 }

 .notification .notification-icon i {
     font-size: 22px;
     line-height: 40px;
     color: #f5f5f5;
 }

 .notification-text {
     opacity: 0;
     font-size: .9em;
     text-align: left;
     color: #f5f5f5;
     letter-spacing: .5px;
     -webkit-animation: fade-in 1s 1s ease-in forwards;
     animation: fade-in 1s 1s ease-in forwards;
 }

 @-webkit-keyframes scale-in {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 0;
     }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1;
     }
 }

 @keyframes scale-in {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 0;
     }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1;
     }
 }

 @-webkit-keyframes expand {
     0% {
         width: 55px;
     }
     100% {
         width: 330px;
     }
 }

 @keyframes expand {
     0% {
         width: 55px;
     }
     100% {
         width: 330px;
     }
 }

 @-webkit-keyframes fade-in {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 @keyframes fade-in {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 .notification.scale-out {
     opacity: 1;
     -webkit-animation: collapse .3s ease-in forwards, scale-out .3s 1.5s ease-out forwards;
     animation: collapse .3s ease-in forwards, scale-out .3s 1.5s ease-out forwards;
 }

 .notification.scale-out .notification-text {
     -webkit-animation: fade-out 1s ease-in forwards;
     animation: fade-out 1s ease-in forwards;
 }

 @-webkit-keyframes collapse {
     0% {
         width: 330px;
     }
     100% {
         width: 55px;
     }
 }

 @keyframes collapse {
     0% {
         width: 330px;
     }
     100% {
         width: 55px;
     }
 }

 @-webkit-keyframes scale-out {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }
     100% {
         -webkit-transform: scale(0);
         transform: scale(0);
     }
 }

 @keyframes scale-out {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
     }
     100% {
         -webkit-transform: scale(0);
         transform: scale(0);
     }
 }

 @-webkit-keyframes fade-out {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0;
     }
 }

 @keyframes fade-out {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0;
     }
 }
 /* ---------- 2.5 Loader ---------- */

 #loading {
     background-color: #fff;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: 9999;
     left: 0;
 }

 #loading .inner {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .loading_effect {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 150px;
     margin-top: -80px;
     margin-left: -50px;
 }

 .loading_effect .object {
     width: 20px;
     height: 20px;
     background-color: #deb666;
     float: left;
     margin-right: 20px;
     margin-top: 65px;
     border-radius: 50% 50% 50% 50%;
 }

 .loading_effect #object_one {
     -webkit-animation: object_one 1.5s infinite;
     animation: object_one 1.5s infinite;
 }

 .loading_effect #object_two {
     -webkit-animation: object_two 1.5s infinite;
     animation: object_two 1.5s infinite;
     -webkit-animation-delay: 0.25s;
     animation-delay: 0.25s;
 }

 .loading_effect #object_three {
     -webkit-animation: object_three 1.5s infinite;
     animation: object_three 1.5s infinite;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
 }

 @-webkit-keyframes object_one {
     75% {
         -webkit-transform: scale(0);
     }
 }

 @keyframes object_one {
     75% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }
 }

 @-webkit-keyframes object_two {
     75% {
         -webkit-transform: scale(0);
     }
 }

 @keyframes object_two {
     75% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }
 }

 @-webkit-keyframes object_three {
     75% {
         -webkit-transform: scale(0);
     }
 }

 @keyframes object_three {
     75% {
         transform: scale(0);
         -webkit-transform: scale(0);
     }
 }

 .loading_effect2 {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 50px;
     width: 300px;
     margin-top: -25px;
     margin-left: -150px;
 }

 .loading_effect2 .object {
     width: 18px;
     height: 18px;
     background: #deb666;
     float: left;
     margin-top: 15px;
     margin-right: 15px;
     border-radius: 50% 50% 50% 50%;
     -webkit-animation: loading_effect2 1s infinite;
     animation: loading_effect2 1s infinite;
 }

 .loading_effect2 .object:last-child {
     margin-right: 0px;
 }

 .loading_effect2 .object:nth-child(9) {
     -webkit-animation-delay: 0.9s;
     animation-delay: 0.9s;
 }

 .loading_effect2 .object:nth-child(8) {
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
 }

 .loading_effect2 .object:nth-child(7) {
     -webkit-animation-delay: 0.7s;
     animation-delay: 0.7s;
 }

 .loading_effect2 .object:nth-child(6) {
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
 }

 .loading_effect2 .object:nth-child(5) {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
 }

 .loading_effect2 .object:nth-child(4) {
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
 }

 .loading_effect2 .object:nth-child(3) {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }

 .loading_effect2 .object:nth-child(2) {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
 }

 @-webkit-keyframes loading_effect2 {
     50% {
         -webkit-transform: translate(0, -50px);
         transform: translate(0, -50px);
     }
 }

 @keyframes loading_effect2 {
     50% {
         -webkit-transform: translate(0, -50px);
         transform: translate(0, -50px);
     }
 }

 .loading_effect3 {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 200px;
     width: 200px;
     margin-top: -100px;
     margin-left: -100px;
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
 }

 .loading_effect3 .object {
     border-radius: 50% 50% 50% 50%;
     position: absolute;
     border-top: 5px solid #deb666;
     border-bottom: 5px solid transparent;
     border-left: 5px solid #deb666;
     border-right: 5px solid transparent;
     -webkit-animation: loading_effect3 2s infinite;
     animation: loading_effect3 2s infinite;
 }

 .loading_effect3 #object_one {
     left: 75px;
     top: 75px;
     width: 50px;
     height: 50px;
 }

 .loading_effect3 #object_two {
     left: 65px;
     top: 65px;
     width: 70px;
     height: 70px;
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
 }

 .loading_effect3 #object_three {
     left: 55px;
     top: 55px;
     width: 90px;
     height: 90px;
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
 }

 .loading_effect3 #object_four {
     left: 45px;
     top: 45px;
     width: 110px;
     height: 110px;
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
 }

 @-webkit-keyframes loading_effect3 {
     50% {
         -webkit-transform: rotate(360deg) scale(0.8);
         transform: rotate(360deg) scale(0.8);
     }
 }

 @keyframes loading_effect3 {
     50% {
         -webkit-transform: rotate(360deg) scale(0.8);
         transform: rotate(360deg) scale(0.8);
     }
 }
 /* ---------- 2.6 Back to Top ---------- */

 #back_to_top {
     height: 55px;
     width: 55px;
     background: #deb666;
     border-radius: 3px;
     right: -100px;
     bottom: 15px;
     position: fixed;
     text-align: center;
     -webkit-transition: .5s;
     transition: .5s;
     z-index: 9;
 }

 #back_to_top i {
     color: #fff;
     line-height: 55px;
     font-size: 22px;
 }

 #back_to_top:hover,
 #back_to_top:focus {
     background: #b69854;
     box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1);
 }

 #back_to_top:hover {
     cursor: pointer;
 }

 #back_to_top.active {
     right: 15px;
 }
 /* ========== 3 TOP MENU ========== */
 /* ---------- 3.1 Top Menu ---------- */

 .top_menu {
     width: 100%;
     position: relative;
     font-size: 0.9em;
 }

 .top_menu {
     background: #f5f5f5;
     border-bottom: 1px solid #ededed;
     color: #a9a9a9;
 }

 .top_menu.transparent {
     background: transparent;
     position: absolute;
     z-index: 999;
     border-bottom: none;
     top: 20px;
     color: #fff;
 }

 .top_menu.transparent a {
     color: #fff;
 }

 .top_menu.transparent .dropdown-menu a {
     color: #a9a9a9;
 }

 .top_menu.transparent a:hover,
 .top_menu.transparent a:focus,
 .top_menu.transparent .dropdown.open a.select {
     color: #deb666;
 }

 .top_menu .welcome_mssg {
     padding: 7px 0;
     float: left;
 }

 .top_menu a {
     color: #a9a9a9;
 }

 .top_menu a:hover,
 .top_menu .dropdown.open a {
     color: #8e8f8e;
 }
 /* ---------- 3.2 Right Menu ---------- */

 .top_menu .top_menu_right {
     padding: 7px 0;
     float: right;
 }

 .top_menu .top_menu_right li {
     display: inline-block;
     float: left;
     padding-left: 30px;
 }

 .top_menu .top_menu_right li:first-child {
     padding-left: 0px;
 }

 .top_menu .top_menu_right li i {
     margin-right: 4px;
 }
 /* ---------- 3.3 Language Switcher ---------- */

 .top_menu .dropdown .select {
     padding-bottom: 12px;
 }

 .top_menu .dropdown .select .caret {
     margin-top: 0px;
 }

 .top_menu .dropdown .select i {
     margin-right: 4px;
 }

 .boxed .top_menu .dropdown-menu {
     min-width: 100px;
 }

 .top_menu .dropdown-menu {
     border: none;
     border-radius: 0px;
     box-shadow: none;
     padding: 0;
     margin: 0;
     margin-top: 6px;
     min-width: 110px;
     margin-left: -10px;
 }

 .top_menu .dropdown .dropdown-menu {
     animation-name: TopMenu;
     animation-duration: .3s;
     animation-iteration-count: 1;
     animation-timing-function: ease;
     animation-fill-mode: forwards;
     -webkit-animation-name: TopMenu;
     -webkit-animation-duration: .3s;
     -webkit-animation-iteration-count: 1;
     -webkit-animation-timing-function: ease;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-name: TopMenu;
     -moz-animation-duration: .3s;
     -moz-animation-iteration-count: 1;
     -moz-animation-timing-function: ease;
     -moz-animation-fill-mode: forwards;
 }

 @keyframes TopMenu {
     from {
         opacity: 0;
         margin-top: 10px;
     }
     to {
         opacity: 1;
         margin-top: 6px;
     }
 }

 @-webkit-keyframes TopMenu {
     from {
         opacity: 0;
         margin-top: 10px;
     }
     to {
         opacity: 1;
         margin-top: 6px;
     }
 }

 .top_menu .dropdown-menu {
     background: #F5F5F5;
 }

 .top_menu .dropdown-menu li,
 .top_menu .dropdown-menu li:first-child {
     width: 100%;
     padding: 0;
     margin: 0;
 }

 .top_menu .dropdown-menu li a {
     padding: 6px 10px;
     line-height: 1em;
     color: #a9a9a9;
 }

 .top_menu .dropdown-menu li a {
     border-bottom: 1px solid #fcfcfc;
 }

 .top_menu .dropdown-menu li a:hover {
     background: #ededed;
 }

 .top_menu .caret-up {
     width: 0;
     height: 0;
     border-left: 4px solid rgba(0, 0, 0, 0);
     border-right: 4px solid rgba(0, 0, 0, 0);
     border-bottom: 4px solid;
     display: inline-block;
     margin-left: 2px;
     vertical-align: middle;
 }
 /* ========== 4  HEADER ========== */
 /* ---------- 4.1 Header ---------- */

 header {
     width: 100%;
     background: #fff;
     border-bottom: 1px solid #e6eff2;
     z-index: 9999;
 }

 .mfp-zoom-out-cur header {
     padding-right: 17px;
 }

 header.transparent {
     background: transparent;
     border-bottom: none;
     z-index: 99;
     top: 50px;
 }

 header.nav_bg {
     background: #fff;
 }

 header.transparent.fixed {
     position: absolute;
 }

 header.transparent.navbar-fixed-top {
     position: fixed;
 }

 header .nodisplay {
     display: none;
 }

 header.transparent.nav_bg {
     border-bottom: 1px solid #e6eff2;
     top: 0;
 }

 header .navbar-header .navbar-brand {
     padding: 0px 0;
     margin-top: -10px;
     -webkit-transition: all .3s;
     transition: all .3s;
 }

 header .navbar-header .navbar-brand img {
     height: 130px;
 }

 header.transparent.nav_bg .navbar-header .navbar-brand img {
     height: 55px;
 }

 header.scroll .navbar-header .navbar-brand {
     padding: 0px 0;
     margin-top: 0px;
 }
 /* ---------- 4.2 Mobile Menu ---------- */

 header .navbar-header .mobile_menu_btn {
     margin-right: 0;
     padding-right: 0;
 }

 header .navbar-header .mobile_menu_btn .icon-bar {
     background: #a1b1c1;
     position: relative;
     -webkit-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
 }

 header.transparent .navbar-header .mobile_menu_btn .icon-bar {
     background: #fff;
 }

 header.scroll .navbar-header .mobile_menu_btn .icon-bar {
     background: #a1b1c1;
 }

 header .navbar-header .mobile_menu_btn .icon-bar {
     display: block;
     width: 25px;
     height: 3px;
     border-radius: 1px;
 }

 header .navbar-header .mobile_menu_btn .icon-bar:nth-of-type(2) {
     top: 0px;
 }

 header .navbar-header .mobile_menu_btn .icon-bar:nth-of-type(3) {
     top: 0px;
 }

 header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(1) {
     top: 7px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(2) {
     background-color: transparent;
 }

 header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(3) {
     top: -7px;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 /* ---------- 4.3 Main Menu ---------- */

 #main_menu {
     float: right;
     margin: 0;
     padding: 0;
 }

 #main_menu ul {
     list-style: none;
 }

 #main_menu .navbar-nav li a {
     color: #a1b1c1;
     font-size: .95em;
     font-weight: 900;
     letter-spacing: .05em;
     text-transform: uppercase;
     padding: 30px 20px;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }

 #main_menu .navbar-nav li.active a {
     color: #deb666;
 }

 .transparent #main_menu .navbar-nav li a {
     color: #fff;
 }

 .transparent.nav_bg #main_menu .navbar-nav li a {
     color: #606060;
 }

 .transparent.nav_bg #main_menu .navbar-nav li.active a.dropdown-toggle,
 .transparent #main_menu .navbar-nav li.active a.dropdown-toggle {
     color: #deb666;
 }

 .scroll #main_menu .navbar-nav li a {
     padding: 20px 20px;
 }

 #main_menu .navbar-nav li a {
     color: #606060;
 }

 #main_menu .navbar-nav li a:hover,
 #main_menu .navbar-nav .open .dropdown-toggle,
 .transparent.nav_bg #main_menu .navbar-nav li a:hover,
 .transparent.nav_bg #main_menu .navbar-nav .open .dropdown-toggle {
     color: #deb666;
 }

 #main_menu .navbar-nav .menu_button .button {
     margin-top: 22px;
     padding: 8px 16px;
     color: #fff !important;
 }

 #main_menu .navbar-nav .menu_button .button:hover,
 #main_menu .navbar-nav .menu_button .button:focus,
 #main_menu .navbar-nav .menu_button .button:active {
     background: #b69854;
     border-color: #b69854;
     color: #fff !important;
 }

 .scroll #main_menu .navbar-nav .menu_button .button {
     margin-top: 12px;
 }
 /* ---------- 4.4 Drop Down Menu ---------- */

 #main_menu .navbar-nav .dropdown .dropdown-menu {
     margin-top: 0px;
     border-radius: 0;
     background: #fff;
     border: 1px solid #e6eff2;
     border-top: 2px solid #e6eff2;
     padding: 0;
     min-width: 200px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 #main_menu .navbar-nav .dropdown .dropdown-menu {
     animation-name: MainMenu;
     animation-duration: .3s;
     animation-iteration-count: 1;
     animation-timing-function: ease;
     animation-fill-mode: forwards;
     -webkit-animation-name: MainMenu;
     -webkit-animation-duration: .3s;
     -webkit-animation-iteration-count: 1;
     -webkit-animation-timing-function: ease;
     -webkit-animation-fill-mode: forwards;
     -moz-animation-name: MainMenu;
     -moz-animation-duration: .3s;
     -moz-animation-iteration-count: 1;
     -moz-animation-timing-function: ease;
     -moz-animation-fill-mode: forwards;
 }

 @keyframes MainMenu {
     from {
         opacity: 0;
         margin-top: 10px;
     }
     to {
         opacity: 1;
         margin-top: 0px;
     }
 }

 @-webkit-keyframes MainMenu {
     from {
         opacity: 0;
         margin-top: 10px;
     }
     to {
         opacity: 1;
         margin-top: 0px;
     }
 }

 header #main_menu .navbar-nav .dropdown .dropdown-menu {
     left: auto;
 }
 /* ---------- 4.4.1 Simple Drop Down Menu ---------- */

 #main_menu .navbar-nav .simple_menu .dropdown-menu li {
     width: 100%;
     background: #fff;
     border-bottom: 1px solid #EEF2F5;
     color: #a5b4be;
 }

 #main_menu .navbar-nav .simple_menu .dropdown-menu li:hover {
     background: #fbfbfb;
 }

 #main_menu .navbar-nav .simple_menu .dropdown-menu li a {
     padding: 8px 20px;
     color: #858a99;
     font-size: 0.9em;
     font-weight: 400;
     text-transform: none;
 }

 #main_menu .navbar-nav .simple_menu .dropdown-menu li a:hover {
     color: #79868f;
 }
 /* ---------- 4.4.2 Mega Drop Down Menu ---------- */

 #main_menu .mega_menu {
     position: static;
     padding: 0px;
     margin: 0px;
 }

 #main_menu .navbar-nav .dropdown .dropdown-menu .mega_menu_inner {
     padding: 20px 30px;
 }

 #main_menu .mega_menu .mega_menu_inner ul .list_title {
     padding: 10px 0;
     font-size: .9em;
     color: #858a99;
     font-weight: 700;
     text-transform: uppercase;
 }

 #main_menu .mega_menu .mega_menu_inner ul li {
     padding: 5px 0;
     border-bottom: 1px solid #f5f5f5;
 }

 #main_menu .mega_menu .mega_menu_inner ul li a {
     color: #858a99;
     padding: 0;
     text-transform: none;
     font-weight: 500;
 }

 #main_menu .mega_menu .mega_menu_inner ul li a:hover {
     color: #79868f;
 }

 #main_menu .navbar-nav .mega_menu.mega_menu_fullwidth .dropdown-menu {
     left: 0;
     right: 0;
 }

 #main_menu .navbar-nav .dropdown b.caret,
 #main_menu .navbar-nav .dropdown b.caret-up {
     display: none;
 }
 /* ========== 5 SECTIONS ========== */
 /* ---------- 5.1 Global Sections ---------- */

 section {
     padding-top: 40px;
     padding-bottom: 40px;
     overflow: hidden !important;
     max-width: 100%;
 }

 section.white_bg {
     background: #fff;
 }

 section.lightgrey_bg {
     background: #f5f5f5;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #fff;
 }

 section.grey_bg {
     background: #f6f9f8;
     border-bottom: 1px solid #f5f5f5;
 }

 section.blue_bg {
     background: #deb666;
 }

 section .main_title {
     margin-bottom: 30px;
     margin-top: 20px;
 }
 /* ---------- 5.2 Revolution Slider ---------- */

 .rev_slider {
     overflow-x: hidden !important;
 }

 .full_slider {
     position: relative;
     margin: 0;
     padding: 0;
 }

 .rev_slider {
     overflow: hidden;
 }

 .rev_slider embed,
 .rev_slider iframe,
 .rev_slider object,
 .rev_slider video {
     border: none !important;
 }

 .sub_title_bg {
     font-size: 48px !important;
 }

 .sub_title_md {
     font-size: 32px !important;
 }

 .sub_title_sm {
     font-size: 22px !important;
 }

 .sub_title_xs {
     font-size: 16px !important;
 }

 .sub_title_xxs {
     font-size: 14px !important;
 }

 #hero .tp_b_title {
     margin-bottom: 50px;
     font-family: 'Raleway', sans-serif;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     text-shadow: 2px 2px 5px rgba(22, 22, 22, 0.05);
 }

 .tp_m_title {
     color: #ffffff;
     line-height: 2em;
     font-family: 'Raleway', sans-serif;
 }

 .tp_m_title i {
     font-size: 1em;
     margin-right: 5px;
 }

 #hero .tp_s_title {
     font-family: 'Lato', sans-serif;
     color: #fff;
     line-height: 2em;
     line-height: 2em;
     font-weight: 400;
     letter-spacing: 1px;
 }

 #hero .f_item .icon_box {
     float: left;
     display: inline-block;
     width: 50px;
     height: 45px;
     background: #deb666;
     border-radius: 1px 0 0 1px;
     text-align: center;
     border-radius: 1px 0 0 1px;
 }

 #hero .f_item .icon_box i {
     color: #fff;
     font-size: 1.5em;
     line-height: 50px;
 }

 #hero .f_item .icon_box i:before {
     margin: 0;
     font-size: 22px;
 }

 #hero .f_item .text_box {
     display: inline-block !important;
     background: #f2f2f4;
     height: 45px;
     width: 220px;
     border-radius: 0 2px 2px 0;
     color: #8f99ac;
     padding: 4px 10px;
     font-size: 1.1em;
     line-height: 1.3em;
     font-family: "Raleway";
     font-weight: 500;
 }

 #hero .f_item .text_box span {
     color: #8f99ac;
     font-family: 'Lato', sans-serif;
     font-size: .8em;
     font-weight: 500;
     display: block;
 }

 .gradient_overlay {
     position: relative;
 }

 .gradient_slider .slotholder:after,
 .gradient_overlay:after {
     width: 100%;
     height: 100%;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     background: rgba(147, 0, 17, .75);
     background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(64, 97, 237, 0.5)), color-stop(100%, rgba(86, 20, 147, .5)));
     background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: linear-gradient(135deg, rgb(0 0 0 / 50%) 0, rgb(0 0 0 / 50%) 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1);
 }

 .gradient_overlay.opac8:after {
     background: rgba(147, 0, 17, .8);
     background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(64, 97, 237, 0.8)), color-stop(100%, rgba(86, 20, 147, .5)));
     background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%);
     background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%);
     background: linear-gradient(135deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1);
 }

 .dotted_overlay:before {
     content: '';
     background: url("../images/icons/gridtile.png");
     top: 0;
     left: 0;
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 3;
 }
 /* ---------- 5.3 Rooms ---------- */

 .room {
     background: #fafafa;
     margin-bottom: 40px;
     border-radius: 10px;
     overflow: hidden;
 }

 .room figure {
     position: relative;
 }

 .room figure img {
     width: 100%;
 }

 .room figcaption {
     padding: 15px 10px;
     border: 1px solid #f0f2f6;
     border-top: none;
 }

 .room figcaption h4,
 .room figcaption h5 {
     display: inline-block;
     font-weight: 600;
 }

 .room figcaption h4 a,
 .room figcaption h5 a {
     color: #606060;
     font-size: 18px;
 }

 .room figure .price {
     position: absolute;
     top: 15px;
     left: 15px;
     font-size: 14px;
     text-align: center;
     padding: 5px 10px;
     background: #fff;
     color: #606060;
     border-radius: 2px;
     font-weight: 700;
     z-index: 9;
     border-top: none;
     border-left: none;
 }
 /* ---------- 5.4 Features ---------- */

 #features .owl-thumb-item {
     display: block;
     width: 100%;
     background: #fff;
     margin-bottom: 16px;
     border-radius: 2px;
     padding: 5px;
     -webkit-transition: .2s;
     transition: .2s;
     padding: 18px 5px;
 }

 #features .owl-thumb-item.active {
     background: #333;
     color: #fff;
     -webkit-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
 }

 #features .owl-thumb-item.active:before {
     content: '\f0d9';
     font-family: 'FontAwesome';
     float: left;
     margin-left: -14px;
     margin-top: 12px;
     font-size: 25px;
     color: #333;
 }

 #features .owl-thumb-item:hover {
     cursor: pointer;
 }

 #features .owl-thumb-item .media {
     cursor: pointer;
     padding-bottom: 48px;
 }

 #features .owl-thumb-item .media-body h5 {
     margin-top: 4px;
     font-size: 17px;
     font-weight: 600;
     color: #606060;
 }

 #features .owl-thumb-item.active .media-body h5 {
     color: #fff;
 }

 #features .owl-thumb-item .media-body p {
     font-size: .98em;
     color: #858a99;
     margin: 7px 0;
 }

 #features .owl-thumb-item.active .media-body p {
     color: #fff;
 }

 #features .owl-thumb-item .media-left {
     float: left;
     margin-right: 10px;
     margin-top: 0px;
     display: block;
     vertical-align: middle;
     width: 50px;
 }

 #features .owl-thumb-item .media-left {
     color: #deb666;
     font-size: 2em;
     line-height: 2em;
     text-align: center;
     margin-left: 14px;
 }

 #features .owl-thumb-item .media-left i:before {
     font-size: 38px;
     margin: 0;
 }
 /* ---------- 5.5 Blog ---------- */

 #blog .blog_item {
     background: #f6f7fb;
     border: 1px solid #f0f2f6;
     border-radius: 2px;
     min-height: 150px;
     margin-bottom: 30px;
 }

 #blog .blog_item figure img {
     width: 100%;
 }

 #blog .blog_item .main {
     padding: 15px;
 }

 #blog .blog_item .main h3 a {
     color: #606060;
     font-size: .8em;
     font-weight: 600;
 }

 #blog .blog_item .main p {
     color: #858a99;
     line-height: 1.7em;
 }

 #blog .blog_item .main .info {
     margin-top: 18px;
     line-height: 4rem;
 }

 #blog .blog_item .main .info a {
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     color: #98a9b8;
 }

 #blog .blog_item .main .info i {
     /* margin-left: 10px; */
     margin-right: 4px;
 }

 #blog .blog_item .main .info i:first-child {
     margin-left: 0;
 }

 .comments {
     padding-bottom: 50px;
 }

 .comments .comments_text {
     padding-bottom: 40px;
     font-weight: 600;
     color: #98959E;
 }

 .comments ol.comments_list li {
     list-style: none;
 }

 .comments .comment-box {
     background: #ffffff;
     border: 1px solid #e6eff2;
     margin-bottom: 20px;
     padding: 22px;
 }

 .comments .trees_number {
     background: #FFF;
     border: 1px solid #EEE;
     color: #C1C1C1;
     float: right;
     padding: 0 7px;
     font-size: 11px;
     display: none;
 }

 .comments .avatar {
     background: #FFF;
     border: 1px solid #e6eff2;
     float: left;
     margin: 4px 15px 0 4px;
     padding: 4px;
     border-radius: 100%;
     -webkit-transition: all ease 0.30s;
     transition: all ease 0.30s;
 }

 .comments .avatar:hover {
     border: 1px solid #deb666;
 }

 .comments .avatar img {
     border-radius: 100%;
 }

 .comments .comment_content {
     margin-left: 110px;
 }

 .comments .comment_content .reply_link:before {
     content: "\f112";
     font-family: FontAwesome;
     padding-right: 5px;
     font-size: 0.8em;
 }

 .comments .comment_content .reply_link {
     float: right;
     padding: 0px 15px;
     color: #a9a9a9;
     border-radius: 2px;
     font-size: .9em;
     -webkit-transition: all ease 0.30s;
     transition: all ease 0.30s;
 }

 .comments .author_name {
     display: inline-block;
 }

 .comments .author_name a {
     float: left;
     color: #a1b1c1;
     font-weight: 600;
 }

 .comments .author_name a:hover {
     color: #deb666;
 }

 .comments .comment_info {
     display: block;
 }

 .comments .comment_info a {
     color: #a9a9a9;
     font-weight: 600;
     font-size: .8em;
     text-transform: uppercase;
 }

 .comments .comment_info i {
     padding-right: 5px;
     font-size: .8em;
     color: #a9a9a9;
 }

 .comments .children {
     padding-left: 40px;
     position: relative;
 }

 .comments .comment-form input {
     display: inline-block;
     border: 1px solid #E6EFF2;
     margin-bottom: 40px;
     box-shadow: none;
     border-radius: 1px;
     width: 100%;
     height: 40px;
     -webkit-transition: all ease 0.5s;
     transition: all ease 0.5s;
 }

 .comments .comment-form textarea {
     border: 1px solid #E6EFF2;
     margin-bottom: 40px;
     box-shadow: none;
     border-radius: 1px;
     width: 100%;
     height: 140px;
     -webkit-transition: all ease 0.5s;
     transition: all ease 0.5s;
 }
 /* ---------- 5.6 Video ---------- */

 #video {
     position: relative;
     padding: 0;
     margin: 0;
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }

 #video .inner {
     padding: 100px 0;
 }

 #video .video_popup {
     padding: 100px 0;
     text-align: center;
 }

 #video .video_popup a {
     position: relative;
     width: 115px;
     height: 115px;
     border-radius: 50%;
     display: block;
     background: transparent;
     border: 6px solid #fff;
     margin: 0 auto;
     opacity: .5;
     text-align: center;
     z-index: 9;
 }

 #video .video_popup a i {
     color: #fff;
     margin-left: 8px;
     font-size: 2.8em;
     line-height: 2.5em;
 }

 #video .video_popup a:after {
     position: absolute;
     content: '';
     background: transparent;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     pointer-events: none;
     opacity: 0.3;
     border-radius: 200px;
 }

 #video .video_popup a:hover {
     opacity: 1;
     -webkit-transform: scale(1.2, 1.2);
     transform: scale(1.2, 1.2);
 }

 #video .video_popup a:hover:after {
     -webkit-transition: all 0.8s ease-out;
     transition: all 0.8s ease-out;
     -webkit-transform: scale(1.8, 1.8);
     transform: scale(1.8, 1.8);
     opacity: 0;
     background: white;
 }
 /* ---------- 5.7 Testimonials ---------- */

 #testimonials .item {
     position: relative;
     margin-top: 35px;
     background: #fff;
     border: 1px solid #eee;
     padding: 20px;
     border-radius: 2px;
     text-align: center;
 }

 #testimonials .item img {
     max-width: 80px;
     margin: 0 auto;
     border-radius: 50%;
 }

 #testimonials .review_content {
     padding: 15px 0;
 }

 #testimonials .review_content .review_rating {
     text-align: center;
 }

 #testimonials .review_content .review_rating i {
     color: #deb666;
     margin: 4px 0;
 }

 #testimonials .review_content .review_author {
     padding-top: 30px;
 }

 #testimonials #testimonials_slider .owl-dots {
     margin-top: 40px;
     position: relative;
     text-align: center;
 }

 #testimonials #testimonials_slider .owl-dots .owl-dot {
     display: inline-block;
     position: relative;
     margin: 0 8px;
 }

 #testimonials #testimonials_slider .owl-dots .owl-dot span {
     position: absolute;
     bottom: 0;
     border-radius: 20px;
     border: solid 3px;
     display: block;
     width: 2px;
     height: 15px;
     margin: 5px 7px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
 }

 #testimonials #testimonials_slider .owl-dots .owl-dot.active span,
 #testimonials #testimonials_slider .owl-dots .owl-dot:hover span {
     color: #deb666;
     height: 25px;
 }
 /* ---------- 5.8 Testimonials Style 2 ---------- */

 #testimonials_style_2 .review_content {
     background: #fff;
     border-radius: 4px;
     margin-bottom: 25px;
     padding: 20px 30px;
     position: relative;
     border: 1px solid #eef1f5;
     -webkit-transition: all .5s;
     transition: all .5s;
 }

 #testimonials_style_2 .review_item .review_content:after {
     content: '';
     display: block;
     position: absolute;
     bottom: -10px;
     right: 0;
     left: -115px;
     margin: 0 auto;
     width: 20px;
     height: 20px;
     background: #FFFFFF;
     border-right: 1px solid #eef1f5;
     border-bottom: 1px solid #eef1f5;
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
 }

 #testimonials_style_2 .review_item .review_content:hover {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
     box-shadow: 0 25px 45px rgba(0, 0, 0, .15);
 }

 #testimonials_style_2 .review_item .review_content h3 {
     text-align: center;
 }

 #testimonials_style_2 .review_content .review_rating {
     text-align: center;
     margin-top: 10px;
 }

 #testimonials_style_2 .review_content .review_rating i {
     margin: 4px 0;
     color: #deb666;
 }

 #testimonials_style_2 .review_item p {
     margin: 15px 0;
     font-weight: 400;
     text-align: center;
 }

 #testimonials_style_2 .review_author {
     text-align: center;
 }

 #testimonials_style_2 .review_author img {
     display: inline-block;
     border-radius: 50%;
 }

 #testimonials_style_2 .review_item .review_author .author_info {
     display: inline-block;
     position: relative;
     margin-left: 10px;
     top: 15px;
     text-align: left;
 }

 #testimonials_style_2 .review_author h5 {
     font-size: 18px;
     font-weight: 600;
     margin-top: 20px;
 }

 #testimonials_style_2 .review_author .place {
     font-size: 14px;
     font-weight: 400;
     color: #8f939d;
     display: block;
 }
 /* ---------- 5.9 Places ---------- */

 #places .places_item {
     margin-bottom: 30px;
     position: relative;
     -webkit-transition: 5;
     transition: 5;
 }

 #places .places_item:after {
     width: 100%;
     height: 100%;
     border-radius: 4px;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     background: rgba(147, 0, 17, .75);
     background: -moz-liznear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(147, 0, 17, .5)), color-stop(100%, rgba(86, 20, 147, .5)));
     background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1);
 }

 #places .places_item img {
     width: 100%;
     border-radius: 4px;
 }

 #places .places_item .place_name {
     position: absolute;
     bottom: 10px;
     left: 10px;
     z-index: 9;
 }

 #places .places_item .place_name h2 {
     color: #fff;
     font-size: 16px;
 }
 /* ---------- 5.10 Location - Contact Us ---------- */

 #contact #map-canvas {
     border: 1px solid #cfd7da;
     border-radius: 2px;
     width: 100%;
     height: 380px;
 }

 .contact-items .contact-item {
     background: #deb666;
     border: 1px solid #deb666;
     padding: 5px;
     color: #fff;
     margin-bottom: 8px;
     border-radius: 1px;
 }

 .contact-items .last {
     margin-right: 0px;
 }

 .contact-item h6 {
     font-size: .9em;
     color: #fff;
     letter-spacing: 0.01em;
 }

 .contact-item i {
     float: left;
     font-size: 1em;
     color: #ffffff;
     margin-right: 5px;
     line-height: .7em;
 }

 #contact-form {
     margin-top: 20px;
 }

 #contact .form-control {
     height: 52px;
     border-radius: 1px;
     border: 1px solid #dfdfdf;
     background-color: #fcfcfc;
     margin-bottom: 15px;
 }

 #contact textarea.form-control {
     min-height: 128px;
 }
 /* ---------- 5.11 Gallery ---------- */

 #gallery {
     overflow: hidden;
     position: relative;
 }

 #gallery .main_title h2 {
     color: #fff;
 }

 #gallery .s_description.a_center {
     color: #fff;
 }

 #gallery_slider .item {
     margin: 0 15px;
     border-radius: 2px;
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 1px 0.98px 0.02px rgba(0, 0, 0, 0.1);
 }

 #gallery_slider .item img {
     display: block;
     width: 100%;
     height: auto;
     border-radius: 2px;
 }

 .gallery_item_info {
     text-align: center;
     padding: 15px 0;
 }

 .gallery_item_info h4 {
     font-size: 1.4em;
 }

 .gallery_item_info p {
     font-size: .8em;
     margin: 0;
     margin-top: 4px;
 }

 #gallery .owl-theme .owl-controls {
     margin-top: 10px;
     text-align: center;
     -webkit-tap-highlight-color: transparent;
 }

 #gallery .owl-theme .owl-controls .owl-dots .owl-dot span {
     margin: 5px;
     border-radius: 7px;
     background-color: rgb(45, 160, 200);
     box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
     width: 14px;
     height: 14px;
 }

 #gallery .owl-theme .owl-controls .owl-dot.active span,
 #gallery .owl-theme .owl-controls .owl-dot span:hover {
     background-color: rgb(255, 255, 255);
     box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 }
 /* ---------- 5.12 Gallery Style 2 ---------- */

 #gallery_style_2 .gs2_item {
     margin-bottom: 50px;
 }

 #gallery_style_2 .gs2_item {
     box-sizing: border-box;
     position: relative;
 }

 #gallery_style_2 .gs2_item:after {
     content: "";
     display: block;
     position: absolute;
     border: 50px solid transparent;
     border-bottom: 50px solid #fefefe;
     bottom: -70px;
     right: -70px;
     box-shadow: 0px 7px 6px -9px black;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     z-index: 9;
 }

 #gallery_style_2 .gs2_item:before {
     content: "";
     display: block;
     position: absolute;
     border: 50px solid transparent;
     border-top: 50px solid #fefefe;
     top: -70px;
     left: -70px;
     box-shadow: 0px -7px 6px -9px black;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     z-index: 9;
 }
 /* ---------- 5.13 About ---------- */

 #about {
     height: 100%;
     padding: 10px 20px;
     border: 5px double #f2f2f2;
     background: #f7f8f9;
 }
 /* ---------- 5.14 About Style 2 ---------- */

 #about_style_2 .about_img_1,
 #about_style_2 .about_img_2 {
     padding: 0px;
     display: inline-block;
     border: 10px solid #cfa95d;
     border-radius: 50%;
     overflow: hidden;
 }

 #about_style_2 .about_img_2 img,
 #about_style_2 .about_img_1 .about_img_inner img{
     display: block;
     max-width: 185%;
    height: auto;
 }


 #about_style_2 .about_img_2_col {
     margin-left: -75px;
 }

 #about_style_2 .about_img_1 .about_img_inner,
 #about_style_2 .about_img_2 .about_img_inner {
     width: 300px;
     height: 300px;
     position: relative;
     border-radius: 50%;
     border: 10px solid #c39c4d;
     overflow: hidden;
 }

 #about_style_2 .about_img_1 .about_img_inner img {
     z-index: 9;
 }
 /* ---------- 5.15 Subscribe Form ---------- */

 #subscribe {
     background: url("../images/bg.jpg");
     padding: 200px 0px;
     background-size: cover;
     background-attachment: fixed;
     background-position: -1px center;
 }

 #subscribe .inner {
     position: relative;
     padding: 24px 0;
     z-index: 9;
 }

 #subscribe .inner .main_title {
     margin-bottom: 10px;
 }

 #subscribe .inner .form-group {
     max-width: 600px;
     margin: 0 auto;
     position: relative;
 }

 #subscribe .inner .form-control {
     display: inline-block;
     float: left;
     padding: 28px;
     border-radius: 50px;
 }

 #subscribe .inner button {
     display: inline-block;
     position: absolute;
     right: 5px;
     top: 5px;
     width: 48px;
     height: 48px;
     border-radius: 50%;
 }

 #subscribe .inner button i {
     position: relative;
     right: 7px;
     font-size: 1.5em;
     text-align: center;
 }
 /* ========== 6 BOOKING FORMS ========== */
 /* ---------- 6.1 Vertical Booking Form ---------- */

 .vbf {
     background-color: #fcfcfc;
     border-radius: 3px;
     border: 1px solid #F4F4F4;
 }

 .vbf .form_title {
     background: #f5f5f5;
     border-radius: 3px 3px 0 0;
     border-bottom: 1px solid #ededed;
     text-align: center;
     letter-spacing: 0.2px;
     color: #606060;
     font-size: 20px !important;
     font-family: 'Raleway', sans-serif;
     line-height: 1em;
     font-weight: 700;
     padding: 12px 0;
     text-shadow: rgba(255, 255, 255, 0.5) 0px 3px 3px;
 }

 .vbf .form_title i {
     font-size: 0.9em;
     position: relative;
     top: -2px;
 }

 .vbf .inner {
     padding: 20px;
 }

 .vbf .form-control {
     font-size: .9em;
     padding: 6px 10px;
     border-radius: 1px;
     height: 42px;
     border: 1px solid #dfdfdf;
     color: #b3b3b3;
     margin-bottom: 15px !important;
 }

 .vbf .form-control:focus {
     border: 1px solid #bcc4c8 !important;
 }

 .vbf .form_date {
     position: relative;
     overflow: hidden;
     padding: 0px 0px !important;
 }

 .vbf .form_date .form-control {
     background: none;
 }

 .vbf .form_date .form-control:hover {
     cursor: pointer;
 }

 .vbf .button {
     margin-top: 5px;
     padding: 9px 20px;
     display: block;
 }

 .vbf .a_b_f {
     color: #a1b1c1;
     font-size: 13px;
 }
 /* ---------- 6.2 Horizontal Booking Form 1 ---------- */

 .hbf {
     margin-top: -60px;
     position: relative;
     z-index: 99;
     width: 100%;
 }

 .hbf .inner {
     min-height: 120px;
     background: #fff;
     border-radius: 2px;
     padding: 15px 0;
     border: 1px solid #E6EFF2;
     border-bottom: 4px solid #E6EFF2;
     border-top: none;
 }

 .hbf .inner {
     border: none;
     border-radius: 2px;
     box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
 }

 .hbf .inner .form-control {
     width: 100%;
     font-size: 0.9em;
     padding: 6px 10px;
     background: transparent;
     color: #b3b3b3;
     border: 1px solid #cfd7da;
     box-shadow: none;
     border-radius: 1px;
     height: 42px;
     -webkit-transition: all ease 0.5s;
     transition: all ease 0.5s;
 }

 .hbf .inner .button {
     margin-top: 30px;
 }

 .hbf .inner .advanced_form_link {
     text-align: center;
     margin-top: 5px;
 }

 .hbf .inner .advanced_form_link a {
     font-weight: 400;
     color: #a1b1c1;
     font-size: .9em;
 }

 .hbf .inner .form_select,
 .hbf .inner .form_date {
     position: relative;
     overflow: hidden;
     padding: 0px 0px !important;
 }

 .hbf .inner .form_select select {
     width: 100%;
     outline: none;
     padding: 6px 12px;
     margin: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     -ms-appearance: none;
     appearance: none;
     text-overflow: ellipsis;
 }

 .hbf .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
     top: -4px;
 }

 .hbf .inner .form_date:after {
     font-size: 0.9em;
     position: absolute;
     display: block;
     content: "\f073";
     top: 50%;
     right: 0;
     margin: -6px 8px 0 0;
     font-family: FontAwesome;
     line-height: 12px;
     color: #b3b3b3;
 }

 .hbf .inner .form_date .datepicker {
     width: 100%;
     outline: none;
     padding: 6px 12px;
     margin: 0;
 }
 /* ---------- 6.3 Horizontal Booking Form 2 ---------- */

 .hbf_2 {
     /* position: absolute; */
     bottom: 50px;
     left: 0;
     z-index: 100;
     right: 0;
 }

 .hbf_2 h1.subtitle{
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6rem;
    color: #f7f8f9;
    margin-top: -21rem;
 }

 .hbf_2 .inner {
     min-height: 110px;
     background: #f7f8f9;
     box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
     border-radius: 2px;
     padding: 35px 0;
 }

 .hbf_2 .inner .form-control {
     height: 42px;
     background: #e4e5e7;
     border: 1px solid #dadbdd;
     color: #a9a9a9;
 }

 .hbf_2 .inner .form-control .btn-select {
     padding: 10px 12px;
 }

 .hbf_2 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
     top: -4px;
     right: 0;
 }

 .hbf_2 .inner .arrival_date .form-control {
     border-radius: 1px 0 0 1px;
 }

 .hbf_2 .inner .departure_date .form-control {
     border-radius: 0 1px 1px 0;
 }

 .hbf_2 .inner .adults .form-control {
     border-radius: 1px 0 0 1px;
 }

 .hbf_2 .inner .children .form-control {
     border-radius: 0 1px 1px 0;
 }
 /* ---------- 6.4 Horizontal Booking Form 3 ---------- */

 .hbf_3 {
     background: #f2f2f4;
     border-bottom: 1px solid #ededed;
     position: relative;
 }

 .hbf_3 .inner {
     min-height: 110px;
     padding: 35px 0;
 }

 .hbf_3 .inner .form-control {
     height: 42px;
     background: #fff;
     border: 1px solid #cfd7da;
     color: #a9a9a9;
 }

 .hbf_3 .inner .form-control .btn-select {
     padding: 10px 12px;
 }

 .hbf_3 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
     top: -4px;
     right: 0;
 }

 .hbf_3 .inner .arrival_date .form-control {
     border-radius: 1px 0 0 1px;
 }

 .hbf_3 .inner .departure_date .form-control {
     border-radius: 0 1px 1px 0;
 }

 .hbf_3 .inner .adults .form-control {
     border-radius: 1px 0 0 1px;
 }

 .hbf_3 .inner .children .form-control {
     border-radius: 0 1px 1px 0;
 }
 /* ========== 7 FOOTER ========== */
 /* ---------- 7.1 Footer ---------- */

 footer {
     border-top: 1px solid #f5f5f5;
     background-color: #f9f9f9;
     color: #777777;
 }

 footer.dark {
     background-color: #272727;
     border-top-color: #272727;
     color: #aaa;
 }

 footer .inner {
     padding-top: 50px;
     padding-bottom: 30px;
 }

 footer .inner {
     border-bottom: 1px solid #f5f5f5;
 }

 footer.dark .inner {
     border-bottom: none;
 }
 /* ---------- 7.2 Footer Widgets ---------- */

 footer .widget {
     padding-bottom: 20px;
 }

 footer .widget h5 {
     color: #606060;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
     padding: 10px 0;
 }

 footer.dark .widget h5 {
     color: #fff;
 }

 footer .widget a {
     color: #858a99;
 }

 footer .widget a:hover {
     color: #deb666;
 }

 footer .about p {
     margin-top: 8px;
 }

 footer .logo {
     margin-bottom: 10px;
     width: 250px;
     max-width: 100%;
     text-align: center;
     /* margin: 0pc auto; */
 }

 footer .blog_posts,
 footer .useful_links,
 address {
     padding-top: 15px;
 }

 footer ul {
     list-style: none;
 }

 footer li {
     border-bottom: 1px dotted rgba(228, 228, 228, 0.5);
 }

 footer.dark li {
     border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
 }

 footer .blog_posts li {
     padding: 8px 0;
 }

 footer .blog_posts li small {
     color: #acbac4;
     display: block;
     padding-top: 4px;
 }

 footer .useful_links li {
     padding: 6.1px 0;
 }

 footer .useful_links li a:before {
     font-family: FontAwesome;
     content: "\f0da";
     margin-right: 12px;
     color: #acbac4;
     display: block;
     float: left;
     font-size: 0.8em;
     line-height: 1.8em;
 }

 footer .useful_links li a:hover:before {
     color: #deb666;
 }

 footer .address_details li {
     padding: 6px 0;
 }

 footer .address_details li i {
     margin-right: 12px;
     font-size: 1em;
     color: #acbac4;
 }
 /* ---------- 7.3 Subfooter ---------- */

 footer .subfooter {
     padding: 12px 0;
     background: #ffffff;
 }

 footer.dark .subfooter {
     background: #222;
     color: #aaa;
 }

 footer .copyrights {
     line-height: 3em;
 }

 footer .subfooter .social_media {
     float: right;
     padding: 2px 0;
 }

 footer .subfooter .social_media a {
     background: #f4f4f4;
     width: 30px;
     height: 30px;
     border-radius: 2px;
     line-height: 30px;
     border: none;
 }

 footer.dark .subfooter .social_media a {
     border: none;
     color: #aaa;
 }
 /* ========== 8 PAGES ========== */
 /* ---------- 8.1 Page Title ---------- */

 .page_title {
     position: relative;
     padding: 40px 0;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .page_title .inner {
     position: relative;
     z-index: 9;
 }

 .page_title h1 {
     color: #fff;
     font-size: 2.6em;
     font-weight: 400;
     display: inline-block;
 }

 .page_title .price {
     float: right;
     width: 70px;
     height: 70px;
     margin-top: 10px;
     border-radius: 4px;
     background: rgba(255, 182, 0, 0.3);
 }

 .page_title .price .inner {
     margin: -5px;
     background-color: #deb666;
     width: 70px;
     height: 70px;
     border-radius: 4px;
     font-size: 1.5em;
     text-align: center;
     padding: 10px 8px;
     color: #ffffff;
     font-weight: 400;
 }

 .page_title .price span {
     display: block;
     font-size: 12px;
 }

 .page_title .breadcrumb {
     font-size: .9em;
     background: none;
     color: #a9a9a9;
     margin: 0;
     padding: 0;
 }

 .page_title .breadcrumb li {
     padding: 5px 0px;
     color: #fff;
 }

 .page_title .breadcrumb li:after {
     content: '/';
     padding: 0px 10px 0px 16px;
     color: #fff;
 }

 .page_title .breadcrumb li:before {
     display: none;
 }

 .page_title .breadcrumb li:last-child {
     padding: 5px 5px;
     border-radius: 2px;
     color: #deb666;
 }

 .page_title .breadcrumb li:last-child:after {
     display: none;
 }

 .page_title .breadcrumb a {
     color: #fff;
 }
 /* ---------- 8.2 Sidebar ---------- */

 .sidebar .widget {
     margin-bottom: 30px;
 }

 .sidebar .widget h4 {
     font-size: 1.2em;
     color: #585858;
     font-weight: 700;
     letter-spacing: 1px;
     margin-bottom: 20px;
     text-transform: uppercase;
     word-spacing: 1px;
     position: relative;
     padding-left: 35px;
 }

 .sidebar .widget h4:before {
     background: #deb666;
     width: 18px;
     height: 18px;
     border-radius: 2px;
     content: "\f105";
     font-family: FontAwesome;
     color: #FFF;
     font-size: 0.6em;
     line-height: 1.7em;
     vertical-align: middle;
     text-align: center;
     position: absolute;
     top: 1px;
     left: 0;
 }

 .sidebar .widget .search {
     height: 40px;
     position: relative;
 }

 .sidebar .widget .search input {
     background: #FFF;
     border: 1px solid #E5E5E5;
     color: #888;
     float: left;
     font-size: 13px;
     height: 39px;
     letter-spacing: 1px;
     margin: 0;
     padding: 10px;
     width: 100%;
     outline: none;
 }

 .sidebar .widget .search button {
     background: none;
     border: none;
     color: #deb666;
     float: left;
     right: 0;
     font-size: 14px;
     height: 40px;
     line-height: 38px;
     min-width: 40px;
     position: absolute;
     vertical-align: bottom;
 }

 .sidebar .widget .search button:after {
     background: #deb666;
     content: "";
     height: 50%;
     left: 0;
     position: absolute;
     top: 25%;
     width: 1px;
 }

 .sidebar .widget .categories li,
 .sidebar .widget .archive li {
     border-bottom: 1px dotted #E5E5E5;
     list-style: none;
     padding: 7px 0;
 }

 .sidebar .widget .categories li a,
 .sidebar .widget .archive li a {
     color: #858a99;
     display: list-item;
     font-size: 1em;
     font-weight: 600;
 }

 .sidebar .widget .categories li a:hover,
 .sidebar .widget .archive li a:hover {
     color: #deb666;
 }

 .sidebar .widget .categories li .num_posts,
 .sidebar .widget .archive li .num_posts {
     width: 30px;
     float: right;
     display: inline-block;
     min-width: 10px;
     padding: 3px 7px;
     font-size: 12px;
     font-weight: 700;
     line-height: 1;
     color: #FFF;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     background: #deb666;
     border-radius: 10px;
     margin-top: 5px;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }

 .sidebar .widget .categories a:hover .num_posts,
 .sidebar .widget .archive a:hover .num_posts {
     background: #b69854;
 }

 .sidebar .widget .latest_posts .latest_post {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 10px 0;
     border-bottom: 1px dotted #e5e5e5;
 }

 .sidebar .widget .latest_posts .latest_post figure {
     display: inline-block;
 }

 .sidebar .widget .latest_posts .latest_post .details {
     display: inline-block;
     margin-left: 10px;
 }

 .sidebar .widget .latest_posts .latest_post .details h6 a {
     color: #606060;
     font-weight: 600;
 }

 .sidebar .widget .latest_posts .latest_post .details h6 a:hover {
     color: #deb666;
 }

 .sidebar .widget .latest_posts .latest_post .details span {
     display: block;
     font-size: .85em;
     margin-top: 10px;
     color: #858a99;
 }

 .sidebar .widget .latest_posts .latest_post .details span i {
     margin-right: 5px;
     font-size: .8em;
 }

 .sidebar .widget .tagcloud a {
     margin-bottom: 5px;
     margin-right: 5px;
     float: left;
 }

 .sidebar .widget .tagcloud a .tag {
     background: #a1b1c1;
     color: #FFF;
     display: inline-block;
     font-size: .8em;
     font-weight: 500;
     letter-spacing: 1px;
     padding: 6px 10px;
     text-transform: uppercase;
 }

 .sidebar .widget .tagcloud .num {
     background: #deb666;
     display: inline-block;
     font-size: .8em;
     padding: 6px 10px;
     color: #FFF;
     position: relative;
     margin-left: -2px;
 }

 .sidebar .widget .tagcloud .num:before {
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #a1b1c1;
     border-style: solid;
     border-width: 4px;
     content: "";
     display: block;
     left: 0;
     position: absolute;
     top: 10px;
 }

 .help {
     background: #f7eecd;
     border: 5px double #d2c38f;
     color: #ada277;
     padding: 15px;
     position: relative;
 }

 .help a {
     color: #ada277;
 }

 .help .phone,
 .help .email {
     font-size: .9em;
     margin: 10px 0;
 }

 .help .phone i,
 .help .email i {
     margin-right: 10px;
 }
 /* ---------- 8.3 404 ---------- */

 #error404_page {
     min-height: 100vh;
     padding-top: 100px;
     background: #160e16;
     /* margin-top: 10px; */
 }

 #error404_page .error_number {
     font-size: 150px;
     text-align: center;
     font-weight: 600;
     color: #ffffff;
     line-height: 1.5;
     padding-top: 10vh;
 }
 /* ---------- 8.4 404 Style 2 ---------- */

 #error404_fullscreen_page {
     height: 100%;
     background: url("../images/404_bg.jpg");
     background-size: cover;
     background-position: center center;
     padding: 0;
 }

 #error404_fullscreen_page .inner {
     position: relative;
     top: 18%;
     z-index: 9;
 }

 #error404_fullscreen_page .error_number {
     font-size: 200px;
     text-align: center;
     font-weight: 600;
     color: #fff;
     line-height: 1.5;
     opacity: .3;
 }

 #error404_fullscreen_page .content_title .c_inner .c_title {
     color: #fff;
 }

 #error404_fullscreen_page .or {
     margin: 0 10px;
     color: #fff;
 }

 #error404_fullscreen_page .social_media a,
 #error404_fullscreen_page .button,
 #error404_fullscreen_page .or {
     margin-bottom: 10px;
 }
 /* ---------- 8.5 About Us  ---------- */

 #about_us_page .about_img {
     margin-top: 5px;
     position: relative;
 }

 #about_us_page .about_img .img1 {
     border-radius: 4px;
     opacity: .3;
 }

 #about_us_page .about_img .img2 {
     position: absolute;
     top: 0;
     margin: -5px;
     border-radius: 4px;
 }
 /* ---------- 8.6 Blog  ---------- */

 .blog .blog_list {
     margin-bottom: 50px;
     border-bottom: 3px double #F5F5F5;
 }

 .blog .blog_list .details {
     margin: 30px 0;
 }

 .blog .blog_list .details h2 a {
     font-size: 1.3em;
     color: #585858;
     font-weight: 600;
 }

 .blog .blog_list .details h2 a:hover {
     color: #deb666;
 }

 .blog .blog_list .details .info {
     margin-top: 10px;
     margin-bottom: 25px;
 }

 .blog .blog_list .details .info .meta_part {
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 25px;
 }

 .blog .blog_list .details .info .meta_part a {
     color: #858a99;
     text-transform: uppercase;
 }

 .blog .blog_list .details .info .meta_part a:hover {
     color: #a9a9a9;
 }

 .blog .blog_list .details .info .meta_part i {
     margin-right: 5px;
     color: #a9a9a9;
 }

 .blog .blog_list .details p {
     font-size: 1em;
     line-height: 1.6;
 }

 .blog .blog_list .details .button {
     margin: 10px 0;
 }

 .blog_post .details {
     margin: 30px 0;
 }

 .blog_post .details h2 a {
     font-size: 1.3em;
     color: #585858;
     font-weight: 600;
 }

 .blog_post .details h2 a:hover {
     color: #deb666;
 }

 .blog_post .details .info {
     margin-top: 10px;
     margin-bottom: 25px;
 }

 .blog_post .details .info .meta_part {
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 25px;
 }

 .blog_post .details .info .meta_part a {
     color: #a9a9a9;
     text-transform: uppercase;
 }

 .blog_post .details .info .meta_part a:hover {
     color: #a9a9a9;
 }

 .blog_post .details .info .meta_part i {
     margin-right: 5px;
     color: #a9a9a9;
 }

 .blog_post .details p {
     font-size: 1em;
     line-height: 1.6;
 }

 .blog_post .details .meta_post {
     margin: 50px 0;
 }

 .blog_post .details .meta_post span {
     margin-right: 10px;
 }

 .blog_post .details .tags {
     display: inline-block;
     margin-bottom: 15px;
     padding-top: 15px;
 }

 .blog_post .details .tags a {
     background: #deb666;
     color: #FFF;
     display: inline-block;
     font-size: 12px;
     margin: 0 5px 5px 0;
     padding: 2px 12px;
     text-transform: uppercase;
     -webkit-transition: all ease 0.30s;
     transition: all ease 0.30s;
 }

 .blog_post .details .tags a:hover {
     background: #deb666;
 }

 .blog_post .details .meta_post .tags span i {
     margin-right: 5px;
 }

 .blog_post .details .share {
     display: inline-block;
     float: right;
     margin-bottom: 15px;
 }

 .blog_post .details .meta_post .share span i {
     margin-right: 5px;
 }

 .blog_post .details .share .social_media {
     display: inline-block;
 }
 /* ---------- 8.7 Booking Form  ---------- */

 #booking_form_advanced {
     margin-top: 20px;
 }

 #booking_form_advanced .form-group {
     padding-bottom: 30px;
     position: relative;
 }

 #booking_form_advanced .form-control {
     height: 52px;
     border-radius: 0px;
     border: 1px solid #dfdfdf;
     background-color: #fcfcfc;
     box-shadow: none;
 }

 #booking_form_advanced textarea.form-control {
     height: 152px;
 }

 #booking_form_advanced .form-control .btn-select {
     padding: 15px 12px;
 }

 #booking_form_advanced .bootstrap-select.btn-group .dropdown-toggle .caret:before {
     top: -4px;
     right: 0;
 }

 #booking_form_advanced .form_date:after {
     position: absolute;
     display: block;
     content: "\f073";
     top: 50%;
     right: 0;
     margin: -6px 8px 0 0;
     font-family: FontAwesome;
     line-height: 12px;
     color: #b3b3b3;
 }

 #booking_form_advanced .form_date .datepicker {
     width: 100%;
     outline: none;
     padding: 6px 12px;
     margin: 0;
 }
 /* ---------- 8.8 Coming Soon  ---------- */

 #hero_coming_soon {
     margin: 0;
     padding: 0;
 }

 #hero_coming_soon #countdown {
     margin-top: 50px;
 }

 #hero_coming_soon #countdown .count_box:first-child {
     margin-left: 5px;
 }

 #hero_coming_soon #countdown .count_box {
     display: inline-block;
     margin-right: 80px;
     width: 80px;
     height: 80px;
     margin-top: 10px;
     border-radius: 4px;
     background: rgba(255, 182, 0, 0.3);
 }

 #hero_coming_soon #countdown .count_box .inner {
     background: #deb666;
     width: 80px;
     height: 80px;
     border-radius: 4px;
     text-align: center;
     padding-top: 25px;
     margin: -5px;
 }

 #hero_coming_soon #countdown .count_box .count_number {
     display: block;
     color: #fff;
     font-size: 3em;
     font-weight: 500;
 }

 #hero_coming_soon #countdown .count_box .count_text {
     margin-top: 15px;
     text-align: center;
     color: #fff;
     font-weight: 300;
     font-size: 1em;
     text-transform: uppercase;
 }

 #hero_coming_soon #subscribe_form {
     position: relative;
 }

 #hero_coming_soon .form-control {
     padding: 28px;
     border-radius: 50px;
 }

 #hero_coming_soon button {
     display: inline-block;
     position: absolute;
     right: 5px;
     top: 5px;
     width: 48px;
     height: 48px;
     border-radius: 50%;
 }

 #hero_coming_soon button i {
     position: relative;
     right: 7px;
     font-size: 1.5em;
     text-align: center;
 }

 .countup_box {
     display: inline-block;
     width: 100%;
     height: 100px;
     margin-top: 50px;
     margin-bottom: 50px;
     border-radius: 4px;
     background: rgba(255, 182, 0, 0.3);
 }

 .countup_box .inner {
     background: #deb666;
     width: 100%;
     height: 100%;
     border-radius: 4px;
     text-align: center;
     padding-top: 20px;
     margin: -5px;
 }

 .countup_box .inner .number {
     font-size: 2em;
     color: #fff;
 }

 .countup_box .inner .text {
     font-size: .9em;
     text-transform: uppercase;
     color: #fff;
 }
 /* ---------- 8.9 Contact  ---------- */

 #map {
     padding: 0;
 }

 #map #google-map {
     position: absolute;
     margin-top: 20px;
     left: 50%;
     margin-left: -80px;
     z-index: 5;
 }

 #map #map-canvas {
     width: 100%;
     height: 400px;
 }

 #google-map .openmap-btn {
     position: relative;
     top: 100px;
     background: #fff;
     border: none;
     box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
 }

 #google-map .openmap-btn:hover {
     background-color: rgb(247, 247, 247);
 }

 #contact-form-page {
     margin-top: 10px;
 }

 #contact-form-page .form-control {
     height: 50px;
     border-radius: 1px;
     border: 1px solid #dfdfdf;
     background-color: #fcfcfc;
 }

 #contact-form-page .form-group {
     padding-bottom: 14px;
 }

 #contact-form-page .form-group textarea {
     height: 135px;
 }

 #contact_page .contact-info,
 #contact_page_style_2 .contact-info {
     list-style: none;
 }

 #contact_page .contact-info li,
 #contact_page_style_2 .contact-info li {
     padding: 8px 0;
     font-weight: 700;
 }

 #contact_page .contact-info li span,
 #contact_page_style_2 .contact-info li span {
     display: block;
     font-size: 1em;
     color: #deb666;
     font-weight: 900;
     margin-bottom: 10px;
 }

 #contact_page .contact-info .social-media,
 #contact_page_style_2 .contact-info .social-media {
     padding-top: 30px;
 }

 #contact_page .contact-info .social-media i,
 #contact_page_style_2 .contact-info .social-media i {
     background-color: #fff;
     -webkit-transition: all ease 0.45s;
     transition: all ease 0.45s;
     width: 35px;
     height: 35px;
     line-height: 2.6em;
     color: #8a959e;
     border-bottom: 1px solid #8A959E;
 }

 #contact_page .contact-info .social-media i:hover,
 #contact_page_style_2 .contact-info .social-media i:hover {
     color: #ffffff;
     -webkit-transition: all ease 0.45s;
     transition: all ease 0.45s;
 }

 #contact_page_style_2 #map-canvas {
     width: 100%;
     height: 168px;
 }

 #contact_page_style_2 .contact-info {
     padding-top: 0px !important;
 }
 /* ---------- 8.10 Events  ---------- */

 #events_page .item {
     margin-bottom: 30px;
     background: #f5f5f5;
     border: 1px solid #eeeeee;
     border-radius: 1px;
 }

 #events_page .item .time-from {
     color: #ffb606;
     text-align: center;
     padding-top: 55px;
     padding-left: 15px;
 }

 #events_page .item .time-from .date {
     font-size: 72px;
     font-weight: 700;
     line-height: 73px;
     margin-top: 0;
 }

 #events_page .item .time-from .month {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 25px;
 }

 #events_page .item .image img {
     width: 100%;
 }

 #events_page .item .event-wrapper {
     color: #999;
     padding: 20px;
     position: relative;
 }

 #events_page .item .event-wrapper h5 {
     margin-top: 10px;
     margin-bottom: 20px;
 }

 #events_page .item .event-wrapper h5 a {
     font-size: 1.2em;
     color: #a1b1c1;
 }

 #events_page .item .event-wrapper .meta {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 13px;
     color: #999;
     line-height: 25px;
 }

 #events_page .item .event-wrapper .meta .time,
 #events_page .item .event-wrapper .meta .location {
     display: inline-block;
     background: #eee;
     margin-bottom: 10px;
     padding: 4px 10px;
     border-radius: 20px;
     border: 1px solid #e9e8e7;
     margin-right: 10px;
     font-size: .9em;
 }

 #events_page .item .event-wrapper .meta .time i,
 #events_page .item .event-wrapper .meta .location i {
     margin-right: 5px;
 }

 #events_page .item .event-wrapper .description {
     margin-top: 25px;
 }

 #hero_event #countdown .count_box {
     padding: 10px 60px;
     display: inline-block;
     margin: 0 40px;
     text-align: center;
     border: 1px solid #fff;
     border-bottom: none;
 }

 #hero_event #countdown .count_box .count_number {
     display: block;
     color: #fff;
     font-size: 1.8em;
     font-weight: 500;
 }

 #hero_event #countdown .count_box .count_text {
     text-align: center;
     margin-top: 10px;
     color: #fff;
     font-weight: 500;
     font-size: 1em;
     text-transform: uppercase;
 }
 /* ---------- 8.11 Gallery  ---------- */

 #gallery_page_style_2 figure, #seasonTabs figure {
     box-sizing: border-box;
     position: relative;
     margin-bottom: 30px;
     margin-top: 30px;
 }

 #gallery_page_style_2 figure:before, #seasonTabs figure:before {
     content: "";
     display: block;
     position: absolute;
     border: 50px solid transparent;
     border-top: 50px solid #deb666ad;
     top: -70px;
     left: -70px;
     box-shadow: 0px -7px 6px -9px black;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     z-index: 9;
 }

 #gallery_page_style_2 figure:after , #seasonTabs figure:after {
     content: "";
     display: block;
     position: absolute;
     border: 50px solid transparent;
     border-bottom: 50px solid #deb666ad;
     bottom: -40px;
     right: -75px;
     box-shadow: 0px 7px 6px -9px black;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     z-index: 9;
 }

 .grid_filters {
     float: left;
     margin-bottom: 40px;
 }

 .grid_filters .button {
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
     margin-bottom: 10px;
 }

 .grid_filters .button.active {
     background: #deb666;
     border: 1px solid #deb666;
 }

 .gallery_items figure {
     margin-bottom: 30px;
 }

 .gallery_items figure figcaption {
     padding: 15px;
     text-align: center;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 }

 .gallery_items figure figcaption h4 {
     font-size: 1.2em;
     color: #606060;
 }

 .gallery_items figure figcaption span {
     display: block;
     font-size: 0.8em;
     color: #858a99;
     margin-top: 5px;
 }
 /* ---------- 8.12 Location  ---------- */

 #location {
     margin: 0;
     padding: 0;
 }

 #location #map-canvas {
     width: 100%;
     height: 474px;
 }
 /* ---------- 8.13 Our Staff  ---------- */

 #our_staff_page .item {
     padding: 15px;
     background: #fafafa;
     border: 1px solid #f0f2f6;
     border-radius: 3px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }

 #our_staff_page .item h5 {
     padding-top: 20px;
     text-align: center;
 }

 #our_staff_page .item h5 small {
     text-align: center;
     display: block;
     font-size: .7em;
     padding-top: 10px;
 }

 #our_staff_page .item {
     margin-bottom: 30px;
 }

 #our_staff_page .item p {
     text-align: center;
 }

 #our_staff_page .item img {
     width: 100%;
 }

 #our_staff_page .item .social-media {
     text-align: center;
     margin-top: 15px;
 }

 #our_staff_page .item .social-media a i {
     margin: 5px;
     background: #eeeeee;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     line-height: 30px;
     border: 1px solid #e9e8e7;
     color: #a1b1c1;
 }
 /* ---------- 8.14 Places  ---------- */

 #places_page .places_item {
     margin-bottom: 30px;
     position: relative;
     -webkit-transition: 5;
     transition: 5;
 }

 #places_page .places_item:after {
     width: 100%;
     height: 100%;
     border-radius: 4px;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     background: rgba(147, 0, 17, .75);
     background: -moz-liznear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(147, 0, 17, .5)), color-stop(100%, rgba(86, 20, 147, .5)));
     background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1);
 }

 #places_page .places_item img {
     border-radius: 4px;
     width: 100%;
 }

 #places_page .places_item .place_name {
     position: absolute;
     bottom: 10px;
     left: 10px;
     z-index: 9;
 }

 #places_page .places_item .place_name h2 {
     color: #fff;
     font-size: 16px;
 }
 /* ---------- 8.15 Restaurant  ---------- */

 #restaurant_page .restaurant_img {
     padding-bottom: 10px;
 }

 #restaurant_page .restaurant_img img {
     border-radius: 5px;
 }

 .menu_item {
     margin-bottom: 60px;
     border: 1px solid #f5f5f5;
 }

 .menu_item .info p {
     margin-top: 2px;
 }

 .menu_item .title {
     position: relative;
     padding-top: 17px;
     padding-bottom: 15px;
     overflow: hidden;
     font-size: 1.2em;
     font-weight: 900;
     text-transform: uppercase;
 }

 .menu_item .title a.name {
     position: relative;
     z-index: 2;
     overflow: hidden;
     background-color: #fff;
     padding-right: 5px;
 }

 .menu_item .title span.price {
     color: #deb666;
 }

 .menu_item .title span.price:before {
     content: "";
     display: block;
     height: 1px;
     position: absolute;
     left: 20px;
     right: 20px;
     top: 34px;
     border-bottom: 2px dotted #f5f5f5;
 }

 .menu_item .title span.price span.amount {
     position: absolute;
     right: 15px;
     padding-left: 8px;
     background: #fff;
     z-index: 2;
 }
 /* ---------- 8.16 Rooms List View  ---------- */

 .room_list {
     background: #f5f5f5;
     margin-bottom: 50px;
     border: 1px solid #eeeeee;
     border-radius: 1px;
 }

 .room_list img {
     width: 100%;
 }

 .room_list .room_list_slider .item img {
     display: block;
     width: 100%;
     height: 100%;
 }

 .room_list_slider .owl-nav {
     text-align: center;
     margin-top: 0;
     position: absolute;
     top: 40%;
     width: 100%;
 }

 .room_list_slider .owl-nav .owl-prev,
 .room_list_slider .owl-nav .owl-next {
     background: #deb666;
     color: #fff;
     margin: 0;
     padding: 10px;
     opacity: 1;
     font-size: 2em;
     -webkit-transition: .3s;
     transition: .3s;
     opacity: .5;
 }

 figure:hover .room_list_slider .owl-nav .owl-prev,
 figure:hover .room_list_slider .owl-nav .owl-next {
     opacity: 1;
 }

 .room_list_slider .owl-nav div:hover {
     background: #deb666;
 }

 .room_list_slider .owl-nav .owl-prev {
     float: left;
     border-radius: 0px 2px 2px 0px;
 }

 .room_list_slider .owl-nav .owl-next {
     float: right;
     border-radius: 2px 0px 0px 2px;
 }

 .room_list .room_details .room_desc {
     padding: 15px 0;
 }

 .room_list .room_details .room_desc h3 a {
     font-family: 'Raleway', sans-serif;
     color: #606060;
     font-weight: 400;
     font-size: 1.2em;
 }

 .room_list .room_details .room_desc p {
     color: #858a99;
     padding-top: 10px;
 }

 .room_list .room_details .room_services {
     padding-top: 30px;
 }

 .room_list .room_details .room_services i {
     background: #deb666;
     padding: 5px 14px;
     font-size: 1.2em;
     color: #fff;
     margin: 5px;
     border: 1px solid #deb666;
     border-radius: 2px;
     cursor: pointer;
 }

 .room_list .room_details .room_services i:hover {
     background: #b69854;
     border: 1px solid #b69854;
 }

 .room_list .room_price {
     text-align: center;
     background: #eee;
     border-left: 1px solid #e9e8e7;
 }

 .room_list .room_price .room_price_inner {
     padding-top: 36px;
     padding-bottom: 37px;
 }

 .room_list .room_price .room_price_number {
     font-size: 2em;
     color: #606060;
 }

 .room_list .room_price small {
     font-size: 1em;
     color: #858a99;
     display: block;
     padding-top: 10px;
 }

 .room_list .room_price .button {
     clear: both;
     display: block;
     position: relative;
     margin-top: 50px;
 }
 /* ---------- 8.17 Rooms Grid View  ---------- */

 #rooms_grid .room_grid_item {
     background: #f5f5f5;
     margin-bottom: 50px;
     border: 1px solid #eeeeee;
     border-radius: 1px;
 }

 #rooms_grid .room_grid_item .room_info {
     padding: 10px;
 }

 #rooms_grid .room_grid_item .room_info .room_services {
     text-align: center;
 }

 #rooms_grid .room_grid_item .room_info .room_services i {
     background: #deb666;
     padding: 5px 14px;
     font-size: 1.2em;
     color: #fff;
     margin: 5px;
     border: 1px solid #efac14;
     border-radius: 2px;
     cursor: pointer;
 }

 #rooms_grid .room_grid_item .room_info .room_services i:hover {
     background: #efac14;
 }

 #rooms_grid .room_grid_item .room_info h3 {
     line-height: 2em;
     float: left;
 }

 #rooms_grid .room_grid_item .room_info h3 a {
     font-family: 'Raleway', sans-serif;
     color: #606060;
     font-weight: 400;
     font-size: 1em;
 }

 #rooms_grid .room_grid_item .room_info span {
     float: right;
     margin-top: 8px;
     background: #eeeeee;
     font-size: .9em;
     padding: 4px 8px;
     border-radius: 20px;
     border: 1px solid #e9e8e7;
 }

 #rooms_grid .room_grid_item .room_info p {
     clear: both;
 }
 /* ---------- 8.18 Rooms Block View  ---------- */

 #rooms_block_view .room_block_item {
     background: #f5f5f5;
     margin-bottom: 50px;
     border: 1px solid #eeeeee;
     border-radius: 1px;
 }

 #rooms_block_view .room_block_item .room_info {
     padding: 10px 0;
 }

 #rooms_block_view .room_block_item .room_info h3 {
     float: left;
 }

 #rooms_block_view .room_block_item .room_info h3 a {
     color: #606060;
     font-weight: 400;
     font-size: 1em;
 }

 #rooms_block_view .room_block_item .room_info span {
     float: right;
     margin-top: 0px;
     margin-right: 6px;
     background: #eeeeee;
     padding: 4px 8px;
     border-radius: 20px;
     border: 1px solid #e9e8e7;
 }

 #rooms_block_view .room_block_item .room_info p {
     clear: both;
     padding-top: 10px;
 }

 #rooms_block_view .room_block_item .room_info .room_services i {
     background: #deb666;
     padding: 5px 10px;
     font-size: 1em;
     color: #fff;
     margin-right: 10px;
     border: 1px solid #efac14;
     border-radius: 2px;
     cursor: pointer;
 }
 /* ---------- 8.19 Room Details  ---------- */

 #room_page .slider #slider-larg {
     padding: 4px;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
     border-radius: 2px;
 }

 #room_page .slider #thumbs {
     margin-top: 15px;
 }

 #room_page .slider #thumbs .owl-item .item {
     overflow: hidden;
     position: relative;
     cursor: pointer;
     border: 1px solid #f1f1f1;
     padding: 3px;
     margin: 2px;
     border-radius: 1px;
     -webkit-transition: .3s;
     transition: .3s;
 }

 #room_page .slider #thumbs .owl-item.active-item .item {
     border: 1px solid #a1b1c1;
 }

 #room_page .slider #thumbs .owl-item .item img {}

 #room_page .slider #thumbs .owl-item .item img:hover {
     opacity: .8;
 }

 .room_facilitys_list {
     margin-top: 0px;
     padding-bottom: 10px;
 }

 .room_facilitys_list h2 span {
     float: right;
 }

 .room_facilitys_list h2 span span {
     text-transform: none;
 }

 .all_facility_list {
     overflow: hidden;
     width: 100%;
     border-top: none;
 }

 .all_facility_list ul li {
     color: #858a99;
     margin-bottom: 7px;
 }

 .all_facility_list ul li i {
     color: #82B73A;
     margin-right: 8px;
 }

 .all_facility_list ul .no i {
     color: #F1572F !important;
 }

 .single_room_details>p {
     font-size: 17px;
     line-height: 30px;
     margin-top: 20px;
 }

 .similar_rooms {
     margin-top: 50px;
 }

 .similar_rooms article figure {
     position: relative;
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
     margin-bottom: 15px;
 }

 .similar_rooms article figure img {
     border-radius: 2px;
 }

 .similar_rooms article figcaption {
     padding: 10px;
     background: #fff;
 }

 .similar_rooms article figcaption h4 a {
     font-size: 1em;
     color: #606060;
     display: inline-block;
     font-size: 1.8rem;
     font-weight: 500;
     margin-bottom: 15px;
     margin: 0;
     -webkit-transition: .3s;
     transition: .3s;
 }

 .similar_rooms article figcaption h4 a:hover {
     color: #deb666;
 }

 .similar_rooms article .price {
     background: #deb666;
     width: 50px;
     height: 50px;
     border-radius: 4px;
     color: #fff;
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 1em;
     font-weight: 600;
     line-height: 1em;
     padding: 10px 0;
     text-align: center;
     text-transform: uppercase;
 }

 .similar_rooms article .price span {
     display: block;
     font-size: .7em;
 }

 #icons .col-md-3 {
     display: block;
     color: #858a99;
     line-height: 32px;
     height: 32px;
 }

 #icons .col-md-3 i {
     color: #a1b1c1;
 }

 #icons .col-md-3 i {
     padding-right: 10px;
 }

 .buttons_block {
     margin-bottom: 80px;
 }

 .buttons_block button {
     margin-top: 20px;
     display: block;
 }

 .buttons_block .social_media {
     margin-top: 50px;
 }

 #page_titles_page .page_title {
     margin-bottom: 80px;
 }

 .block {
     margin: 40px 0;
 }

 .block:first-child {
     margin-top: 0;
 }
 /* #### DEMO CSS #### */

 #demo-header {
     background: #f8f8f8;
     padding-top: 100px;
     padding-bottom: 20px;
 }

 #demo-header .description {
     max-width: 80%;
     margin: 0 auto
 }

 #demo-header .description p {
     font-size: 20px;
     text-align: center;
     color: #858a99;
 }

 .demo-title h2 {
     color: #606060;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 2em;
     text-align: center;
     font-family: 'Lato', sans-serif
 }

 .browser .status-bar h4 {
     font-size: 12px;
     float: right;
     color: #a9a9a9;
     line-height: 30px;
     left: -10px;
     font-weight: 500;
     position: relative
 }

 #demo-variants {
     background: #f8f8f8
 }

 #demo-features {
     margin-top: -235px;
     background: #fff;
     z-index: 9;
     position: relative
 }

 .browser {
     position: relative;
     top: 0;
     background-color: #f1f1f1;
     height: 350px;
     margin-bottom: 80px;
     border-radius: 4px;
     overflow: hidden;
     box-shadow: -10px 10px 38px 0 rgba(1, 1, 1, 0.15);
     transition: 0.2s
 }

 .browser:hover {
     top: -5px
 }

 .browser .status-bar {
     width: 100%;
     height: 30px;
     position: relative;
     z-index: 10;
     border: 1px solid #f2f2f2;
     border-bottom: none;
     background: #fff;
     border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
     -o-border-radius: 5px 5px 0 0;
     -webkit-border-radius: 5px 5px 0 0
 }

 .browser .status-bar .buttons {
     background: #df7065;
     width: 9px;
     height: 9px;
     margin-top: -4px;
     position: absolute;
     top: 50%;
     left: 7px;
     border-radius: 50%
 }

 .browser .status-bar .buttons:before,
 .browser .status-bar .buttons:after {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     border-radius: 50%
 }

 .browser .status-bar .buttons:before {
     background-color: #e6c646;
     left: 13px
 }

 .browser .status-bar .buttons:after {
     background-color: #5bcc8b;
     left: 26px
 }

 .browser .window {
     width: 100%;
     height: 442px;
     overflow: hidden;
     position: relative
 }

 .browser .window img {
     max-width: 100%
 }

 .browser .window .scroll-img {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0
 }

 .browser.loading .window .loader {
     display: block
 }

 #demo-features .item {
     height: 80px;
     margin-bottom: 50px;
     border: 1px solid #f1f1f1;
     border-radius: 2px;
     padding: 10px;
     line-height: 18px;
     color: #858a99;
 }

 #demo-features .item h3 {
     text-transform: uppercase;
     font-size: 13px;
     color: #606060;
     font-weight: 700;
     font-family: 'Lato', sans-serif;
 }

 #demo-features .item span {
     font-size: 14px;
     color: #858a99;
     margin-top: 5px;
     display: block;
 }

 #demo-features .icon img {
     max-width: 40px
 }
 /* Buy Now Btn */

 .buy-now {
     position: fixed;
     z-index: 99;
     right: 0px;
     bottom: 30px;
     width: 60px;
     height: 60px;
 }

 .buy-now.left {
     left: 40px;
 }

 .buy-now .buy-now-btn {
     background: #25D366;
     border-radius: 50%;
     box-shadow: 0 5px 10px 0 rgb(35 50 56 / 10%);
     -webkit-transform-origin: center;
     transform-origin: center;
     position: relative;
     height: 60px;
     width: 60px;
     text-align: center;
     line-height: 58px;
     font-size: 33px;
     color: #fff;
     z-index: 1;
     display: block;
 }

 .buy-now .buy-now-btn:hover {
     background: #b69854;
 }

 .buy-now .ripple,
 .buy-now .ripple:before,
 .buy-now .ripple:after {
     -webkit-animation: ripple 3s infinite;
     animation: ripple 3s infinite;
     border-radius: 50%;
     box-shadow: 0 0 0 0 rgb(222 182 102 / 20%);
     top: 0;
     height: 60px;
     position: absolute;
     width: 60px;
 }

 .buy-now .ripple:before {
     -webkit-animation-delay: .9s;
     animation-delay: .9s;
     content: "";
     position: absolute;
     top: 0;
 }

 .buy-now .ripple:after {
     -webkit-animation-delay: .6s;
     animation-delay: .6s;
     content: "";
     position: absolute;
     top: 0;
 }

 @-webkit-keyframes ripple {
     70% {
         box-shadow: 0 0 0 50px rgba(94, 188, 231, 0);
     }
     100% {
         box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
     }
 }

 @keyframes ripple {
     70% {
         box-shadow: 0 0 0 50px rgba(94, 188, 231, 0);
     }
     100% {
         box-shadow: 0 0 0 0 rgba(94, 188, 231, 0);
     }
 }

 .wordpress-version {
     bottom: 80px;
     position: fixed;
     left: 200px;
     display: flex;
     box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
     border: 1px solid #ebebeb;
     width: auto;
     border-radius: 4px;
     cursor: pointer;
     animation-delay: 1s;
     padding: 15px;
     font-size: 14px;
     line-height: 32px;
     letter-spacing: .5px;
     color: #606060;
     text-transform: uppercase;
     font-weight: 700;
     background: #fff;
     display: flow-root;
     z-index: 9999;
 }

 .wordpress-version img {
     width: 30px;
     margin-right: 15px;
 }

 .wordpress-version:hover,
 .wordpress-version:active,
 .wordpress-version:focus {
     background: #f5f3f0;
 }

 .custom-map {}

 .custom-map iframe {
     width: 100%;
     height: 350px;
 }

 .modelImg img{
     width:100%;
 }


 /*Begin: Gallary Style*/

 .tabsCustStyleUl{
     display:flex;
     justify-content:center;
     align-items: center;
 }

 .custContentBodyOfTabs{
     width: 100%;
     height: 100%;
     min-height:400px;
 }
 .custActiveClass.active{
    color: #fff;
    background-color: #deb666 !important;
    border-radius: 4px;
    font-weight: bold;
 }
 .custActiveClass.active a{
     background-color: #deb666 !important;
      color: #fff !important;
      font-weight: bold;
 }
 .custActiveClass a{
     color: #606060 !important;
     font-weight: bold;
 }
 .custActiveClass a:hover,
 .custActiveClass a:focus{
    color: #fff !important;
    background-color: #deb666 !important;
    border-radius: 4px;
    font-weight: bold;
 }

 .custContentBodyOfTabs .ifNotActive{
    display:none !important;
 }

 .custContentBodyOfTabs .active.in{
     display: block !important;
  }

  .custContentBodyOfTabs .image-gallery{
      /*padding-top: 5% !important;*/
  }


 /*End: Gallary Style*/

 /*wed 11 may, 2022*/

 .cloneSectionBg{
     background: #606060 !important;
 }
 #customerReviewsSection{
     padding-top: 0px;
 }

 #customerReviewsSection .main_title{
    margin-top: 0;
    margin-bottom: 0;
 }
 #customerReviewsSection .main_description{
    margin-top: 0;
    margin-bottom: 0;
 }
 #customerReviewsSection .stars{
     text-align:center;
 }

 /*Begin: Rating Star Style*/
   .star {
    font-size: x-large;
    width: 50px;
    display: inline-block;
    color: #b397973d;
    }
    .star:last-child {
        margin-right: 0;
    }
    .star:before {
        content:'\2605';
    }
    .star.on {
        color: gold;
    }
    .star.half:after {
        content:'\2605';
        color: gold;
        position: absolute;
        margin-left: -20px;
        width: 10px;
        overflow: hidden;
    }
 /*End: Rating Star Style*/
 .br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected {
  background-color: #ff446a;
}

.br-theme-bars-reversed .br-widget .br-current-rating {
  color: #ff446a;
  font-size: 20px;
}

 .reviewBtnHolder{
     width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
 }
 .reviewBtnHolder a{
    width: 200px !important;
    padding: 10px !important;
    border-radius: 4px !important;
 }
 .reviewBtnHolder a i{
     font-size: 18px;
 }
 .ratingBodyModel .btn-group.bootstrap-select.form-control{
     border: 1px solid #e6eff2 !important;
 }
.errorMsgHolder{
     color: red;
 }
 .ratingSuccessMsg{
     color:#606060 !important;
 }

.btn-primary:hover {
    color: #fff;
    background-color: #acaeb0;
    border-color: #bcbcbc;
}
.btn-primary {
    color: #fff;
    background-color: #deb666;
    border-color: #deb666;
}

 #seasonTabs p {
    color: #606060;
}

.align-items-center{
    display: flex;
    align-items: center;
}


 .map_box {
     position: relative;
 }

 .villa_1 {
     position: absolute;
     top: 45%;
     right: 46%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_2 {
     position: absolute;
     top: 40%;
     right: 39%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_3 {
     position: absolute;
     top: 38%;
     right: 33%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_4 {
     position: absolute;
     top: 40%;
     right: 23%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_5 {
     position: absolute;
     top: 35%;
     right: 26%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_6 {
     position: absolute;
     top: 32%;
     right: 21%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_7 {
     position: absolute;
     top: 30%;
     right: 15%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_8 {
     position: absolute;
     top: 32%;
     right: 42%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_9 {
     position: absolute;
     top: 30%;
     right: 37%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_10 {
     position: absolute;
     top: 30%;
     right: 37%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_10 {
     position: absolute;
     top: 27%;
     right: 31%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_11 {
     position: absolute;
     top: 24%;
     right: 46%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_12 {
     position: absolute;
     top: 21%;
     right: 42%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .villa_13 {
     position: absolute;
     top: 22%;
     right: 37%;
     font-size: 50px;
     color: yellow;
     cursor: pointer;
 }

 .infoModelHolder {
     background-color: #deb666;

 }

 .infoModelHolder h2 {
     text-align: center;
     padding: 10px 0;
     color: #fff;
 }

 .infoModelHolder ul {
     text-decoration: none;
     list-style: none;
     padding: 20px;
 }

 .infoModelHolder ul li {
     color: #fff;
     font-size: 22px;
     text-transform: capitalize;
 }
 .features-icons div img{
    display: initial;
 }