@charset "UTF-8";
/*breakpoints
base px : 16px = 1em;
    
-extra-small-device
px size : 320px = 20.00em

-small-device
px size : 568px = 35.00em

-tablet-ipad-device
px size : 768px = 48.00em

-medium device
px size : 1240px = 77.500em

large size desktop
px size : 1540px = 96.250em

*/
.ipro-container-sw {
  margin: 0 auto;
  display: block;
  position: relative;
}

.ipro-container-fdw {
  margin: 0 auto;
  display: block;
  position: relative;
}

.ipro-row {
  position: relative;
}

.ipro-lg-1, .ipro-lg-10, .ipro-lg-11, .ipro-lg-12, .ipro-lg-2, .ipro-lg-3, .ipro-lg-4, .ipro-lg-5, .ipro-lg-6, .ipro-lg-7, .ipro-lg-8, .ipro-lg-9, .ipro-md-1, .ipro-md-2, .ipro-md-3,
.ipro-md-4, .ipro-md-5, .ipro-md-6, .ipro-md-7, .ipro-md-8, .ipro-md-9, .ipro-md-10, .ipro-md-11, .ipro-md-12, .ipro-sm-1, .ipro-sm-10, .ipro-sm-11, .ipro-sm-12, .ipro-sm-2,
.ipro-sm-3, .ipro-sm-4, .ipro-sm-5, .ipro-sm-6, .ipro-sm-7, .ipro-sm-8, .ipro-sm-9, .ipro-xs-1, .ipro-xs-10, .ipro-xs-11, .ipro-xs-2, .ipro-xs-3, .ipro-xs-4, .ipro-xs-5, .ipro-xs-6, .ipro-xs-7,
.ipro-xs-8, .ipro-xs-9 {
  float: left;
}

/*extra-extra-small-device
        base px : 16px = 1em;
        px size :320px = 20.00em*/
@media (min-width: 20em) {
  .ipro-container-fdw {
    width: auto;
  }
  .ipro-xxxs-12 {
    width: 100%;
  }
  .ipro-xxxs-11 {
    width: 91.666667%;
  }
  .ipro-xxxs-10 {
    width: 83.3333%;
  }
  .ipro-xxxs-9 {
    width: 75%;
  }
  .ipro-xxxs-8 {
    width: 66.666667%;
  }
  .ipro-xxxs-7 {
    width: 58.333337%;
  }
  .ipro-xxxs-6 {
    width: 50%;
  }
  .ipro-xxxs-5 {
    width: 41.66666%;
  }
  .ipro-xxxs-4 {
    width: 33.333333%;
  }
  .ipro-xxxs-3 {
    width: 25%;
  }
  .ipro-xxxs-2 {
    width: 16.666667%;
  }
  .ipro-xxxs-1 {
    width: 8.333333%;
  }
}

/*extra-small-device
        base px : 16px = 1em;
        px size : 568px = 35.00em*/
@media (min-width: 35em) {
  .ipro-container-fdw {
    width: 540px;
  }
  .ipro-xxs-12 {
    width: 100%;
  }
  .ipro-xxs-11 {
    width: 91.666667%;
  }
  .ipro-xxs-10 {
    width: 83.3333%;
  }
  .ipro-xxs-9 {
    width: 75%;
  }
  .ipro-xxs-8 {
    width: 66.666667%;
  }
  .ipro-xxs-7 {
    width: 58.333337%;
  }
  .ipro-xxs-6 {
    width: 50%;
  }
  .ipro-xxs-5 {
    width: 41.66666%;
  }
  .ipro-xxs-4 {
    width: 33.333333%;
  }
  .ipro-xxs-3 {
    width: 25%;
  }
  .ipro-xxs-2 {
    width: 16.666667%;
  }
  .ipro-xxs-1 {
    width: 8.333333%;
  }
}

/*extra-small-device
        base px : 16px = 1em;
        px size : 768px = 48.00em*/
@media (min-width: 48em) {
  .ipro-container-fdw {
    width: 750px;
  }
  .ipro-xs-12 {
    width: 100%;
  }
  .ipro-xs-11 {
    width: 91.666667%;
  }
  .ipro-xs-10 {
    width: 83.3333%;
  }
  .ipro-xs-9 {
    width: 75%;
  }
  .ipro-xs-8 {
    width: 66.666667%;
  }
  .ipro-xs-7 {
    width: 58.333337%;
  }
  .ipro-xs-6 {
    width: 50%;
  }
  .ipro-xs-5 {
    width: 41.666667%;
  }
  .ipro-xs-4 {
    width: 33.333333%;
  }
  .ipro-xs-3 {
    width: 25%;
  }
  .ipro-xs-2 {
    width: 16.666667%;
  }
  .ipro-xs-1 {
    width: 8.333333%;
  }
}

/*small-device
        base px : 16px = 1em;
        px size : 992px = 62.00em*/
@media (min-width: 62em) {
  .ipro-container-fdw {
    width: 767px;
  }
  .ipro-sm-12 {
    width: 100%;
  }
  .ipro-sm-11 {
    width: 91.666667%;
  }
  .ipro-sm-10 {
    width: 83.3333%;
  }
  .ipro-sm-9 {
    width: 75%;
  }
  .ipro-sm-8 {
    width: 66.666667%;
  }
  .ipro-sm-7 {
    width: 58.333337%;
  }
  .ipro-sm-6 {
    width: 50%;
  }
  .ipro-sm-5 {
    width: 41.666667%;
  }
  .ipro-sm-4 {
    width: 33.333333%;
  }
  .ipro-sm-3 {
    width: 25%;
  }
  .ipro-sm-2 {
    width: 16.666667%;
  }
  .ipro-sm-1 {
    width: 8.333333%;
  }
}

/*tablet-ipad-device
        base px : 16px = 1em;
        px size : 1024px = 64.00em*/
@media (min-width: 64em) {
  .ipro-container-fdw {
    width: 991px;
  }
  .ipro-md-12 {
    width: 100%;
  }
  .ipro-md-11 {
    width: 91.666667%;
  }
  .ipro-md-10 {
    width: 83.3333%;
  }
  .ipro-md-9 {
    width: 75%;
  }
  .ipro-md-8 {
    width: 66.666667%;
  }
  .ipro-md-7 {
    width: 58.333337%;
  }
  .ipro-md-6 {
    width: 50%;
  }
  .ipro-md-5 {
    width: 41.666667%;
  }
  .ipro-md-4 {
    width: 33.333333%;
  }
  .ipro-md-3 {
    width: 25%;
  }
  .ipro-md-2 {
    width: 16.666667%;
  }
  .ipro-md-1 {
    width: 8.333333%;
  }
}

/*medium device
         base px : 16px = 1em;
        px size : 1240px = 77.500em*/
@media (min-width: 77.5em) {
  .ipro-container-fdw {
    width: 1024px;
  }
  .ipro-lg-12 {
    width: 100%;
  }
  .ipro-lg-11 {
    width: 91.666667%;
  }
  .ipro-lg-10 {
    width: 83.3333%;
  }
  .ipro-lg-9 {
    width: 75%;
  }
  .ipro-lg-8 {
    width: 66.666667%;
  }
  .ipro-lg-7 {
    width: 58.333337%;
  }
  .ipro-lg-6 {
    width: 50%;
  }
  .ipro-lg-5 {
    width: 41.666667%;
  }
  .ipro-lg-4 {
    width: 33.333333%;
  }
  .ipro-lg-3 {
    width: 25%;
  }
  .ipro-lg-2 {
    width: 16.666667%;
  }
  .ipro-lg-1 {
    width: 8.333333%;
  }
}

