/* Basic Styles
================================================== */

.wrapper {
    overflow: hidden;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: transparent;
}

html * {
    outline: 0 !important;
}

body {
    background: transparent;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    color: #555;
    margin: 0;
    font-weight: 300;
    line-height: 2;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 2rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 4rem;
    margin: 0 0 2rem 0;
}

h2 {
    font-size: 3rem;
    line-height: 1.3;
}

strong {
    font-weight: bold;
}

p {
    margin: 0 0 2rem 0;
}

.fa {
    margin-right: 0.5rem;
}
/* Images
================================================== */

img {
    border-style: none;
}
/* Link
================================================== */

a {
    color: #362e54;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

a:hover {
    color: #ffd700;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
/* Input textarea select
================================================== */

input,
textarea,
select {
    font-size: 100%;
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
    color: #666;
    font-weight: 300;
}

textarea {
    resize: vertical;
}
/* Form
================================================== */

form,
fieldset {
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    border-style: none;
}

::selection {
    background: #362e54;
    color: #fff;
}

::-moz-selection {
    background: #362e54;
    color: #fff;
}

.header,
#fixed-navbar {
    width: 100%;
    font-weight: 400;
}

.header .logo-nav-wrap,
#fixed-navbar .logo-nav-wrap {
    background: #fff;
    -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
    position: relative;
    padding: 2.5rem 0 0.5rem;
    transition: all 0.3s ease-in-out 0s;
    z-index: 9999;
    font-size: 1.4rem;
    border-bottom: 1px solid #123649;
}

.header .logo-nav-wrap .logo,
#fixed-navbar .logo-nav-wrap .logo {
    margin: 0;
    position: absolute;
    left: 0;
    top: -3.75rem;
}

.header .logo-nav-wrap .navbar-brand,
#fixed-navbar .logo-nav-wrap .navbar-brand {
    color: #123649;
    font-size: 1.8rem;
}

.header .logo-nav-wrap .navbar-brand > img,
#fixed-navbar .logo-nav-wrap .navbar-brand > img {
    max-height: calc(7rem);
    min-height: calc(7rem);
    display: inline-block;
    margin: 0 1rem 0 0;
}

.header .logo-nav-wrap .nav-wrap .navbar.navbar-default,
#fixed-navbar .logo-nav-wrap .nav-wrap .navbar.navbar-default {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
}

.header .logo-nav-wrap .nav-wrap .navbar.navbar-default .navigation,
#fixed-navbar .logo-nav-wrap .nav-wrap .navbar.navbar-default .navigation {
    margin-top: -1rem;
}

.header .logo-nav-wrap .nav-wrap .navbar-default .navbar-nav > li > a,
#fixed-navbar .logo-nav-wrap .nav-wrap .navbar-default .navbar-nav > li > a {
    color: #123649;
}

.header .logo-nav-wrap .nav-wrap .navbar-default .navbar-nav > .active > a,
#fixed-navbar
    .logo-nav-wrap
    .nav-wrap
    .navbar-default
    .navbar-nav
    > .active
    > a,
.header
    .logo-nav-wrap
    .nav-wrap
    .nav-links
    .navbar-default
    .navbar-nav
    > .active
    > a:focus,
#fixed-navbar
    .logo-nav-wrap
    .nav-wrap
    .nav-links
    .navbar-default
    .navbar-nav
    > .active
    > a:focus,
.header
    .logo-nav-wrap
    .nav-wrap
    .nav-links
    .navbar-default
    .navbar-nav
    > .active
    > a:hover,
#fixed-navbar
    .logo-nav-wrap
    .nav-wrap
    .nav-links
    .navbar-default
    .navbar-nav
    > .active
    > a:hover,
.header .logo-nav-wrap .nav-wrap .navbar-default .navbar-nav > li > a:focus,
#fixed-navbar
    .logo-nav-wrap
    .nav-wrap
    .navbar-default
    .navbar-nav
    > li
    > a:focus,
.header .logo-nav-wrap .nav-wrap .navbar-default .navbar-nav > li > a:hover,
#fixed-navbar
    .logo-nav-wrap
    .nav-wrap
    .navbar-default
    .navbar-nav
    > li
    > a:hover,
