@import url(https://fonts.googleapis.com/css?family=Philosopher&display=swap);
 @import url(https://fonts.googleapis.com/css?family=Fondamento&display=swap);
 @import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
 @charset "utf-8";
 body {
     padding: 0;
     margin: 0;
     outline: 0;
     background: url(../images/.jpg) repeat
 }

 #scrollUp {
     background: #399adb none repeat scroll 0 0;
     border-radius: 2px;
     bottom: 5px;
     color: #fff;
     font-size: 25px;
     height: 40px;
     right: 20px;
     text-align: center;
     text-decoration: none;
     width: 40px
 }

 #scrollUp:hover {
     color: #ffc107 !important
 }

 #scrollUp i {
     display: block;
     font-weight: 700;
     padding-top: 6px
 }

 header {
     position: absolute;
     z-index: 99;
     width: 100%;
     top: 0
 }

 header .navbar {
     padding: 0
 }

 header .nav-bar-sec {
     background: #fff;
     padding: 0
 }

 .heder-top {
     border-bottom: 1px solid #c1c1c1;
     padding: 5px 0
 }

 .navbar-dark .navbar-nav .show>.nav-link,
 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .nav-link.active {
     color: #399adb
 }

 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
     color: #399adb
 }

 .navbar-brand img {
     width: 250px
 }

 header {
     position: absolute;
     z-index: 9;
     width: 100%
 }

 .upper-head {
     background: rgba(0, 0, 0, .72);
     color: #fff;
     border-bottom: 1px dashed#2688d1;
     padding: 10px
 }

 .left-header ul {
     padding: 0;
     margin: 0;
     overflow: hidden
 }

 .left-header ul li {
     float: left;
     list-style: none;
     font-size: 18px;
     text-align: center;
     padding: 10px 15px;
     font-family: 'Fondamento', cursive;
     letter-spacing: 1px;
     color: #399adb
 }

 .left-header img {
     width: 50px;
     display: block;
     margin: 0 auto
 }

 .left-header ul li img {
     width: 50px;
     height: 50px
 }

 .left-header ul li a {
     text-decoration: none;
     color: #399adb
 }

 .left-header ul li span {
     color: #fff;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .logo {
     text-align: center
 }

 .logo img {
     width: 275px
 }

 .ri {
     float: right !important
 }

 .navbar-light .navbar-nav .nav-link {
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 800;
     font-family: 'Philosopher', sans-serif;
     color: #fff;
     font-size: 20px;
     padding: 7px 14px
 }

 .navbar-light .navbar-nav .nav-link:hover,
 active {
     color: #399adb
 }

 .bg-light {
     background-color: #000000 !important;
     border-bottom: 1px dashed #2688d1
 }

 .navbar-light .navbar-nav .show>.nav-link,
 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
     color: rgb(38, 137, 211)
 }

 .box {
     text-align: center;
     background: rgb(57, 154, 219);
     width: 330px;
     height: 330px;
     border-radius: 50%;
     margin: 20px auto;
     padding: 25px 20px;
     color: #fff;
     border: 4px double #fff
 }

 .box img {
     width: 50px;
     height: 50px
 }

 .box h2 {
     font-size: 25px;
     padding: 15px 0
 }

 .demo3 .heder-top {
     border: 0
 }

 .heder-top .info-sec {
     float: left
 }

 .heder-top .login-sec {
     float: right
 }

 .heder-top .info-sec ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }

 .heder-top .info-sec ul li {
     padding: 0;
     margin: 0;
     display: inline-block;
     font-size: 12px;
     font-weight: 500
 }

 .info-sec.demo4 ul li {
     color: #fff;
     font-weight: 300
 }

 .heder-top .info-sec ul li:first-child {
     margin: 0 10px;
     0 0
 }

 .heder-top .login-sec ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }

 .heder-top .login-sec ul li {
     padding: 0;
     margin: 0 10px 0 0;
     display: inline-block
 }

 .heder-top .login-sec ul li a {
     font-size: 13px;
     font-weight: 600;
     color: #000
 }

 .login-sec.demo4 ul li a {
     color: #fff;
     font-weight: 600
 }

 .heder-top .login-sec ul li:last-child a {
     background: #fa9b00;
     color: #fff;
     padding: 10px 20px;
     display: inline-block;
     border-radius: 20px
 }

 .nav-bar-sec.dem4 .navbar-nav li a {
     color: #fff
 }

 .nav-bar-sec.dem4 .navbar-nav li .dropdown-menu a {
     color: #000
 }

 .navbar-dark .navbar-nav .nav-link {
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 800;
     font-family: 'Philosopher', sans-serif
 }

 #header {
     position: fixed;
     width: 100%;
     display: block;
     transition: top 0.3s;
     box-shadow: 0 2px 5px #7d7d7d
 }

 .fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     margin-top: 0em;
     width: 100%;
     transition: background-color 0.3s ease;
     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1), 0 2px 3px 0 rgba(0, 0, 0, .1);
     background: rgb(248, 249, 250);
     z-index: 99
 }

 header .nav-bar-sec.fixed-header {
     background: #fff
 }

 .slider-sec {
     position: relative;
     width: 100%
 }

 .slider-sec {
     position: relative
 }

 .property-link {
     position: absolute;
     left: 50%;
     top: 95%;
     transform: translate(-50%, -50%);
     z-index: 99
 }

 .property-link a {
     font-size: 18px;
     color: #fff;
     padding: 2px 10px;
     text-decoration: none;
     font-family: 'Didact Gothic', sans-serif;
     display: inline-block;
     background: rgba(0, 0, 0, .23921568627450981)
 }

 .property-link a:hover {
     color: #ffc107
 }

 .rslides_tabs {
     list-style: none;
     padding: 0;
     background: rgba(0, 0, 0, .25);
     box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1);
     -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1);
     -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1);
     font-size: 18px;
     list-style: none;
     margin: 0 auto 50px;
     max-width: 540px;
     padding: 10px 0;
     text-align: center;
     width: 100%
 }

 .rslides_tabs li {
     display: inline;
     float: none;
     margin-right: 1px
 }

 .rslides_tabs a {
     width: auto;
     line-height: 20px;
     padding: 9px 20px;
     height: auto;
     background: transparent;
     display: inline
 }

 .rslides_tabs li:first-child {
     margin-left: 0
 }

 .rslides_tabs .rslides_here a {
     background: rgba(255, 255, 255, .1);
     color: #fff;
     font-weight: 700
 }

 .callbacks {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 100%;
     padding: 0;
     margin: 0
 }

 .callbacks li {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0
 }

 .callbacks img {
     display: block;
     position: relative;
     z-index: 1;
     height: 660px;
     height: 100vh;
     width: 100%;
     border: 0
 }

 .callbacks .caption {
     display: block;
     position: absolute;
     z-index: 2;
     font-size: 20px;
     text-shadow: none;
     color: #fff;
     background: #000;
     background: rgba(0, 0, 0, .8);
     left: 0;
     right: 0;
     bottom: 0;
     padding: 10px 20px;
     margin: 0;
     max-width: none
 }

 .callbacks_nav {
     position: absolute;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     top: 52%;
     left: 0;
     opacity: .7;
     z-index: 99;
     text-indent: -9999px;
     overflow: hidden;
     text-decoration: none;
     height: 61px;
     width: 38px;
     background: transparent url(../images/themes.png) no-repeat left top;
     margin-top: -45px
 }

 .callbacks_nav:active {
     opacity: 1
 }

 .callbacks_nav.next {
     left: auto;
     background-position: right top;
     right: 0
 }

 .video-background {
     bottom: 0;
     height: auto;
     min-height: 100%;
     min-width: 100%;
     pointer-events: none;
     position: relative;
     right: 0;
     width: auto
 }

 .slider-sec .slider-inner img {
     width: 100%;
     max-width: 100%;
     height: 590px;
     object-fit: cover
 }

 .slider-sec .slider-inner h1 {
     position: absolute;
     top: 40%;
     font-size: 42px;
     font-weight: 800;
     width: 100%;
     line-height: 55px;
     text-align: center;
     margin: 0 auto;
     color: #000;
     letter-spacing: 5px;
     text-shadow: 2px 2px 2px #fff;
     text-transform: uppercase
 }

 .dropdown-toggle::after {
     display: none
 }

 .calendar-sec {
     margin-top: -10px;
     position: relative;
     z-index: 99;
     width: 100%;
     padding: 10px 0;
     background: #ccc
 }

 .calendar-sec form {
     background: rgba(0, 0, 0, .58);
     padding: 10px 10px
 }

 .calendar-sec form label {
     font-size: 13px;
     color: #fff;
     padding: 0;
     margin: 0 0 10px;
     text-transform: uppercase
 }

 .calendar-sec form input,
 .calendar-sec form select {
     border: 1px solid #c7c6c6;
     border-radius: 0;
     background: #fff;
     font-size: 14px
 }

 .calendar-sec .form-group {
     margin: 0
 }

 .calendar-sec .btn-cal {
     padding: 0 0 0
 }

 .calendar-sec .btn-cal button {
     display: inline-block;
     background: #fa9b00;
     width: 100%;
     border: 1px solid #fa9b00;
     border-radius: 0
 }

 .calendar-sec1 {
     position: absolute;
     z-index: 99;
     width: 100%;
     padding: 10px 0;
     left: 50%;
     top: 70%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%)
 }

 .calendar-sec1.calendar-sec2 {
     top: 70%
 }

 .calendar-sec1 form {
     background: rgba(0, 0, 0, .4);
     padding: 10px 15px;
     border-radius: 5px;
     width: 80%;
     margin: 0 auto
 }

 .calendar-sec1 h1 {
     text-align: center;
     font-size: 70px;
     color: #fff;
     margin: 0 0 10px;
     text-shadow: 1px 1px 1px #000;
     font-family: 'Fondamento', cursive
 }

 .calendar-sec1 h3 {
     text-align: center;
     background: rgba(0, 0, 0, .30980392156862746);
     font-size: 50px;
     color: #fff;
     padding: 0 10px;
     display: inline-block;
     line-height: 43px;
     margin: 0 0 10px;
     font-family: 'Rancho', cursive;
     ;
     text-shadow: 1px 1px 1px #000
 }

 .calendar-sec1 form label {
     font-size: 13px;
     color: #fff;
     padding: 0;
     margin: 0 0 10px;
     text-transform: uppercase
 }

 .calendar-sec1 form input,
 .calendar-sec1 form select {
     border: 1px solid #c7c6c6;
     border-radius: 0;
     background: #fff;
     font-size: 17px;
     height: 56px !important;
     border-radius: 5px;
     font-weight: 600
 }

 .calendar-sec1 .form-group {
     margin: 0
 }

 .calendar-sec1 .btn-cal {
     padding: 0 0 0
 }

 @media (max-width: 767px) {
     .ri {
         float: unset !important;
     }
     .upper-head .container-fluid .row .col-md-4:nth-of-type(1), .upper-head .container-fluid .row .col-md-4:nth-of-type(2){
         width: 50%;
     }
     .container-fluid .row .col-md-4:nth-of-type(3){
         border-top: 1px solid #ccc;
         padding-top: 5px;
     }
 }

 .calendar-sec1 .btn-cal button {
     display: inline-block;
     background: #43be98;
     width: 100%;
     height: 56px;
     border: 1px solid #43be98;
     border-radius: 5px
 }

 .calendar-sec1 .btn-cal button:hover {
     color: #ffc107
 }

 .pad0 {
     padding: 0
 }

 .fix-box {
     position: relative;
     top: -10px
 }

 .fix-box .cen-box {
     background: #000
 }

 .fix-box .cen-box .cen-img-box img {
     width: 100%;
     position: relative;
     height: 330px;
     object-fit: cover
 }

 .fix-box .cen-box .cen-img-box .cen-con {
     text-align: center;
     position: absolute;
     width: 100%;
     top: 40%
 }

 .fix-box .cen-box .cen-img-box h3 {
     font-size: 20px;
     text-align: center;
     width: 100%;
     color: #fff;
     margin: 0 0 10px;
     font-weight: 800;
     line-height: 27px;
     text-shadow: 1px 1px 1px #000
 }

 .fix-box .cen-box-con {
     text-align: center;
     padding: 10px 0;
     position: absolute;
     bottom: 0;
     width: 100%;
     background: rgba(0, 0, 0, .7686274509803922);
     transition: all 0.3s ease-in-out
 }

 .fix-box .cen-box-con a {
     padding: 10px 0;
     color: #fff;
     text-transform: uppercase;
     font-size: 16px;
     text-decoration: none
 }

 .fix-box .cen-box:hover .cen-box-con {
     background: #fa9b00
 }

 .ab-bhm {
     background: url(../images/ab-bhm.jpg) no-repeat;
     background-size: 100%;
     padding: 80px 0
 }

 .ab-bhm .ab-nhm-inner h2 {
     font-size: 24px;
     font-weight: 800;
     text-align: left;
     margin: 0 0 20px;
     color: #000;
     letter-spacing: 2px
 }

 .ab-bhm .ab-nhm-inner p {
     font-size: 14px;
     line-height: 24px;
     margin: 0 0 10px
 }

 .explore {
     padding: 50px 0
 }

 .explore .heading h2 {
     border-left: 3px solid #fa9b00;
     font-size: 28px;
     font-weight: 800;
     text-align: left;
     margin: 0 0 20px;
     color: #000;
     letter-spacing: 2px;
     padding: 0 0 0 10px;
     position: relative;
     left: 15px
 }

 .explore-inner {
     position: relative;
     padding: 20px 0 0
 }

 .explore-inner .explore-img {
     position: relative
 }

 .explore-inner .explore-img figure img {
     width: 100%
 }

 .explore-inner .explore-img figure {
     position: relative
 }

 .explore-inner .explore-img figure figcaption {
     text-align: center;
     position: absolute;
     top: 50%;
     right: inherit;
     bottom: inherit;
     left: 50%;
     z-index: 3;
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .explore-inner .explore-img figure a:before {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     content: '';
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .4)
 }

 .explore-inner .explore-img figure figcaption a:before {
     background: none;
     position: relative
 }

 .explore-inner .explore-img figure figcaption a {
     font-weight: 800;
     font-size: 20px;
     color: #fff;
     text-decoration: none
 }

 .explore-inner .explore-img figure:hover a:before {
     background: none
 }

 .service ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }

 .service ul li {
     margin: 0;
     width: 25%;
     box-sizing: border-box;
     display: table-cell;
     outline: 0
 }

 .services {
     background: #000 url(../images/bg.png) no-repeat;
     background-attachment: fixed;
     background-size: 100%;
     padding: 50px 0
 }

 .services .heading h2 {
     border-left: 3px solid #fa9b00;
     font-size: 28px;
     font-weight: 800;
     text-align: left;
     margin: 0 0 20px;
     color: #fff;
     padding: 0 0 0 10px;
     position: relative;
     letter-spacing: 2px;
     left: 15px
 }

 .services .no-pad {
     padding: 0
 }

 .service-box {
     background: #eee;
     text-align: center;
     box-shadow: 3px 3px 5px rgba(0, 0, 0, .15);
     padding: 10px;
     position: relative;
     z-index: 9;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     min-height: 178px;
     border-bottom: 2px solid #eee;
     margin: 5px
 }

 .service-mar-left {
     margin-left: 15px
 }

 .service-mar-right {
     margin-right: 15px
 }

 .service-box .service-img-box {
     padding: 10px 0
 }

 .service-box .service-img-box img {
     height: 40px;
     width: 40px
 }

 .service-box .service-box-text {
     padding: 20px
 }

 .service-box .service-box-text p {
     font-size: 19px;
     margin: 0 0 10px;
     color: #000;
     line-height: 23px
 }

 .services .service-box:hover {
     box-shadow: 0 70px 70px rgba(0, 0, 0, .2);
     -moz-transform: scale(1.01);
     -o-transform: scale(1.01);
     -ms-transform: scale(1.01);
     -webkit-transform: scale(1.01);
     transform: scale(1.01);
     -moz-transform: translate(0, -10px);
     -o-transform: translate(0, -10px);
     -ms-transform: translate(0, -10px);
     -webkit-transform: translate(0, -10px);
     transform: translate(0, -10px);
     z-index: 100
 }

 .porp-sec {
     padding: 50px 0
 }

 .porp-sec .heading h2 {
     font-size: 35px;
     text-align: center;
     margin: 0 0 30px;
     color: #000;
     letter-spacing: 3px;
     padding: 0 0 0 10px;
     font-family: 'Roboto', sans-serif;
     font-weight: 600;
     text-transform: uppercase
 }

 .porp-sec .testimonial {
     margin-bottom: 15px
 }

 .prop-inner {
     position: relative;
     background: #fff;
     padding: 3px;
     border: 1px solid #eee;
     border-radius: 5px
 }

 .prop-inner .prop-img-box {
     position: relative
 }

 .prop-inner .prop-img-box img {
     position: relative;
     width: 100%;
     height: 210px;
     border-radius: 5px;
     object-fit: cover;
     overflow: hidden
 }

 .prop-inner .over-id {
     position: absolute;
     background: rgba(0, 0, 0, .6705882352941176);
     width: 100%;
     bottom: 0;
     left: 0;
     padding: 8px 0;
     border-radius: 0 0 5px 5px
 }

 .prop-inner .over-id p {
     color: #fff;
     text-align: center;
     margin: 0
 }

 .prop-inner .prop-text {
     padding: 20px 0 0
 }

 .prop-inner .prop-text h3 {
     font-size: 16px;
     font-weight: 600;
     margin: 0 0 15px;
     color: #000
 }

 .prop-inner .prop-text ul {
     list-style-type: none;
     margin: 0;
     padding: 0
 }

 .prop-inner .prop-text ul li {
     width: 30%;
     display: inline-block
 }

 .prop-inner .prop-text ul li img {
     width: 20px;
     height: 20px;
     float: left
 }

 .prop-inner .prop-text ul li span {
     font-size: 13px;
     padding: 0 0 0 6px;
     position: relative;
     top: 0
 }

 .prop-inner .prop-text a {
     background: #399adb;
     display: inline-block;
     padding: 8px 30px;
     color: #fff;
     margin: 15px 0 0;
     width: 100%;
     border-radius: 5px;
     text-align: center;
     text-decoration: none
 }

 .prop-inner .prop-text a:hover {
     color: #ffc107
 }

 .prop-name h4 {
     font-size: 25px !important;
     background: #399adb;
     color: #fff !important;
     padding: 10px 25px;
     display: inline-block;
     border-radius: 5px;
     margin-bottom: 30px
 }

 .video-sec {
     background: #fff url(../images/video-bg1.png) no-repeat center;
     background-attachment: fixed;
     background-size: 100%;
     padding: 150px 0
 }

 .video-sec .video-inner {
     text-align: center
 }

 .video-sec .video-inner h2 {
     font-size: 36px;
     font-weight: 800;
     margin: 0 0 20px;
     color: #000;
     letter-spacing: 2px
 }

 .video-sec .modal-dialog {
     max-width: 850px;
     margin: 80px auto
 }

 .video-sec .modal-header {
     background: none;
     padding: 0;
     border-bottom: 0
 }

 .video-sec button.close {
     position: absolute;
     right: -11px;
     background: #fbeded;
     height: 40px;
     width: 40px;
     z-index: 9;
     border-radius: 58px;
     opacity: 1
 }

 .video-sec .modal-body {
     background: #000 url(../images/video-bg2.png) no-repeat
 }

 .video-sec .modal-body .video-modal-sec iframe {
     border: 0;
     width: 100%;
     height: 450px
 }

 .map-sec img {
     width: 100%;
     height: 550px;
     object-fit: cover
 }

 .about-sec {
     background: #fff url(../images/about.png) no-repeat;
     background-attachment: fixed;
     background-size: 100%;
     padding: 50px 0
 }

 .about-sec .heading h2 {
     border-left: 3px solid #fa9b00;
     font-size: 28px;
     font-weight: 800;
     text-align: left;
     margin: 0 0 20px;
     letter-spacing: 2px;
     color: #000;
     padding: 0 0 0 10px
 }

 .about-text p {
     font-size: 14px;
     font-weight: 600;
     color: #000;
     line-height: 23px;
     margin: 0 0 10px
 }

 .view-al a {
     background: #399adb;
     display: inline-block;
     padding: 8px 30px;
     color: #fff;
     margin: 15px 0 0;
     border-radius: 5px;
     text-align: center;
     text-decoration: none
 }

 .view-al a:hover {
     color: #ffc107
 }

 .review {
     padding: 50px 0 50px;
     background: rgb(241, 241, 241)
 }

 .review h2 {
     font-size: 35px;
     font-family: 'Wigrum-Regular', sans-serif;
     font-weight: 800;
     text-align: center;
     margin: 0 0 10px;
     color: #000;
     letter-spacing: 3px;
     padding: 0 0 0 10px;
     font-family: 'Roboto', sans-serif;
     font-weight: 600;
     text-transform: uppercase
 }

 .agents-card {
     border-radius: 2px;
     padding: 10px;
     box-shadow: 0 5px 7px #e0e5e8;
     min-height: 150px
 }

 .agents-card p {
     color: #777474;
     font-size: 18px
 }

 .agents-card h4 {
     color: #777474;
     font-size: 17px;
     font-style: italic;
     font-weight: 400
 }

 .agents-card a {
     color: #399adb
 }

 .about-agent .card-body {
     padding: 22px 0 0 !important
 }

 . .about-agent .card {
     box-shadow: none !important;
     margin: 0 !important
 }

 .about-agent h5 {
     font-weight: 700 !important
 }

 .attr-sec {
     background: url(../images/area-bg.webp) no-repeat #000 center;
     background-attachment: fixed;
     background-size: cover;
     padding: 50px 0
 }

 .attr-sec .head-sec h2 {
     font-size: 35px;
     font-family: 'Wigrum-Regular', sans-serif;
     font-weight: 800;
     text-align: center;
     margin: 0 0 30px;
     color: #fff;
     letter-spacing: 3px;
     padding: 0 0 0 10px;
     font-family: 'Roboto', sans-serif;
     font-weight: 600;
     text-transform: uppercase
 }

 .area-in {
     background: #fff;
     border-bottom: 5px solid #399adb;
     margin-bottom: 10px
 }

 .area-in .area-img img {
     width: 100%;
     height: 250px;
     object-fit: cover
 }

 .area-in .area-con {
     padding: 30px;
     position: relative
 }

 .area-in .area-con h3 {
     font-weight: 600;
     font-size: 22px;
     margin-bottom: 15px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap
 }

 .area-in .area-con a {
     position: absolute;
     color: #fff;
     font-weight: 700;
     background: #399adb;
     padding: 10px 20px;
     display: inline-block;
     top: -23px;
     left: 0;
     text-decoration: none
 }

 .area-in .area-con a:hover {
     color: #ffc107
 }

 .ar-img-sec {
     background: #fff;
     padding: 5px;
     margin-bottom: 15px
 }

 .ar-img-sec img {
     height: 295px;
     width: 100%;
     object-fit: cover
 }

 .ar-img-con {
     background: #fff;
     padding: 50px;
     margin-bottom: 15px
 }

 .ar-img-con h3 {
     font-weight: 600;
     font-size: 28px;
     margin-bottom: 15px
 }

 .con-form {
     padding: 50px 0
 }

 .con-form h2 {
     margin-bottom: 20px;
     font-family: 'Roboto', sans-serif;
     font-weight: 600;
     text-transform: uppercase;
     color: #000;
     font-size: 30px;
     letter-spacing: 2px
 }

 .con-form input {
     width: 100%;
     height: 40px;
     border: 1px solid #ccc9c9;
     display: block;
     padding-left: 20px;
     font-size: 15px;
     font-style: normal;
     outline: none
 }

 .con-form textarea {
     width: 100%;
     height: auto;
     border: 1px solid #ccc9c9;
     display: block;
     padding-left: 20px;
     font-size: 15px;
     font-style: normal;
     outline: none
 }

 .con-form button {
     display: inline-block;
     background: #399adb;
     border: 1px solid #399adb;
     border-radius: 5px;
     color: #fff;
     padding: 10px 30px
 }

 .con-form button:hover {
     color: #ffc107
 }

 .con-form-txt .con-form-sec h2 {
     font-size: 55px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 15px
 }

 .con-form-txt .con-form-sec p {
     color: #fff;
     font-size: 22px;
     margin-bottom: 10px
 }

 .con-form-txt .con-form-sec a {
     color: #fff;
     background: #ffd00a;
     padding: 10px 20px;
     text-align: center;
     display: inline-block;
     margin: 10px 0;
     border-radius: 5px
 }

 .contact-button ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .contact-button ul li {
     padding: 24px;
     margin: 10px 0;
     font-size: 16px;
     font-weight: 300;
     color: #fff;
     border-radius: 10px 0 10px 0;
     background: #399adb;
     display: block
 }

 .contact-button ul li i {
     margin-right: 15px;
     color: #fff;
     font-size: 23px;
     float: left;
     height: 34px
 }

 .footer {
     background-color: #171616;
     padding: 50px 0 30px
 }

 .foot-logo img {
     width: 100%
 }

 .footer-widget {
     margin-bottom: 30px
 }

 .widget-top {
     margin-bottom: 17px
 }

 .footer-widget .widget-title {
     color: #fff;
     font-size: 16px;
     line-height: 16px;
     margin: 0 0 20px 0;
     font-weight: 600;
     font-family: 'Roboto', sans-serif;
     text-transform: uppercase;
     letter-spacing: 2px
 }

 .footer .fb-sec i {
     margin-right: 10px;
     background: #10388c;
     color: #fff
 }

 .footer .fa {
     margin-right: 10px;
     color: #399adb
 }

 .footer-widget .widget-body {
     background-color: transparent;
     padding: 0
 }

 .footer li {
     margin-bottom: 6px;
     font-size: 14px;
     line-height: 20px;
     font-weight: 300
 }

 .widget-newsletter form,
 .widget_mc4wp_form_widget form {
     margin-bottom: 15px
 }

 .table-list {
     display: table;
     width: 100%
 }

 .widget-newsletter .form-group,
 .widget_mc4wp_form_widget .form-group {
     width: 1000px;
     padding-right: 10px;
     margin: 0
 }

 .table-cell {
     display: table-cell;
     vertical-align: top
 }

 .input-icon {
     position: relative
 }

 .widget-newsletter .input-icon:before,
 .widget_mc4wp_form_widget .input-icon:before {
     height: 43px;
     line-height: 41px
 }

 .input-email:before {
     content: "\f0e0"
 }

 .input-icon:before {
     color: #959595;
     text-align: center;
     font-family: "FontAwesome";
     height: 43px;
     width: 40px;
     line-height: 43px;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1
 }

 .table-list {
     display: table;
     width: 100%
 }

 .widget-newsletter .form-group,
 .widget_mc4wp_form_widget .form-group {
     width: 1000px;
     padding-right: 10px;
     margin: 0
 }

 .table-cell {
     display: table-cell;
     vertical-align: top
 }

 .input-icon {
     position: relative
 }

 .widget-newsletter .input-icon:before,
 .widget_mc4wp_form_widget .input-icon:before {
     height: 43px;
     line-height: 41px
 }

 .input-email:before {
     content: "\f0e0"
 }

 .input-icon:before {
     color: #959595;
     text-align: center;
     font-family: "FontAwesome";
     height: 43px;
     width: 40px;
     line-height: 43px;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1
 }

 .input-icon input {
     padding-left: 40px !important;
     position: relative;
     color: #959595;
     font-size: 19px
 }

 .widget-newsletter .btn,
 .widget_mc4wp_form_widget .btn {
     padding: 11px 35px;
     border: none;
     background: #399adb
 }

 .widget-newsletter .btn:hover,
 .widget_mc4wp_form_widget .btn:hover {
     color: #ffc107
 }

 .list-unstyled li a {
     color: #fff;
     font-size: 19px
 }

 .footer-bottom {
     background: #131212;
     padding: 10px 0
 }

 /*.footer-col {*/
 /*    float: left*/
 /*}*/

 .footer-col img {
     width: 80px
 }

 .footer-col p {
     font-size: 13px;
     color: #fff;
     margin: 0;
     text-align: center;
     padding: 6px 0 0 0
 }

 .designed p {
     float: right;
     color: #fff;
     margin: 0;
     margin-top: 10px
 }

 .designed img {
     height: 35px
 }

 .foot-social a {
     color: #fff;
     font-size: 18px;
     margin: 0 1px
 }

 .go-logo p {
     color: #fff;
     font-size: 13px;
     padding: 10px 0 0 0;
     text-align: right
 }

 .owl-nav {
     text-align: center
 }

 .owl-nav .owl-prev {
     display: inline-block;
     background: #399adb;
     color: #fff;
     padding: 5px 15px;
     margin: 10px 5px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     border: 1px solid #fff
 }

 .owl-nav .owl-prev:hover {
     background: #399adb
 }

 .owl-nav .owl-next {
     display: inline-block;
     background: #399adb;
     color: #fff;
     padding: 5px 15px;
     margin: 10px 5px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     border: 1px solid #fff
 }

 .owl-nav .owl-next:hover {
     background: #399adb
 }

 .list-prop-sec {
     background: #000 url(../images/video-bg1.png) no-repeat center;
     padding: 150px 0;
     background-size: 100%;
     background-attachment: fixed
 }

 .list-prop-sec .list-inner {
     text-align: center
 }

 .list-prop-sec .list-inner h3 {
     font-size: 28px;
     font-weight: 400;
     color: #fff;
     margin: 0 0 10px
 }

 .list-prop-sec .list-inner h4 {
     font-size: 32px;
     font-weight: 600;
     color: #fff;
     margin: 0 0 10px
 }

 .list-prop-sec .list-inner a {
     border: 3px solid #fff;
     padding: 10px 30px;
     display: inline-block;
     color: #fff;
     margin: 20px 0;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 30px
 }

 .map-sub {
     background: #fa9b00;
     padding: 20px 0
 }

 .map-sub .map-sub-text h3 {
     color: #fff;
     font-size: 35px;
     margin: 0 0 0;
     padding: 0 font-weight:600
 }

 .map-sub .form-group {
     margin: 0
 }

 .map-sub .form-group input {
     margin: 0;
     padding: 0 20px;
     background: #fff;
     color: #000;
     border-radius: 0;
     border: 0;
     height: 40px;
     font-size: 14px
 }

 .map-sub .btn-sub button {
     display: inline-block;
     background: #fff;
     width: 100%;
     height: 40px;
     border: 1px solid #fa9b00;
     border-radius: 0;
     color: #000;
     margin: 0;
     font-size: 14px
 }

 .social-link h3,
 .contct-footer h3 {
     color: #fff;
     font-size: 17px;
     line-height: 16px;
     margin: 0 0 20px 0;
     font-weight: 800
 }

 .social-link ul,
 .contct-footer ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .social-link ul li {
     display: inline-block;
     padding: 3px 0
 }

 .social-link ul li a {
     color: #fff
 }

 .social-link ul li a i {
     background: #fa9b00;
     height: 40px;
     width: 40px;
     font-size: 20px;
     line-height: 40px;
     text-align: center;
     color: #fff !important;
     transition: all 0.3s ease
 }

 .social-link ul li a i:hover {
     background: #000
 }

 .contct-footer ul li {
     color: #fff
 }

 .bread-sec {
     background: #000 url(../images/bread.png) no-repeat center;
     background-size: cover;
     background-attachment: fixed;
     padding: 100px 0 150px;
     position: relative
 }

 .head-bread {
     text-align: center
 }

 .head-bread h1 {
     padding: 35px 0 0;
     font-size: 30px;
     font-weight: 700;
     text-align: center;
     line-height: 35px;
     margin: 0;
     color: #fff;
     text-transform: uppercase;
     position: relative;
     top: 80px
 }

 .property-list {
     background: url(../images/bg-list.png) no-repeat center #fff;
     background-size: cover;
     background-attachment: fixed;
     padding: 50px 0
 }

 .property-list a.prop-link {
     color: #000;
     text-decoration: none
 }

 .property-list a:hover {
     color: #000
 }

 .heading-pr {
     position: relative
 }

 .heading-pr h2 {
     font-size: 35px;
     margin: 0 0 30px;
     color: #fff;
     font-family: 'Slabo', serif;
     display: inline-block;
     background: #399adb;
     padding: 20px;
     letter-spacing: 1px;
     line-height: 23px;
     font-weight: 300;
     position: relative
 }

 .heading-pr h2:after {
     content: "";
     position: absolute;
     background: #000;
     right: -108px;
     top: 30px;
     width: 100px;
     height: 2px
 }

 .prop-dt {
     padding: 5px;
     margin-bottom: 30px;
     border: 1px solid #ccc;
     border-radius: 5px;
     background: #fff
 }

 .prop-dt .prop-dt-img {
     position: relative;
     overflow: hidden
 }

 .prop-dt .prop-dt-img img {
     width: 100%;
     height: 200px;
     object-fit: cover;
     position: relative
 }

 .prop-dt .prop-dt-img .pro-id {
     position: absolute;
     background: rgba(0, 0, 0, .6705882352941176);
     width: 100%;
     bottom: 0;
     left: 0;
     padding: 8px 0
 }

 .prop-dt .prop-dt-img .pro-id p {
     color: #fff;
     text-align: center;
     margin: 0
 }

 .prop-dt-con {
     padding: 10px 0
 }

 .prop-dt-con h4 {
     color: #000;
     font-size: 17px;
     font-weight: 700
 }

 .prop-dt-con p {
     color: #000;
     font-size: 15px;
     height: 70px
 }

 .prop-dt-con ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .prop-dt-con ul li {
     display: inline-block;
     text-align: center;
     width: 32%;
     border: 1px solid #ffd00a
 }

 .prop-dt-con ul li img {
     width: 30px;
     height: 30px
 }

 .prop-dt-con ul li span {
     display: block
 }

 .prop-dt-con a {
     background: #399adb;
     padding: 5px 10px;
     color: #fff;
     border-radius: 5px;
     display: inline-block;
     text-align: center;
     text-decoration: none;
     margin-top: 10px
 }

 .prop-dt-con a:hover {
     color: orange
 }

 .property-page-slide .pad0 {
     padding-left: 0;
     padding-right: 0
 }

 .prop-slider-pic {
     border: 1px solid #000;
     position: relative;
     overflow: hidden;
     text-align: center
 }

 .prop-slider-pic img {
     width: 100%;
     height: 350px;
     object-fit: cover;
     display: block;
     position: relative;
     -webkit-transition: all .4s linear;
     transition: all .4s linear
 }

 .prop-slider-pic.pic-sec img {
     height: 174px
 }

 .prop-slider-pic .overlay-sl {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
     opacity: 0;
     background-color: rgba(0, 0, 0, .5);
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
 }

 .prop-slider-pic .overlay-sl h2 {
     text-transform: uppercase;
     color: #fff;
     text-align: center;
     position: relative;
     font-size: 17px;
     background: rgba(0, 0, 0, .6);
     -webkit-transform: translatey(-100px);
     -ms-transform: translatey(-100px);
     transform: translatey(-100px);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     padding: 10px
 }

 .prop-slider-pic .overlay-sl a.info-l {
     text-decoration: none;
     display: inline-block;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid #fff;
     background-color: transparent;
     opacity: 1;
     filter: alpha(opacity=0);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     text-align: center;
     padding: 7px 14px
 }

 .prop-slider-pic .overlay-sl a.info-l:hover {
     box-shadow: 0 0 5px #fff
 }

 .prop-slider-pic:hover img {
     -ms-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
 }

 .prop-slider-pic:hover .overlay-sl {
     opacity: 1;
     filter: alpha(opacity=100)
 }

 .prop-slider-pic .overlay-sl:hover h2,
     {
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-transform: translatey(0);
     -webkit-transform: translatey(0);
     transform: translatey(0)
 }

 .prop-slider-pic .overlay-sl:hover a.info-l {
     -webkit-transition-delay: .2s;
     transition-delay: .2s
 }

 .property-details-page {
     background: #fff;
     padding: 50px 0
 }

 .property-heading-sec h2 {
     font-size: 22px;
     font-weight: 600;
     margin: 0 0 25px
 }

 .property-gallery {
     background: #333;
     padding: 5px;
     margin: 0 0 20px
 }

 .prop-icon {
     background: #fff
 }

 .prop-icon .prop-icon-inner {
     background: #fff;
     border-top: 2px solid #000;
     padding: 15px 0;
     border-bottom: 2px solid #000
 }

 .prop-icon .prop-icon-inner ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
     text-align: center
 }

 .prop-icon .prop-icon-inner ul li {
     display: inline-block;
     width: 22.5%;
     font-size: 18px;
     border: 1px solid #9a9797;
     padding: 10px;
     border-radius: 5px;
     margin: 10px;
     font-weight: 700
 }

 .prop-icon .prop-icon-inner ul li span {
     vertical-align: middle
 }

 .prop-icon .prop-icon-inner ul li span a {
     color: #399adb
 }

 .prop-icon .prop-icon-inner ul li span a:hover {
     color: #ffc107
 }

 .prop-icon .prop-icon-inner ul li img {
     width: 40px;
     height: 40px;
     margin: 0 0 10px
 }

 .prop-heading-p h2 {
     font-size: 30px;
     font-family: 'Wigrum-Regular', sans-serif;
     font-weight: 800;
     text-align: left;
     margin: 0 0 30px;
     color: #333;
     letter-spacing: 1px;
     padding: 0 0 0 0
 }

 .prop-heading-p i {
     color: #399adb
 }

 .prop-heading-p p {
     font-size: 18px;
     font-style: italic;
     font-weight: 700
 }

 .prop-heading-p ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .prop-heading-p ul li {
     display: inline-block;
     font-weight: 600
 }

 .prop-desc {
     padding: 0;
     background: #fff;
     margin: 0 0 30px
 }

 .prop-desc h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     font-weight: 700;
     padding: 0 0 10px
 }

 .prop-desc h4 {
     font-size: 18px;
     margin: 0 0 10px;
     color: #000
 }

 .prop-desc p {
     font-size: 18px;
     line-height: 26px;
     margin: 0 0 10px
 }

 .rate-sec {
     margin: 0 0 15px
 }

 .rate-sec h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     font-weight: 700;
     border-bottom: 1px solid #eee;
     padding: 0 0 10px
 }

 .responsive-table {
     width: 100%;
     margin-bottom: 1em;
     margin-top: 1em;
     font-family: 'Source Sans Pro', sans-serif
 }

 .responsive-table thead {
     position: absolute;
     clip: rect(1px 1px 1px 1px);
     padding: 0;
     border: 0;
     height: 1px;
     width: 1px;
     overflow: hidden
 }

 @media (min-width:44em) {
     .responsive-table thead {
         position: relative;
         clip: auto;
         height: auto;
         width: auto;
         overflow: auto
     }
 }

 .responsive-table thead th {
     background-color: rgb(70, 79, 86);
     border: 1px solid rgb(70, 79, 86);
     font-weight: 400;
     text-align: center;
     color: #fff;
     font-size: 13px;
     font-family: 'Montserrat', sans-serif
 }

 .responsive-table thead th:first-of-type {
     text-align: left
 }

 .responsive-table tbody,
 .responsive-table tr,
 .responsive-table th,
 .responsive-table td {
     display: block;
     padding: 0;
     text-align: left;
     white-space: normal
 }

 @media (min-width:44em) {
     .responsive-table tr {
         display: table-row
     }
 }

 .responsive-table th,
 .responsive-table td {
     padding: .5em;
     vertical-align: middle
 }

 @media (min-width:30em) {
     .responsive-table th,
     .responsive-table td {
         padding: .75em .5em
     }
 }

 @media (min-width:44em) {
     .responsive-table th,
     .responsive-table td {
         display: table-cell;
         padding: .5em
     }
 }

 @media (min-width:62em) {
     .responsive-table th,
     .responsive-table td {
         padding: .75em .5em
     }
 }

 @media (min-width:75em) {
     .responsive-table th,
     .responsive-table td {
         padding: .75em
     }
 }

 .responsive-table caption {
     margin-bottom: 1em;
     font-size: 1em;
     font-weight: 700;
     text-align: center
 }

 @media (min-width:44em) {
     .responsive-table caption {
         font-size: 1.5em
     }
 }

 .responsive-table tfoot {
     font-size: .8em;
     font-style: italic
 }

 @media (min-width:62em) {
     .responsive-table tfoot {
         font-size: .9em
     }
 }

 @media (min-width:44em) {
     .responsive-table tbody {
         display: table-row-group
     }
 }

 .responsive-table tbody tr {
     margin-bottom: 1em;
     border: 2px solid rgb(70, 79, 86)
 }

 @media (min-width:44em) {
     .responsive-table tbody tr {
         display: table-row;
         border-width: 1px
     }
 }

 .responsive-table tbody tr:last-of-type {
     margin-bottom: 0
 }

 @media (min-width:44em) {
     .responsive-table tbody tr:nth-of-type(even) {
         background-color: rgba(94, 93, 82, .1)
     }
 }

 .responsive-table tbody th[scope="row"] {
     background-color: #fff;
     color: #000
 }

 @media (min-width:44em) {
     .responsive-table tbody th[scope="row"] {
         background-color: transparent;
         color: #4e4e4e;
         text-align: left;
         font-size: 14px;
         font-family: 'Montserrat', sans-serif;
         font-weight: 500;
         line-height: 30px
     }
 }

 .responsive-table tbody td {
     text-align: right;
     color: #333;
     font-weight: 300
 }

 @media (min-width:30em) {
     .responsive-table tbody td {
         border: 1px solid rgb(70, 79, 86);
         color: #000;
         font-weight: 600
     }
 }

 @media (min-width:44em) {
     .responsive-table tbody td {
         text-align: center;
         color: #333;
         font-weight: 600;
         font-size: 14px
     }
 }

 .responsive-table tbody td[data-type=currency] {
     text-align: right
 }

 .responsive-table tbody td[data-title]:before {
     content: attr(data-title);
     float: left;
     font-size: 1em;
     color: #333;
     font-weight: 600
 }

 @media (min-width:30em) {
     .responsive-table tbody td[data-title]:before {
         font-size: .9em
     }
 }

 @media (min-width:44em) {
     .responsive-table tbody td[data-title]:before {
         content: none
     }
 }

 .ratesAdditional {
     margin: 30px 0 0
 }

 .ratesAdditional h3 {
     font-size: 16px;
     color: #717171;
     padding-bottom: 5px;
     text-transform: uppercase;
     margin: 0 0 15px;
     padding: 0 0 10px;
     font-weight: 600;
     border-bottom: 1px solid #fa9b00
 }

 .ratesAdditional ul {
     padding: 0;
     margin: 0 0 15px
 }

 .ratesAdditional p {
     color: #212529;
     font-weight: 500;
     padding: 0;
     margin: 0 0 10px;
     line-height: 25px;
     font-size: 20px
 }

 .ratesAdditional ul li {
     padding: 0 0;
     list-style: none
 }

 .ratesAdditional ul li:last-child {
     border-bottom: none
 }

 .ratesAdditional strong {
     width: 300px;
     display: inline-block;
     font-size: 18px;
     color: #43be98;
     padding: 3px;
     font-weight: 500
 }

 .ratesAdditional span {
     display: inline-block;
     color: #000;
     font-weight: 500;
     padding: 5px;
     font-size: 18px
 }

 .ownerInfo1 h2 {
     font-size: 16px;
     color: #fff;
     border-bottom: 1px solid #fff;
     padding-bottom: 5px;
     text-transform: uppercase;
     margin: 0 0 10px
 }

 .ownerInfo1 strong {
     padding: 10px 20px;
     border: 1px solid #fff;
     line-height: 20px;
     color: #242424;
     font-size: 14px;
     font-weight: 400;
     display: block
 }

 .ownerInfo1 p {
     color: #fff;
     font-weight: 600;
     padding: 0;
     margin: 0 0 10px;
     line-height: 25px
 }

 .amenities-sec {
     margin: 0 0 15px
 }

 .amenities-sec h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     font-weight: 700;
     border-bottom: 1px solid #ccc;
     padding: 0 0 10px
 }

 .amenities-inner h4 {
     background: #eee;
     padding: 20px 10px;
     border-bottom: 1px solid #ddd;
     font-size: 16px;
     font-weight: 600;
     margin: 0 0 15px
 }

 .amenities-inner i {
     color: #399adb;
     margin-right: 5px
 }

 .amenities-inner ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .amenities-inner ul li {
     display: inline-block;
     width: 20%;
     vertical-align: top;
     font-size: 18px;
     padding-bottom: 10px;
     margin-right: 10px;
     text-indent: -14px;
     margin-left: 33px
 }

 .calendar-prop {
     padding: 5px;
     background: #fff;
     margin: 50px 0 15px;
     position: sticky;
     top: 0;
     z-index: 999;
     border: 1px solid #ddd
 }

 .calendar-prop.res-cal {
     z-index: 99
 }

 .map-sec {
     padding: 20px 0 50px;
     background: #fff;
     margin: 0 0 15px
 }

 .calendar-prop h3,
 .map-sec h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     font-weight: 700;
     border-bottom: 1px solid #eee;
     padding: 0 0 10px
 }

 .calendar-prop img {
     width: 100%
 }

 .map-sec iframe {
     border: 0;
     width: 100%;
     height: 300px
 }

 .reviews-page {
     margin: 0 0 15px
 }

 .reviews-page h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     border-bottom: 1px solid #eee;
     padding: 0 0 15px;
     font-weight: 700
 }

 .reviews-page h3 span,
 .rate-sec h3 span {
     float: right
 }

 .reviews-page h3 span a,
 .rate-sec h3 span a {
     background: #399adb;
     color: #fff;
     padding: 8px 15px;
     border-radius: 20px;
     font-size: 18px;
     text-align: center;
     margin: 0 0 10px;
     display: inline-block;
     text-transform: uppercase
 }

 .review-page-inner {
     margin: 0 0 10px;
     border-bottom: 1px solid #eee
 }

 .review-page-inner .review-img-box {
     text-align: center
 }

 .review-page-inner .review-img-box img {
     width: 100px;
     height: 100px;
     border-radius: 50px;
     object-fit: cover
 }

 .review-page-inner .review-img-box h5 {
     margin: 10px 0;
     font-size: 15px;
     text-align: center
 }

 .review-page-inner .review-con-box h3 {
     border: 0;
     margin: 0 0 10px;
     padding: 0;
     color: #000;
     font-size: 18px
 }

 .review-page-inner .review-con-box p {
     font-size: 18px;
     line-height: 26px;
     margin: 0 0 10px
 }

 .review-con-box ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .review-con-box ul li {
     display: inline-block;
     color: #ffc107
 }

 .review-con-box ul li i {
     font-size: 14px
 }

 .similar-prop {
     padding: 20px 0
 }

 .similar-prop h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     border-bottom: 1px solid #eee;
     padding: 0 0 15px;
     font-weight: 700
 }

 .share-social-link {
     float: right;
     margin: 0 0 17px
 }

 .share-social-link p {
     font-size: 13px;
     display: inline-block;
     margin: 0 10px 0 0
 }

 .share-social-link ul {
     padding: 0;
     margin: 0;
     list-style-type: none;
     display: inline-block
 }

 .share-social-link ul li {
     display: inline-block
 }

 .share-social-link ul li i {
     font-size: 14px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     background: #000;
     text-align: center;
     color: #fff
 }

 .share-social-link ul li i.fa-facebook {
     background: #3b5999
 }

 .share-social-link ul li i.fa-instagram {
     background: #e4405f
 }

 .share-social-link ul li i.fa-twitter {
     background: #55acee
 }

 .share-social-link ul li i.fa-linkedin {
     background: #0077B5
 }

 .share-social-link ul li i.fa-facebook:hover {
     background: #295cc7
 }

 .share-social-link ul li i.fa-instagram:hover {
     background: #f52c52
 }

 .share-social-link ul li i.fa-twitter:hover {
     background: #6fbdf9
 }

 .share-social-link ul li i.fa-linkedin:hover {
     background: #015e8e
 }

 .quote-form {
     padding: 20px;
     background: #fff;
     border: 1px solid #bfbdbd;
     clear: both;
     position: relative
 }

 .quote-form h3 {
     font-size: 20px;
     margin: 0 0 10px;
     color: #000;
     padding: 0 0 10px
 }

 .form-right form input {
     font-size: 13px;
     line-height: 20px
 }

 .form-right form label {
     font-size: 14px
 }

 .fixed-form {
     position: fixed;
     top: 103px;
     width: 350px
 }

 .coming-soon {
     background: #eee;
     padding: 50px 0
 }

 .coming-soon img {
     width: 100%;
     height: 100%
 }

 .prop-mng-sl {
     position: relative
 }

 .prop-mng-sl img {
     width: 100%;
     object-fit: cover;
     height: 550px;
     position: relative
 }

 .prop-mng-sl {
     background: url(../images/prop/204/1.jpg) center;
     background-size: cover;
     width: 100%;
     padding: 100px 0 80px
 }

 .prop-mng-form {
     padding-top: 60px
 }

 .prop-mng-s {
     padding-top: 100px
 }

 .prop-mng-s h1 {
     font-size: 60px;
     font-weight: 700;
     line-height: 60px;
     margin-bottom: 0;
     color: #fff
 }

 .prop-mng-s h1 span {
     font-style: italic
 }

 .form-head-mng {
     background: rgba(43, 42, 42, .52);
     padding: 15px;
     margin-bottom: 5px
 }

 .form-head-mng h2 {
     font-size: 15px;
     color: #fff;
     margin: 0;
     padding: 5px 0
 }

 .form-head-mng h2 span {
     float: right
 }

 .form-head-mng h2 span a {
     background: orange;
     color: #fff;
     padding: 3px 15px;
     font-size: 13px;
     line-height: 20px;
     margin: 0
 }

 .form-in-mng form p {
     margin-bottom: 5px
 }

 .form-in-mng form .pad-left0 {
     padding-left: 4px
 }

 .form-in-mng form .pad-right0 {
     padding-right: 4px
 }

 .form-in-mng form input {
     width: 100%;
     height: 50px;
     line-height: 40px;
     background: #fff;
     padding: 6px 12px
 }

 .form-in-mng form textarea {
     width: 100%;
     padding: 6px 12px;
     border-radius: 0
 }

 .form-in-mng form button {
     padding: 11px 35px;
     border: none;
     background: #43be98;
     color: #fff;
     width: 100%
 }

 .prop-mg-star {
     background: #fff;
     padding: 50px 0
 }

 .prop-mg-head h2 {
     font-style: italic;
     font-size: 24px;
     margin-bottom: 35px;
     line-height: 24px
 }

 .prop-img-ic {
     margin-top: 10px;
     margin-bottom: 15px
 }

 .prop-img-ic img {
     width: 50px;
     height: 50px
 }

 .prop-mg-con {
     margin: 10px 0
 }

 .prop-mg-con h4 {
     font-size: 18px;
     font-weight: 600;
     line-height: 23px
 }

 .prop-mg-con p {
     font-size: 16px;
     line-height: 23px
 }

 .prop-mg-con a {
     color: #fab31e;
     font-weight: 700
 }

 .prop-mg-book {
     background: #eee;
     padding: 50px 0
 }

 .prop-mg-bok-head {
     margin-bottom: 30px
 }

 .prop-mg-bok-head h2 {
     font-size: 30px;
     font-weight: 400;
     padding: 20px 0;
     line-height: 40px;
     position: relative
 }

 .prop-mg-bok-head h2:before {
     background: #000;
     content: "";
     height: 2px;
     width: 80px;
     position: absolute;
     bottom: 0
 }

 .prop-mg-bok-head h2 span {
     font-weight: 700
 }

 .prop-con-bok h4 {
     font-size: 18px;
     font-weight: 600;
     line-height: 22px
 }

 .prop-con-bok p {
     font-size: 16px;
     line-height: 23px
 }

 .mind {
     padding: 50px 0
 }

 .box-mng {
     border: solid #f6e9e5 3px;
     -webkit-box-shadow: 0 0 40px -14px rgba(0, 0, 0, .75);
     box-shadow: 0 0 40px -14px rgba(0, 0, 0, .75);
     padding: 30px;
     width: 80%;
     margin: 20px auto 0
 }

 .box-mg-img img {
     height: 50px;
     margin-bottom: 20px
 }

 .box-mng-con h3 {
     font-size: 22px;
     font-weight: 500;
     line-height: 30px
 }

 .box-mng-con {
     margin-bottom: 20px
 }

 .box-mng-con p {
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 10px
 }

 .box-mng-con p i {
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 10px;
     color: #fab31e;
     font-weight: 600
 }

 .box-mng-con1 h6 {
     color: #000
 }

 .benefit {
     padding: 50px 0 50px;
     background: #eee
 }

 .head-ben {
     text-align: center;
     margin-bottom: 50px
 }

 .head-ben h2 {
     font-size: 30px;
     font-weight: 400;
     padding: 20px 0;
     line-height: 40px;
     position: relative
 }

 .head-ben h2 span {
     font-weight: 700
 }

 .bd {
     background: #000;
     height: 2px;
     width: 50px;
     text-align: center;
     margin: 0 auto
 }

 .box-mng-con h3 span {
     font-weight: 700
 }

 .img-ben {
     margin-bottom: 20px;
     position: relative;
     overflow: hidden
 }

 .img-ben img {
     width: 100%;
     height: 400px;
     object-fit: cover
 }

 .ovelay-con {
     position: absolute;
     background: -moz-linear-gradient(89deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .5)), color-stop(100%, rgba(0, 0, 0, 0)));
     background: -webkit-linear-gradient(89deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
     background: -o-linear-gradient(89deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
     background: -ms-linear-gradient(89deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
     background: linear-gradient(1deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
     top: 0;
     left: 0;
     z-index: 9;
     overflow: hidden;
     width: 100%;
     height: 100%
 }

 .ovelay-con p {
     color: #fff;
     padding: 20px 0 20px 20px
 }

 .inner-m {
     position: relative;
     display: none
 }

 .inner-m ul {
     position: relative;
     padding: 10px 0 8px;
     margin: 0 0 10px;
     list-style-type: none;
     border-bottom: 1px solid #eee
 }

 .inner-m ul li {
     display: inline-block;
     padding: 10px 20px 10px 0
 }

 .inner-m ul li a {
     font-size: 18px;
     font-weight: 600;
     color: #43be98
 }

 .inner-m ul li a.active {
     border-bottom: 1px solid #f63;
     padding-bottom: 21px;
     color: #000
 }

 .fixed-mn {
     position: fixed;
     top: 0;
     left: 0;
     margin-top: 0em;
     margin-bottom: 50px;
     z-index: 999;
     width: 100%;
     background: #fff;
     margin-bottom: 0
 }

 .fixed-mn ul li {
     padding: 0 0 0 0
 }

 .fixed-mn ul li a {
     margin-right: 30px
 }

 .inner-m.fixed-mn ul li a.active {
     padding-bottom: 10px
 }

 .amenities_terms {
     margin-top: 20px
 }

 .amenities_terms h3 {
     font-size: 24px;
     margin: 0 0 10px;
     color: #399adb !important;
     padding: 0 0 10px;
     border: 0
 }

 .amenities_terms .text {
     border-top: 1px solid #d4d4d4;
     padding: 10px 0 15px
 }

 .amenities_terms .text p {
     font-size: 18px;
     margin-bottom: 10px;
     line-height: 23px
 }

 ul.rate-rev {
     list-style-type: none;
     margin: 10px 0 !important;
     padding: 0
 }

 ul.rate-rev li {
     display: inline-block;
     width: auto !important;
     font-weight: 600
 }

 ul.rate-rev li i {
     color: #43be98
 }

 .pagination .page-link {
     color: #399adb
 }

 .check-avl {
     text-align: center
 }

 .check-avl a {
     background: #399adb;
     display: inline-block;
     padding: 6px 30px;
     color: #fff;
     margin: 5px 0 5px;
     width: 100%;
     border-radius: 5px;
     text-align: center;
     text-decoration: none
 }

 .check-avl a:hover {
     color: #ffc107
 }

 .form-req {
     position: relative
 }

 .form-req-inner form .form-group {
     margin-bottom: 10px
 }

 .form-req-inner p {
     margin-bottom: 5px
 }

 .form-req-inner label {
     font-size: 13px;
     font-weight: 600
 }

 .form-req-inner input {
     width: 100%;
     position: relative
 }

 .form-req-inner .check-pt {
     border: 1px solid #ddd;
     position: relative
 }

 .icon-check-in {
     text-align: center;
     padding-top: 7px
 }

 .icon-check-in i {
     font-size: 20px
 }

 .btn-guest {
     width: 100%
 }

 .btn-guest button {
     width: 100%;
     text-align: left;
     border: 1px solid #c7c6c6;
     background: #fff;
     font-size: 14px;
     height: 56px !important;
     border-radius: 5px;
     cursor: pointer;
     margin-bottom: 15px
 }

 .btn-guest button i {
     float: right;
     position: relative;
     top: 2px
 }

 .popup-show {
     position: relative;
     display: none
 }

 .popup-show-inner {
     position: absolute;
     z-index: 99;
     border: 1px solid #ccc;
     padding: 10px;
     background: #fff;
     top: 0;
     border-radius: 5px
 }

 .popup-show ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .popup-show ul li {
     display: inline-block;
     text-align: left;
     width: 100%;
     font-weight: 600;
     margin-bottom: 10px
 }

 .popup-show ul li .number {
     float: right
 }

 .popup-show span {
     cursor: pointer
 }

 .popup-show .minus,
 .popup-show .plus {
     width: 30px;
     height: 30px;
     line-height: 25px;
     background: #fff;
     color: #000;
     border-radius: 50px;
     border: 1px solid #000;
     display: inline-block;
     vertical-align: middle;
     text-align: center
 }

 .popup-show .minus1,
 .popup-show .plus1 {
     width: 30px;
     height: 30px;
     line-height: 25px;
     background: #fff;
     color: #000;
     border-radius: 50px;
     border: 1px solid #000;
     display: inline-block;
     vertical-align: middle;
     text-align: center
 }

 .popup-show .minus2,
 .popup-show .plus2 {
     width: 30px;
     height: 30px;
     line-height: 25px;
     background: #fff;
     color: #000;
     border-radius: 50px;
     border: 1px solid #000;
     display: inline-block;
     vertical-align: middle;
     text-align: center
 }

 .popup-show input {
     height: 30px;
     width: 50px;
     text-align: center;
     font-size: 14px;
     border-radius: 4px;
     display: inline-block;
     vertical-align: middle
 }

 .popup-show-inner button {
     background: transparent;
     border: 0;
     color: #43be98;
     font-weight: 700
 }

 .popup-show-inner button :hover {
     color: #ffc107
 }

 .from-dt-sec ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .from-dt-sec ul li {
     display: inline-block;
     width: 100%;
     font-size: 90%;
     margin-bottom: 5px;
     border-bottom: 1px solid #ddd;
     padding-bottom: 2px
 }

 .from-dt-sec ul li p {
     margin-bottom: 1px
 }

 .from-dt-sec ul li span {
     float: right
 }

 button.sub-form-gst {
     background: #399adb;
     display: inline-block;
     padding: 8px 30px;
     color: #fff;
     margin: 15px 0 15px;
     width: 100%;
     border-radius: 5px;
     text-align: center;
     text-decoration: none;
     border: 0
 }

 button.sub-form-gst:hover {
     color: #ffc107
 }

 .av-part img {
     width: 100%
 }

 .area-pg {
     padding: 50px 0
 }

 .area-pg .blog-list {
     margin-bottom: 35px
 }

 .blog-bg img {
     width: 100%;
     height: 400px;
     object-fit: cover
 }

 .area-pg .blog-pt h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     font-weight: 700;
     border-bottom: 1px solid #eee;
     padding: 0 0 10px
 }

 .area-pg .blog-content.blog-pt {
     height: 400px
 }

 .area-pg .blog-content.blog-pt p {
     font-size: 18px;
     margin-bottom: 10px;
     line-height: 25px
 }

 .book-q {
     background: #fff;
     padding: 50px 0
 }

 .book-q .card-header {
     background: #333
 }

 .book-q .card-link {
     text-align: center;
     width: 100%;
     display: block;
     font-weight: 600;
     font-size: 20px;
     background: #333;
     color: #fff
 }

 .form-infor label {
     font-weight: 700
 }

 .form-infor input {
     border: 1px solid #333
 }

 .form-infor .btn-cen-in {
     text-align: center
 }

 .form-infor button {
     background: #43be98;
     padding: 10px 10px;
     color: #fff;
     width: 100%;
     border-radius: 5px;
     display: inline-block;
     text-align: center;
     text-decoration: none;
     margin-top: 10px;
     border: 0;
     font-size: 100%;
     text-transform: uppercase
 }

 .form-infor .btn-cen-in.btn-new-us button {
     width: 100%
 }

 .info-book-dt {
     border: 1px solid #ccc
 }

 .info-book-dt .inf-dt-img {
     position: relative
 }

 .info-book-dt .inf-dt-img img {
     width: 100%;
     height: 250px;
     object-fit: cover
 }

 .info-book-dt .inf-dt-img .img-btm-txt {
     position: absolute;
     bottom: 0;
     width: 100%;
     background: rgba(0, 0, 0, .6);
     padding: 5px;
     text-align: center
 }

 .info-book-dt .inf-dt-img .img-btm-txt h3 {
     color: #fff;
     text-align: center;
     font-size: 17px
 }

 .check-system {
     padding: 10px;
     border-bottom: 1px solid #eee;
     overflow: hidden
 }

 .check-system ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }

 .check-system ul li {
     float: left;
     font-weight: 700
 }

 .check-system ul li:last-child {
     float: right
 }

 .check-system ul li span {
     display: block;
     font-weight: 600
 }

 .check-system-in {
     clear: both;
     padding: 10px
 }

 .check-system-in h3 {
     font-size: 18px;
     font-weight: 700
 }

 .check-system-in ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 .check-system-in ul li {
     color: #000;
     border-bottom: 1px solid #ccc;
     padding-bottom: 10px
 }

 .check-system-in ul li span {
     float: right
 }

 .check-system-in ul li:last-child {
     border: 0;
     font-weight: 700
 }

 .number-for ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }

 .number-for ul li {
     display: inline-block;
     width: 100%;
     font-weight: 600;
     margin: 0;
     color: #fff;
     padding: 0 10px;
     background: #fff;
     border-radius: 5px;
     color: #868e96;
     font-size: 17px
 }

 .number-for ul li i {
     position: relative;
     top: 15px;
     font-style: normal
 }

 .number-for ul li .number {
     float: right
 }

 .number-for ul li .number .minus,
 .number-for ul li .number .plus {
     width: 30px;
     height: 30px;
     line-height: 23px;
     background: #fff;
     color: #000;
     border-radius: 50px;
     border: 1px solid #000;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     cursor: pointer
 }

 .number-for ul li .number input {
     height: 30px;
     width: 50px;
     margin: 0;
     text-align: center;
     font-size: 14px;
     border: 0;
     border-radius: 4px;
     display: inline-block;
     vertical-align: middle
 }

 .mobile-calander {
     display: none
 }

 .responsive-gallery {
     display: none
 }

 .check-btn {
     text-align: center;
     padding: 10px 0
 }

 .check-btn a {
     background: rgba(16, 115, 84, 1);
     background: -moz-linear-gradient(left, rgba(16, 115, 84, 1) 0%, rgba(16, 115, 84, 1) 41%, rgba(67, 190, 152, 1) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16, 115, 84, 1)), color-stop(41%, rgba(16, 115, 84, 1)), color-stop(100%, rgba(67, 190, 152, 1)));
     background: -webkit-linear-gradient(left, rgba(16, 115, 84, 1) 0%, rgba(16, 115, 84, 1) 41%, rgba(67, 190, 152, 1) 100%);
     background: -o-linear-gradient(left, rgba(16, 115, 84, 1) 0%, rgba(16, 115, 84, 1) 41%, rgba(67, 190, 152, 1) 100%);
     background: -ms-linear-gradient(left, rgba(16, 115, 84, 1) 0%, rgba(16, 115, 84, 1) 41%, rgba(67, 190, 152, 1) 100%);
     background: linear-gradient(to right, rgba(16, 115, 84, 1) 0%, rgba(16, 115, 84, 1) 41%, rgba(67, 190, 152, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107354', endColorstr='#43be98', GradientType=1);
     ;
     color: #fff;
     padding: 20px 25px;
     border-radius: 50px;
     font-size: 18px;
     margin: 0 0 10px;
     display: inline-block;
     text-transform: uppercase;
     border: 2px solid #ddd;
     text-decoration: none
 }

 .check-btn a:hover {
     color: #ffc107
 }

 .check-btn a img {
     margin-right: 10px
 }

 .fb-sec {
     text-align: center
 }

 .fb-sec a {
     text-align: center
 }

 .fb-sec a i {
     height: 50px;
     width: 50px;
     line-height: 50px;
     border-radius: 50%;
     background: #3b5998;
     color: #fff
 }

 .fb-sec a i:hover {
     background: #10388c;
     color: #fff
 }

 .rate-sec {
     margin: 0 0 15px;
     background: #fff;
     /*padding: 20px*/
 }

 .rate-sec h3 {
     font-size: 26px;
     margin: 0 0 10px;
     color: #000;
     font-weight: 700;
     border-bottom: 1px solid #eee;
     padding: 0 0 10px
 }

 .responsive-table {
     width: 100%;
     margin-bottom: 1em;
     margin-top: 1em;
     font-family: 'Source Sans Pro', sans-serif
 }

 .responsive-table thead {
     position: absolute;
     clip: rect(1px 1px 1px 1px);
     padding: 0;
     border: 0;
     height: 1px;
     width: 1px;
     overflow: hidden
 }

 @media (min-width:44em) {
     .responsive-table thead {
         position: relative;
         clip: auto;
         height: auto;
         width: auto;
         overflow: auto
     }
 }

 .responsive-table thead th {
     background-color: rgb(70, 79, 86);
     border: 1px solid rgb(70, 79, 86);
     font-weight: 400;
     text-align: center;
     color: #fff;
     font-size: 13px;
     font-family: 'Montserrat', sans-serif
 }

 .responsive-table thead th:first-of-type {
     text-align: left
 }

 .responsive-table tbody,
 .responsive-table tr,
 .responsive-table th,
 .responsive-table td {
     display: block;
     padding: 0;
     text-align: left;
     white-space: normal
 }

 @media (min-width:44em) {
     .responsive-table tr {
         display: table-row
     }
 }

 .responsive-table th,
 .responsive-table td {
     padding: .5em;
     vertical-align: middle
 }

 @media (min-width:30em) {
     .responsive-table th,
     .responsive-table td {
         padding: .75em .5em
     }
 }

 @media (min-width:44em) {
     .responsive-table th,
     .responsive-table td {
         display: table-cell;
         padding: .5em
     }
 }

 @media (min-width:62em) {
     .responsive-table th,
     .responsive-table td {
         padding: .75em .5em
     }
 }

 @media (min-width:75em) {
     .responsive-table th,
     .responsive-table td {
         padding: .75em
     }
 }

 .responsive-table caption {
     margin-bottom: 1em;
     font-size: 1em;
     font-weight: 700;
     text-align: center
 }

 @media (min-width:44em) {
     .responsive-table caption {
         font-size: 1.5em
     }
 }

 .responsive-table tfoot {
     font-size: .8em;
     font-style: italic
 }

 @media (min-width:62em) {
     .responsive-table tfoot {
         font-size: .9em
     }
 }

 @media (min-width:44em) {
     .responsive-table tbody {
         display: table-row-group
     }
 }

 .responsive-table tbody tr {
     margin-bottom: 1em;
     border: 2px solid rgb(70, 79, 86)
 }

 @media (min-width:44em) {
     .responsive-table tbody tr {
         display: table-row;
         border-width: 1px
     }
 }

 .responsive-table tbody tr:last-of-type {
     margin-bottom: 0
 }

 @media (min-width:44em) {
     .responsive-table tbody tr:nth-of-type(even) {
         background-color: rgba(94, 93, 82, .1)
     }
 }

 .responsive-table tbody th[scope="row"] {
     background-color: #fff;
     color: #000
 }

 @media (min-width:44em) {
     .responsive-table tbody th[scope="row"] {
         background-color: transparent;
         color: #4e4e4e;
         text-align: left;
         font-size: 14px;
         font-family: 'Montserrat', sans-serif;
         font-weight: 500;
         line-height: 30px
     }
 }

 .responsive-table tbody td {
     text-align: right;
     color: #333;
     font-weight: 300
 }

 @media (min-width:30em) {
     .responsive-table tbody td {
         border: 1px solid rgb(70, 79, 86);
         color: #000;
         font-weight: 600
     }
 }

 @media (min-width:44em) {
     .responsive-table tbody td {
         text-align: center;
         color: #333;
         font-weight: 600;
         font-size: 14px
     }
 }

 .responsive-table tbody td[data-type=currency] {
     text-align: right
 }

 .responsive-table tbody td[data-title]:before {
     content: attr(data-title);
     float: left;
     font-size: 1em;
     color: #333;
     font-weight: 600
 }

 @media (min-width:30em) {
     .responsive-table tbody td[data-title]:before {
         font-size: .9em
     }
 }

 @media (min-width:44em) {
     .responsive-table tbody td[data-title]:before {
         content: none
     }
 }

 .ratesAdditional {
     margin: 30px 0 0
 }

 .ratesAdditional h2 {
     font-size: 18px;
     color: #000;
     padding-bottom: 5px;
     text-transform: uppercase;
     margin: 0 0 15px;
     padding: 0 0 10px;
     font-weight: 600;
     border-bottom: 1px solid #ec2027
 }

 .ratesAdditional ul {
     padding: 0;
     margin: 0 0 15px
 }

 .ratesAdditional p {
     color: #212529;
     padding: 0;
     margin: 0 0 10px;
     line-height: 25px;
     font-size: 19px
 }

 .ratesAdditional ul li {
     padding: 5px 0px !important;
     list-style: none;
     width: 100% !important
 }

 .ratesAdditional ul li:last-child {
     border-bottom: none
 }

 .ratesAdditional strong {
     width: 500px;
     display: inline-block;
     font-size: 16px;
     color: #000;
     padding: 3px;
     font-weight: 500
 }

 .ratesAdditional span {
     display: inline-block;
     color: #000;
     font-weight: 500;
     padding: 5px;
     font-size: 18px
 }
 
.av-part h1 {
  background: #eee;
  padding: 20px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px;
  text-align: center;
}
.av-part h1 a {
  color: #e75480;
  border-bottom: 1px solid #399adb;
  position: relative;
  z-index: 1;
  font-weight: 700;
  padding: 2px;
  font-size: 18px;
  text-transform: capitalize;
  background: linear-gradient(-225deg,#183551 0,#183551 29%,#ed193b 67%,#ed193b 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-clip: border-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-clip: border-box;
  background-position: 0 0;
  -webkit-background-clip: text;
  animation: shine 3s infinite linear;
    animation-fill-mode: none;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  color: #fff;
  background-size: 200% auto;
  -webkit-text-fill-color: transparent;
}
.av-part h1 a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transform-origin: bottom center;
  background: linear-gradient(-225deg,#183551 0,#183551 29%,#ed193b 67%,#ed193b 100%);
  z-index: -1;
  transition: transform 0.3s;
}
.av-part h1 a:hover {
  color: #fff;
  border-bottom: 1px solid #aa346b;
  text-decoration: none;
  -webkit-text-fill-color: #fff;
}
.av-part h1 a:hover::after {
  transform: scaleY(1);
}

@keyframes shine{0{background-position:0 0}100%{background-position:300px}}
@-webkit-keyframes shine{0{background-position:0 0}100%{background-position:300px}}



.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}
.modal-open {
  overflow: hidden;
  padding-right: 0 !important;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: #399adb;
  font-family: 'Fondamento', cursive;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 800;
}
.my-florida p{
  font-size: 19px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.my-florida a {
  background: #cfe2ff;
  padding: 12px 24px;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #052c65;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  transition: .3s all;
}
.my-florida a:hover{
    color: #cfe2ff;
    background: #052c65;
}
.btn-danger{
    cursor: pointer;
    box-shadow: none !important;
}