/*large size desktop*/
/*base px : 16px = 1em;
        px size : 1540px = 96.250em*/
@media (min-width: 96.25em) {
  .ipro-container-fdw {
    width: 1170px;
  }
  .ipro-xl-12 {
    width: 100%;
  }
  .ipro-xl-11 {
    width: 91.666667%;
  }
  .ipro-xl-10 {
    width: 83.3333%;
  }
  .ipro-xl-9 {
    width: 75%;
  }
  .ipro-xl-8 {
    width: 66.666667%;
  }
  .ipro-xl-7 {
    width: 58.333337%;
  }
  .ipro-xl-6 {
    width: 50%;
  }
  .ipro-xl-5 {
    width: 41.666667%;
  }
  .ipro-xl-4 {
    width: 33.333333%;
  }
  .ipro-xl-3 {
    width: 25%;
  }
  .ipro-xl-2 {
    width: 16.666667%;
  }
  .ipro-xl-1 {
    width: 8.333333%;
  }
}

.offset-1 {
  margin-left: 8.33%;
  *margin-left: 8.325%;
}

.offset-2 {
  margin-left: 16.66%;
  *margin-left: 16.655%;
}

.offset-3 {
  margin-left: 25%;
  *margin-left: 24.995%;
}

.offset-4 {
  margin-left: 33.33%;
  *margin-left: 33.325%;
}

.offset-5 {
  margin-left: 41.666667%;
  *margin-left: 41.666625%;
}

.offset-6 {
  margin-left: 50%;
  *margin-left: 49.995%;
}

.offset-7 {
  margin-left: 58.333337%;
  *margin-left: 58.333325%;
}

.offset-8 {
  margin-left: 66.666667%;
  *margin-left: 66.666625%;
}

.offset-9 {
  margin-left: 75%;
  *margin-left: 74.995%;
}

.offset-10 {
  margin-left: 83.33%;
  *margin-left: 83.325%;
}

.offset-11 {
  margin-left: 91.67%;
  *margin-left: 91.665%;
}

/*z-index-scale-bootstrap-referable
We don’t encourage customization of these values; should you change one, you likely need to change them all.*/
/*---z-index-scale-end--*/
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  background: #fff;
  font: 16px/1.2 'Open Sans', sans-serif;
  min-width: 320px;
}

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

.gm-style img {
  max-width: none;
}

@media only screen and (min-width: 1025px) {
  a[href^="tel"], a[href^="skype"], a[href^="sms"] {
    cursor: default;
    pointer-events: none;
  }
}

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

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  padding: 0.4em 0.7em;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
  border-color: #000;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #999;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
  color: #999;
}

select {
  border-radius: 0;
}

textarea {
  resize: vertical;
  vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
  cursor: pointer;
}

/* demo style */
.arrow-to-top {
  background: #624f40;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  -webkit-box-shadow: 4px 4px 9px #ccc;
          box-shadow: 4px 4px 9px #ccc;
  /* -------------------------------- */
}

.arrow-to-top .cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  top: 0;
  left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arrow-to-top .cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #624f40;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.arrow-to-top .cd-nugget-info a:hover {
  opacity: .8;
}

.arrow-to-top .cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}

.arrow-to-top .cd-nugget-info span svg {
  display: block;
}

.arrow-to-top .cd-nugget-info .cd-nugget-info-arrow {
  fill: #fff;
}

.arrow-to-top .cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #624f40 url(../../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  z-index: 99;
}

.arrow-to-top .cd-top.cd-top--show,
.arrow-to-top .cd-top.cd-top--fade-out,
.arrow-to-top .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.arrow-to-top .cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.arrow-to-top .cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.arrow-to-top .cd-top:hover {
  background-color: #624f40;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .arrow-to-top .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .arrow-to-top .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  background: #fff;
  font: 16px/1.2 'Open Sans', sans-serif;
  min-width: 320px;
}

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

.gm-style img {
  max-width: none;
}

@media only screen and (min-width: 1025px) {
  a[href^="tel"], a[href^="skype"], a[href^="sms"] {
    cursor: default;
    pointer-events: none;
  }
}

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

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  padding: 0.4em 0.7em;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
  border-color: #000;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #999;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
  color: #999;
}

select {
  border-radius: 0;
}

textarea {
  resize: vertical;
  vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
  cursor: pointer;
}

/**
 * Buttons
 * =================================
 * - Associated Button Variables
 * - Base button styling
 * – Button Modifiers
 * 	 – btn--primary
 *   – btn--block
 */
/**
 * Define associated Button variables
 */
/**
 * Base button styles – Based on csswizardry.com/beautons
 *
 * 1. Allow us to better style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Stop buttons wrapping and looking broken.
 * 4. Make buttons inherit font styles.
 * 5. Force all elements using beautons to appear clickable.
 * 6. Normalise box model styles.
 * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
 *    there is 1em of space above and below that text. We therefore apply 1em
 *    of space to the left and right, as padding, to keep consistent spacing.
 * 8. Fixes odd inner spacing in IE7.
 * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
 *10. Prevents from inheriting default anchor styles.
 */
.btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  font-family: 'open sans', sans-serif;
  /* [4] */
  font-size: 100%;
  /* [4] */
  cursor: pointer;
  /* [5] */
  border: none;
  /* [6] */
  margin: 0;
  /* [6] */
  padding-top: 0;
  /* [6] */
  padding-bottom: 0;
  /* [6] */
  line-height: 2.5;
  /* [7] */
  height: 2.5em;
  /* [7] */
  padding-right: 1.5em;
  /* [7] */
  padding-left: 1.5em;
  /* [7] */
  overflow: visible;
  /* [8] */
  text-align: center;
  border-radius: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #feef6d;
}

.btn, .btn:link, .btn:visited {
  color: #fff;
}

.btn:hover, .btn:active, .btn:focus {
  background-color: #fee93a;
}

.btn, .btn:hover, .btn:active, .btn:focus, .btn:visited {
  text-decoration: none;
}

.btn:active, .btn:focus {
  outline: none;
}

.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: .5;
}

.btn--primary {
  background-color: #000;
}

.btn--primary, .btn--primary:link, .btn--primary:visited {
  color: #fff;
}

.btn--primary:hover, .btn--primary:active, .btn--primary:focus {
  background-color: black;
}

.btn--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn--block + .btn--block {
  margin-top: 10px;
}

input[type="submit"].btn--block,
input[type="reset"].btn--block,
input[type="button"].btn--block {
  width: 100%;
}

/**
 * Icons
 * =================================
 * For an example of how to use these, see
 * https://gist.github.com/mrmartineau/314b01b300fa20a5a820a4d6889ffd42
 * http://codepen.io/mrmartineau/pen/amkZBb?editors=1100
 *
 * SVG icon usage:
   <svg title="Whatsapp" class="icon icon--whatsapp">
     <use xlink:href="/assets/dist/img/icons.svg#logo-whatsapp"/>
   </svg>
 */
/**
 * Global color palette
 * =================================
 * - Generic colors
 * - Color scheme
 * - Common colors
 * - Links
 * - Text selection
 * - <hr>
 * - Any others..
 */
.icon--large {
  display: block;
  width: 120px;
  height: 120px;
}

.icon--small {
  display: inline-block;
  width: 25px;
  height: 25px;
}

/**
 * Included Social Media and other icons
 */