.header .logo-nav-wrap .nav-wrap .navbar-default .navbar-nav > li:hover > a,
#fixed-navbar
    .logo-nav-wrap
    .nav-wrap
    .navbar-default
    .navbar-nav
    > li:hover
    > a {
    background-color: transparent;
    color: #ffb5b1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.header .logo-nav-wrap .navigation .search-btn,
#fixed-navbar .logo-nav-wrap .navigation .search-btn {
    cursor: pointer;
    padding: 15px;
    color: #362e54;
}

.header .logo-nav-wrap .navigation .nav-links,
#fixed-navbar .logo-nav-wrap .navigation .nav-links {
    position: relative;
}

.header .logo-nav-wrap .navigation .navbar-nav > li:hover > a,
#fixed-navbar .logo-nav-wrap .navigation .navbar-nav > li:hover > a {
    background: #362e54;
}

.header .top-infos,
#fixed-navbar .top-infos {
    background: #f2f2f2;
    /* border-bottom: 1px solid rgba(28, 22, 51, 0.5); */
    color: #123649;
    float: left;
    font-size: 1.3rem;
    margin: 0;
    padding: 1rem;
    position: relative;
    top: -30px;
    width: 100%;
}

.header .top-infos a,
#fixed-navbar .top-infos a {
    color: #123649;
}

.header .top-infos ul li,
#fixed-navbar .top-infos ul li {
    float: left;
    margin: 0 0 0 1rem;
}

#fixed-navbar {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background: black;
    z-index: 9999;
}

#fixed-navbar .logo-nav-wrap {
    box-shadow: none;
    font-size: 1.3rem;
    /* .navbar-brand > img{
  	max-height: calc(9rem);
  	min-height: calc(9rem);
  } */
}

#fixed-navbar .logo-nav-wrap .logo {
    top: -3.5rem;
}
/* .menu-item-has-children.dropdown{
	ul{
		width: calc(100% - 470px);
	}
} */

.content-wrap {
    margin: 0 0 8rem;
}

.content-wrap .section {
    padding: 4rem 0;
}

h2 small {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 60%;
    font-weight: 300;
    line-height: 1.5;
}

.three-columns-wrap {
    font-size: 1.4rem;
}

.three-columns-wrap .heading {
    margin: 0 0 1.5rem;
}

.three-columns-wrap .heading strong {
    font-size: 1.8rem;
    color: #ffd700;
}

.three-columns-wrap .testimonial .item > strong {
    float: right;
    color: #362e54;
}

.three-columns-wrap .subscribe .subscribe-form .form-group {
    margin: 0 0 1rem;
}

.three-columns-wrap .subscribe .subscribe-form button {
    width: 100%;
}

.home-about {
    /* background: url("./image/image02.jpg");
  background-size: cover; */
    color: #fff;
    text-align: justify;
    margin: 0 0 8rem;
    font-size: 1.4rem;
    font-weight: 400;
}

.home-about h2 {
    text-align: left;
}

.home-about h2:after {
    background: #434a54;
}

.home-about ul li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    color: #333;
    margin: 0 -2px;
}

.home-about ul li .icon-wrap {
    border: 1px solid #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    display: block;
    padding: 2rem;
    width: 10rem;
    margin: 3rem auto 1rem;
}

.bg1 {
    background: transparent linear-gradient(75deg, #123649 55%, transparent 55%);
}

.banner-wrap {
    position: relative;
}

.banner-wrap .carousel-inner > .item > a > img,
.banner-wrap .carousel-inner > .item > img,
.banner-wrap .img-responsive,
.banner-wrap .thumbnail a > img,
.banner-wrap .thumbnail > img {
    width: 100%;
    max-height: calc(55rem);
    min-height: calc(55rem);
}

.banner-wrap.inner .carousel-inner > .item > a > img,
.banner-wrap.inner .carousel-inner > .item > img {
    width: 100%;
    max-height: calc(55rem);
    min-height: calc(55rem);
}

.banner-wrap.inner .title-infos {
    color: #ffdb1a;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    /*  .short-infos{
   	ul{
   		li{
   			border-top: 1px solid $lightGrey;
   		}
   	}
   } */
}

.banner-wrap.inner .title-infos .holder {
    background: rgb(242 242 242 / 86%);
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin: 0 auto;
    padding: 2rem;
    width: 40%;
}

.banner-wrap.inner .title-infos .holder .short-infos {
    color: #211c33;
}

.banner-wrap.inner .title-infos .price {
    color: #ffd700;
    font-size: 2rem;
    font-weight: bold;
}

