@charset "utf-8";
/*

THEME COLORS:
===============

Main: #624d32
Secondary: #009cbb

*/




@font-face { font-family: "Flaticon"; src: url("fonts/Flaticon.eot"); src: url("fonts/Flaticon.eot#iefix") format("embedded-opentype"), url("fonts/Flaticon.svg") format("svg"), url("fonts/Flaticon.woff") format("woff"), url("fonts/Flaticon.ttf") format("truetype"); font-weight: normal; font-style: normal;}

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255,255,255,0)}
* { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body { font-family: 'Open Sans', serif; font-weight:400; font-size:14px; line-height:24px; color:#624d32; margin:0; overflow-x: hidden; overflow-y:visible; background: url(patterns/stucco.png) #fff;}
ul, ul li { margin:0; padding:0}
p {margin-top:0px; margin-bottom: 20px;}
a img {border:0;}
a { color: #009cbb; text-decoration:none; }
a:hover { color: #624d32;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#3A1907 }


/*text-shadow: 1px 1px 0px rgb(242, 242, 242), 1px 2px 0px rgb(177, 177, 178);*/

h1 { position:relative; font-family: 'Open Sans', serif; font-size:12px; line-height:18px; font-weight:400; color: #fff; margin:0px; padding:18px 0 18px 15px; background: url(patterns/stucco.png) #009cbb ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:3 }
h2 { font-family: 'Pacifico', cursive; font-size:36px; line-height:1; font-weight:400; display:block; color: #624D32; padding:0; width:75%; margin: 0 auto 20px; text-shadow: }
h3 { font-family: 'Open Sans', serif; font-size:16px; line-height:24px; font-weight:400; font-style:italic; display:block; color: #624d32; margin:0 0 20px 0; padding:0; width:75%; margin: 0 auto }
h3:before { content:'" '}
h3:after { content: ' "'}
h4 { font-family: 'Pacifico', cursive; font-size:30px; line-height:1.1;  font-weight:400; display:block; color: #624D32; margin: 0 0 20px 0; padding:0;  }
h5 { font-family: 'Pacifico', cursive; font-size:20px; line-height:1;  font-weight:400; display:block; color: #624D32; margin-bottom:20px; padding:0; }
h6 { font-family: 'Pacifico', cursive; font-size:18px; line-height:1;  font-weight:400; display:block; color: #624D32; margin:0 0 20px 0; padding:0; }


.button, .social { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }
input, textarea, select, subject, .boxed, ul.tabs li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header { position:relative; background: url(patterns/stucco.png) #fff; padding:0; text-align:center; -moz-box-shadow:0 5px 25px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 1); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);  -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s;  z-index:3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .logo { display:block; clear:both; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;  }
.header .logo img { width:300px; height:auto; margin:40px 0 40px 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }

.header:after { content:""; clear:both; display:block; width:100%; }




.contact_bar { position:absolute; top:0;  right:0; z-index:4;}
.contact_bar:after { content:""; clear:both; display:block; width:100%; }
.contact_bar a { color:#fff  }

.contact_bar .callus, .contact_bar .booknow { position:relative; float:left; z-index:2; font-size:12px; line-height:54px; font-weight:bold; text-align:center; color:#fff;  padding:0 15px; border-right:2px solid #35170A;}
.contact_bar .callus:before, .contact_bar .booknow:before { float:left; font-family: "Flaticon"; content: ""; font-weight:normal; font-size:22px; margin-right:10px;}


.contact_bar .callus { }
.contact_bar .callus:before { content: "\f138";}
.contact_bar .callus span:before { content:"+27 83 412 1513" }

.contact_bar .booknow { background: url(patterns/stucco.png) #D4146C; }
.contact_bar .booknow:before { content: "\f10d";}




.header #social { position:absolute; left:20px; top:20px;}
.header #social:after { content:""; clear:both; display:block; width:100%; }

.header #social .social { position:relative; display:block; float:left; width:50px; height:50px; line-height:50px; font-size:24px; background:#3A1907 url(patterns/stucco.png); color:#fff; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  font-style:normal; margin-right:5px; border: 1px dashed #3A1907 }
.header #social .social:before { font-family: "Flaticon"; }
.header #social .social:hover { background: none; color:#3A1907 }

.header #social .facebook:before {  content: "\f115"; }
.header #social .twitter:before {  content: "\f13e"; }



.menu_wrapper { position:relative; background:url(patterns/stucco.png) #fff; padding:20px 0 0 0; z-index:2; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; -ms-transition: background 0.25s; transition: background 0.25s;  }
.table { display:table; margin: 0 auto;  text-align:left; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s; }

.menu_wrapper:after { clear:both; position:relative; background:url(separator.png) left top repeat-x; height:45px; width:100%; display:block; content:""; margin-top:20px; }
#menu-icon { display: none; /* hide menu icon initially */}
#menu { display:table; margin:0; padding:0;  }
#menu li { margin:0; padding:0; list-style: none; float: left;}
#menu li a { position:relative; display:table-cell; vertical-align:middle; font-family: 'Pacifico', cursive; font-size:18px; line-height:1.2; font-weight:400; text-decoration: none; color: #624d32; padding: 0px 20px; cursor:pointer; border-right:1px dashed #cbcbcb; text-align:center; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;   }
#menu li a span { display:block; font-family: 'Open Sans', serif; font-size:10px; font-weight:400; text-transform:uppercase; color: #666;  text-shadow: 0 0 0 rgb(242, 242, 242), 0 0 0 rgb(177, 177, 178);   }

/*#menu li.drop > a:after { position:absolute; left:50%; margin-left:-5px; bottom:-15px; display:block; text-align:center; font-family:"Flaticon"; content: "\f101"; font-size:12px; font-weight:400; z-index:2 }*/
#menu li:last-of-type a { border:none }

#menu li a:before { font-family: "Flaticon"; content: ""; display:block; text-align:center; font-size:28px; line-height:1; font-weight:normal; margin-bottom:5px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;  }
#menu li a.hom:before { content: "\f132"; }
#menu li a.acc:before { content: "\f12d"; }
#menu li a.rat:before { content: "\f131"; }
#menu li a.gal:before { content: "\f136"; }
#menu li a.rev:before { content: "\f126"; }
#menu li a.con:before { content: "\f125"; }


#menu li:hover > a { color:#009cbb }
#menu:hover li a { color: #624d32 ; }
#menu li:hover > a { color:#009cbb ; }
body#hom .hom, body#acc .acc, body#rat .rat, body#gal .gal, body#rev .rev, body#con .con { color:#009cbb; }

/*#menu li ul { display:none;  position:absolute; left:0; width:100%; padding:3% 3% 1% 3%; background:url(patterns/stucco.png) #fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#menu li ul li { position:relative; float:left; width:16.666666666666666666666666666667%; padding:0 15px; margin:0 0 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#menu li ul.columns6 li { width:16.666666666666666666666666666667%; }
#menu li ul.columns5 li { width:20%; }
#menu li ul.columns4 li { width:25%; }
#menu li ul.columns3 li { width:33.333333333333333333333333333333%; }
#menu li ul.columns2 li { width:50%; }

#menu li ul li a { font-family: 'Pacifico', cursive; font-size:22px; line-height:1.5; font-weight:400; display:block; border:none; padding:0;}
#menu li ul li a img { width:100%; height:auto; }

#menu li ul:after { position:relative; clear:both; content:""; display:block; width:100%; height:0; visibility:hidden }

#menu li.drop:hover ul { display:block; }*/



.menu_wrapper.scroll-fix { left:auto !important; -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 1); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); }
.menu_wrapper.scroll-fix.unfixme { position:relative !important; left:auto !important; top:auto !important; width:auto !important }


#rev_slider_4_1_wrapper:before, #cd-google-map:before {  }


.container { position:relative;}
.container:before {  position:absolute; top:0; left:0; content:""; height:45px; width:100%; background:url(separator.png) repeat-x ; }
.container .content { padding: 120px 12% 0 12%}
.container .content:after { content:""; clear:both; display:block; width:100%; }

.lighthouse360tour { width:100%; height:600px;  }

.title_box { position:relative; text-align:center; margin-bottom:60px; padding:0; clear:both }
 .title_box:after { display:block; content:url(title-separator.png);  margin: 20px 0; }



.notice { padding: 0 2.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.notice p { position:relative; display:block; padding:40px; margin-bottom:60px; background-color:#fbf3e0; text-align:center; border: 1px dashed #d8c18a; font-style:italic  }


.half { width:50%; padding: 0 2.5%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.one_third { width:30%; float:left; }
	.one_third.intro { width:30%; }
.one_third img { width:100%; height:auto; }

.two_third { position:relative; width:70%; float:left; padding: 0 0 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.two_third.intro { width:70%; }
.two_third p { position:relative }



.separator { height:120px; clear:both; margin:0 0 80px 0; position:relative; background:url(separator.png) left bottom repeat-x; }
.separator.small { height:40px; clear:both; margin:0 0 40px 0; position:relative; background:url(separator.png) left bottom repeat-x; }
.separator:after { display:none  }



#featured { position:relative; text-align:center; clear:both; margin-bottom:40px; }
#featured:after { content:""; clear:both; display:block; width:100%; }
#featured .featured { position:relative; float:left; width:31.333333333333333333333333333333%; padding:30px 30px 30px 30px; margin:1%; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(patterns/stucco.png) repeat #f9f9f9;}
/*#featured .featured:before { position:absolute; top:-2px; left:0; display:block; width:100%; height:10px; background:url(title-border.png) repeat-x; content:""; z-index:2 }*/
#featured .featured:after { position:absolute; bottom:-2px; left:0; display:block; width:100%; height:13px; background:url(title-border.png) repeat-x; content:""; }

#featured .image {  }
#featured .featured .image img { width:100%; height:auto; margin-bottom:30px }
#featured h4 { font-family: 'Pacifico', cursive; font-size:24px; line-height:1;  font-weight:400; display:block; color: #3A1907; margin: 0 0 20px 0; padding:0; }



@-webkit-keyframes myZoomOut { 

from { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
50% { opacity: 1; }
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

}

@keyframes myZoomOut {

from { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
50% { opacity: 1;}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

}

.myZoomOut { -webkit-animation-name: myZoomOut; animation-name: myZoomOut; }



#slideshow { position:relative; height:550px; margin-bottom: -1px; background:#111;  }

.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }


.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel { position:relative; display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; height:550px; background:url(img/svgloader.svg) center center no-repeat; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }
	body.loaded .owl-carousel { background:none;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; height:100%;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); height:100%}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-dots { position: absolute; bottom: 30px; right:11%; text-align: center;  }
.owl-carousel .owl-dots:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-dot { width: 20px; height: 20px; display: inline-block; background:#fff; margin-left:5px; border-radius:100%; }
.owl-carousel .owl-dot:hover { background:#009cbb }
.owl-carousel .owl-dot.active { background:#009cbb }


.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position:absolute; bottom:50%; margin-bottom:-30px; left:60px; width:60px; height:60px; background:#fff; line-height:60px; font-size:24px; text-align:center; color:#333; font-family: "Flaticon"; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; border-radius:100%; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
	.owl-carousel .owl-nav .owl-prev { left:11% }
	.owl-carousel .owl-nav .owl-next { right:11%; left:auto}

.owl-carousel .owl-controls .owl-nav .owl-prev:before { content: "\f104"; }
.owl-carousel .owl-controls .owl-nav .owl-next:before { content: "\f102"; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background:#009cbb; color:#fff }
.owl-carousel .owl-controls .owl-nav .owl-next:hover { background:#009cbb; color:#fff }


.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; height:100%; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



.owl-carousel .owl-item .slide { position:relative; display:table; width:100%; height:100%; padding:5%;  }
.owl-carousel .owl-item, .owl-carousel .owl-item .slide, .owl-carousel .owl-item .slide:before, .owl-carousel .animated, .owl-carousel .owl-stage { -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;}

.owl-carousel .owl-item .slide:before { position:absolute; top:0; left:0; content:""; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; will-change: transform; z-index:-1  }
.owl-carousel .owl-item .slide.homeslide1:before{  background-image: url(slide-02.jpg); }
.owl-carousel .owl-item .slide.homeslide2:before{  background-image: url(slide-01.jpg); }
.owl-carousel .owl-item .slide.homeslide3:before{  background-image: url(slide-03.jpg); }

.owl-carousel .owl-item .slide.accslide1:before{  background-image: url(header-accommodation.jpg); }
.owl-carousel .owl-item .slide.ratesslide1:before{  background-image: url(header-rates.jpg); }
.owl-carousel .owl-item .slide.galslide1:before{  background-image: url(header-gallery.jpg); }
.owl-carousel .owl-item .slide.revslide1:before{  background-image: url(header-reviews.jpg); }
.owl-carousel .owl-item .slide.conslide1:before{  background-image: url(header-contact-us.jpg); }






.owl-carousel .owl-item img {  width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;  }
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}

/* No Js */
.no-js .owl-carousel { display: block;}


@-webkit-keyframes myFadeIn {
from { opacity: 0; }
50% { opacity: 0;}
to { opacity: 1;}
}

@keyframes myFadeIn {
from { opacity: 0;}
50% { opacity: 0;}
to { opacity: 1;}
}

.myFadeIn { -webkit-animation-name: myFadeIn; animation-name: myFadeIn;}


.owl-carousel .owl-item.active .caption { -webkit-animation-name: myFadeIn; animation-name: myFadeIn; -webkit-animation-duration: 2400ms; animation-duration: 2400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .caption { display:table-cell; vertical-align:middle; text-align:left;   }
.owl-carousel .slide_title { position:relative; color:#fff; display:block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; z-index:1; }

.owl-carousel .caption .slide_title { text-align:center; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;   }
.owl-carousel .caption .slide_title .logo { position:relative; z-index:1;  }
.owl-carousel .caption .slide_title .logo img { width:220px; height:auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;}


.owl-carousel .caption .slide_title .line1 { font-family: 'Pacifico', cursive; display:block; margin-bottom:10px; font-size:40px; line-height:1; font-weight:400; text-shadow: 0 0 15px rgba(0,0,0,0.5); webkit-backface-visibility: hidden; }
.owl-carousel .caption .slide_title .line2 { display:block;  font-size:14px; letter-spacing:0; color:#fff; display:inline; background:rgba(0,0,0,0.5); padding:3px 7px; border-radius:5px; box-shadow: 0 0 15px rgba(0,0,0,0.15); }

	
.owl-carousel .caption .slide_title .button { display:block; width:160px; padding:10px; text-align:center; background:#009cbb; color:#fff; font-size:12px; line-height:14px; font-weight:normal; margin: 15px auto 10px auto }
.owl-carousel .caption .slide_title .button:after { content: "\279C"; margin-left:7px; font-size:12px; line-height:12px; font-weight:normal }
.owl-carousel .caption .slide_title .button:hover { background:rgba(0,0,0,0.9) }

.scrolldown { position:absolute; bottom:7.5%; left:50%; margin-left:-30px; width:60px; font-size:20px; color:#fff; cursor:pointer; z-index:1; text-align:center; text-shadow: 0px 0px 2px #000; }
.scrolldown:before { position:absolute; top:-50px; content:"Scroll Down"; display:block; font-family: 'Nunito', sans-serif; font-size:18px; line-height:1; font-weight:700;}
.scrolldown:after { font-family:"Flaticon"; content: "\f101"; font-size:34px; display:block}

.play-stop { position:absolute; left:11%; bottom:30px; z-index:1}
.play-stop .play-slide, .play-stop .stop-slide { float:left; margin-right:5px; width:40px; height:40px; line-height:40px; text-align:center; background:#009cbb; color:#fff; cursor:pointer }
.play-stop .play-slide:before { font-family: "General"; content: "\f1ed";}
.play-stop .stop-slide:before {   content: "||";}
.play-stop .play-slide:active, .play-stop .stop-slide:active { background:#009cbb; }

.static-slideshow { position:relative; height:250px; } 





@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 767px) {


.owl-carousel, #slideshow { height:400px;}
.static-slideshow { height:200px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 30px; opacity:0.3; font-size:14px; border-radius:0; }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-next:hover { right:0px; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-prev:hover { left:0px; }
.owl-carousel .caption .slide_title { padding:0 30px; }
.owl-carousel .caption .slide_title .line1 {  font-size:28px; }
.owl-carousel .caption .slide_title .line2 {  }
	body#hom .owl-carousel .caption1 .slide_title .line1:before, body#hom .owl-carousel .caption2 .slide_title .line1:before, body#hom .owl-carousel .caption3 .slide_title .line1:before { font-size:50px;  }

#slideshow .scrolldown { display:none !important }


}

@media (max-width: 500px) {

.owl-carousel, #slideshow { height:250px;}
.owl-carousel .owl-dot { width: 10px; height: 10px; }
.owl-carousel .caption .slide_title .line1 { font-size:23px; }
.owl-carousel .caption .slide_title .line2 { font-size:12px; }
.owl-carousel .caption .slide_title .button { width:120px; font-size:10px; }
.static-slideshow { height:150px; }

}






body#rat table { font-size:14px; line-height:1.5; margin:0 0 40px 0; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


body#rat table h5 { font-size:24px; line-height:1;  font-weight:400; display:block; margin: 0; padding:10px 0;}
body#rat table tr:nth-child(2n) { background-color:#fff;  }
body#rat table td { padding:15px; margin:0; border:1px solid #e6dac6; width:50%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#rat table thead td { width:100%; float:none; background:#fff  }

.rate { color:#009cbb; font-weight:700;}

/* Scrollable table styling */
	.scrollable.has-scroll {
		position:relative;
		overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
	}
	.scrollable.has-scroll:after {
		position:absolute;
		top:0;
		left:100%;
		width:50px;
		height:100%;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
		content:'';
	}

	/* This is the element whose content will be scrolled if necessary */
	.scrollable.has-scroll > div {
		overflow-x:auto;
	}

	/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
	.scrollable > div::-webkit-scrollbar {
		height:12px;
	}
	.scrollable > div::-webkit-scrollbar-track {
		box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
		background:#f0f0f0;
	}
	.scrollable > div::-webkit-scrollbar-thumb {
		border-radius:6px;
		background:#ccc;
	}

 
 
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}


.tp-mask-wrap { padding: 20px; margin-left:-20px; margin-top:-20px; }
.NotGeneric-SubTitle, .News-Title { text-shadow:0 0 2px rgba(51,51,51,0.7);}
.News-Title { font-weight:400 !important; text-transform:none !important; font-family: 'Pacifico', cursive !important; font-size:36px !important; line-height:1.5 !important; }



#weather { position:absolute; right:20px; top:20px; width:150px; color:#3A1907; }
#weather:after { content:""; display:block; clear:both }
#weather H2 { width:100%; background:none; font-family: 'Open Sans', serif; font-weight:400; font-size:20px; line-height:1; margin:0 0 10px 0; padding:0; }
			
@font-face{font-family:weathericons;src:url(fonts/weathericons-regular-webfont.eot);src:url(fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}
.wi:after,.wi:before{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.flatWeatherPlugin{font-size:inherit;width:100%}
.flatWeatherPlugin h2,.flatWeatherPlugin h3,.flatWeatherPlugin li,.flatWeatherPlugin p,.flatWeatherPlugin ul{padding:0;margin:0;color:inherit;}
#flatWeatherLoading.loading{font-size:90px;text-align:center;padding:10px;overflow:hidden;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;opacity:.2}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.flatWeatherPlugin h2{margin:0 0 5px}
.flatWeatherPlugin .wiToday{width:100%;overflow:hidden}
.flatWeatherPlugin .wiToday>.wiIconGroup{float:right;width:50%;text-align:center}
.flatWeatherPlugin .wiToday>.wiIconGroup p{width:100%;color:inherit;line-height:1em;padding:6px 0 0}
.flatWeatherPlugin .wiToday .wiIconGroup div.wi{font-size:40px;line-height:1.45em;width:100%}
.flatWeatherPlugin .wiToday .wiIconGroup div.wi:before{vertical-align:text-bottom}
.flatWeatherPlugin .clearfix:after{content:" ";display:table;clear:both}
.flatWeatherPlugin div.wiToday>p.wiTemperature{font-size:40px;line-height:1.45em;float:left;width:50%;text-align:center;color:inherit;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flatWeatherPlugin sup{opacity:.7;font-size:14px;vertical-align:baseline;top:-.5em;position:relative}
.flatWeatherPlugin .wiDetail{overflow:hidden;width:100%;padding-bottom:5px}
.flatWeatherPlugin.today .wiDetail{padding-top:10px}
.flatWeatherPlugin .wiDetail p.wiDay{font-weight:700;margin:5px 0 2px;text-align:left;color:inherit}
.flatWeatherPlugin.partial .wiToday p.wiDay{text-align:center;font-weight:700;padding:0 0 10px;clear:both;width:100%;color:inherit}
.flatWeatherPlugin .wiDetail ul{width:33%;float:left;list-style:none;font-size:90%}
.flatWeatherPlugin .wiDetail ul+ul{width:27%}
.flatWeatherPlugin .wiDetail ul+ul+ul{width:40%}
.flatWeatherPlugin .wiDetail ul li:before{width:30px}
.flatWeatherPlugin ul.wiForecasts{width:100%;overflow:hidden}
.flatWeatherPlugin ul.wiForecasts li>span{width:25%;display:inline-block}
.flatWeatherPlugin ul.wiForecasts li{float:left;width:100%;overflow:hidden;display:inline}
.flatWeatherPlugin ul.wiForecasts ul.wiForecast{font-weight:400;list-style:none;float:right;width:75%}
.flatWeatherPlugin.forecast ul.wiForecasts ul.wiForecast li{text-align:center}
.flatWeatherPlugin ul.wiForecasts ul.wiForecast li{width:33%;float:left;text-align:center}
.flatWeatherPlugin ul.wiForecasts ul.wiForecast li.wi:before{vertical-align:bottom}
.flatWeatherPlugin ul.wiForecasts li.wiDay{font-weight:700;border-color:inherit;border-top:1px solid RGBA(255,255,255,.2);padding:5px 0}
.flatWeatherPlugin.forecast ul.wiForecasts li.wiDay{border-bottom:1px solid RGBA(255,255,255,.2);border-top:none}
.flatWeatherPlugin ul.wiForecasts li.wiDay:last-child{border-bottom:none}
.wi.sunrise:before{content:"\f051"}
.wi.sunset:before{content:"\f052"}
.wi.wind:before{content:"\f050"}
.wi.humidity:before{content:"\f04e"}
.wi.pressure:before{content:"\f040"}
.wi.cloudiness:before{content:"\f041"}
.wi.temperature.metric:after{content:"\f03c"; }
.wi.temperature.imperial:after{content:"\f045"; }
.wi.loading:after{content:"\f04c"}
.wi.wi200:before,.wi.wi201:before{content:"\f01d"}
.wi.wi202:before{content:"\f01e"}
.wi.wi210:before{content:"\f010"}
.wi.wi211:before,.wi.wi212:before{content:"\f01e"}
.wi.wi221:before{content:"\f016"}
.wi.wi230:before,.wi.wi231:before,.wi.wi232:before{content:"\f01d"}
.wi.wi300:before,.wi.wi301:before,.wi.wi302:before,.wi.wi310:before{content:"\f01c"}
.wi.wi311:before,.wi.wi312:before{content:"\f017"}
.wi.wi313:before,.wi.wi314:before,.wi.wi321:before,.wi.wi500:before{content:"\f01a"}
.wi.wi501:before{content:"\f017"}
.wi.wi502:before,.wi.wi503:before{content:"\f019"}
.wi.wi504:before{content:"\f018"}
.wi.wi511:before{content:"\f015"}
.wi.wi520:before,.wi.wi521:before,.wi.wi522:before,.wi.wi531:before{content:"\f01a"}
.wi.wi600:before,.wi.wi601:before,.wi.wi602:before{content:"\f01b"}
.wi.wi611:before,.wi.wi612:before{content:"\f015"}
.wi.wi615:before,.wi.wi616:before,.wi.wi620:before,.wi.wi621:before,.wi.wi622:before{content:"\f017"}
.wi.wi701:before{content:"\f014"}
.wi.wi711:before{content:"\f062"}
.wi.wi721:before{content:"\f014"}

.wi.wi731:before{content:"\f063"}
.wi.wi741:before{content:"\f014"}
.wi.wi751:before,.wi.wi761:before,.wi.wi762:before{content:"\f063"}
.wi.wi771:before{content:"\f050"}
.wi.wi781:before{content:"\f056"}
.wi.wi800:before{content:"\f00d"}
.wi.wi801:before,.wi.wi802:before,.wi.wi803:before{content:"\f002"}
.wi.wi804:before{content:"\f00c"}
.wi.wi900:before{content:"\f056"}
.wi.wi901:before,.wi.wi902:before{content:"\f073"}
.wi.wi903:before{content:"\f076"}
.wi.wi904:before{content:"\f072"}
.wi.wi905:before{content:"\f050"}
.wi.wi906:before{content:"\f015"}
.wi.wi951:before{content:"\f00d"}
.wi.wi952:before,.wi.wi953:before,.wi.wi954:before,.wi.wi955:before{content:"\f021"}
.wi.wi956:before,.wi.wi957:before,.wi.wi958:before{content:"\f050"}
.wi.wi959:before,.wi.wi960:before,.wi.wi961:before,.wi.wi962:before{content:"\f073"}




#google-container { position: relative; width: 100%; height: 300px; background-color: #222;}

@media only screen and (min-width: 768px) { #google-container { height: 200px; }}
@media only screen and (min-width: 1170px) { #google-container { height: 500px; }}

#cd-google-map { position: relative;  }
/*#cd-google-map address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 1em 1em; background-color: rgba(211, 104, 104, 0.9); color: #ffffff; font-size: 13px; font-size: 0.8125rem; }*/
@media only screen and (min-width: 768px) { #cd-google-map address { font-size: 15px; font-size: 0.9375rem; text-align: center;}
}

#cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: #3A1907; background-repeat: no-repeat; background-size: 32px 64px; background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-controller.svg"); }
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #3A1907; }
@media only screen and (min-width: 768px) { #cd-zoom-in, #cd-zoom-out { margin-left: 50px; } }

#cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px; }

@media only screen and (min-width: 768px) { #cd-zoom-in { margin-top: 50px; } }

#cd-zoom-out { background-position: 50% -32px; }




.picker,.picker__holder{width:100%;position:absolute}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;border-radius:0 0 5px 5px;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transform:translateY(-1em)perspective(600px)rotateX(10deg);transform:translateY(-1em)perspective(600px)rotateX(10deg);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s}/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;-webkit-transform:translateY(0)perspective(600px)rotateX(0);transform:translateY(0)perspective(600px)rotateX(0);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;box-shadow:0 6px 18px 1px rgba(0,0,0,.12)}
 
.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}





.footer-image { position:relative;}
#footer { position:relative; clear:both; display:block; font-size:14px; line-height:20px; padding: 120px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(patterns/stucco.png) #fff; }
#footer:before {  position:absolute; top:0; left:0; content:""; height:45px; width:100%; background:url(separator.png) repeat-x ;   }
#footer:after {  position:absolute; bottom:0; left:0; content:""; height:45px; width:100%; background:url(separator.png) repeat-x ;  }

#footer .third { position:relative; float:left; width:33.333333333333333333333333333333%; padding:0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .third img { width:100%; height:auto; }

#footer h6 { font-family: 'Pacifico', cursive; font-size:22px; line-height:1.2;  font-weight:400; display:block; color: #624D32; margin:0 0 20px 0; padding:0; font-style:normal; text-align:left;  }

#footer ul { padding:0; margin:0 0 20px 0; }
#footer ul li { list-style:none }
#footer ul li a { display:block; color:#009cbb; padding:10px 0; border-bottom: 1px dashed #b9b3b3; }

#footer ul li a:before { font-family: "Flaticon"; content: ""; font-weight:400; margin-right:10px }
#footer ul li a.hom:before { content: "\f132"; }
#footer ul li a.acc:before { content: "\f12d"; }
#footer ul li a.rat:before { content: "\f131"; }
#footer ul li a.gal:before { content: "\f136"; }
#footer ul li a.rev:before { content: "\f126"; }
#footer ul li a.con:before { content: "\f125"; }
#footer ul li a.adm:before { content: "\f11a"; }


#footer ul li a:hover { color:#3A1907; }

.badges { position:relative; text-align:center; clear:both; padding-top:40px }
.badges img { width:auto; height:180px; }

.credits { position:relative; background: url(patterns/stucco.png) #009cbb; padding:2%; text-align:center; font-size:12px; font-style:italic; margin: 0; color:#eee }
.miniwebs { text-align:center;}
.miniwebs a { color:#fff;}
.miniwebs img {width:auto; height:14px; display:inline; margin-right:5px}






/*
	
THE RULE

For an Image ratio of example: 300(w) x 200(h)
Calculation goes:

1) 200 divided by 300
2) Times 100 (The next step depends on the amount of photos you'd like in a row... let's say 3)
3) Divide by 3
4) Minus the DOUBLED margin (margin:0.25% = 0.5%)
5) You will then have your padding-bottom percentage

*NB: If you've got a fixed pixel border like below then you're going to have to lessen padding-bottom percentage

*/

.gallery { text-align:center }
.gallery a { position:relative; float:left; margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 21%; border: 10px solid #fff; outline: 1px solid #e6dac6;  height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }



.gallery.sidepics a { margin:0.5%; width:24%; padding-bottom: 12.8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gallery.sidepics a.top { width:99%; padding-bottom: 60.66666666666666666666666666666%; }
.gallery.sidepics a.bl { width:49%; padding-bottom: 28%; }
.gallery.sidepics a.br { width:49%; padding-bottom: 28%; }

.gallery.sidepics.hosts a { margin:0; width:100%; padding-bottom: 100%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;   }

/*body#act .gallery.sidepics a.top { width:99%; padding-bottom: 65.66666666666666666666666666666%; }
body#act .gallery a { position:relative; float:left; margin:0.5%; width:32.333333333333333333333333333333%; padding-bottom: 21.5%; height: 0; overflow: hidden; background:url(img/preloader.gif) center center no-repeat; background:url(img/svgloader.svg) center center no-repeat;  } */


.gallery a img { display:block; width:100%; height:auto; position: absolute; display:block; top: 0; left: 0; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transform: translate3d(0,0,0) scale(1,1); -moz-transform: translate3d(0,0,0) scale(1,1); -webkit-transform: translate3d(0,0,0) scale(1,1); transform: translate3d(0,0,0) scale(1,1);}
.gallery a:hover img {-ms-transform: translate3d(0,0,0) scale(1.15,1.15); -moz-transform: translate3d(0,0,0) scale(1.15,1.15); -webkit-transform: translate3d(0,0,0) scale(1.15,1.15); transform: translate3d(0,0,0) scale(1.15,1.15);}
.gallery a img, .gallery a img:hover { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }



.gallery a:after { position:absolute; top:0; left:0; width:100%; height:100%; background: center no-repeat rgba(0,0,0,0); content:""; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }
.gallery a:hover:after { position:absolute; top:0; left:0; width:100%; height:100%; background:url(img/magnifying-glass.svg) center no-repeat rgba(0,0,0,0.4); content:""; }
.gallery:after { content:""; clear:both; display:block; width:100%; visibility:hidden; height:0; }





@font-face { font-family: 'lg'; src: url("fonts/lg.eot?n1z373"); src: url("fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("fonts/lg.woff?n1z373") format("woff"), url("fonts/lg.ttf?n1z373") format("truetype"), url("fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; }
.lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080;}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF;}
.lg-actions .lg-next { right: 20px; }
.lg-actions .lg-next:before { content: "\e095"; }
.lg-actions .lg-prev { left: 20px;}
.lg-actions .lg-prev:after { content: "\e094";}

@-webkit-keyframes lg-right-end {
0% { left: 0; }
50% { left: -30px;}
100% { left: 0; }
}
@-moz-keyframes lg-right-end {
0% { left: 0;}
50% { left: -30px;}
100% { left: 0;}
}
@-ms-keyframes lg-right-end {
0% { left: 0; }
50% { left: -30px; }
100% { left: 0;}
}
@keyframes lg-right-end {
0% { left: 0; }
50% { left: -30px;}
100% { left: 0; }
}
@-webkit-keyframes lg-left-end {
0% { left: 0; }
50% { left: 30px;}
100% { left: 0;}
}
@-moz-keyframes lg-left-end {
0% { left: 0;}
50% { left: 30px;}
100% { left: 0;}
}
@-ms-keyframes lg-left-end {
0% { left: 0;}
50% { left: 30px;}
100% { left: 0;}
}
@keyframes lg-left-end {
0% { left: 0;}
50% { left: 30px;}
100% { left: 0;}
}
.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative;}
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative;}

.lg-toolbar { z-index: 1080; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.85); }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none;}
.lg-toolbar .lg-icon:hover { color: #FFF;}
.lg-toolbar .lg-close:after { content: "\e070";}
.lg-toolbar .lg-download:after { content: "\e0f2";}

.lg-sub-html { background-color: rgba(0, 0, 0, 0.85); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080;}
.lg-sub-html h4 { margin: 0; color:#D06B36 } 
.lg-sub-html p { font-size: 18px; margin: 5px 0 0;}
	@media (max-width: 767px) {
	.lg-sub-html p { font-size: 14px; }
	}

#lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle;}

.lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
.lg-hide-items .lg-next { opacity: 0;-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
.lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important; -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important; -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important; transition: transform 250ms ease 0s, opacity 250ms !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }

.lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }
.lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; }
.lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; margin-bottom: 5px; }
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease;}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #D06B36; }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%;}
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; }
.lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px;}
.lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px;}
.lg-outer .lg-toogle-thumb:after { content: "\e1ff";}
.lg-outer .lg-toogle-thumb:hover { color: #FFF; }

.lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; }
.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer;}
.lg-outer .lg-has-vimeo .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 0 transparent;}
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 -58px transparent;}
.lg-outer .lg-has-html5 .lg-video-play { background: transparent url("img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8;}
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1;}
.lg-outer .lg-has-youtube .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 0 transparent;}
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 -60px transparent;}
.lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden; }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible;}

.lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; }
.lg-progress-bar .lg-progress { background-color: #D06B36; height: 5px; width: 0; }
.lg-progress-bar.lg-start .lg-progress { width: 100%; }
.lg-show-autoplay .lg-progress-bar { opacity: 1;}

.lg-autoplay-button:after { content: "\e01d";}
.lg-show-autoplay .lg-autoplay-button:after { content: "\e01a";}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important; transition: transform 0.3s ease 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
#lg-zoom-in:after { content: "\e311";}
#lg-zoom-out { opacity: 0.5; pointer-events: none;}
#lg-zoom-out:after { content: "\e312";}
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto;}

.lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; }
.lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%;}
.lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px;}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0;}

.lg-fullscreen:after { content: "\e20c"; }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d";}

.group { *zoom: 1;}
.group:before, .group:after { display: table; content: ""; line-height: 0; }
.group:after { clear: both; }

.lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lg-outer.lg-visible { opacity: 1;}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important;}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; }
.lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; }
.lg-outer .lg-item { background: url("img/loading.gif") no-repeat scroll center center transparent; background: url("img/svgloader.svg") no-repeat scroll center center transparent; display: none !important; }
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; }
.lg-outer.lg-css .lg-current { display: inline-block !important;}
.lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.lg-outer .lg-img-wrap { position: static; padding: 0 5px;}
.lg-outer .lg-item.lg-complete { background-image: none;}
.lg-outer .lg-item.lg-current { z-index: 1060; }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; border-radius:10px;}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s;}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1;}
.lg-outer .lg-empty-html { display: none;}
.lg-outer.lg-hide-download #lg-download { display: none;}

.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(0,0,0,0.95); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-backdrop.in { opacity: 1;}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }
.lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-css3.lg-fade .lg-item { opacity: 0;}
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1;}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}





.button { position:relative; display:inline-block; padding: 7px 11px; margin:20px 10px 20px 0; text-decoration:none; font-family: 'Open Sans', serif; font-size:12px; font-weight:400; color:#fff; text-align:center; background: url(patterns/stucco.png) #3A1907;}
.button:after { font-family:"Flaticon"; content: "\f102";margin-left:10px; }
.button.directions:before { font-family:"Flaticon"; content: "\f116"; margin-right:10px; }
.button:hover { color:#fff; background: url(patterns/stucco.png) #3A1907; }

.button.large {   width:100%; padding:35px 0; margin:0; display:block; font-size:20px; line-height:1; float:left; text-transform:uppercase }
.button.large:before {  }

ul.list_style { margin:0 0 40px 0; position:relative; display:block}
ul.list_style li, ul.list_style ul { display:block; list-style-type:none; margin:0; padding:0; font-weight:normal;}
ul.list_style li { position:relative; display:block; font-size:16px; line-height:20px; padding: 0 0 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:7px;}
ul.list_style.facilities li { float:left; width:50%; }
ul.list_style li:before { position:absolute; left:0; font-family:"Flaticon"; content: "\f10f"; color:#3A1907;  }

ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }

ol { list-style: none; margin:40px 0; padding:0 }
ol li { position:relative; counter-increment: item; padding-left:40px; margin-bottom:15px;}
ol li:before { position:absolute; left:0; content: counter(item); background: #3A1907; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  color: white; width: 32px; height:32px; line-height:32px; text-align: center;}
ol h4 { padding-top:5px}





.add_review_button { position:relative; display:block; padding: 30px;  border: 1px solid #eee; color:#3A1907; font-family: 'Pacifico', cursive; font-size:22px; line-height:22px; text-align:center; cursor:pointer; clear:both; }
.add_review_button:before { font-family:"Flaticon"; content: "\f118"; margin-right:10px; display:block; font-size:46px; line-height:46px; margin-bottom:10px; }
.add_review_button:hover { border: 1px solid #eee; background-color:#f5f5f5; }
.guestbook_form { display:none; }


.contactleft { float:left; width:48%; margin:0 2% 0 0 }
.contactright { float:right; width:48%; margin:0 0 0 2% }

.fieldleft { float:left; width:48%; margin:0 2% 0 0 }
.fieldright { float:right; width:48%; margin:0 0 0 2% }

.contact_form { text-align:left; clear:both; margin-top:20px; }
#contact { position:relative; text-align:left}
#contact img { border:none; background:none}


body#con label { display:block; line-height: 25px; font-size: 18px; font-style:italic; margin-bottom:5px;}
body#con .field_required:before { content:"*"; color: #ff0000; font-size: 25px; line-height: 18px; }
body#con input, body#con textarea, body#con select, body#con subject { font-family: 'Open Sans', serif; font-weight:400; width: 100%;  margin-bottom: 10px; padding: 20px; margin-bottom:35px; color: #666; border: 1px solid #e6dac6; font-size:20px; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body#con input:focus, body#con textarea:focus, body#con select:focus {  outline: none;  background:#009cbb; color:#fff;  }
body#con .submit { width: auto; cursor: pointer; background:#3A1907; color:#fff; font-size:18px; font-weight:400; border:none; outline: 0; border: 0;  }
body#con .submit::-moz-focus-inner {  border: 0;}
body#con .submit:hover { background:#3A1907; }
body#con input[type="submit"][disabled] { background:#888; cursor: default; }
body#con .captcha_image { width:20%; height:auto; margin-bottom:10px; }

body#con form input.submit.active, body#con form input.submit.active:hover { background:url(img/ajax-loader.gif) center center no-repeat #3A1907; background:url(img/tail-spin.svg) center center no-repeat #3A1907; color:rgba(255,255,255,0)}



body#con input[type=checkbox].css-checkbox { display:none; }
body#con input[type=checkbox].css-checkbox + label.css-label { padding:0 0 0 55px; height:40px;  display:inline-block; line-height:40px; background-repeat:no-repeat; background-position: 0 0; font-size:20px; vertical-align:middle; cursor:pointer;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#con input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -40px; }
body#con label.css-label { background-image:url(img/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}



.message { position:fixed; bottom:0px; right:0px; width:450px; padding:20px; font-size:16px; line-height:20px; color:#73b72a; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:7}
.message h6 { font-size:12px; line-height:1; margin:0; padding:20px; text-align:left; font-family: 'Open Sans', serif; }
.message h6 span { font-size:24px; line-height:1; display:block; margin-bottom:5px; font-family: 'Pacifico', cursive; }
.message .close { display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; cursor:pointer; font-size:16px;}
.message .close:after { font-family:"Flaticon"; content:"\f13f"; font-style:normal }

.message .error_title { position:relative; display: block; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#fff; }
.message .error_title h6 { color:#fff; background-color:#da4d30; }
.message .error_title .close { color:#fff; }
.message ul.error_messages { margin: 0 !important; padding: 30px !important;  }
.message ul.error_messages li { position:relative; padding:0 0 0px 20px !important; margin:0 0 2px 0 !important; text-transform:none; list-style:none; color:#333; border:none !important; font-size:12px;}
.message ul.error_messages li:before { position:absolute; left:0; width:20px; display:block; font-family:"Flaticon"; content:"\f13f"; font-size:12px; line-height:16px; font-weight:400; margin-right:10px; font-style:normal } 

.message .success { position:relative; display: table; width: 100%; height: 100%; background-color:#9AD84E; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s; transition: background 0.2s; }
.message .success h6 { color:#fff; font-size:12px; line-height:1.4; padding:20px 20px 20px 0; }
.message .success:before { display: table-cell; vertical-align: middle; width: 80px; font-size:24px; line-height:1; text-align:center; font-family:"Flaticon"; content:"\f10f"; font-weight:400; color:#fff; animation-duration: 1s; animation-fill-mode: both; backface-visibility: visible; animation-name: successflip; animation-delay: 1s; font-style:normal}
.message .success a { color: #3A1907; }
.message .success:hover { background:#83BC3D }



.scrollToTop { position:fixed; bottom:20px; right:20px; width:60px; height:60px; font-size:20px; line-height:60px; background: #009cbb; color:#fff; cursor:pointer; z-index:1; text-align:center; display:none; opacity:0.7; z-index:6}
.scrollToTop:after { font-family:"Flaticon"; content: "\f103"; }
.scrollToTop:hover{ text-decoration:none; opacity:1}

/* INTERNET EXPLORER 8 */

.button {background-image:none\0/; padding-right: 20px\0/;}











@media (min-width: 768px) and (max-width: 1023px) {

body { margin:0; }

H1 { position:relative; top:auto; left:auto}
.header { position:relative; top:auto; left:auto; display:block; }
.header .logo {  display:block; width:auto; height:auto; }
.header .logo img { margin:20px 0; float:none}
.menu_wrapper { float:none; margin-right:0px; }
.table { display: table;   /* Allow the centering to work */margin: 0 auto;  height:80px; }
.contact_bar { position:absolute; top:0; right:0;}


}





@media screen and (min-width: 1023px) {

	#menu { display:table-cell !important;}
	
}






@media screen and (max-width: 1023px) {


.header { position:relative; top:auto; left:auto; display:block; padding:0; -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.header .logo {  display:block; width:auto; height:auto; }
.header .logo img { width:300px; height:auto; margin:40px 0; float:none}

#weather { width: 120px; }
#weather H2 { font-size: 14px; text-transform: uppercase; }
.flatWeatherPlugin .wiToday > .wiIconGroup { font-size: 12px; }
.flatWeatherPlugin .wiToday .wiIconGroup div.wi { font-size: 20px; }
.flatWeatherPlugin div.wiToday > p.wiTemperature { font-size: 20px; }

.News-Title {  font-size:30px !important; }


.menu_wrapper { float:none; margin-right:0px; padding:0; }
.menu_wrapper:after { margin-top:0 }
#menu-icon { position:relative; font-family: 'Pacifico', cursive; font-size: 22px; font-weight:400; color:#777; width: 90%; margin: 0 auto; text-align:center; line-height: 70px; cursor: pointer; display: block; /* show menu icon */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
#menu-icon:before { font-family:"Flaticon"; content: "\f11e"; position:absolute; left:0;  }
#menu-icon.active:before { color:#3A1907; content:"\f11e" }
#menu-icon.active { color:#3A1907;}
.table { display: block; margin: 0 auto; height:auto; width:90% }
#menu { display:none; margin:0; width:100%;}
#menu li { float: none; width:100%; }
#menu li a {  display:block; float:left; width:100%; border-bottom:1px solid #ddd; height:60px; line-height:60px; padding: 0; text-align:left; font-size:20px; text-transform:none; border-right:none }
#menu li a span { display:none }
#menu li a:before { font-family:"Flaticon"; display:block; float:left; color:#3A1907; margin-right:20px; text-align:center; font-size:26px; line-height: 60px; font-weight:400 }
#menu li:hover > a { color:#222 }
body#hom .hom, body#spe .spe, body#tre .tre, body#pro .pro, body#eti .eti, body#rev .rev, body#con .con { color:#222; }


#menu li ul { display:table; position:relative; top:auto; left:auto; width:100%; padding:20px 0; background:none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.0); box-shadow: 0 0 0 0 rgba(0,0,0,0.0); border-bottom:1px solid #ddd; z-index:0   }

#menu li ul li { position:relative; float:left; padding:0; margin:0; }
#menu li ul.columns6 li { width:33.333333333333333333333333333333%; }
#menu li ul.columns5 li { width:33.333333333333333333333333333333%; }
#menu li ul.columns4 li { width:33.333333333333333333333333333333%; }
#menu li ul.columns3 li { width:33.333333333333333333333333333333%; }
#menu li ul.columns2 li { width:50%; }
 
#menu li ul li a { display:block; border:none; padding: 10px; height:auto; font-size:20px;  text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#menu li.drop > a:after { display:none }
#menu li.drop:hover ul { display:table; }

.menu_wrapper.scroll-fix #menu-icon { line-height: 40px; }
.menu_wrapper.scroll-fix #menu-icon, .menu_wrapper.scroll-fix #menu-icon:before { color:#fff;  }


.container .content { padding: 120px 4% 0 4%}

#featured .featured { width:98%; margin:1% 1% 40px; }

#treatment .grid-sizer { width:99%; }
#treatment .gutter-sizer { width: 1%; }
.treatment { float:none; width:99%; margin-bottom:40px;}

.contactleft, .contactright  { float:none; width:100%; margin:0 0 40px 0 }

}







@media (max-width: 767px) {


body { margin:0; padding-top:100px;}

H1 { display:none}

.contact_bar { position:absolute; top:0; right:0; width:100%; background-color:#3A1907; height:100px; display:table; text-align:center; border-bottom:1px solid #ddd; border-top:5px solid #009cbb;   }
.contact_bar .callus, .contact_bar .booknow { text-align:center; width:50%; height:100px; display:table-cell; float:none; vertical-align:middle; font-size:12px; line-height:1; text-transform:none; padding:0; font-weight:400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:1px solid #ddd;  background: #f9f9f9; color:#555}

.contact_bar .callus:before, .contact_bar .booknow:before { padding:0; margin:0; font-size:34px; line-height:1; float:none; color:#3A1907}
.contact_bar .callus:hover, .contact_bar .booknow:hover { background:#f9f9f9 }
.contact_bar span { display:block; margin-top:10px }

	.contact_bar .callus { background: #009cbb; color:#fff }
	.contact_bar .callus:before { color:#fff }
	.contact_bar .callus span:before { content:"Call us" }
	.contact_bar .callus:hover { background:#009cbb }




.half { width:100%; padding: 0; float:none; margin-bottom:40px}
.one_third { width:100%; float:none; margin-bottom:40px; }
.two_third { width:100%; float:none; padding: 0; margin-bottom:40px; }

ul.list_style.facilities li { float:none; width:100%; }


.fieldleft, .fieldright { float:none; width:100%; margin:0 }

.button { padding: 10px 10px; font-size:14px}

#footer { padding: 80px 4%; }
#footer .third { float:none; width:100%; margin-bottom:40px; }


}





@media (max-width: 600px) {

.header .logo img { margin-top:120px; }

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

#menu li ul li { position:relative; float:left; padding:0; margin:0; }
#menu li ul.columns6 li { width:50%; }
#menu li ul.columns5 li { width:50%; }
#menu li ul.columns4 li { width:50%; }
#menu li ul.columns3 li { width:50%; }
#menu li ul.columns2 li { width:50%; }

ul.list_style li { width: 100%; float:none;}

body#rat table td { font-size:12px; line-height:1;}

.contact_left, .contact_right { position:relative; width:100%; float:left; text-align:center }
.credits { font-size:10px; }
.message { width:100%; padding:0;}



}





@media (max-width: 500px) {



.gallery a, .gallery.sidepics a { width:49.5%; margin:0.25%; padding-bottom: 28%;}

.picker__holder { max-width:85%;  }
.captcha_image { width:50%; height:auto }

.container .content { padding: 120px 6% 0 6%}
.two_third { padding: 3%;}

}





@media (max-width: 400px) {

.contact_bar .facebook, .contact_bar .callus, .contact_bar .booknow { font-size:10px; }

}







@media (max-width: 300px) {

body { overflow-x: visible  }

}