.icon--twitter {
  color: #55aeee;
}

.icon--facebook {
  color: #3b5998;
}

.icon--instagram {
  color: #e4405f;
}

.icon--pinterest {
  color: #bd081c;
}

.icon--youtube {
  color: #cd201f;
}

.icon--whatsapp {
  color: #25d366;
}

.icon--email {
  color: #288ad6;
}

.icon--kickoff {
  fill: #181830;
  color: #fe7c08;
}

.icon--tmw {
  color: #ef7521;
  fill: #8a8b8c;
}

#wrapper {
  overflow: hidden;
}

/*breakpoints
base px : 16px = 1em;
    
-extra-small-device
px size : 320px = 20.00em

-small-device
px size : 568px = 35.00em

-tablet-ipad-device
px size : 768px = 48.00em

-medium device
px size : 1240px = 77.500em

large size desktop
px size : 1540px = 96.250em

*/
.ipro-container-sw {
  margin: 0 auto;
  display: block;
  position: relative;
}

.ipro-container-fdw {
  margin: 0 auto;
  display: block;
  position: relative;
}

.ipro-row {
  position: relative;
}

.ipro-lg-1, .ipro-lg-10, .ipro-lg-11, .ipro-lg-12, .ipro-lg-2, .ipro-lg-3, .ipro-lg-4, .ipro-lg-5, .ipro-lg-6, .ipro-lg-7, .ipro-lg-8, .ipro-lg-9, .ipro-md-1, .ipro-md-2, .ipro-md-3,
.ipro-md-4, .ipro-md-5, .ipro-md-6, .ipro-md-7, .ipro-md-8, .ipro-md-9, .ipro-md-10, .ipro-md-11, .ipro-md-12, .ipro-sm-1, .ipro-sm-10, .ipro-sm-11, .ipro-sm-12, .ipro-sm-2,
.ipro-sm-3, .ipro-sm-4, .ipro-sm-5, .ipro-sm-6, .ipro-sm-7, .ipro-sm-8, .ipro-sm-9, .ipro-xs-1, .ipro-xs-10, .ipro-xs-11, .ipro-xs-2, .ipro-xs-3, .ipro-xs-4, .ipro-xs-5, .ipro-xs-6, .ipro-xs-7,
.ipro-xs-8, .ipro-xs-9 {
  float: left;
}

/*extra-extra-small-device
        base px : 16px = 1em;
        px size :320px = 20.00em*/
@media (min-width: 20em) {
  .ipro-container-fdw {
    width: auto;
  }
  .ipro-xxxs-12 {
    width: 100%;
  }
  .ipro-xxxs-11 {
    width: 91.666667%;
  }
  .ipro-xxxs-10 {
    width: 83.3333%;
  }
  .ipro-xxxs-9 {
    width: 75%;
  }
  .ipro-xxxs-8 {
    width: 66.666667%;
  }
  .ipro-xxxs-7 {
    width: 58.333337%;
  }
  .ipro-xxxs-6 {
    width: 50%;
  }
  .ipro-xxxs-5 {
    width: 41.66666%;
  }
  .ipro-xxxs-4 {
    width: 33.333333%;
  }
  .ipro-xxxs-3 {
    width: 25%;
  }
  .ipro-xxxs-2 {
    width: 16.666667%;
  }
  .ipro-xxxs-1 {
    width: 8.333333%;
  }
}

/*extra-small-device
        base px : 16px = 1em;
        px size : 568px = 35.00em*/
@media (min-width: 35em) {
  .ipro-container-fdw {
    width: 540px;
  }
  .ipro-xxs-12 {
    width: 100%;
  }
  .ipro-xxs-11 {
    width: 91.666667%;
  }
  .ipro-xxs-10 {
    width: 83.3333%;
  }
  .ipro-xxs-9 {
    width: 75%;
  }
  .ipro-xxs-8 {
    width: 66.666667%;
  }
  .ipro-xxs-7 {
    width: 58.333337%;
  }
  .ipro-xxs-6 {
    width: 50%;
  }
  .ipro-xxs-5 {
    width: 41.66666%;
  }
  .ipro-xxs-4 {
    width: 33.333333%;
  }
  .ipro-xxs-3 {
    width: 25%;
  }
  .ipro-xxs-2 {
    width: 16.666667%;
  }
  .ipro-xxs-1 {
    width: 8.333333%;
  }
}

/*extra-small-device
        base px : 16px = 1em;
        px size : 768px = 48.00em*/
@media (min-width: 48em) {
  .ipro-container-fdw {
    width: 750px;
  }
  .ipro-xs-12 {
    width: 100%;
  }
  .ipro-xs-11 {
    width: 91.666667%;
  }
  .ipro-xs-10 {
    width: 83.3333%;
  }
  .ipro-xs-9 {
    width: 75%;
  }
  .ipro-xs-8 {
    width: 66.666667%;
  }
  .ipro-xs-7 {
    width: 58.333337%;
  }
  .ipro-xs-6 {
    width: 50%;
  }
  .ipro-xs-5 {
    width: 41.666667%;
  }
  .ipro-xs-4 {
    width: 33.333333%;
  }
  .ipro-xs-3 {
    width: 25%;
  }
  .ipro-xs-2 {
    width: 16.666667%;
  }
  .ipro-xs-1 {
    width: 8.333333%;
  }
}

/*small-device
        base px : 16px = 1em;
        px size : 992px = 62.00em*/
@media (min-width: 62em) {
  .ipro-container-fdw {
    width: 767px;
  }
  .ipro-sm-12 {
    width: 100%;
  }
  .ipro-sm-11 {
    width: 91.666667%;
  }
  .ipro-sm-10 {
    width: 83.3333%;
  }
  .ipro-sm-9 {
    width: 75%;
  }
  .ipro-sm-8 {
    width: 66.666667%;
  }
  .ipro-sm-7 {
    width: 58.333337%;
  }
  .ipro-sm-6 {
    width: 50%;
  }
  .ipro-sm-5 {
    width: 41.666667%;
  }
  .ipro-sm-4 {
    width: 33.333333%;
  }
  .ipro-sm-3 {
    width: 25%;
  }
  .ipro-sm-2 {
    width: 16.666667%;
  }
  .ipro-sm-1 {
    width: 8.333333%;
  }
}

/*tablet-ipad-device
        base px : 16px = 1em;
        px size : 1024px = 64.00em*/
@media (min-width: 64em) {
  .ipro-container-fdw {
    width: 991px;
  }
  .ipro-md-12 {
    width: 100%;
  }
  .ipro-md-11 {
    width: 91.666667%;
  }
  .ipro-md-10 {
    width: 83.3333%;
  }
  .ipro-md-9 {
    width: 75%;
  }
  .ipro-md-8 {
    width: 66.666667%;
  }
  .ipro-md-7 {
    width: 58.333337%;
  }
  .ipro-md-6 {
    width: 50%;
  }
  .ipro-md-5 {
    width: 41.666667%;
  }
  .ipro-md-4 {
    width: 33.333333%;
  }
  .ipro-md-3 {
    width: 25%;
  }
  .ipro-md-2 {
    width: 16.666667%;
  }
  .ipro-md-1 {
    width: 8.333333%;
  }
}

/*medium device
         base px : 16px = 1em;
        px size : 1240px = 77.500em*/