.page-template .header .logo-nav-wrap,
.page-template #fixed-navbar .logo-nav-wrap,
.error404 .header .logo-nav-wrap,
.error404 #fixed-navbar .logo-nav-wrap,
.single .header .logo-nav-wrap,
.single #fixed-navbar .logo-nav-wrap,
.archive .header .logo-nav-wrap,
.archive #fixed-navbar .logo-nav-wrap,
.category .header .logo-nav-wrap,
.category #fixed-navbar .logo-nav-wrap,
.page .header .logo-nav-wrap,
.page #fixed-navbar .logo-nav-wrap {
    background: #362e54;
}

.content-wrap.inner {
    text-align: justify;
}

.content-wrap.inner h2 {
    text-transform: capitalize;
    margin: 0 0 4rem;
    color: #123649;
}

.content-wrap.inn {
    padding-top: 5rem;
    text-align: justify;
}

.content-wrap.inner .post-wrapper .title,
.content-wrap.inner .post-wrapper h2 {
    margin-bottom: 1rem;
}

.footer {
    background: rgba(54, 46, 84, 0.95);
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.5);
    border-top: 2px solid #362e54;
    overflow: hidden;
    position: relative;
}

.footer h2 {
    margin: 0 0 1.5rem;
}

.footer h3 {
    font-size: 2rem;
    color: #fff;
}

.footer .footer-top {
    padding: 8rem 0;
}

.footer .footer-top .btn.btn-warning {
    font-size: 1.6rem;
    padding: 12px 25px;
    text-transform: capitalize;
    color: #fff;
}

.footer .footer-top .btn.btn-warning:hover {
    background-color: #ffd700;
    color: #fff;
    border-color: #ffd700;
}

.footer .footer-top a {
    color: #a79eca;
}

.footer .footer-top a:hover {
    color: #ffd700;
}

.footer .footer-top .social-icon li {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0.5rem;
    text-align: center;
    width: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 0.3rem;
}

.footer .footer-top .social-icon li i {
    margin: 0;
}

.footer .footer-top .social-icon li a {
    display: block;
}

.footer .footer-top .social-icon li:hover {
    border-color: #ffd700;
}

.footer .footer-top .social-icon li:hover a {
    color: #ffd700;
}

.footer .footer-top .testimonials-wrap .photo {
    /* -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        display: inline-block;
        overflow: hidden;
        width: 25%; */
    margin: 0 1rem 0 0;
    /* vertical-align: middle; */
}

.footer .footer-top .testimonials-wrap .photo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.footer .footer-top .testimonials-wrap span {
    font-weight: bold;
    text-transform: capitalize;
}

.footer .float-img-wrap {
    filter: grayscale(50%);
}

.footer img.float-img {
    filter: blur(10px);
    opacity: 0.3;
    position: absolute;
    position: absolute;
    top: 0;
}

.footer .heading {
    font-size: 2rem;
    margin: 0 0 1.5rem;
    text-transform: capitalize;
}

.footer .contact span {
    display: block;
    margin: 0.8rem 0 1.5rem;
    padding: 0 0 0 3rem;
}

.footer .contact span i {
    font-size: 2rem;
    left: 0;
    position: absolute;
    margin-top: 0.2rem;
}

.footer .contact span .fa-envelope {
    font-size: 1.6rem;
}

.footer .contact address {
    position: relative;
}

.footer .links ul li {
    padding: 0.8rem 0;
}

.footer .links ul li:first-child {
    padding-top: 0;
}

.footer .footer-btm {
    background: #083c72;
    padding: 1.5rem;
    color: #fff;
}

.footer .footer-btm p {
    margin: 0;
}

.footer .footer-btm img {
    display: inline-block;
    margin: -5px 0 0;
    vertical-align: middle;
    width: 105px;
}

.wrap p {
    float: right;
    font-size: 1.3rem;
}

.fpara,
.footer-logo-hold {
    display: inline-block;
}

.footer-logo-hold {
    position: relative;
}

.footer-logo-hold > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.footer-logo-hold > a.last {
    backface-visibility: hidden;
    position: absolute;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    top: 0;
}

.footer-logo-hold:hover > a.last {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(-103%);
    -ms-transform: translateX(-103%);
    -o-transform: translateX(-103%);
    transform: translateX(-103%);
    opacity: 1;
}

.footer-logo-hold:hover > a:first-child {
    opacity: 0;
}

.footer-btm p {
    display: inline-block;
}

