/*================================================

* 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/6.png");

     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;

 }