@media (min-width: 77.5em) {
  .ipro-container-fdw {
    width: 1024px;
  }
  .ipro-lg-12 {
    width: 100%;
  }
  .ipro-lg-11 {
    width: 91.666667%;
  }
  .ipro-lg-10 {
    width: 83.3333%;
  }
  .ipro-lg-9 {
    width: 75%;
  }
  .ipro-lg-8 {
    width: 66.666667%;
  }
  .ipro-lg-7 {
    width: 58.333337%;
  }
  .ipro-lg-6 {
    width: 50%;
  }
  .ipro-lg-5 {
    width: 41.666667%;
  }
  .ipro-lg-4 {
    width: 33.333333%;
  }
  .ipro-lg-3 {
    width: 25%;
  }
  .ipro-lg-2 {
    width: 16.666667%;
  }
  .ipro-lg-1 {
    width: 8.333333%;
  }
}

/*large size desktop*/
/*base px : 16px = 1em;
        px size : 1540px = 96.250em*/
@media (min-width: 96.25em) {
  .ipro-container-fdw {
    width: 1170px;
  }
  .ipro-xl-12 {
    width: 100%;
  }
  .ipro-xl-11 {
    width: 91.666667%;
  }
  .ipro-xl-10 {
    width: 83.3333%;
  }
  .ipro-xl-9 {
    width: 75%;
  }
  .ipro-xl-8 {
    width: 66.666667%;
  }
  .ipro-xl-7 {
    width: 58.333337%;
  }
  .ipro-xl-6 {
    width: 50%;
  }
  .ipro-xl-5 {
    width: 41.666667%;
  }
  .ipro-xl-4 {
    width: 33.333333%;
  }
  .ipro-xl-3 {
    width: 25%;
  }
  .ipro-xl-2 {
    width: 16.666667%;
  }
  .ipro-xl-1 {
    width: 8.333333%;
  }
}

.offset-1 {
  margin-left: 8.33%;
  *margin-left: 8.325%;
}

.offset-2 {
  margin-left: 16.66%;
  *margin-left: 16.655%;
}

.offset-3 {
  margin-left: 25%;
  *margin-left: 24.995%;
}

.offset-4 {
  margin-left: 33.33%;
  *margin-left: 33.325%;
}

.offset-5 {
  margin-left: 41.666667%;
  *margin-left: 41.666625%;
}

.offset-6 {
  margin-left: 50%;
  *margin-left: 49.995%;
}

.offset-7 {
  margin-left: 58.333337%;
  *margin-left: 58.333325%;
}

.offset-8 {
  margin-left: 66.666667%;
  *margin-left: 66.666625%;
}

.offset-9 {
  margin-left: 75%;
  *margin-left: 74.995%;
}

.offset-10 {
  margin-left: 83.33%;
  *margin-left: 83.325%;
}

.offset-11 {
  margin-left: 91.67%;
  *margin-left: 91.665%;
}

/*z-index-scale-bootstrap-referable
We don’t encourage customization of these values; should you change one, you likely need to change them all.*/
/*---z-index-scale-end--*/
.card-main {
  width: 100%;
  height: auto;
  text-align: center;
  background-color: white;
}

.card {
  border: 1px solid black;
  margin: 0 15px;
}

.card img {
  width: 100%;
  height: 250px;
}

.card .card-body {
  padding: 30px;
  text-align: left;
}

.card .card-body h3 {
  margin-bottom: 40px;
  font-size: 1.4em;
}

.card .card-body .details {
  margin-bottom: 40px;
  list-style-type: none;
}

.card .card-body .details li {
  line-height: 2;
  position: relative;
}

.card .card-body .details :before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  float: left;
  left: -1.5em;
  top: 0.74em;
  background-color: black;
}

.card .card-body .btn {
  background-color: #148df0;
  color: white;
  text-decoration: none;
  color: #ffffff;
  font-size: 1em;
  padding: 10px;
}

.card .card-body .btn:hover {
  background-color: #000000;
}

.card img:hover {
  opacity: 0.3;
}

footer {
  width: 100%;
  float: left;
  background-color: #000000;
  padding-top: 40px;
}

.footer-main {
  width: 100%;
  float: left;
}

.footer-details {
  float: left;
  width: 25%;
  list-style-type: none;
  padding-bottom: 30px;
}

.footer-details img {
  width: 70%;
}

.footer-details h3 {
  font-size: 1.4rem;
  color: #ffffff;
  margin-bottom: 20px;
}

.footer-details ul {
  padding-left: 0;
}

.footer-details ul li {
  line-height: 2;
  list-style-type: none;
}

.footer-details ul li a {
  text-decoration: none;
  color: #ffffff;
}

.footer-details address {
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 20px;
  font-style: normal;
}

.footer-details a {
  text-decoration: none;
}

.footer-details a p {
  color: #ffffff;
  line-height: 1;
}

.footer-social ul li {
  float: left;
  font-size: 38px;
  margin-right: 30px;
}

.footer-social ul li .fa-google-plus-square:hover {
  color: #DB4437;
}

.footer-social ul li .fa-facebook-square:hover {
  color: #3B5998;
}

.footer-social ul li .fa-twitter-square:hover {
  color: #1DA1F2;
}

#foot {
  width: 100%;
  float: left;
  background-color: #316161;
  padding-top: 40px;
}

#foot h3 {
  font-size: 1.4rem;
  color: #ffffff;
  margin-bottom: 20px;
}

#foot ul {
  padding-left: 0;
}

#foot ul li {
  line-height: 2;
  font-size: 1em;
  list-style-type: none;
}

#foot ul li .i-name {
  margin-left: 8px;
}

#foot ul li a {
  text-decoration: none;
  color: #ffffff;
}

#foot address {
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 20px;
}

#foot a {
  text-decoration: none;
  color: #fff5e8;
}

#foot a p {
  color: #000;
  line-height: 1;
}

.copyright {
  color: #ffffff;
  text-align: center;
  line-height: 2;
  width: 100%;
  float: left;
  background-color: #85715f;
}

.copyright p {
  margin-bottom: 0;
  font-family: 'Open Sans', sans-serif;
  color: #fff5e8;
  background: #85715f;
  font-size: 14px;
}

.copyright p a {
  color: #000000;
  text-decoration: none;
  font-size: 14px;
}

.book-form input[type="text"], .book-form input[type="email"], select#country, select#country1, textarea, input#datepicker, .form-control {
  width: 98%;
  color: #000000;
  font-size: 0.9em;
  letter-spacing: 2px;
  padding: 10px 10px 10px 50px;
  outline: none;
  background-color: #fff;
  border: none;
  border: 1px solid #e2e2e2;
}

#form {
  padding: 0;
  position: relative;
  float: left;
  display: block;
  margin: 0 2em;
}

.bg-agile {
  float: left;
  position: relative;
  background: #fff;
  width: 100%;
  margin: 0 10px;
}

.btn-success {
  background-color: #624f40;
  color: #fff;
  border-radius: 0px;
  border: 1px solid #000;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  width: 100%;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.book-form {
  margin: 0;
  width: 100%;
}

.book-form i {
  position: absolute;
  color: #624f40;
  top: 7px;
  left: 6px;
  width: 34px;
  line-height: 25px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.47);
}

.book-form input[type="submit"] {
  text-transform: capitalize;
  background: rgba(16, 67, 163, 0.13);
  color: #fff;
  padding: 0.7em 0;
  border: none;
  border: 2px solid #666666;
  font-weight: bold;
  font-size: 1em;
  margin-top: 1.5em;
  width: 50%;
  float: right;
  outline: none;
  letter-spacing: 8px;
  -webkit-transition: .5s all;
  transition: .5s all;
  cursor: pointer;
}

