@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';


/*

font-family: 'Roboto', sans-serif;

*/


* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 16px; color: #24324a; font-family: 'Roboto', sans-serif; background: #fff; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
.wrapper { max-width: 1226px; position: relative; margin: auto; }

body { overflow-x:hidden; }

*::-webkit-input-placeholder{ opacity: 1; }
*::-moz-placeholder{ opacity: 1; }
*:-ms-input-placeholder{ opacity: 1; }
[href^="tel"] { cursor: default; color: #fff !important; }
[href^="tel"]:hover { text-decoration: none; }
.rounded { border-radius: 6px; -webkit-border-radius: 6px; }
.circle { border-radius: 50%; -webkit-border-radius: 50%; }

/* common */
a { text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; }
ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
p {
	margin-bottom: 15px;
    line-height: 21px;
    color: #24324a;
    font-size: 16px;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-weight: 100; }
h1 { font-size: 50px; line-height: 50px; }
h2 { font-size: 45px; line-height: 50px; color: #24324a; }
h3 { font-size: 31px; line-height: 35px; }
h4 { font-size: 18px; font-weight:300 }
h5 { font-size: 14px; font-weight:300 }
h6 { font-size: 12px; font-weight:300 }

input, textarea, select { padding: 7px 13px; margin-bottom: 15px; width: 100%; border-radius: 0px; -webkit-border-radius: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; -webkit-appearance: none; -moz-appearance: none; }
input:focus, textarea:focus { outline: none; }

#back-to-top { position: fixed; bottom: 15px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #2dbccc url('../images/top_btn.png') center center no-repeat; }
#back-to-top.show { opacity: 0.8; z-index: 9999; }
#back-to-top.show:hover { opacity: 1; }

/* wrapper */
#wrapper { width: 100%; min-height: 100%; position: relative; padding-bottom: 1000px; }

	/* header */
	header { width: 100%; float: left; position: relative; }

	/* top-bar */
	.top-bar { margin-top: 50px; width: 100%; float: left; text-align: center; position: absolute; top: 0px; z-index: 999; }
	.top-bar .book { width: 255px; float: left; }
	.top-bar .book a { width: 216px; float: left; min-height: 54px; font-size: 27px; text-align: center; color: #fff; text-transform: uppercase; float: left; font-weight: 300; line-height: 53px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background: #2dbccb; }
	.top-bar .book a:hover { background: #24324a; }
	.top-bar .book span { padding: 17px 9px 0; float: left; min-height: 54px; background: #24324a; }
	.top-bar .text { margin: 20px auto 0; width: 765px; display: inline-block; }
	.top-bar .text span { font-size: 20px; color: #fff; font-weight: 300; position: relative; }
	.top-bar .text span:before { content: ""; width: 54px; height: 2px; position: absolute; top: 15px; left: 0px; background: url(../images/top-line.png) no-repeat; }
	.top-bar .text span:after { content: ""; width: 54px; height: 2px; position: absolute; top: 15px; right: 0px; background: url(../images/top-line1.png) no-repeat; }
	.top-bar .text span em { padding: 0 70px; font-style: normal; }
	.top-bar .number { width: auto; float: right; }
	.top-bar .number a { width: 225px; float: left; min-height: 54px; font-size: 27px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 300; line-height: 53px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background: #2dbccb; }
	.top-bar .number a:hover { background: #24324a; }
	.top-bar .number span { padding: 17px 9px 0; float: left; min-height: 54px; background: #24324a; }

	/* banner bar */
	.banner-bar { width: 100%; float: left; position: relative; }

	/* nav-bar */
	.nav-bar { margin-top: -88px; width: 100%; float: left; position: relative; z-index: 999; background: rgb(45,188,203); background: -moz-linear-gradient(top, rgba(45,188,203,1) 0%, rgba(45,188,203,1) 50%, rgba(44,180,194,1) 51%, rgba(44,180,194,1) 100%); background: -webkit-linear-gradient(top, rgba(45,188,203,1) 0%,rgba(45,188,203,1) 50%,rgba(44,180,194,1) 51%,rgba(44,180,194,1) 100%);  background: linear-gradient(to bottom, rgba(45,188,203,1) 0%,rgba(45,188,203,1) 50%,rgba(44,180,194,1) 51%,rgba(44,180,194,1) 100%);  }
	.nav-bar ul { list-style: none; }
	.nav-bar li { float: left; font-size: 25px; font-weight: 300; text-transform:lowercase; }
	.nav-bar li a { padding: 22px 16px; display: block; line-height: 44px; color: #ffffff; transition: none; }
	.nav-bar li:hover a { background: #25334b; }
	.nav-bar a.mobilemenu { display: none; }
	.nav-bar a.close { display: none; }
	.nav-bar ul ul { padding: 0 22px; position: absolute; width: 300px; z-index: 999; text-align: center; display: none; background: #25334b; }
	.nav-bar ul ul.mega { padding: 0 22px; position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 999; text-align: center; display: none; background: #25334b; }
	.nav-bar ul ul.mega-sml { padding: 0 22px; position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 999; text-align: center; display: none; background: #25334b; max-width:700px; }
	.nav-bar li:hover ul { display: block; }
	.nav-bar ul em { width: 100%; height: 100px; overflow: hidden; float: left; }
	.nav-bar ul em img { width: 100%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
	.nav-bar ul ul li a:hover em img { transform: scale(1.1); }
	.nav-bar ul ul li a:hover { color: #d6d6d6; }
	.nav-bar ul ul li span { padding-top: 12px; width: 100%; margin: auto; display: block; line-height: 17px; text-align: center; overflow: hidden; }
	.nav-bar ul ul li a { padding: 0; font-size: 14px; }
	.nav-bar ul ul li:nth-child(9) a  { padding-right: 0px; }
	.nav-bar ul ul li:last-child { margin-right: 0px; }
	.nav-bar li.none { display: none; }

	.nav-bar ul ul li { margin: 22px 22px 22px 0px; width: 100%; float: none; display: inline-block; }
	.nav-bar ul ul.mega li { margin: 22px 12px 22px 0px; width: 15%; float: none; display: inline-block; vertical-align: top; }
	.nav-bar ul ul.mega-sml li { margin: 22px 22px 22px 0px; width: 29.0%; float: none; display: inline-block; }

	.nav-bar.fixed  { margin-top: 0px; position: fixed; top: 0; }
	.nav-bar.fixed ul ul { bottom: inherit; }
	.nav-bar.fixed li a  { padding: 10px 10px; line-height: 41px; }
	.nav-bar.fixed ul ul li a { padding: 0; }
	.nav-bar.fixed ul ul li:last-child a  { padding-right: 0px; }
	.nav-bar.fixed li.none { display: block; }
	.nav-bar li.none img { float: left; margin-top: 14px; margin-right: 7px; width: 15px; }
	.nav-bar.fixed li { font-size: 22px; }

	#menu-item-48 ul { width:250px; }
	#menu-item-48 ul li  {      margin: 5px 5px 5px 0px; text-align:left; }
	#menu-item-50 ul li  {      margin: 5px 5px 5px 0px; text-align:left; }

		/* content-part */
		#content-part { width: 100%; float: left; position: relative; }

			/* perfect-bar */
			.perfect-bar { width: 100%; float: left; position: relative; background: #f2f1f1; }
			.perfect-bar .left { padding: 67px 69px 55px; width: 37%; float: left; }
			.perfect-bar .right { position: absolute; right: 0px; width: 63%; height: 100%; background: url(../images/escape-img.jpg) no-repeat left center; background-size: cover; }
			.perfect-bar h2 { margin-bottom: 0; font-weight: 100; }
			.perfect-bar a.btn { padding: 10px 30px; margin-top: 45px; text-transform: uppercase; display: inline-block; font-size: 13px; color: #fff; font-weight: 500; background: #9a9a9a; }
			.perfect-bar a.btn:hover { background: #25334b; }
			.perfect-bar strong { margin-bottom: 20px; font-weight: 700; font-size: 45px; line-height: 50px; display: block; }
			.perfect-bar h3 { font-size: 24px; line-height: 29px; font-weight: 300; }

			.node-bar { min-height: 650px; }
			.node-bar h2 { font-size:35px; padding-bottom:20px; }

			 .node-bar strong {
				margin-bottom: 20px;
				font-weight: 700;
				font-size: 16px;
				line-height: 21px;
				display: inline;

			}

			.node-bar-flip .left { float:right; }
			.node-bar-flip .right { position: absolute;
				right: auto; left:0
			}

			.page-gallery-mini .photo_gallery_row .wpb_single_image {
				margin-bottom: 6px !important;
				margin-right: 6px;
				margin-top:6px !important;
			}



			/* feedback-bar */
			.feedback-bar { padding: 32px 0 14px; width: 100%; float: left; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #2dbccb; }
			.feedback-bar .left { padding: 0 17px; width: 500px; float: left; }
			.feedback-bar .right { width: 720px; float: right; }
			.feedback-bar h3 { margin-bottom: 10px; color: #fff; }
			.feedback-bar p { color: #fff; }
			.feedback-bar li { padding: 0 10px; display: inline-block; }

			.title-bar h1 { color:#fff; text-align:center; font-size:40px; }

			/* accommodation-bar */
			.accommodation-bar { padding: 55px 0 22px; width: 100%; float: left; text-align: center; background: url(../images/accommodation-bg.jpg) no-repeat left center; background-size: cover; }
			.accommodation-bar h2 { margin-bottom: 27px; color: #fff; }
			.accommodation-bar p { color: #fff; }
			.accommodation-bar .text {  max-width: 748px; margin: auto;  margin-bottom: 48px; }
			.accommodation-bar li { margin-right: 25px; margin-bottom: 22px; width: 31%; display: inline-block; position: relative; overflow: hidden; border: 20px solid rgba(255,255,255,0.5); }



			.accommodation-bar .overlay { width: 260px;font-weight: 300; text-align: left; font-size: 17px; color: #fff; line-height: 21px; position: absolute; bottom: 23px; left: 20px; }
			.accommodation-bar li a { overflow: hidden; }
			.accommodation-bar ul { padding: 0 13px; overflow: hidden; }
			.accommodation-bar li img { min-height: 138px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
			.accommodation-bar li:hover img { transform: scale(1.1); }
			.accommodation-bar li:nth-child(3n) { margin-right: 0px; }

			 .accommodation-bar li:nth-child(7n) { margin-right: 0px; }

			/* exclusive-bar */
			.exclusive-bar { padding-top: 55px; width: 100%; float: left; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: url(../images/exclusive-bg.jpg) no-repeat left center; background-size: cover; }
			.exclusive-bar h2 { margin-bottom: 13px; color: #fff; text-align: center; }
			.exclusive-bar p { color: #fff; font-weight: 400; }
			.exclusive-bar strong { font-weight: 700; }
			.exclusive-bar .text { padding-bottom: 53px; max-width: 722px; margin: auto; }
			.exclusive-bar .bottom { padding: 0 23px; width: auto; float: left; }
			.exclusive-bar .bottom.mobile { display: none; }
			.exclusive-bar .column { width: 590px; float: left; position: relative; }
			.exclusive-bar .column.space { position: relative; top: 284px; z-index: 99; }
			.exclusive-bar .left { width: 100%; float: left; position: relative; }
			.exclusive-bar .right { width: 100%; float: left; position: relative; }
			.exclusive-bar .box { padding: 26px 25px 15px; width: 50%; float: left; background: #fff; }
			.exclusive-bar h3 { margin-bottom: 10px; font-size: 25px; color: #24324a; line-height: 27px; font-weight: 300; }
			.exclusive-bar h3 a { color: #24324a; }
			.exclusive-bar .bottom p { color: #24324a; font-size: 17px; line-height: 22px; font-weight: 300; }
			.exclusive-bar .bottom .read { margin-top: 5px; color: #de7b5d; font-size: 14px; text-transform: uppercase; }
			.exclusive-bar .bottom .read:hover { color: #25334b; }
			.exclusive-bar .image { width: 50%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover; }
			.exclusive-bar .left .image { right: 0px; }
			.exclusive-bar .right .image { left: 0px; }
			.exclusive-bar .right .box { float: right; }

			/* video-bar */
			.video-bar { width: 100%; float: left; min-height: 732px; position: relative; border-bottom: 1px solid #ffffff; background: url(../images/video-bg.jpg) no-repeat left center; background-size: cover; }
			.video-bar .text { margin-top: 90px; margin-right: 110px; max-width: 722px; float: right;  }
			.video-bar p { color: #fff; font-weight: 400; }
			.video-bar strong { font-weight: 700; }
			.video-bar h2 { margin-bottom: 13px; color: #fff; text-align: center; }
			.video-bar a.btn { position: absolute; top: 70%; left: 50%; transform: translate(-50%,-70%); -webkit-transform: translate(-50%,-70%); -ms-transform: translate(-50%,-70%); }
			.video-bar a.btn:hover { opacity: 0.8; }

			/* hotel-bar */
			.hotel-bar { width: 100%; float: left; overflow: hidden; }
			.hotel-bar .slick-prev { left: 30px; background: url(../images/left-arrow.png) no-repeat left center; }
			.hotel-bar .slick-next { right: 30px; background: url(../images/right-arrow.png) no-repeat left center; }
			.hotel-bar .slick-arrow { width: 80px; height: 80px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9999; border: 0px; cursor: pointer; text-indent: 9999px; }
			.hotel-bar .slick-disabled { display: none !important; }
			.hotel-bar .slick-arrow:hover { opacity: 0.9; }

			/* enquiry-bar */
			.enquiry-bar { padding: 55px 0 65px; width: 100%; float: left; background: #fff; }
			.enquiry-bar h2 { text-align: center; font-size: 30px; font-weight: 300; text-transform: uppercase; color: #2dbccb; border-bottom: 2px solid #d3d3d3; letter-spacing: -0.01em; padding-bottom: 3px; margin: 0 10px 7px 0; }
			.enquiry-bar .col2 + .separator + .col2 h2 { margin-right:0; margin-left:10px; }
			.enquiry-bar h5 { text-align: center; color: #888888; padding-bottom: 25px; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; }
			.enquiry-bar .separator { padding: 17px; width: 65px; height: 65px; font-size: 20px; line-height: 26px; color: #2dbccb; font-weight: 300; font-family: 'Roboto', sans-serif; text-transform:uppercase; position:absolute; left: 50%; top: 17px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); border-radius: 50%; background: #fff; }
			.enquiry-bar .row {  margin: 0 -15px; }
			.enquiry-bar .col2 { width: 50%; float: left; padding: 0 15px; }
			.enquiry-bar .fs-dropdown-selected,.enquiry-bar input[type="email"],.enquiry-bar input[type="text"],textarea { font-style:normal; margin-bottom: 14px; padding: 10px 15px 10px 15px; font-weight:400; font-size: 13px; color: #757575; width: 100%; background: #f9f9f9; border: 0; height: 38px; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; }
			.enquiry-bar .fs-dropdown-selected { text-indent:-2px; background-image:url(../images/select.png); background-position: center right; background-repeat: no-repeat; padding-right:30px; }
			.enquiry-bar ::-webkit-input-placeholder { opacity:1; color: #757575; }
			.enquiry-bar ::-moz-placeholder {opacity:1;color: #757575; }
			.enquiry-bar :-ms-input-placeholder {opacity:1;color: #757575;}
			.enquiry-bar .fs-dropdown-item { background:#111; border-color: rgba(255,255,255,0.4); line-height: 35px; }
			.enquiry-bar input[type="submit"] { transition:all 0.1s; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; font-size: 15px; height: 38px; color: #ffffff; width: 100%; background: #2dbccb; border: 1px solid #3f4041; cursor: pointer; text-transform:uppercase; }
			.enquiry-bar input[type="submit"]:hover { background: #25334b; }
			.enquiry-bar .half { width: 47.5%; float: left; }
			.enquiry-bar .half +.half { float: right; }
			.enquiry-bar .text { color: #757575; font-family: 'Roboto', sans-serif; border: 1px solid #bebebe; margin: 0 15px; text-align: center; padding: 22px 60px; font-weight:400; line-height: 21px; font-size: 15px; background:#fff; }
			.enquiry-bar input[type="text"].calendar { padding-right: 30px; background-image:url(../images/calander1.png); background-position: center right; background-repeat: no-repeat; }
			.enquiry-bar input[type="checkbox"] { width: 22px; height: 23px; opacity: 0; position: relative; z-index:1; cursor: pointer; float: left; }
			.enquiry-bar input[type="checkbox"] + label { color: #757575; font-family: 'Roboto', sans-serif; cursor: pointer; font-size: 15px; line-height: 20px; display: block; font-weight:400; padding-left: 35px; position: relative; }
			.enquiry-bar input[type="checkbox"] + label:before { width: 22px; height: 23px; background: #f9f9f9; border: 0; border-bottom: 1px solid rgba(255,255,255,0.4); box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; content:''; position:absolute; left:0; top:0; }
			.enquiry-bar input[type="checkbox"]:checked + label:before { background-image:url(../images/check.png); background-position: center center; background-repeat:no-repeat; }
			.enquiry-bar .mob-check { width: 100%; float: left; display: none; }

			.enquiry-bar select { font-size: 13px; padding-left: 10px; font-style: normal; height: 37px; border: 0; color: #757575; background: #f9f9f9 url(../images/select.png) no-repeat right center; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset; }
			.enquiry-bar select option { width: 100%; background: #ffffff; border: none; border-top: 1px solid rgba(0,0,0,0.4); cursor: pointer; color: #838383; display: block; font-size: 14px; margin: 0; line-height: 24px; overflow: hidden; padding: 0 10px; text-align: left; text-decoration: none; text-overflow: ellipsis; font-family: 'Roboto', sans-serif; font-weight: 300; }

			/* full_bg-bar */
			.full_bg-bar { width: 100%; min-height: 645px; float: left; background: url(../images/full_bg-img.jpg) no-repeat left center; background-size: cover; }

		/* footer */
		footer { padding: 30px 0 50px; width: 100%; float: left; position: relative; text-align: center; background: #24324a; }
		footer .wrapper { position: static; }
		footer .f-logo { position: absolute; left: 50%; top: -148px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
		footer .bottom { width: 100%; float: left; }
		footer .bottom li { padding: 0 10px; display: inline-block; }
		footer .bottom li a { color: #fff; font-weight: 300; font-size: 18px; }
		footer .bottom li a:hover { color: #2dbccb; }
		footer .copyright { margin-bottom: 20px; width: 100%; float: left; color: #818a9c; font-size: 15px; line-height: 25px; }
		footer .copyright a { color:#fff; }
		footer strong { color: #818a9c; font-size: 24px; font-weight: 300; line-height: 40px; }
		footer address { padding-top: 5px; margin-bottom: 20px; width: 100%; float: left; color: #818a9c; font-size: 15px; font-style: normal; }
		footer address a { color: #818a9c; }
		footer address a:hover { color: #2dbccb; }
		footer [href^="tel"] { color: #818a9c !important; }


			/* footer-bar */
			.footer-bar { width: 100%; float: left; position: relative; }

		.page-gallery { padding:30px; }
		.photo_gallery_row { margin-left:0 !important; margin-right:0 !important; }


.photo_gallery_row .wpb_single_image { margin-bottom:6px !important; margin-right:6px; }
.photo_gallery_row .wpb_single_image img, .gallery_single_image { width:100%; }


.node-bar ul { padding-left:20px; }
.node-bar ul li { list-style:disc;
	margin-bottom: 0px;
    line-height: 21px;
    color: #24324a;
    font-size: 16px;
    font-weight: 300;
}

.alignnone { height:auto; }

.floorplan { background:#25334b; }

.page-list li { list-style:disc; }

.faq-title { font-weight:400; margin-bottom:0; font-size:16px; }


.faq li { padding: 5px; }

			.faq li.q {
			  cursor: pointer;
			  background:url(../images/bullet.png) no-repeat 0px 24px;
			}

			.faq li.a {
			  background: #2dbccb;
			  display: none;
			  color:#fff;
			  list-style:none;
			}
			.faq li.a li { padding:0 0 7px 20px; color:#fff; }
			.faq li.a p { color:#fff; }

.faq ul { margin-bottom:20px; }


.specials_intro { background:#434a50; }

.specials_intro h3 { color:#fff; text-align:center; padding:25px; }

.footerbtns { float:left; width:100%; display:none }
.footerbtn { color:#fff; display:block; border:1px solid #fff; margin-top:10px; padding:10px; width:100%; text-transform:uppercase; }

.tourtable td { padding:10px; }
.tourtable .centering { max-width:1170px; margin:0 auto; }
.tourtable { padding-top:20px; float:left; width:100% }

.special_intro { text-align:center; background:#24324a; padding:20px; }
.special_intro h3, .special_intro p, .special_intro a { color:#fff; text-decoration:none }

.designcredit, .designcredit a { color:#fff; font-size:12px; margin-top:15px; }

.perfect-barx .centering { max-width:1170px; margin:0 auto; }

.socialmedia img { display:inline;}

.center-content { max-width:1170px; margin:0 auto; }

.nodecontents input { width:auto; }
.special_area img { height:auto; }


/*-------------------------------*\
        HOME HERO SLIDEOUT
\*-------------------------------*/

body {
    overflow-x: hidden;
}
.slideout {
    position: absolute;
    z-index: 9999;
    top: 52%;
    right: -320px;
    width: 320px;
    padding: 30px;
    transform: translateY(-50%);
    animation-name: slideLeft;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    background: rgba(36, 50, 74, 0.85);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    color: #fff;
}
.slideout_content p {
    color: #fff;
}
@media (max-width:1400px) {
    .slideout {
        top: 56%;
    }
}

.slideout_content {
    font-size: 16px;
    text-align: center;
}

.slideout_content a {
    color: #2dbccb;
    transition: all 0.2s;
}
.slideout_content a:hover {
    color: #a9bd40;
}

.slideout_content p {
    margin-bottom: 15px;
    padding-bottom: 0;
    line-height: 1.4;
}

.slideout_content h1 {
    font-size: 22px;
    text-transform: uppercase;
    color: #2dbccb;
    font-weight: 500;
}
.slideout_content h2 {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.slideout_content h3 {
    font-size: 19px;
    color: #fff;
}
.slideout_content h4 {
    font-size: 18px;
    color: #fff;
}
.slideout_content h5 {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.slideout_content h6 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.slideout_content h1,
.slideout_content h2,
.slideout_content h3,
.slideout_content h4,
.slideout_content h5,
.slideout_content h6 {
    margin-bottom: 15px;
    padding-bottom: 0;
    line-height: 1.25;
}

.slideout_content hr {
    height: 1px;
    background: #2dbccb;
    margin: 15px 0;
    border: none;
}

.slideout_content .btn {
    display: inline-block;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    background: #2db4c3;
}
.slideout_content .btn:hover {
    color: #222;
    background: #fff;
}

.slideout_content :last-child {
    margin-bottom: 0;
}

@keyframes slideLeft {
    from {
        right: -480px;
    }
    to {
        right: 20px;
    }
}

@media (max-height: 800px) {
    .slideout {
        top: 44%;
    }
}
@media (max-height: 700px) {
    .slideout {
        top: 32%;
    }
}

@media (max-height: 600px) {
    .slideout {
        display: none;
    }
}
@media (max-width: 1024px) {
    .slideout {
        display: none;
    }
}
div.wp-caption {
    width: auto !important;
}
img.size-full {
    height: auto;
}