.footer-btm small {
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome,
    .footer-logo-hold:hover > a.last {
        transform: translateX(0%);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari and Chrome, if Chrome rule needed */
    .footer-logo-hold:hover > a.last {
        transform: translateX(-50%);
    }
    /* Safari 5+ ONLY */
    ::i-block-chrome,
    .footer-logo-hold:hover > a.last {
        transform: translateX(0%);
    }
}

.search-wrap {
    background: #f2f2f2;
    padding: 1rem 0 2rem;
    text-align: center;
    color: #123649;
}

.search-wrap label {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
}

.search-wrap .form-group:first-child {
    width: 70%;
}

.search-wrap .form-group .form-control {
    width: 100%;
    height: calc(4rem);
}

.search-wrap .btn-wrap {
    margin: 3.5rem 0 0;
}

.search-wrap .btn-wrap .btn {
    background-color: #123649;
    border-color: #123649;
    font-size: 1.6rem;
    padding: 0.8rem 3rem;
}

.search-wrap .btn-wrap .btn:hover {
    background-color: #f2f2f2;
    color: #123649;
    border-color: #123649;
}

.menu {
    position: fixed;
    top: 15px;
    right: 0;
    background: #fff;
    width: 240px;
    height: 100%;
    transform: translate3d(240px, 0, 0);
    transition: transform 0.35s;
    z-index: 9999;
    /* hide navigation icon for sublabels */
}

.menu label.menu-toggle {
    font-size: 2.5rem;
    line-height: 2;
    position: absolute;
    left: -55px;
    width: 55px;
    height: 50px;
    display: block;
    padding: 0;
    background: #fff;
    text-align: center;
}

.menu label.menu-toggle span {
    text-indent: -9999px;
    display: block;
}

.menu label.menu-toggle i {
    margin: 0 0 0 8px;
}

.menu ul {
    padding: 0 0 0 2rem;
}

.menu ul li a,
.menu ul li label {
    display: block;
    padding: 0 20px;
    line-height: 60px;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

.menu ul li a:hover,
.menu ul li label:hover {
    color: #ffd700;
}

.menu .active > a {
    color: #ffd700;
}

.menu .menu label.menu-toggle {
    background: none;
}

.menu-checkbox {
    display: none;
}
/* fade in checked menu */

.menu-checkbox:checked + .menu {
    transform: translate3d(0, 0, 0);
}

.destinations .box {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px 3rem;
    overflow: hidden;
}

.destinations .box .image {
    position: relative;
    display: block;
}

.destinations .box .image img {
    max-height: calc(27rem);
    min-height: calc(27rem);
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.destinations .box .image .title {
    background: rgba(140, 198, 62, 0.2);
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.destinations .box .image .hold {
    display: table;
    height: 100%;
    padding: 3rem;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.destinations .box .image .wrap {
    /* background: rgba(255, 255, 255, 0.5); */
    border: 1px solid rgba(255, 255, 255, 0.6);
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.destinations .box .image .wrap:before,
.destinations .box .image .wrap:after {
    width: 100%;
    height: 100%;
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.destinations .box .image .wrap:before {
    /* border-bottom: 3px solid #fff;
    border-left: 3px solid #fff; */
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.destinations .box .image .wrap:after {
    /* border-top: 3px solid #fff;
    border-right: 3px solid #fff; */
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.destinations .box .image .wrap:hover:after,
.destinations .box .image .wrap:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.destinations .box .image .wrap h3 {
    color: #fcfdfd;
    font-family: arial;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
}

.destinations .box .image .details {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.destinations .box .image .details h3 {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.destinations .box .image .details .btn {
    margin: 2rem 0 0;
    font-size: 1.6rem;
}

.destinations .box .image:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 1;
    -webkit-box-shadow: 0 0 9px 0;
    -moz-box-shadow: 0 0 9px 0;
    -ms-box-shadow: 0 0 9px 0;
    -o-box-shadow: 0 0 9px 0;
    box-shadow: 0 0 9px 0;
    /* overflow: hidden; */
}

.destinations .box .image:hover .title {
    z-index: 2;
}

.destinations .box .image:hover .details h3 {
    color: #fdfcfd;
    font-weight: 700;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.destinations .box .image .btn.btn-primary {
    /* background-color: #ffd700;
        border-color: #ffd700; */
    border: 2px solid #123649;
    background: #123649;

    color: #fff;
}
.destinations .box .image:hover .btn {
    /* background-color: #ffd700;
        border-color: #ffd700; */
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
}

.destinations .box .image:hover .hold {
    padding: 0;
}

.destinations.inn .box .fig-details {
    background: rgba(249, 249, 249, 0.3);
    border: 1px solid #f2f0f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.4rem;
    margin-top: 2rem;
    padding: 1.5rem;
}

.destinations.inn .box .fig-details h3 {
    color: #ffd700;
    font-size: 2rem;
}

.destinations.inn .box .fig-details p {
    margin: 0;
}

.package {
    background: #2f2b42;
}

.package h2 {
    color: #fff;
    margin: 0 0 3rem;
}

.package .package-hold .holder .figure {
    overflow: hidden;
}

.package .package-hold .holder .figure img {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.package .package-hold .holder .details {
    background: #fff;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
    font-size: 1.4rem;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    position: relative;
}

.package .package-hold .holder .details h3 {
    font-size: 1.8rem;
    margin: 0 0 1.5rem;
    color: #362e54;
    font-weight: 600;
}

.package .package-hold .holder .details:before {
    border-color: transparent #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: "";
    display: block;
    left: -40px;
    position: absolute;
    top: 65px;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.package .package-hold .holder .details p {
    height: calc(14rem);
    overflow: hidden;
}

.package .package-hold .holder .figure img,
.package .package-hold .holder .details {
    max-height: calc(28rem);
    min-height: calc(28rem);
}

.package .package-hold .holder .overlay {
    background: rgba(255, 255, 255, 0.2);
    border: 3px solid #362e54;
    height: 85%;
    margin: 2rem;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 85%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
}

.package .package-hold .holder .price {
    background: #ffd700;
    -webkit-box-shadow: 0 0 3px #666;
    -moz-box-shadow: 0 0 3px #666;
    -ms-box-shadow: 0 0 3px #666;
    -o-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    left: 0;
    padding: 0.5rem 2rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.package .package-hold .holder .price p {
    margin: 0;
}

.package .package-hold .holder:hover .overlay {
    opacity: 1;
}

.package .package-hold .holder:hover .figure img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.package .package-hold .holder:hover .details {
    background: transparent;
    color: #fff;
}

.package .package-hold .holder:hover .details:before {
    border-color: transparent #161323 transparent transparent;
}

.package .package-hold .holder:hover .details h3 {
    color: #ffd700;
}

.package .package-hold .holder:hover .details .btn {
    background: #ffd700;
    border-color: #ffd700;
}

.package .package-hold .holder:hover .price {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #ffd700;
    font-size: 2.5rem;
    left: 35%;
    top: 40%;
}

.package .holder.right .figure {
    float: right;
}

.package .holder.right .details:before {
    border-color: transparent transparent transparent #fff;
    right: -40px;
    left: auto;
}

.package .holder.right .price {
    left: auto;
    right: 0;
}

.package .holder.right:hover .details:before {
    border-left-color: #161323;
    border-right-color: transparent;
}

.package .holder.right:hover .price {
    left: auto;
    right: 25%;
}

.about-wrapper {
    margin-bottom: 1rem;
}

.content-wrap.inner .about-wrap h2 {
    margin: 0 0 2rem;
}

.about-wrap .cont-wrap {
    font-weight: 400;
    line-height: 1.7;
}

.about-wrap .image-wrap .photo {
    margin: 0 0 1rem;
}

.about-wrap .image-wrap .photo img {
    max-height: calc(20rem);
    min-height: calc(20rem);
    width: 100%;
}

.about-wrap .image-wrap .image-hold .col-sm-6 img {
    max-height: calc(15rem);
    min-height: calc(15rem);
}

.about-wrap .image-wrap .image-hold .col-sm-6:first-child {
    padding-right: 0.5rem;
}

.about-wrap .image-wrap .image-hold .col-sm-6:last-child {
    padding-left: 0.5rem;
}

.about-why {
    color: #fff;
    margin: 0 0 8rem;
}

.about-why .bg1.section {
    padding: 4rem 0;
}

.contact-wrap .address-wrap .box {
    text-align: center;
}

.contact-wrap .address-wrap .icon-wrap {
    font-size: 3.5rem;
    color: #123649;
}

.contact-wrap .btn-wrap {
    margin: 3rem 0 0;
}

.map-wrap iframe {
    width: 100%;
}

.tabs-wrap .nav-tabs {
    background: #f2f2f2;
    padding: 1rem 1rem 0;
}

.tabs-wrap .nav-tabs > li > a {
    background: transparent;
    border: 1px solid transparent;
    padding: 3rem;
    color: #123649;
}

.tabs-wrap .nav-tabs > li > a:hover {
    background: #123649;
    color: #fff;
}

.tabs-wrap .nav-tabs > li.active > a,
.tabs-wrap .nav-tabs > li.active > a:focus,
.tabs-wrap .nav-tabs > li.active > a:hover {
    background: #fff;
    color: #362e54;
}

.tabs-wrap .tab-content {
    border: 1px solid #eee;
    border-top: none;
}

.tabs-wrap .tab-content .cont-wrap {
    font-size: 1.5rem;
    font-weight: 300;
    padding: 2rem;
    line-height: 1.8;
}

.tabs-wrap .tab-content .content-details {
    padding: 2rem;
    font-weight: 300;
    line-height: 2;
}

.tabs-wrap .tab-content .content-details dd {
    line-height: 2;
    margin: 0 0 2rem;
}

.tabs-wrap .tab-content .package-details dl dt {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 0 1rem;
}

.tabs-wrap #facts .content-details h4 {
    text-transform: capitalize;
    color: #ffd700;
}

.tabs-wrap #facts .content-details p {
    margin: 0 0 1rem;
}

.tabs-wrap #facts .content-details p strong {
    font-weight: 500;
    margin-right: 1rem;
    text-transform: capitalize;
}

#include .include-wrapper {
    margin: 0 0 4rem;
}

#include .include-wrapper i {
    color: #00e100;
}

#include .exclude-wrapper i {
    color: #ff0000;
}

.book-form {
    color: #fff;
    filter: grayscale(30%);
    position: relative;
}

.book-form .container {
    position: relative;
}

.book-form .form-wrap {
    float: none;
    margin: 0 auto;
}

.book-form .btn-wrap {
    margin: 1.5rem 0 0;
    text-align: right;
}

.book-form .btn-wrap .btn {
    padding: 1rem 2rem;
}

.book-form .form-control {
    background-color: rgba(255, 255, 255, 0.7);
    height: 5.5rem;
    color: #362e54;
}

.book-form textarea.form-control {
    height: auto;
}

.book-form .form-control::-moz-placeholder {
    color: #362e54;
}

.book-form .form-control:-moz-placeholder {
    color: #362e54;
}

.book-form .form-control:-webkit-placeholder {
    color: #362e54;
}

.book-form .form-control:-ms-placeholder {
    color: #362e54;
}

.book-form .input-group-addon {
    background-color: #123649;
    border-color: #123649;
    color: #fff;
}

.overlay {
    background: #f2f2f2;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.team-wrap {
    margin-top: 4rem;
}

.team-wrap .team-hold li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px 2rem;
}

.team-wrap .team-hold li .btn-wrap {
    margin: 2rem 0 0;
    text-align: center;
}

.team-wrap .title-wrap h3 {
    color: #123649;
    text-align: left;
    font-weight: 500;
    margin: 1.5rem 0 0;
    text-transform: capitalize;
}

.team-wrap .title-wrap p {
    font-size: 80%;
    color: #a48581;
}

.team-wrap .photo-holder img {
    border: 5px solid #f9f9f9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    display: block;
    height: 30rem;
    width: 100%;
}

.team-wrap .modal-dialog {
    margin: 100px auto;
}

.team-wrap .modal-body .photo-holder {
    float: left;
    margin: 0 2rem 0 0;
    width: 35%;
}

.error-404 .page-content {
    padding-bottom: 4rem;
    text-align: center;
    margin: 20rem 0 0;
}

.error-404 .page-content > img {
    margin: 0 auto;
}

.overlay-bg {
    background: #e5eee2;
    /* Old browsers */
    background: -moz-linear-gradient(
        left,
        #e5eee2 1%,
        #ffffff 24%,
        #ffffff 77%,
        #e5eee2 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        #e5eee2 1%,
        #ffffff 24%,
        #ffffff 77%,
        #e5eee2 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        #e5eee2 1%,
        #ffffff 24%,
        #ffffff 77%,
        #e5eee2 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5eee2', endColorstr='#e5eee2', GradientType=1);
    /* IE6-9 */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.btn-primary {
    background-color: #123649;
    border-color: #123649;
}

.btn-success {
    background-color: #123649;
    border-color: #123649;
}

.btn-success:hover,
.btn-success:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #f2f2f2;
    border-color: #123649;
    color: #123649;
}