.book-form input[type="submit"]:hover {
  background: #666666;
  border-color: #666666;
  color: #fff;
}

.book-form ::-webkit-input-placeholder {
  color: #ccc !important;
}

.book-form :-moz-placeholder {
  color: #ccc !important;
}

.book-form ::-moz-placeholder {
  color: #ccc !important;
}

.book-form :-ms-input-placeholder {
  color: #ccc !important;
}

select#country option {
  background: #cecece;
}

select#country1 option {
  background: #cecece;
}

.phone_email {
  margin-bottom: 1.5em;
  float: left;
}

.span1_of_1 {
  margin-bottom: 1.5em;
  float: left;
}

.phone_email1 {
  float: right;
}

.section_room {
  position: relative;
}

.agile-reservation-grid {
  background: #f4f4f4;
  padding: 2em;
}

.book-appointment h2 {
  text-align: center;
  font-size: 30px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 2em;
  font-weight: 500;
  letter-spacing: 7px;
}

.padding {
  padding-left: 15px;
  padding-right: 15px;
}

#wrapper {
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  border: 10px solid #aaa;
  border-radius: 15px;
  background-clip: padding-box;
  text-align: center;
  float: left;
  display: inline-block;
}

#wrapper p {
  display: inline;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}

.overlay.light {
  background: rgba(255, 255, 255, 0.5);
}

.overlay .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 75px auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #666;
  width: 300px;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative;
}

.light .popup {
  border-color: #aaa;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.popup h2 {
  margin-top: 0;
  color: #666;
  font-family: 'Open Sans', sans-serif;
}

.popup .close, .popup .close1, .popup .close2, .popup .close3, .popup .close4, .popup .close5, .popup .close6, .popup .close7, .popup .close8, .popup .close9, .popup .close10, .popup .close11, .popup .close12, .popup .close13 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 20px;
  opacity: 0.8;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  background-color: #000;
}

.popup .close:hover, .popup .close1:hover, .popup .close2:hover, .popup .close3:hover, .popup .close4:hover, .popup .close5:hover, .popup .close6:hover, .popup .close7:hover, .popup .close8:hover, .popup .close9:hover, .popup .close10:hover, .popup .close11:hover, .popup .close12:hover, .popup .close13:hover {
  opacity: 1;
}

.popup .content {
  max-height: 400px;
  overflow: auto;
}

.popup p {
  margin: 0 0 1em;
}

.popup p:last-child {
  margin: 0;
}

#attraction-details .active {
  position: fixed;
  /* Stay in place */
  z-index: 12;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */
}

/*display-map*/
.map-popup-overlay, .map-popup-overlay1, .map-popup-overlay2, .map-popup-overlay3, .map-popup-overlay4, .map-popup-overlay5, .map-popup-overlay6, .map-popup-overlay7, .map-popup-overlay8,
.map-popup-overlay9, .map-popup-overlay10, .map-popup-overlay11, .map-popup-overlay12, .map-popup-overlay13 {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0px;
  z-index: 1;
  background-color: #cccccc;
}

.map-popup-overlay .active, .map-popup-overlay1 .active, .map-popup-overlay2 .active, .map-popup-overlay3 .active, .map-popup-overlay4 .active, .map-popup-overlay5 .active, .map-popup-overlay6 .active, .map-popup-overlay7 .active, .map-popup-overlay8 .active,
.map-popup-overlay9 .active, .map-popup-overlay10 .active, .map-popup-overlay11 .active, .map-popup-overlay12 .active, .map-popup-overlay13 .active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
  padding: 20px 100px 0 100px;
  float: left;
  width: 100%;
  background-color: #000;
  border: 1px solid #ccc;
  border-radius: 0px;
  display: block;
  position: absolute;
  display: block;
  z-index: 9;
}

.map-popup-overlay p, .map-popup-overlay1 p, .map-popup-overlay2 p, .map-popup-overlay3 p, .map-popup-overlay4 p, .map-popup-overlay5 p, .map-popup-overlay6 p, .map-popup-overlay7 p, .map-popup-overlay8 p,
.map-popup-overlay9 p, .map-popup-overlay10 p, .map-popup-overlay11 p, .map-popup-overlay12 p, .map-popup-overlay13 p {
  color: #000;
  background: #fff;
  padding: 2em;
  margin: 0;
}

.map-popup-content, .map-popup-content1, .map-popup-content2, .map-popup-content3, .map-popup-content4, .map-popup-content5, .map-popup-content6, .map-popup-content7, .map-popup-content8, .map-popup-content8,
.map-popup-content9, .map-popup-content10, .map-popup-content11, .map-popup-content12, .map-popup-content13 {
  /*Hides pop-up content when there is no "active" class */
  display: none;
}

.map-popup-content .active, .map-popup-content1 .active, .map-popup-content2 .active, .map-popup-content3 .active, .map-popup-content4 .active, .map-popup-content5 .active, .map-popup-content6 .active, .map-popup-content7 .active, .map-popup-content8 .active, .map-popup-content8 .active,
.map-popup-content9 .active, .map-popup-content10 .active, .map-popup-content11 .active, .map-popup-content12 .active, .map-popup-content13 .active {
  /*Shows pop-up content when "active" class is present */
  display: block;
}

.close, .close1, .close2, .close3, .close4, .close5, .close6, .close7, .close8, .close9, .close10, .close11, .close12, .close13 {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em;
  margin: .20rem;
  font-size: 1rem;
  color: #ffffff;
  background: #009688;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  border: none;
}

.close :hover, .close1 :hover, .close2 :hover, .close3 :hover, .close4 :hover, .close5 :hover, .close6 :hover, .close7 :hover, .close8 :hover, .close9 :hover, .close10 :hover, .close11 :hover, .close12 :hover, .close13 :hover {
  background: #000;
}

.map-open {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em;
  margin: .20rem;
  font-size: 1rem;
  color: #ffffff;
  background: #000000;
  border: none;
}

.menu-header {
  text-align: center;
}

.menu-header a {
  padding: 50px 0;
  display: block;
  font-size: 48px;
  text-decoration: none;
  color: #555;
}

@media only screen and (max-width: 1000px) {
  .menu-nav > ul > li > a {
    padding: 20px 23px;
  }
}

#head-bar {
  background: #624f40;
  height: 10px;
  float: left;
  width: 100%;
}

header {
  float: left;
  width: 100%;
}

#top-bar {
  font-family: 'Open Sans', sans-serif;
  float: left;
  width: 100%;
  background: #ffffff;
}

#top-bar .right_bar {
  padding: 1em;
}

#top-bar .right_bar .head-set {
  float: left;
  display: block;
  padding: 1em;
}

#top-bar .right_bar .head_contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  display: -o-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#top-bar .right_bar .topbar-icon {
  position: relative;
}

#top-bar .right_bar .topbar-icon i.icon-phone {
  padding: .32em .2em;
}

#top-bar .right_bar .topbar-icon i {
  width: 2em;
  height: 2em;
  display: inline-block;
  text-align: left;
  border: 2px solid #624f40;
  border-radius: 50%;
  vertical-align: middle;
  padding: 0.3em 0.2em;
  font-size: 1em;
  color: #624f40;
}

#top-bar .right_bar .topbar-icon p {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  margin: 1em;
  color: #624f40;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}

#top-bar .right_bar .topbar-icon p span {
  color: #624f40;
  font-style: italic;
}

#top-bar .right_bar .topbar-icon p a {
  color: #624f40;
}

#top-bar .button_th {
  margin: 0 3.5em 0;
}

#top-bar .pro {
  display: inline-block;
  padding: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
}

#top-bar .pro-primary {
  width: 30%;
  background: #624f40;
  color: #fff;
  border: 1px solid #624f40;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-family: 'Raleway', sans-serif;
}

#top-bar :hover {
  background: #ffffff;
  color: #624f40;
}

#grey {
  background: #624f40;
  font-family: 'Open Sans', sans-serif;
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}

.ui-datepicker,
.ui-datepicker-material-header {
  font-family: 'Open Sans', sans-serif;
}

.ui-datepicker-material-header {
  display: block;
  background-color: #284B72;
  color: white;
  text-align: center;
  width: 325px;
}

.ui-datepicker-material-header .ui-datepicker-material-day {
  background-color: #1F3A58;
  padding: 10px;
  font-size: 1rem;
}

.ui-datepicker-material-header .ui-datepicker-material-date {
  padding: 20px;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  padding: 5px;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month {
  font-size: 2rem;
  text-transform: uppercase;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num {
  font-size: 4.5rem;
}

.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  font-size: 1.8rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.4);
}

.ui-datepicker {
  padding: 0;
  border: none;
  -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
          box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  width: 325px;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-widget-header {
  border: 0;
}

.ui-datepicker-header {
  text-align: center;
  background: white;
  padding-bottom: 15px;
  font-weight: 300;
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-title {
  border: none;
  outline: none;
  margin: 5px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  border: none;
  outline: none;
  background: #b4cbe5;
}

.ui-datepicker-calendar .ui-state-default {
  background: none;
  border: none;
  text-align: center;
  height: 33px;
  width: 33px;
  line-height: 36px;
}

.ui-datepicker-calendar .ui-state-highlight {
  color: #284B72;
}

.ui-datepicker-calendar .ui-state-active {
  background-color: #f2f2f2;
  color: white;
}

.ui-datepicker-calendar thead th {
  color: #999999;
  font-weight: 200;
}

.ui-datepicker-buttonpane {
  border: none;
}

.ui-datepicker-buttonpane .ui-state-default {
  background: white;
  border: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
  background: white;
  color: #284B72;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  font-weight: 200;
  outline: none;
}

.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
  background: #b4cbe5;
}

/*font-face {
    font-family: 'fontello';
    src: url('/vendor/icon-fontello/font/fontello.eot');
    src: url('/vendor/icon-fontello/font/fontello.eot') format('embedded-opentype'),
         url('/vendor/icon-fontello/font/fontello.woff') format('woff'),
         url('/vendor/icon-fontello/font/fontello.ttf') format('truetype'),
         url('/vendor/icon-fontello/font/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }*/
body {
  color: #666;
}

a {
  color: #000000;
  text-decoration: none;
}

/*welcome-text*/
.bed > .tooltip {
  visibility: hidden;
  position: absolute;
  top: -40px;
  font-size: 12px;
  width: 100px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  text-align: center;
  left: 0;
}

.bed:hover .tooltip {
  visibility: visible;
  background-color: black;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  left: 0;
  /* Position the tooltip */
  z-index: 1;
}

#welcome {
  position: relative;
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  background: #ffffff;
  padding: 50px 0;
}

#welcome .heading {
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%;
}

#welcome .heading span {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 14px;
}

#welcome .heading h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin-bottom: 30px;
  color: #624f40;
}

#welcome .heading h1::after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  width: 60px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

#welcome .welcome_text {
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0.05em;
  line-height: 22px;
  color: #666;
  text-align: left;
  font-size: 15px;
}

#welcome .welcome_text span {
  font-family: 'open sans', sans-serif;
}

#welcome .sub_heading {
  width: 100%;
  position: relative;
  border: 1px solid #ccc;
  padding: 0px 10px 10px 80px;
  margin-top: 25px;
  line-height: 1.4em;
}

#welcome .sub_heading h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  letter-spacing: .02em;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin: 20px 0 10px 0;
  color: #726052;
  text-align: left;
  line-height: normal;
}

#welcome .sub_heading p {
  text-align: left;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: #666;
  letter-spacing: 0.05em;
}

#welcome .sub_heading .location_icon_main, #welcome .sub_heading .food_icon_main {
  position: absolute;
  left: -2.5%;
  top: 0;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
}

#welcome .sub_heading .location_icon_main {
  top: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#welcome .sub_heading .icon {
  width: 60px;
  height: 60px;
  border: 1px solid #726052;
  background: #726052;
  position: relative;
  float: left;
}

#welcome .sub_heading .icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#our_rooms {
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

#our_rooms .heading {
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%;
}

#our_rooms .heading h2 {
  color: #726052;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 30px;
  position: relative;
  margin-bottom: 30px;
}

#our_rooms .heading h2::after {
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  left: 0;
  right: 0;
  position: absolute;
  width: 60px;
  margin: 20px auto;
}

#our_rooms .card-main {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  background-color: #fff;
  margin-top: 15px;
  float: left;
  border-radius: 0;
}

#our_rooms .card-main > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

#our_rooms .card {
  border: 1px solid #e2d3c0;
  margin: 0 15px;
}

#our_rooms .card img {
  width: 100%;
  height: 250px;
  padding: 5px 5px 0;
}

#our_rooms .card .card-body {
  padding: 15px 10px 15px 10px;
  text-align: center;
}

#our_rooms .card .card-body h3 {
  margin-bottom: 10px;
  letter-spacing: 0.03em;
  margin-top: 0;
  font-size: 18px;
  color: #624f40;
  font-family: 'Raleway', sans-serif;
}

#our_rooms .card .card-body .btn {
  background-color: #726052;
  text-decoration: none;
  color: #fff;
  font-size: 1em;
  padding: 0 30px;
  border-radius: 0;
  font-family: 'Raleway', sans-serif;
}

#our_rooms .card .card-body .btn:hover {
  background-color: #000;
}

#our_rooms .card .card-body .details {
  margin-bottom: 30px;
  color: #666666;
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: 1.5em;
  font-family: 'Open Sans', sans-serif;
  padding: 0 1em;
  text-align: left;
}

#our_rooms .card .card-body .details li {
  line-height: 2;
  color: #666;
}

.room-details {
  padding: 0 15px;
  text-align: left;
  font-family: 'Raleway', sans-serif;
}

.room-details p {
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0.05em;
  line-height: 22px;
  color: #666;
  text-align: left;
  font-size: 14px;
}

.room-details p span {
  font-size: 12px;
  vertical-align: bottom;
  font-family: 'Open Sans', sans-serif;
}

.room-details p span.new {
  font-size: 13px;
  vertical-align: bottom;
  font-weight: 500;
  font-family: 'Raleway', sans-serif;
}

.room-details .mg-room-fecilities {
  display: inline-block;
}

.room-details .mg-room-fecilities > div {
  padding: 0 15px;
}

.room-details ul {
  list-style-type: none;
  padding-left: 20px;
  font-family: 'Raleway', sans-serif;
  color: #545454;
}

.room-details ul li {
  line-height: 1.8em;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.8px;
}

.room-details ul li::before {
  content: '\27A4';
  position: absolute;
  left: -20px;
  font-weight: bold;
  font-size: 10px;
}

.room-details ul li span {
  font-family: 'Open Sans', sans-serif;
}

.rooms-title {
  text-align: left;
  margin-top: 0;
  font-size: 18px;
  color: #624f40;
  display: inline-block;
  letter-spacing: 0.2px;
}

.detail_main {
  float: left;
  display: block;
  padding: 2em 0;
}

.new {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 22px;
}

.icon8 {
  width: 50px;
  float: right;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.icon8 img {
  width: 28px;
}

.icon8 span.no {
  background: #624f40;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  font-sizE: 0.6em;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  top: -10px;
  left: 20px;
  padding: 0.15em;
}

.book_room {
  float: right;
}

.book_room a {
  padding: 6px 10px;
  background: #624f40;
  color: #fff;
  border: 1px solid #624f40;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.book_room a:hover {
  background: #ffffff;
  color: #000;
}

.icon8 .icon-user:before {
  margin-right: 0;
  font-size: 25px;
}

img {
  vertical-align: middle;
  color: #624f40;
}

hr {
  margin-top: -4px;
}

.imp_note {
  text-align: center;
  padding: 0 30px;
}

.imp_note h4 {
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}

/*facilties section*/
#facilties {
  position: relative;
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 50px 0 0;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

#facilties .heading {
  position: relative;
}

#facilties .heading span {
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  display: block;
  color: #666666;
  font-size: 14px;
}

#facilties .heading h2 {
  color: #726052;
  font-family: 'Raleway', sans-serif;
  font-size: 32px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 40px;
}

#facilties .heading h2::after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  width: 60px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

#facilties ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
}

#facilties ul li {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}

#facilties ul li .car-parking,
#facilties ul li .kitchen,
#facilties ul li .internet,
#facilties ul li .no-smoking {
  width: 80px;
  height: 80px;
  border: 1px solid #fff5e8;
  background: #fff5e8;
  border: 1px solid #624f40;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
}

#facilties ul li .car-parking img {
  position: absolute;
  top: 5px;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#facilties ul li .kitchen img {
  position: absolute;
  top: 10px;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  width: 25px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#facilties ul li .internet img {
  position: absolute;
  top: 18px;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  width: 26px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#facilties ul li .no-smoking img {
  position: absolute;
  top: 18px;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  width: 26px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

#facilties ul li p {
  line-height: 1.2em;
  letter-spacing: 0.05em;
}

#facilties ul li img {
  position: absolute;
  width: 40px;
  left: -80px;
  top: -3px;
}

#facilties .image-static {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: -1;
}

.check-in,
.check-out,
.reception-hour {
  width: 100%;
  float: left;
  background: #624f40;
  padding: 12px 20px;
  margin-bottom: 10px;
  color: #e2d3c0;
  text-align: left;
}

.check-in img,
.check-out img,
.reception-hour img {
  float: left;
  width: 100px;
  padding: 0 10px;
}

.check-in h4,
.check-out h4,
.reception-hour h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
}

.check-in h5,
.check-out h5,
.reception-hour h5 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}

/*gallery section*/
#gallery {
  position: relative;
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 50px 0;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

#gallery .regular.slider img {
  padding: 20px;
  height: 300px;
}

#gallery .heading {
  position: relative;
}

#gallery .heading span {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  color: #666666;
  font-size: 14px;
}

#gallery .heading h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  margin-bottom: 25px;
  color: #726052;
  font-weight: bold;
}

#gallery .heading h2::after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  width: 60px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

/*foot*/
#foot {
  width: 100%;
  float: left;
  background-color: #624f40;
  padding-top: 40px;
  position: relative;
  margin-top: 2em;
}

#foot .foot_logo {
  margin-bottom: 40px;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border: 1px solid #fff5e8;
  border-radius: 50%;
  position: relative;
  background: #fff5e8;
}

#foot .foot_logo img {
  position: absolute;
  top: 35px;
  left: 0;
  width: 50%;
  right: 0;
  margin: 0 auto;
}

#foot h5 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}

#foot .contact {
  float: right;
}

#foot .contact ul {
  display: block;
  float: left;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#foot .contact .foot_bar {
  float: left;
  width: 100%;
  padding: 1em;
  font-family: 'Open Sans', sans-serif;
  margin: 20px 0 0;
}

#foot .contact .foot_bar .topbar-icon {
  float: left;
  letter-spacing: 0.05em;
  font-weight: 400;
  color: #000000;
  text-align: center;
  position: relative;
}

#foot .contact .foot_bar .topbar-icon i {
  text-align: left;
  vertical-align: middle;
  display: block;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  color: #624f40;
  border: 1px solid #fff5e8;
  cursor: pointer;
  background: #fff5e8;
  width: 30px;
  height: 30px;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
}

#foot .contact .foot_bar .topbar-icon i:before {
  font-size: 1em;
  text-align: center;
  padding: 0.4em 0;
  vertical-align: middle;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
}

#foot .contact .foot_bar .topbar-icon i:hover {
  color: #fff;
  background: #624f40;
  border: 1px solid #fff;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
}

#foot .contact .foot_bar .topbar-icon p {
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  font-size: 14px;
  color: #fff5e8;
  font-weight: normal;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.8px;
}

#foot .contact .foot_bar .topbar-icon p span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal;
}

#foot .contact h2 {
  font-family: 'Cabin', sans-serif;
  font-size: 30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: relative;
  font-weight: 600;
  margin-bottom: 0;
  color: #000000;
  text-align: center;
  margin-top: 14px;
}

#foot .contact h2::after {
  position: absolute;
  content: '';
  border-bottom: 4px solid #545454;
  bottom: -30px;
  width: 100px;
  margin: 20px auto;
  left: 0;
  right: 0;
}

#foot ul li {
  line-height: 2;
  font-size: 1em;
  list-style-type: none;
  display: inline-block;
}

#foot ul li img {
  margin: 0 auto;
  width: 80%;
}

#foot .image-static {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 1;
}

#foot .index-drive {
  z-index: 9;
}

#foot .follow_us {
  float: left;
  margin: 2em auto;
}

#foot .follow_us i {
  background: #fff5e8;
  color: #726052;
  border-radius: 50%;
  font-size: 15px;
  padding: 15px 13px;
}

#foot .follow_us i:hover {
  background: #284B72;
  color: #fff;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
}

.copyright {
  background: #85715f;
}

.welcome_gallery {
  padding: 20px;
}

.welcome_gallery #lightgallery {
  cursor: pointer;
  position: relative;
}

.welcome_gallery #lightgallery .img-responsive {
  margin: 0 auto;
}

.welcome_gallery #lightgallery .view_gallery_h {
  display: none;
}

#lightgallery:hover .view_gallery_h {
  position: absolute;
  background: #666666;
  opacity: 0.8;
  color: #ffffff;
  padding: 20px;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  width: 50%;
  height: 50%;
  display: block;
  margin: 0 auto;
  line-height: 4em;
  cursor: pointer;
  -webkit-transition: 3s all ease-in-out;
  transition: 3s all ease-in-out;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  font-size: 3em;
}

/*page3 gallery*/
#gallery {
  position: relative;
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 50px 0;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}

#gallery .heading {
  position: relative;
}

#gallery .heading span {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  color: #666666;
}

#gallery ul li {
  list-style-type: none;
  padding: 10px;
  display: inline-block;
  height: auto;
  white-space: nowrap;
  margin-bottom: 10px;
}

#gallery h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  margin-bottom: 50px;
}

#gallery h2::after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #666666;
  bottom: -30px;
  width: 100px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

/*contact page5*/
#get-in-touch {
  position: relative;
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 50px 0;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

#get-in-touch .heading {
  position: relative;
  padding: 0 35px;
}

#get-in-touch .heading h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 32px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin: 0;
  color: #624f40;
  text-align: left;
}

#get-in-touch .heading h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 32px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin: 0 0 2em 0;
  color: #624f40;
}

#get-in-touch .heading h3:after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  width: 60px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

#get-in-touch .heading span {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  color: #666666;
  font-size: 14px;
}

#get-in-touch .title_border {
  margin: 20px 0 35px 0;
  width: 100%;
}

#get-in-touch .contact-details {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  text-transform: none;
}

#get-in-touch .contact-details h3 {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}

#get-in-touch .contact-details p {
  font-size: 14px;
  color: #624f40;
  margin-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

#get-in-touch .contact-details p span {
  color: #000000;
  font-weight: 600;
}

#get-in-touch .contact-details p i {
  font-style: normal;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}

#get-in-touch .contact-details .follow_us i {
  border: 1px solid #fff5e8;
  background: #fff5e8;
  color: #726052;
  border-radius: 50%;
  font-size: 26px;
  padding: 8px;
}

/*page4 attraction*/
#attraction {
  padding: 50px 0 0;
  float: left;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

#attraction .heading {
  position: relative;
}

#attraction .heading span {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  color: #666666;
  font-size: 14px;
}

#attraction .heading h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin-bottom: 40px;
  color: #624f40;
}

#attraction .heading h2::after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  width: 60px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

.main_attraction {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main_attraction .local_attractions {
  text-align: left;
  padding: 0 15px;
  font-family: 'Raleway', sans-serif;
}

.main_attraction .local_attractions .media-body {
  float: left;
  background: #fcfcfc;
  padding: 0 1em;
  border: 1px solid #eee;
  height: 480px;
  margin-bottom: 1em;
}

.main_attraction .local_attractions img {
  width: 100%;
}

.main_attraction .local_attractions h3 {
  color: #624f40;
  float: left;
  width: 100%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 20px;
  height: 50px;
}

.main_attraction .local_attractions .address {
  font-family: 'Open Sans', sans-serif;
}

.main_attraction .local_attractions .address i {
  float: left;
  margin-bottom: 20px;
  width: 30px;
}

.main_attraction .local_attractions .address .icon-location:before {
  margin-left: 0;
}

.main_attraction .local_attractions .address p {
  margin-top: 0;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  font-size: 14px;
}

.main_attraction .local_attractions .distance {
  float: left;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}

.main_attraction .local_attractions .distance img {
  width: 30px;
  float: left;
}

.main_attraction .local_attractions .distance h5 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  float: left;
  font-weight: 500;
  padding: 0.5em;
}

.main_attraction .local_attractions ul {
  padding-left: 20px;
  float: left;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  font-size: 14px;
}

.main_attraction .local_attractions ul li {
  margin-bottom: 20px;
  list-style: none;
  text-align: justify;
  color: #545454;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  position: relative;
}

.main_attraction .local_attractions ul li::before {
  /*content: '\2736';*/
  position: absolute;
  left: -18px;
  font-weight: bold;
  font-size: 14px;
}

#gallery .slick-prev, #gallery .slick-next,
#slider .slick-prev,
#slider .slick-next {
  top: 60%;
  background: #624f40;
}

#back2Top {
  width: 40px;
  line-height: 40px;
  overflow: hidden;
  z-index: 999;
  display: none;
  cursor: pointer;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  position: fixed;
  bottom: 50px;
  right: 40px;
  background-color: #624f40;
  color: #fff5e8;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

#back2Top:hover {
  background-color: #fff5e8;
  color: #624f40;
  transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  -ms-transition: 0.5s all ease-in-out;
}

.modal-open {
  position: fixed;
}

.popup-overlay iframe {
  height: 450px;
}

#Launceston {
  position: relative;
  display: block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  background: #ffffff;
  padding: 50px 0 0;
}

#Launceston .heading {
  position: relative;
}

#Launceston .heading span {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 14px;
}

#Launceston .heading h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  margin-bottom: 30px;
  color: #624f40;
}

#Launceston .heading h2::after {
  position: absolute;
  content: '';
  border-bottom: 3px solid #624f40;
  bottom: -30px;
  width: 60px;
  margin: 20px auto;
  right: 0;
  left: 0;
}

#Launceston .welcome_text {
  font-family: 'Raleway', sans-serif;
  text-align: left;
  margin-bottom: 0;
}

#Launceston .welcome_text p {
  letter-spacing: 0.02em;
  line-height: 22px;
  font-size: 15px;
  font-weight: 400;
}

#partner_details {
  width: 100%;
  display: inline-block;
}

#partner_details div {
  margin-bottom: 30px;
}

#partner_details h3 {
  font-size: 24px;
  color: #624f40;
  font-family: 'Raleway', sans-serif;
}

#partner_details address {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
}

#partner_details p {
  font-size: 18px;
}

#partner_details .icon {
  color: #624f40;
  border: 1px solid;
  padding: 5px 3px;
  border-radius: 50%;
  background: #fff5e8;
  margin-right: 15px;
  font-size: 14px;
}

#partner_details address, #partner_details p a {
  color: #5f5f5f;
}

#partner_details a {
  color: #624f40;
  font-family: 'Open Sans', sans-serif;
}

#partner_detail {
  width: 100%;
  display: inline-block;
  margin-bottom: 5em;
  font-family: 'Raleway', sans-serif;
}

#partner_detail h5 {
  font-size: 16px;
  margin: 1em 0 0;
}

#partner_detail h2 {
  margin: 0.2em 0 0.8em;
  font-weight: 600;
  /* text-transform: uppercase; */
  font-sizE: 20px;
}

#partner_detail h3 {
  font-size: 1.2em;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  margin: 0 auto;
  text-align: center;
  background: #624f40;
  padding: 0.5em;
  -webkit-transition: top ease-in-out 0.5s;
  transition: top ease-in-out 0.5s;
  font-weight: 300;
}

#partner_detail .accom {
  position: absolute;
  width: 85%;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transition: all ease 1.5s;
  transition: all ease 1.5s;
}

#partner_detail .new-block {
  opacity: 0;
}

#partner_detail .img_set:hover .new-block, #partner_detail .img_set2:hover .new-block, #partner_detail .img_set3:hover .new-block, #partner_detail .img_set4:hover .new-block, #partner_detail .img_set5:hover .new-block, #partner_detail .img_set6:hover .new-block {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  padding-top: 1em;
}

#partner_detail .img_set:hover .accom, #partner_detail .img_set2:hover .accom, #partner_detail .img_set3:hover .accom, #partner_detail .img_set4:hover .accom, #partner_detail .img_set5:hover .accom, #partner_detail .img_set6:hover .accom {
  background: #fff;
  left: 0;
  right: 0;
  text-align: left;
  padding: 1em;
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all ease 1.5s;
  transition: all ease 1.5s;
}

#partner_detail address {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 2em;
}

#partner_detail p {
  font-size: 14px;
  line-height: 2em;
}

#partner_detail .icon {
  color: #624f40;
  border: 1px solid;
  padding: 5px 4px;
  border-radius: 50%;
  background: #fff5e8;
  margin-right: 15px;
  font-size: 14px;
}

#partner_detail address, #partner_detail p, #partner_detail a {
  color: #5f5f5f;
}

#partner_detail a {
  color: #624f40;
  font-family: 'Open Sans', sans-serif;
  word-break: break-all;
}
/*# sourceMappingURL=main.css.map */