*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { box-sizing: border-box; font-size: 62.5%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { color: #171717; font-family: 'Open Sans', sans-serif; font-size: 1.8em; font-weight: normal; letter-spacing: 0; line-height: 1.6; }
/*WP*/
body.admin-bar #wpadminbar { position: fixed !important }
li#wp-admin-bar-wp-logo { display: none !important }
#wp-admin-bar-my-account .ab-item { font-size: 0 !important; }
#wp-admin-bar-my-account .ab-sub-wrapper .ab-item { font-size: inherit !important; }
/*Structure*/
.wrapper { display: block; position: relative }
main { display: block; position: relative }
#container { padding-top: 0px; position: relative; display: block; }
#wrap { display: block; background: transparent; min-height: 100%; height: auto !important; overflow: hidden; position: relative }
#content { margin-top: 0px; margin-bottom: 0px; }
.container:after, .row:after { content: ""; display: table; clear: both; }
.container { margin-left: auto; margin-right: auto; width: 100% }

@media (min-width: 576px) {
.container { max-width: 98%; }
}

@media (min-width: 768px) {
.container { max-width: 98%; }
}

@media (min-width: 992px) {
.container { max-width: 98%; }
}

@media (min-width: 1200px) {
.container { max-width: 1200px; }
}

@media (min-width: 1300px) {
.container { max-width: 1200px; }
}

@media (min-width: 1400px) {
.container { max-width: 1200px; }
}
.container.full-width { max-width: 100% }
.container.full-width .entry { max-width: 1200px; margin-left: auto; margin-right: auto }

@media (min-width: 1470px) {
.max-width { max-width: 1200px; }
}
/*Potarea*/
.postarea { padding: 4rem 0 }
.postarea ul, .postarea ol { padding-left: 2rem; }
.postarea li { list-style-position: outside; }

@media (max-width: 800px) {
.postarea { padding-top: 30px }
}
/*markup*/
p { margin: 0 0 1.5rem; }
b, strong { font-weight: 600; }
/* Links */
a { color: #5E97A0; outline: none; }
a:hover { color: #C19B77; outline: none; text-decoration: none; }
a img { border: none !important; line-height: 0; display: block }
main a { text-decoration: underline; }
iframe { width: 100%; display: block; }
/* Lists */
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 0 }
ol { margin-botton: 2rem; }
ol li { list-style: decimal; margin-bottom: 5px; list-style-position: inside }
ul.listcol { float: left; width: 49% }
ul { list-style: circle inside; margin-bottom: 1rem; }
ul li { list-style: disc; list-style-position: inside; }
ul.columns2 { -webkit-columns: 2; -moz-columns: 2; columns: 2; line-height: 2.6rem; margin-top: 15px; }
ul.columns3 { -webkit-columns: 3; -moz-columns: 3; columns: 3; line-height: 2.6rem; margin-top: 15px; }
ul.columns4 { -webkit-columns: 4; -moz-columns: 4; columns: 4; line-height: 2.6rem; margin-top: 15px; }

@media (max-width:1072px) {
ul.columns4 { -webkit-columns: 3; -moz-columns: 3; columns: 3; }
}

@media (max-width:820px) {
ul.columns3 { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
ul.columns4 { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
}

@media (max-width:400px) {
ul.columns2, ul.columns3, ul.columns4 { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
}
/* Line Breaks */
hr { margin-top: 30px; margin-bottom: 30px; border-width: 0; border-top: 1px solid #E1E1E1; box-sizing: content-box; }
/* utilities */
.txt-right { text-align: right }
.txt-left { text-align: left }
.txt-center, center { text-align: center }
.dsk-hide { display: none }
.hide { display: none !important }
.nop { padding: 0 !important; }
.nopr { padding-right: 0 !important; }
.nopl { padding-left: 0 !important; }
.nopb { padding-bottom: 0 !important }
.nopt { padding-top: 0 !important }
.nom { margin: 0 !important }
.nomr { margin-right: 0 !important; }
.noml { margin-left: 0 !important; }
.nomt { margin-top: 0 !important; }
.nomb { margin-bottom: 0 !important; }
.uppercase { text-transform: uppercase; }
.floatleft { float: left; }
.floatright { float: right; }
.none { display: none }
.order2 { order: 2 }
.odd_row .columns { margin: 0 }
.odd_row .columns:first-child { float: right; margin-left: 4% }
figure { margin: 0; overflow: hidden; position: relative; }
.nb { border: none !important }
.bt { border-top: 1px solid #EBEBEB }
.bb { border-bottom: 1px solid #EBEBEB }
button, input, selct { outline: none !important }
.p-0 { padding: 0 !important }
.m-0 { margin: 0 !important }
.iframe { display: block; width: 100%; position: relative }
.nobreak { white-space: nowrap }
.dp { padding: 5rem 0 }
.dp4 { padding: 4rem 0 }
.relative { position: relative }
.mt-20 { margin-top: 2rem }
.ovh { overflow: hidden }
.bgn { background: transparent !important }
.mb2 { margin-bottom: 2rem !important }
.lSSlideOuter li { list-style: none !important }

@media (max-width:992px) {
.dp, .dp4 { padding: 3rem 0 }
}
.z2 { z-index: 2 }
.bgover { margin: 6rem 0 }

@media (max-width:767px) {
.hide767 { display: none !important }
}
.pl-0 { padding-left: 0 }
.pr-0 { padding-right: 0 }
.tpi { display: inline-block; font-family: tpi-fonts; font-size: 18px; line-height: 1px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; margin-top: 2px; margin-left: 1px; margin-right: 5px; }
.fig-trps [class*=" imghvr-"] figcaption, .fig-trps [class^=imghvr-] figcaption { background-color: rgba(0, 0, 0, 0.7) !important; }
/*Tooltip*/
.tooltip { font-size: 1.5rem }
.large.tooltip-inner { max-width: 280px; width: 280px; font-size: 1.1rem }
/*Modal*/
.modal-body { padding: 2rem }
.modal-header { padding: 1rem; color: #171717; font-weight: 600; }
.modal-footer { padding: 1rem 1rem 0px 1rem; }
.modal-backdrop { opacity: .8; z-index: 1003 }
.modal { z-index: 1050 !important }
.modal-header .close { padding: 5px; margin: -1rem; font-size: 38px; font-weight: 400; background: #00a5ce; color: #fff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 2px; -webkit-appearance: none; -webkit-transition: .5s; transition: .5s; border: none !important; vertical-align: top; text-align: center; outline: none !important }
#loginModal .modal-body { padding: 0px }
/* Content */
.page-banner { display: block; overflow: hidden; padding-top: 0px; padding-bottom: 0px; border-bottom: 0; width: 100%; position: relative; text-align: center; color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat }
.page-banner::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .6; background: rgba(0, 0, 0, .8); }
main { display: block; clear: both; position: relative }
main hr { margin-bottom: 30px; border: 1px solid #FFF; border-bottom: 1px solid #E5E5E5; margin-top: 2rem; }
ul.tags { display: block; overflow: hidden; margin-bottom: 40px; margin-top: 2rem; }
main ul.tags li { margin: 0 1% 8px 0; padding: 8px 0px 6px 1rem; letter-spacing: .2px; border-radius: 4px; background: #EEE; box-shadow: 1px 1px 0 rgba(0,0,0,.12); display: inline-block; list-style: none; width: 49%; box-sizing: border-box; float: left; line-height: 1; font-size: 14px }
main ul.tags li:nth-child(even) { margin: 0 0% 8px 0; width: 50%; float: right; }
main ul.tags li .fa { margin-right: 0px; float: left; margin-top: 3px; }
main ul.tags li span { margin-left: 1rem; display: inline; line-height: 1.3; }
main ul ul { margin-left: 18px; margin-bottom: 0px; }
/*Buttons*/
.btn, button { font-size: 1.4rem; text-decoration: none }
[type=reset], [type=submit] { background: #00a5ce; color: #fff; letter-spacing: 0.5px; font-size: 15px; font-weight: 700; text-transform: uppercase; border-radius: 2px; padding: 3px 20px; -webkit-appearance: none; -webkit-transition: .5s; transition: .5s; border: none !important; vertical-align: top; text-align: center; outline: none !important }
.btn, .wp-block-button__link { background: #00a5ce !important; color: #fff; letter-spacing: 0.5px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; border-radius: 2px; padding: 10px 20px; -webkit-appearance: none; -webkit-transition: .5s; transition: .5s; text-align: center; border: none !important }
.btn:hover, .btn:focus, .btn:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, [type=submit]:hover { background: #D2405B; cursor: pointer !important; color: #fff; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn-fw { width: 100%; }
.btn i { margin-right: 10px; }
.btn a { color: #fff }
.btn.btn-lg { padding: 14px 22px; font-size: 22px; }
.btn.btn-sm { padding: 7px 18px; font-size: 14px; }
.btn.btn-xs { padding: 5px 10px; font-size: 10px; }
.btn.btn-rounded { border-radius: 50px; }
.primary-button, .btn-primary { display: inline-block; text-align: center; padding: 0px 2rem; line-height: 3.6rem; margin-top: 1rem; text-decoration: none; background: #A05263; color: #fff; -webkit-transition: .5s; transition: .5s }
.primary-button:hover, .btn-primary:hover { color: #fff; cursor: pointer; background: #D2405B }
.secondary-button, .btn-secondary { display: inline-block; text-align: center; padding: 0px 2rem; line-height: 3.6rem; margin-top: 1rem; text-decoration: none; background: #D2405B; color: #fff; -webkit-transition: .5s; transition: .5s }
.secondary-button:hover, .btn-secondary:hover { background: #A05263; color: #fff }
.book-now { margin-top: 18px; }
.btbg { background: #A05263; }
.btbg:hover { background: #D2405B }
/*Toggle - Collpse*/
.toggle-icon { position: relative; margin-right: 5px; vertical-align: middle; display: inline-block; background-color: #A05263; height: 14px; width: 14px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; float: left }
.toggle-icon .plus, .toggle-icon .minus { display: block; position: absolute; top: 50%; left: 50%; background-color: #FFF; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 70% 50; -moz-transform-origin: 70% 50; -ms-transform-origin: 70% 50; -o-transform-origin: 70% 50; transform-origin: 70% 50; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.toggle-icon .plus { width: 2px; height: 8px }
.toggle-icon .minus { width: 8px; height: 2px }
.clicked .toggle-icon .plus { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) }
.toggle-icon .plus { display: block; position: absolute; top: 50%; left: 50%; background-color: #FFF; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 70% 50; -moz-transform-origin: 70% 50; -ms-transform-origin: 70% 50; -o-transform-origin: 70% 50; transform-origin: 70% 50; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
/*  Featured Slider */
#featured { width: 100%; position: relative; display: block; overflow: hidden; clear: both; z-index: 5 }
/*images*/
img { max-width: 100%; height: auto }
.alignleft { float: left; height: auto }
.alignright { float: right; height: auto }
.aligncenter { display: block; margin-left: auto; margin-right: auto; height: auto }
figure.wp-caption.alignleft, img.alignleft { margin: 0px 2.5rem 1rem 0; }
.wp-caption.alignleft { margin: 5px 1rem 5px 0; }
figure.wp-caption.alignright, img.alignright { margin: 0px 0 1rem 2.5rem; }
.wp-caption.alignright { margin: 5px 0 5px 1rem; }
img.aligncenter { margin: 5px auto; height: auto }
img.alignnone { margin: 5px 0; height: auto }
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 1.8rem; font-style: italic; font-weight: 300; margin: 0 0 2.4rem; }
div.wp-caption.alignright img[class*="wp-image-"] { float: right; }
div.wp-caption.alignright .wp-caption-text { padding-left: 1rem; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; }

@media only screen and (max-width:1024px) {
.alignleft, .alignright { max-width: 400px }
}

@media only screen and (max-width:800px) {
.alignleft, .alignright { max-width: 300px }
}

@media only screen and (max-width:615px) {
.alignleft, .alignright { max-width: 100%; width: 100%; display: block; float: none; margin: 0 0 15px !important; }
}
figure.innerframe a:before, figure.innerframe:before { display: block; content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 5px double rgba(255,255,255,.5); z-index: 999; -webkit-transition: 1s; transition: 1s; }
.innerframe:before { display: block; content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 5px double rgba(255,255,255,.5); -webkit-transition: 1s; transition: 1s; z-index: 1 }
.innerframe >div { z-index: 99999; background: none; position: relative }
.innerframe2:before { display: block; content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid rgba(255,255,255,.5); -webkit-transition: 1s; transition: 1s; z-index: 1 }
.innerframe2 >div { z-index: 99999; background: none; position: relative }
/* WP Galleries */
.gallery { margin: 0 -1.1666667% 1.75em; }
.gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
/*Extras*/
.grey-section { padding: 1rem 0; background: #f5f5f5; box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.05), inset 0 2rem 10px -17px rgba(0,0,0,0.03); position: relative; }
/*upcoming meetings*/
.upcomingmeetings { display: block; overflow: hidden }
.umeetings { display: block; overflow: hidden; margin-bottom: 6px; background: #F5F5F5; padding: 1rem; }
.sitenotes { font-size: 14px; }
/*Fancybox*/
.fancybox-wrap, .fancybox-wrap * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -safari-box-sizing: content-box !important; box-sizing: content-box !important; }
/*paraxify*/
.paraxify { background-attachment: fixed; background-position: center center; background-size: cover; position: relative }
.paraxify.overlay::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .5; background: rgba(0, 0, 0, 1); }
/*stellar parallax*/
.stellar-parallax { width: 100%; display: block; overflow: hidden; padding-top: 50px; padding-bottom: 50px; margin: 0; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; }
/* Overlays & gradients */
.color-overlay, .color-overlay-hover, .gradient-overlay, .gradient-overlay-hover, .dotted-overlay { position: relative; }
.color-overlay *, .color-overlay-hover *, .gradient-overlay *, .gradient-overlay-hover *, .dotted-overlay-hover * { z-index: 2; }
.color-overlay:after, .color-overlay-hover:after, .color-slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: #171717; opacity: 0; -webkit-transition: .4s; transition: .4s; }
.color-overlay:after, .color-overlay-hover:hover:after, .color-slider .slotholder:after { opacity: .3; }
.gradient-overlay:after, .gradient-overlay-hover:after, .gradient-slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: linear-gradient(45deg, rgb(240, 100, 150), rgb(140, 200, 208)); opacity: 0; -webkit-transition: .4s; transition: .4s; }
.gradient-slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: #171717; opacity: 0; -webkit-transition: .4s; transition: .4s; }
.gradient-slider .slotholder:after { z-index: 20; }
.gradient-overlay:after, .gradient-overlay-hover:hover:after { opacity: .1; }
.dotted-overlay:after, .dotted-overlay-hover:after, .dotted-slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: url("../images/icons/gridtile.png"); opacity: 0; -webkit-transition: .4s; transition: .4s; }
.dotted-overlay:after, .dotted-overlay-hover:hover:after, .dotted-slider .slotholder:after { opacity: .6; }
.op0:after, .op0 .slotholder:after { opacity: .1; }
.op1:after, .op1 .slotholder:after { opacity: .1; }
.op2:after, .op2 .slotholder:after { opacity: .2; }
.op3:after, .op3 .slotholder:after { opacity: .3; }
.op4:after, .op4 .slotholder:after { opacity: .4; }
.op5:after, .op5 .slotholder:after { opacity: .5; }
.op5:after, .op5 .slotholder:after { opacity: .5; }
.op6:after, .op6 .slotholder:after { opacity: .6; }
.op7:after, .op7 .slotholder:after { opacity: .7; }
.op8:after, .op8 .slotholder:after { opacity: .8; }
.op9:after, .op9 .slotholder:after { opacity: .9; }
.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #8e0222; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5; z-index: 1; }
.overlay.o10 { opacity: .1; }
.overlay.o20 { opacity: .2; }
.overlay.o30 { opacity: .3; }
.overlay.o40 { opacity: .4; }
.overlay.o50 { opacity: .5; }
.overlay.o60 { opacity: .6; }
.overlay.o70 { opacity: .7; }
.overlay.o80 { opacity: .8; }
.overlay.o90 { opacity: .9; }
.rectangle-overlay::before { position: absolute; content: ""; display: inline-block; border: 1rem solid #fff; opacity: .15; width: 280px; height: 21rem; margin-left: -140px; left: 50%; pointer-events: none; top: 52px; z-index: 10; }
/*Hover Icons*/
.link-icon, .image-icon, .instagram-icon, .image-icon2 { position: relative; }
.link-icon:before, .image-icon:before, .image-icon2:before, .instagram-icon:before { font-family: tpi-fonts; position: absolute; top: calc(50% - 18px); right: calc(50% - 18px); width: 36px; height: 36px; background: #fff; border-radius: 3px; text-align: center; line-height: 40px; color: #a4a4a4; z-index: 99; font-size: 18px; opacity: 0; -webkit-transition: .5s; transition: .5s; pointer-events: none; }
.link-icon.sm:before, .image-icon.sm:before, .instgram.sm:before { top: calc(50% - 13px); right: calc(50% - 13px); width: 2.6rem; height: 2.6rem; border-radius: 2px; line-height: 2.8rem; font-size: 1.2rem; }
.image-icon2:before { top: 10px; right: 10px }
.link-icon:before { content: "\e8aa"; }
.image-icon:before { content: "\e8a8"; }
.image-icon2:before { content: "\e8a8"; }
.instagram-icon:before { font-family: FontAwesome; content: "\f16d" }
.link-icon:hover:before, .image-icon:hover:before, .image-icon2:hover:before, .instagram-icon:hover:before { opacity: .8; }
.tp-bullets .tp-bullet:after { content: "0" counters( item, "."); counter-increment: item; position: absolute; top: 0; right: 0; line-height: 15px; font-size: 14px; font-weight: 300; color: #fff; }
/******************** Footer ********************/
.webfooter { width: 100%; display: block; padding-top: 4rem; color: #171717; position: relative; z-index: 1 }
.webfooter .footer-logo { margin-bottom: 1rem; display: block }
.webfooter .footer-logo img { width: 100%; max-width: 230px !important; height: auto }
.webfooter h4 { font-weight: 400; font-size: 2.2rem; margin-bottom: 1rem }
.webfooter a { text-decoration: underline; color: #171717; }
.footer_contact a { }
a.partnerlogo { float: left; }
.partnerlogo a img { text-decoration: none; margin-bottom: 2rem !important; width: 100%; height: auto; display: block }
.partnerlogo a img:hover { opacity: .7 }
a.vri { width: 85px; }
a.tpi { margin: 2px 0px 0 12px; width: 100px }
a.ii { margin: 3px 0 0 25px; width: 138px; }
a.rci { width: 70px; margin-top: 10px; margin-left: 25px }
.webfooter .col-1, .webfooter .col-2 { float: left }
.webfooter .row { text-align: center }
.webfooter .col-sm-3 { width: 260px; float: left !important; text-align: left }
.webfooter .col-sm-4 { width: 270px; float: none !important; display: inline-block !important; text-align: left }
.webfooter .col-sm-5 { width: 490px; float: right !important; text-align: left }

@media (max-width:1040px) {
.webfooter .col-sm-4 { width: 100%; display: inline-block !important; text-align: center; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #EBEBEB }
.webfooter .col-sm-4 br { display: inline; content: ""; }
.webfooter .col-sm-4 br:before { display: inline-block; content: '|'; margin-left: 5px }
}

@media (max-width: 866px) {
.webfooter { padding-top: 4rem; }
}

@media (max-width:769px) {
.webfooter .col-sm-3, .webfooter .col-sm-5 { display: block !important; text-align: center; float: none !important; margin: 0 auto }
.webfooter .col-sm-5 { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #EBEBEB }
.webfooter .col-sm-3 { width: 100% }
.webfooter .col-sm-3 p br { content: " "; display: none !important; }
.webfooter .footer-logo img { margin: 0 auto }
}

@media (max-width:688px) {
.webfooter .col-sm-4 br { display: block; content: ""; }
.webfooter .col-sm-4 br:before { display: none }
}

@media (max-width:489px) {
.webfooter .col-sm-5 { width: 100%; float: none !important; display: block }
.webfooter .col-1 { width: 200px; display: block; margin: 0 auto; float: none }
.webfooter .col-2 { width: 235px; display: block; margin: 15px auto 0; float: none }
a.ii { margin: 3px 0 0 0px; }
}
/*ratings*/
.ratings { display: block; text-align: center; margin-top: 2rem; overflow: hidden }
/*Trip Advisor*/
.wtripadvisor { position: relative; }
.wtripadvisor span { text-align: center; font-size: 1rem; width: 100%; top: 1rem; display: block; letter-spacing: -0.12px; font-weight: 600; font-family: Arial, "sans-serif" }
.wcdsROW .cdsRating .ui_bubble_rating { margin-bottom: 1rem !important }
.wcdsROW, .wcdsROWContainer { width: 100% !important; max-width: 450px; background-color: #F8F8F8 }
.wcdsComponent.logo { position: relative }
.wcdsComponent.logo:before { content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.wTA_cdsratingsonlywide img { display: none }
.wcdsROW .logo img { height: auto; display: block; margin: 0 auto }
.wcdsROW.wide { margin-top: 2rem; display: block; height: auto !important }
.wcdsComponent.logo { max-width: 20% !important }
.wcdsComponent.cdsLocName { max-width: 70% !important }
#CDSROWLOGO288 a { pointer-events: none !important; }
.wcdsComponent.cdsRating { text-align: left !important }
.wcdsROW .cdsRating .ui_bubble_rating { font-size: 12px; margin-bottom: 1px; display: block !important; }
.cdsROW.narrow.border { margin-top: 0rem }
.TA_cdsratingsonlynarrow { float: none; display: inline-block; margin: 0 1.5rem; vertical-align: top }
.cdsROW.narrow { width: 160px !important; text-align: center !important; }
.cdsROW .logo img { display: inline !important }

@media (max-width:472px) {
.TA_cdsratingsonlynarrow { margin-bottom: 2rem; }
}

@media (max-width: 767px) {
.wcdsROW.wide { margin-left: auto; margin-right: auto; }
}/*google reviews*/
.greviews { float: none; display: inline-block; margin: 0 1.5rem; vertical-align: top }

@media (max-width:769px) {
.greviews { float: none !important; margin-top: 0rem; display: inline-block; }
}
html .rplg .rplg-badge2 { margin: 0 !important }
/* Footer Base */
.footerbase { width: 100%; text-transform: uppercase; display: block; overflow: hidden; font-size: 12px; border-top: 1px solid #DDDEDF; margin-top: 2rem; padding-top: 1rem; padding-bottom: 1rem; }
.footerbase a { text-decoration: none; display: inline-block; margin-right: 1rem; font-weight: 600 }
.webfooter.clw a { text-decoration: underline; color: #fff; }
.footerbase.clw a { color: #fff; }
.footerbase a:hover { text-decoration: underline; }
/*Social Icons*/
.socials a { width: 30px; height: 30px; margin-bottom: 0; border: solid 1px #344a71; background: #fff; text-align: center; display: inline-block; margin-left: 5px; color: #344a71 }
.socials i { color: #344a71; font-size: 15px; width: 28px; height: 28px; line-height: 28px; opacity: 1; text-align: center; }
.socials a:hover { background: #344a71; border-color: #344a71; }
.socials a:hover i { color: #fff; }

@media (max-width: 1023px) {
.footerbase .col-sm-6 { position: relative; max-width: 100%; flex: unset; width: 100%; margin-bottom: 1rem; text-align: center!important }
.footerbase a { margin-right: 1rem; font-weight: 600; font-size: 1.4rem; margin-left: 1rem; margin-top: 1rem }
}
/*Developer*/
.powered-by { opacity: .5; display: block; margin: 0 !important; }
.powered-by a { margin: 0 !important; font-weight: normal; font-size: 1.2rem }
/*Scroll to top*/
.scrollTo_top { position: fixed; bottom: 60px; right: 2%; display: none }
/* Page Gallery Isotope */
#Igallery { padding: 0 0 120px 0; display: block; overflow: hidden }
.Icategories { padding-bottom: 30px; text-align: center; }
ul.Icat li { display: inline-block; }
ol.type { margin: 0 }
ol.type li { display: inline-block; margin: 0 10px; padding: 20px 0; }
ol.type li a { color: #000; font-weight: 500; font-size: 14px; padding: 12px 24px; background: #eee; border: 0; border-radius: 0; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none!important }
ol.type li a.active { color: #fff; background-color: #A05263; }
ol.type li a:hover { color: #fff; background-color: #D2405B }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { z-index: 1 }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope-item { margin-right: -1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.isotope { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.Igallery-items { display: block; overflow: hidden; margin-bottom: 6rem }
.Igallery-item { margin: 15px 0; }
.Igallery-item .hover-bg { overflow: hidden; position: relative; }
.Igallery-item .hover-bg:before { display: block; content: ''; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 1px solid rgba(255, 255, 255, 0.6); }
.hover-bg .hover-text { position: absolute; text-align: center; margin: 0 auto; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 45% 0 0 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s; }
.hover-bg .hover-text>h4 { opacity: 0; color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s; font-size: 17px; letter-spacing: 0.5px; font-weight: 500; }
.hover-bg:hover .hover-text>h4 { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0); transform: translateY(0); }
.hover-bg:hover .hover-text { opacity: 1; }
/*Passwor Form*/
.password_form { display: block; margin-top: 30px; }
.password_form label { display: block }
.password_form input[type="password"] { float: left; max-width: 180px; margin-bottom: 1rem; }
.password_form input[type="submit"] { display: inline-block; text-align: center; padding: 0px 2rem 0px; line-height: 32px; margin-top: 0px; letter-spacing: 1px; border-radius: 0px; text-decoration: none; background: #A05263; color: #fff; font-size: 16px; border: none; margin-left: 1rem; }
.password_form input[type="submit"]:hover { background: #C19B77; cursor: pointer }
/*Stackla*/
.stackla_wrap { display: block }
.stackla-widget { margin-top: 4rem }
.page-template-page-specials .stackla_wrap { border-top: 1px solid #EAEAEA }
/*bootstrap collapse*/
.collapsing { width: 100% }
/* Styles for tbb booking form 	by ionicnet.com */
#ionic_tbb-booking, #ionic_tbb-booking form { position: relative; width: 100%; display: block }
#ionic_tbb-booking .calendar button, #ionic_tbb-booking input, #ionic_tbb-booking select { -moz-appearance: none; -webkit-appearance: none }
#ionic_tbb-booking { margin-top: 0; z-index: 99; margin-right: auto; margin-left: auto; padding: 0; -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .33); -moz-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .33); box-shadow: 0 0 13px 0 rgba(0, 0, 0, .33); line-height: 1.4; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: #fff }
#ionic_tbb-booking .container .wrap { max-width: 1280px; display: block; margin: 0 auto }
#ionic_tbb-booking .inner { position: relative; border-radius: 3px; padding: 1.5rem 0px; overflow: hidden }

@media (max-width:1169px) {
#ionic_tbb-booking .inner { border-radius: 0 }
#ionic_tbb-booking { margin-top: 0 }
}
#ionic_tbb-booking form { margin: 0; padding: 0; height: auto }
#ionic_tbb-booking .calendar button { border: none; background: 0 0; position: absolute; left: .5rem; width: auto; top: .3rem; margin: 0; padding: 0; opacity: 8 }
#ionic_tbb-booking form label { font-size: 1.1rem; font-weight: 700; margin-bottom: 0; display: block; text-align: left !important; line-height: 1.4 }
#ionic_tbb-booking input[type=text], #ionic_tbb-booking select { border: none; padding: 3px 0 3px 4px; margin: 0; width: 100%; display: block; background: 0 0; box-sizing: border-box; height: 3rem; font-size: 1.4rem; position: relative }
#ionic_tbb-booking input[type=text] { padding-left: 2.4rem }
#ionic_tbb-booking .select i { position: absolute; right: .5rem; width: auto; bottom: .7rem; margin: 0; padding: 0; z-index: 0 }
#ionic_tbb-booking .input-bg-color { border: 1px solid #ccc; border-radius: 0; width: 100%; display: block; background: #fff; position: relative; color: #777 }
button.Lookup { border: none; display: inline-block; font-size: 13px; font-weight: 700; text-decoration: none; text-transform: uppercase; cursor: pointer; line-height: normal; padding: .7rem 0; margin-top: 1.5rem; float: right; margin-right: 0; letter-spacing: 0; width: 100%; word-break: break-all; margin-bottom: 0; border-radius: 0 }
.ionic_tbb-inputs { float: right; }
.input_wrap { float: right; display: block }
.booktoggle { display: none }
.tbbfield.calendar img { position: absolute; right: .3rem; width: auto; height: 1.8rem; bottom: .4rem }
.tbbfield { float: left; position: relative; margin-left: 3rem }
.tbbfield.size2 { width: 16rem }
.tbbfield.size3 { width: 10rem }
.tbbfield.size4 { width: 16rem; margin-right: 0; float: right }
.tbbfield.checkIn { margin-left: 0 !important }
.bookingtitle { font-size: 1.4rem; display: block; margin-top: .8rem; width: 28.5rem; position: absolute }
.bookingtitle h4 { font-size: 2rem; margin: 0; font-weight: 500; line-height: 2rem }

@media (max-width:1151px) {
.tbbfield { margin-left: 2rem }
}

@media (max-width:1098px) {
.bookingtitle { margin-top: -.5rem; width: 18rem; }
}

@media (max-width:991px) {
.bookingtitle { position: relative; display: block; width: 100%; margin-bottom: 1rem }
.bookingtitle h4 { display: inline; margin-right: .5rem; }
.ionic_tbb-inputs { float: none; width: 100%; }
.tbbfield.size2 { width: 17%; min-width: 14.8rem }
.tbbfield.size3 { width: 17% }
.tbbfield.size4 { width: 17%; float: left; min-width: 13.4rem }
.tbbfield { margin-left: 3% }
}

@media (max-width:846px) {
.tbbfield { margin-left: 2% }
.tbbfield.size3 { width: 15% }
}

@media (max-width:743px) {
.tbbfield.size3 { width: 9rem }
#ionic_tbb-booking form label { font-size: 11px }
#ionic_tbb-booking .container { padding: 10px 10px 0; transition: height .2s ease-out }
#ionic_tbb-booking .container.click { padding: 10px 10px 15px; transition: height .2s ease-out }
.bookingtitle h4 { float: none; display: block }
.booktoggle { display: block; position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; color: #171717 }
.booktoggle .fa { float: right; font-size: 2.4rem; margin-top: 0px; }
.booktoggle.click .fa-plus-circle:before { content: "\f056" }
.ionic_tbb-inputs { display: none; width: 100%; height: auto }
.date-options, .select-options { display: block }
#ionic_tbb-booking .inner { padding: 0 !important }
.bookingtitle { margin-top: 0 }
html #ui-datepicker-div { z-index: 1050 !important; top: 14rem !important; left: .5rem !important }
html .ui-datepicker .ui-datepicker-buttonpane button { font-size: 1.3rem }
html .ui-datepicker th { padding: 0; font-size: 1.2rem }
.tbbfield.size3 { width: 9rem }
.tbbfield.size3.adults { width: 5rem; }
}

@media (min-width:744px) {
.ionic_tbb-inputs { display: block !important }
}

@media (max-width:673px) {
.tbbfield { margin-bottom: 2rem }
.tbbfield.size2 { width: 40%; min-width: 14rem; }
.tbbfield.size4 { width: 17%; float: left; min-width: 13.4rem }
#ionic_tbb-booking form label { width: 100px; }
#ionic_tbb-booking input[type=text] { padding-left: 2rem; }
.tbbfield.size3.adults { margin-top: 1.5rem }
}

@media (max-width:363px) {
.tbbfield.size3.adults { margin-top: 0rem }
}
html .ui-button.ui-state-active:hover, html .ui-button:active, html .ui-state-active, html .ui-widget-content .ui-state-active, html .ui-widget-header .ui-state-active, html a.ui-button:active { border: 1px solid #837871; background: #0060a9; color: #fff }
.ui-datepicker, #ui-datepicker-div { z-index: 1050 !important }
#ionic_tbb-booking.stuck { top: 6.4rem; position: fixed; width: 100%; visibility: visible; animation-delay: 0.2s; animation-name: fadeInDown; }
body.admin-bar #ionic_tbb-booking.stuck { top: 9.7rem; }

@media (max-width:991px) {
#ionic_tbb-booking.stuck { top: 6.4rem; }
}
/* Hero Video */
.video .inner { padding: 100px 0; }
.video-popup { padding: 100px 0; text-align: center; }
.mobile.video-popup { padding: 0; position: absolute; left: 50%; top: 50%; margin-top: -45px; margin-left: -45px; }
.video-popup a { position: relative; width: 90px; height: 90px; border-radius: 50%; display: block; border: 3px solid #fff; margin: 0 auto; opacity: .8; text-align: center; z-index: 9; background: rgba(0,0,0,0.6) }
.video-popup a i { color: #fff; margin-left: 5px; font-size: 40px; line-height: 84px; }
.video-popup a:after { position: absolute; content: ''; background: transparent; left: 0; top: 0; bottom: 0; right: 0; pointer-events: none; opacity: 0.3; border-radius: 200px; }
.video-popup a:hover { opacity: 1; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.video-popup a:hover:after { -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; background: white; }

@media (max-width:430px) {
.mobile.video-popup { padding: 0; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; }
.video-popup a { width: 50px; height: 50px; }
.video-popup a i { margin-left: 8px; font-size: 25px; line-height: 44px; }
}
.mfp-iframe-holder .mfp-content { border-radius: 8px; overflow: hidden; }
.video-controls { position: absolute; bottom: 1rem; right: 36px; z-index: 2; }
#pauseBtn, #closeBtn { background: rgba(0,0,0,0.3); cursor: pointer; font-size: 1.6rem; height: 35px; padding: 0; width: 35px; outline: none !important; color: #fff; border: solid 1px #fff }
.video_caption { position: absolute; top: 40%; margin-left: 10%; color: #fff; letter-spacing: 1px; text-shadow: 0 1px 0 rgba(0, 0, 0, .6); background: rgba(0, 0, 0, .2); padding: 30px; }
.video_caption h2 { display: block; font-size: 18px; text-transform: uppercase; font-weight: 400 }
.video_caption p { display: block; font-size: 26px; font-family: 'Playfair Display', serif; line-height: 1.2 }
.hero-scroll { position: absolute; bottom: 30px; text-align: center; left: 0; right: 0; margin: auto; color: #fff !important; font-weight: 600; text-transform: uppercase; line-height: 20px; font-size: 12px !important; text-shadow: 0 1px 0 rgba(46, 65, 77, 1); cursor: pointer; width: 100px; opacity: 1; z-index: 2 }
.fa-angle-double-down:before { content: "\f103"; }
.bounce { font-size: 28px; color: #fff; display: block; height: 10px; margin-left: auto; margin-right: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }
.hero-scroll.scroll { opacity: 0; transition: opacity 1s ease-out; }
.video_wrapper { display: block; overflow: hidden; position: relative; width: 100%; height: 90vh; background: none; background-size: 0; background-position: center center; max-height: 600px; }
.video_wrapper.clicked { max-height: 400px !important; -webkit-transition: max-height 1s linear; -moz-transition: max-height 1s linear; transition: max-height 1s linear; background-size: cover; }
.video-controls.clicked #pauseBtn { display: none }
.video_wrapper.clicked video { display: none }
.HomepageHero { position: relative; }
.Hero { position: relative; display: block; width: 100%; height: auto }
.video-size { height: 56.25vw; position: relative; max-height: 600px }
.Hero-video { width: 100% }
.Video-video { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; object-fit: cover }

@media only screen and (min-width:1200px) {
.Hero-video, .video-size { height: 86vh; max-height: 600px; min-height: 600px }
}

@media only screen and (min-width:1701px) {
.Hero-video, .video-size { max-height: 600px }
}

@media (max-width:1199px) {
.Hero-video .Video-video { position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; width: 100%; height: auto; -webkit-transform: none; transform: none }
.Hero-video, .video-size { max-height: 580px }
.hero-scroll { display: none }
}

@media (max-width:894px) {
.Hero-video, .video-size { max-height: 450px }
}

@media (max-width:800px) {
.Hero-video, .video-size { max-height: 390px }
}

@media (max-width:714px) {
.Hero-video, .video-size { max-height: 350px }
}

@media (max-width:624px) {
.Hero-video, .video-size { max-height: 300px }
}

@media (max-width:576px) {
.Hero-video, .video-size { max-height: 270px }
}

@media (max-width:480px) {
.Hero-video, .video-size { max-height: 240px }
}

@media (max-width:430px) {
.Hero-video, .video-size { max-height: 210px }
}

@media (max-width:360px) {
.Hero-video, .video-size { max-height: 180px }
}
/* Typography */
h1, h2, h3, h4, h5, h6, button { font-weight: 500; margin: 0 0 2rem; }
h1 { font-size: 3.4rem; }
h2 { font-size: 2.8rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 1.9rem; }
h5 { font-size: 1.7rem; }
h6 { font-size: 1.6rem; }
.main-title { margin-bottom: 0px; display: inline-block }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 400; letter-spacing: normal !important; text-rendering: optimizeLegibility; font-family: 'Josefin Sans', sans-serif }

@media (max-width:680px) {
h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; }
}
.section-title { font-size: 2.4rem; font-weight: 400; margin-bottom: 1rem; text-transform: uppercase }
.section-subtitle { font-size: 3.2rem; margin-bottom: 1rem; }

@media (max-width:991px) {
.section-title { font-size: 2rem; }
.section-subtitle { font-size: 3.2rem; }
}

@media (max-width:767px) {
.section-subtitle { font-size: 2.8rem; }
}

@media (max-width:768px) {
.section-subtitle { font-size: 2.4rem; line-height: 2.8rem }
}
/* Article heading*/
.article_heading { display: block; position: relative; margin-bottom: 20px; }
.ftype1 { font-family: 'Fjalla One', sans-serif }
.ftype2 { font-family: 'Kaushan Script', cursive; }
/* Colors */
.bgc1 { background: #325849 !important; color: #fff !important }
.bgc2 { background: #F5F5F5 }
.bgc3 { background: #325849 }
.bgcw { background: #fff !important }
.bg_dark_grey1 { background: #5B6770 }
.bg_dark_grey2 { background: #3E4E5B }
.bg_dark_beige { background: #ECE7E0 }
.clb { color: #171717 }
.clw { color: #fff }
.cl1 { color: #325849 }
.bgi1 { background-image: url("../images/bgs/dust_scratches.png"); }
/*Buttons*/
a.button2, .button2:hover { background: #fff; color: #325849; }
a.button2:hover, .button2:hover { background: none; border: 1px solid #fff; color: #fff }
/* Website Header */
.site-header { width: 100%; height: auto; position: fixed; z-index: 100; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 1px rgba(0,0,0,.2), 0 0 15px rgba(0,0,0,.15); border-bottom: 0px solid #E6E6E6; border-top: solid 0px #325849; }
.scroll .site-header { -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; background-color: rgba(255, 255, 255, 1); }
.header { padding: 1rem 0; }
/*Logo*/
.toplogo { display: block; line-height: 0; padding: 0; overflow: hidden; float: left; max-width: 190px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.toplogo img { max-width: 100%; height: auto; }
.scroll .toplogo { max-width: 200px; }

@media (min-width: 992px) {
.toplogo { max-width: 260px; }
}
/*Main Navigation Menu*/
.main-navigation { text-align: right; margin: 0; width: auto; float: right }
/* ----  default Menu Styles ----*/
.header-menu ul { margin: 0; padding: 0; list-style: none !important; display: block; text-align: center }
.header-menu ul li { position : relative; z-index : 999; float: left; display: block; }
.header-menu ul li a { display: inline-block; font-size: 15px; text-decoration: none; outline: none; font-weight: 700; color: #325849; text-transform: uppercase; letter-spacing: 1px; }
.header-menu .down { display: none; width: 3.6rem; height: 3.6rem; cursor: pointer; background: #ebebeb; position: absolute; top: 0; right: 0; font-family: 'FontAwesome'; text-align: center; line-height: 3.6rem; }
.header-menu .down::before { content: "\f107"; font-weight: bold }
.header-menu .down.opened::before { content: "\f106"; font-weight: bold }
.toggle-menu-button { display: none; cursor: pointer; }

/*---- Max 991px ----*/
@media (max-width: 991px) {
.mobilemenu { display: block }
.header-menu ul li a { height: 3rem; line-height: 3rem; border-bottom: 1px solid #ebebeb; display: block; }
.header-menu ul li .down { display: inline-block; }
.header-menu ul li ul { display: none; padding-left: 1rem; }
.toggle-menu-button { display: inline-block; float: right; margin-top: 0px; padding: 15px; margin-right: 0; position: absolute; right: 0px; }
.toggle-menu-button .line { position: relative; display: block; width: 3rem; height: 3px; margin-bottom: 6px; margin-left: auto; margin-right: auto; clear: both; background: #325849; -webkit-transition: .5s; transition: .5s; }
.toggle-menu-button.open .line:nth-child(1) { -webkit-transform: translateY(9px) rotate(-135deg); transform: translateY(9px) rotate(-135deg); }
.toggle-menu-button.open .line:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
.toggle-menu-button.open .line:nth-child(3) { -webkit-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
.site-header, #wrap { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu-title { display: block; padding: 1rem; font-size: 1.6rem; text-transform: uppercase; text-align: center; color: #fff; border-bottom: 1px solid #fff; overflow: hidden; min-height: 60px; padding-top: 2.5rem; font-weight: bold; }
body.admin-bar .menu-title { margin-top: 3.2rem }
.toggle-menu-button.first.open { display: none !important }
.menu-title .toggle-menu-button { display: inline-block; float: right; margin-top: -1.5rem; padding: 15px; margin-right: 0; position: absolute; right: 0px;/* top: 0rem; */ }
.menu-title .toggle-menu-button .line { background: #fff; }
}

/*---- Min 992px ----*/
@media (min-width: 992px) {
.header-menu { float: right; width: auto; margin-top: 1rem; background: transparent; }
.scroll .header-menu { margin-top: .9rem; }
.header-menu ul { float: right; }
.header-menu ul li { padding-bottom: 0px; margin-bottom: 0 }
.header-menu ul li li { padding-bottom: 0px; background-color: #F6F5F1; box-shadow: 0px 0px 8px 1px rgba(178, 178, 178, .1); }
.header-menu ul li ul { position: absolute; visibility: hidden; left: 0; margin-top: 0; padding-top: 1rem }
.header-menu ul li ul::before { content: "\f0d8"; position: absolute; top: -.7rem; height: 1.8rem; font-family: FontAwesome; font-size: 1.8rem; left: 1rem; color: #F6F5F1 }
.header-menu ul li ul ul::before { display: none; }
.header-menu ul li ul li { text-align: left; width: 18rem; margin-bottom: 0 }
.header-menu ul li ul li a { border-bottom: 1px solid #FFF; position: relative; display: block; padding: 1rem 1.2rem; }
.header-menu ul li ul li ul { top: -1px; left: 100%; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.header-menu ul li ul li ul li a { border-left: 1px solid #ebebeb; }
.header-menu ul li ul li ul li:first-child a { border-color: #FFF; }
.header-menu ul li:hover > a { color: #325849; text-decoration: underline }
.header-menu ul li li:hover > a { text-decoration: none }
.header-menu .current-menu-item a { text-decoration: underline }
.header-menu ul li:hover > ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); }
.header-menu ul li ul { top: 100%; display: block !important; }
.header-menu ul li::after { content: ""; display: inline-block; color: #fff; margin-right: 14px; margin-left: 14px; font-weight: bold }
.header-menu ul li:last-child::after { content: normal; display: inline-block; margin-right: 0; margin-left: 0; }
.header-menu ul.sub-menu li::after { display: none }
.header-menu li.menu-item-has-children>a:after, .header-menu .page_item_has_children>a:after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-size: 14px; right: 18px; top: 2px; vertical-align: text-bottom; opacity: .6; margin-left: 4px }
.header-menu ul li:hover .sub-menu { animation-name: horizontal_menu_slide_up; animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: horizontal_menu_slide_up; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: horizontal_menu_slide_up; -moz-animation-duration: .5s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; }
.menu-title { display: none }
.mobilemenu { display: none !important }
}

@media (max-width: 992px) {
body.show_sidemenu #wrap, body.show_sidemenu .header { margin-right: 25%; width: 75%; }
.push_nav { background: #325849; width: 25%; left: 100%; position: fixed; top: 0; bottom: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-bottom: 40px; z-index: 99999; height: 100%; overflow: auto; border-left: 1px solid #fff }
body.show_sidemenu .push_nav { left: 75%; }
.push_nav li { float: none; display: block; width: 100%; text-align: left; margin: 0px; padding: 0 }
.push_nav li.loginmenu { background: none; padding-right: 0; }
.push_nav li a, .push_nav li a:link, .push_nav li a:visited { text-decoration: none; color: #fff; height: inherit; line-height: 1; display: block; padding: 1rem 1rem 1rem 28px; width: 100%; }
.push_nav li a:hover { text-decoration: underline; color: #BDF3DD }
}

@media (max-width: 992px) {
.push_nav { width: 40%; }
body.show_sidemenu .push_nav { left: 60%; }
body.show_sidemenu .header { width: 100%; }
body.show_sidemenu #wrap { margin-right: 0; width: 100%; margin-left: -40% }
}

@media (max-width: 767px) {
.push_nav { width: 80%; }
body.show_sidemenu .push_nav { left: 20%; }
body.show_sidemenu #wrap { margin-right: 0; width: 100%; margin-left: -80% }
}
 @keyframes horizontal_menu_slide_up {
 from {
opacity: 0;
margin-top: 15px;
}
 to {
opacity: 1;
margin-top: 0px;
}
}
 @-webkit-keyframes horizontal_menu_slide_up {
 from {
opacity: 0;
margin-top: 15px;
}
 to {
opacity: 1;
margin-top: 0px;
}
}
/*Website Top*/
/*Top Padding*/
.top_padding { display: block; padding-top: 7rem }
.scroll .top_padding { padding-top: 5.9rem }
/***** Home Page Starts *****/
/* Home Intro */
.intro { display: block; position: relative; background: #fff }
.intro h2 { margin-top: 3rem }
.intro p { line-height: 28px; margin-bottom: 20px; }
.parallax-image { border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 7px 15px rgba(0, 0, 0, 0.42); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 7px 15px rgba(0, 0, 0, 0.42); border: 7px solid #fff; background-color: #fff; max-width: 280px; height: auto; }
.intro_slider { display: block; padding-top: 0px; padding-bottom: 80px; position: relative; margin-top: 160px; }
/*Home Rooms-Units*/
.home_rooms { display: block; padding: 5rem 0; position: relative; z-index: 2; background: #F5F5F5 }
.home_rooms h2 { font-size: 4rem }
#gallery-thumbs2 { max-width: 80%; margin: -4rem auto }
#gallery-thumbs2 .item { padding: 1rem; background: #fff }
#gallery-thumbs2 .item img:hover { opacity: .8; cursor: pointer }
/* Units Page */
.accomm_list { padding: 4rem 0 }
.accomm_odd { background: #F5F3F0 }
.accomm_list .odd_row { flex-direction: row-reverse; }
.accomm_info { display: block; overflow: hidden; margin-left: 2rem }
.accomm-list-item { border-radius: 2px; position: relative; padding-top: 20px; padding-bottom: 20px; }
.accomm-amenities ul { line-height: 24px; margin-top: 15px; list-style: none; margin: 0; padding: 0 }
.accomm-amenities ul li { display: inline-block; overflow: hidden; width: 100%; margin-bottom: 4px; padding-left: 1px; font-size: 1.8rem }
.accomm-rates { display: block; border-top: solid 1px #ccc; border-bottom: solid 0px #ccc; padding: 10px 0; margin: 10px 0rem 0; position: relative }
.accomm-rates strong { font-size: 24px; font-weight: 600 }
.rates-from, .accomm-rate { display: block; line-height: 26px; }
.accomm_info .link_text::after { font-family: dashicons; display: inline-block; vertical-align: bottom; margin-left: 3px; margin-top: 2px; font-size: 20px; font-weight: 500 }
.accomm_info .collapsed .link_text::after { content: "\f347"; }
.accomm_info .link_text::after { content: "\f343"; }
.accomm_info h3 { margin-bottom: 15px; font-weight: 600; margin-top: 0 }
.accomm_info p { margin-bottom: 10px; }
.accomm-info-icons { display: block; position: relative; margin-bottom: 0rem; }
.icon_wrap { display: inline-block; overflow: hidden }
.icon_wrap:after { content: ""; display: inline-block; border-left: 0px solid #ddd; height: 15px; text-align: center; margin-left: 0px; margin-right: 0px; }
.icon_wrap:last-child:after { display: none }
.accomm-info-icons .tpi { width: 30px; height: 30px; border: 1px solid #e3e3e3; margin-right: 5px; margin-bottom: 0px; margin-top: 0; text-align: center; line-height: 30px; color: #171717; border-radius: 1px; font-size: 16px; -webkit-transition: .5s; transition: .5s; float: none; display: inline-block }
.accomm-info-icons .tpi:hover { cursor: pointer; opacity: .6 }
.accomm-info-icons [class*=" icon-"]:before, .accomm-info-icons[class^=icon-]:before, .accomm-info-icons[data-icon]:before { line-height: 30px; }
.accomm_info a.toggle-content { display: inline-block; line-height: 24px; font-weight: 600; }
.accomm-rate-wrap { float: left }
.accomm-booking { float: right }
.accomm-amenities h5 { font-weight: 600; line-height: 2rem; margin-bottom: 1rem; margin-top: 2rem }
.accomm_name { float: left; font-weight: 600; margin-right: 2rem; margin-top: .5rem; min-width: 10rem }
/*Home Specials PSR*/
.hps1 .item figure { background: #fff; width: 100%; display: block; background-size: cover; background-position: center bottom; height: 50rem; box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.37) }
.hps1 .item figcaption { z-index: 1; padding-top: 6rem }
.hps1 .item figcaption h4 { margin-top: 10px }
.hps1 .terms { font-size: 1.5rem; line-height: 1.3 }
.hps1 .offer-price { position: absolute; top: 15px; left: 15px; padding: 5px 20px; border-radius: 2px; background: linear-gradient(45deg, rgb(240, 100, 150), rgb(140, 200, 208)); color: #fff; text-align: center; font-size: 14px; display: none }
.hps1 .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }
.hps1 .ribbon span { font-size: 10px; font-weight: 700; color: #fff; text-align: center; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 100px; height: 20px; line-height: 20px; display: block; background: #A05263; -webkit-box-shadow: 0 3px 10px -5px #000; box-shadow: 0 3px 10px -5px #000; position: absolute; top: 19px; left: -21px; }
.hps1 .ribbon span::after, .ribbon span::before { content: ""; position: absolute; top: 100%; z-index: -1; border-bottom: 3px solid transparent; border-top: 3px solid #6E5946 }
.hps1 .ribbon span::before { left: 0; border-left: 3px solid #6E5946; border-right: 3px solid transparent }
.hps1 .ribbon span::after { right: 0; border-left: 3px solid transparent; border-right: 3px solid #6E5946 }
.hps1 .offer-title { position: absolute; bottom: 15px; left: 0; padding: 15px 20px; border-radius: 0 4px 4px 0; font-size: 2.2rem; margin-bottom: 0px; text-transform: uppercase; background: rgba(255,255,255,0.85); color: #0060a9; width: 90%; display: none }
.hps1 .restrictions { font-size: 1.4rem; text-transform: uppercase }
.sp-details { background: rgba(0, 0, 0, 0.7); width: 100%; text-align: center; display: block; position: absolute; bottom: 0; padding: 1.5rem }
.sp-details .sp-title { font-size: 2.2rem; font-weight: 500; line-height: 1; text-shadow: 0 1px 0 rgba(46, 65, 77, 1); }
.hps1 .offer { position: absolute; width: 100px; height: 90px; display: block; background: rgba(0, 0, 0, 0.7); padding: 7px 8px 0px; line-height: 1.4; text-align: center; top: 2rem; right: 2rem; font-weight: 600; }
.sp3 .sp-details .offer { padding: 15px 10px; }
.hps1 .lightSlider, .hps1 .owl-carousel.specials_owl .owl-stage-outer { overflow: visible !important }

@media (max-width:1076px) {
.hps1 figcaption h4 { font-size: 1.6rem }
.hps1 .item figcaption { padding-top: 4rem; }
.hps1 .item figure { height: 46rem; }
.hps1 .terms { font-size: 1.5rem; line-height: 1.4rem; }
}
/*Units Slider*/
.gallery-slider { position: relative; margin-bottom: 0px; background: #fff; padding: 10px; }
.gallery-slider .owl-carousel .owl-item { line-height: 0 }
.gallery-slider .gallery-thumbs { }
.gallery-slider .gallery-thumbs .item { display: inline-block; cursor: pointer; -webkit-transition: .2s; transition: .2s; opacity: .7; }
.gallery-slider .gallery-thumbs .owl-item:hover .item, .gallery-slider .gallery-thumbs .owl-item.active-item .item { opacity: 1; padding: 6px; background: #fff }
.gallery-slider .gallery-thumbs .item img { border-radius: 2px; border: solid 2px #fff; }

@media (max-width: 1180px) {
.gallery-slider .gallery-thumbs { position: relative; bottom: unset; max-height: 100%; margin-top: 0; background: #ccc; overflow: hidden; padding-top: 10px; padding-bottom: 10px }
}

@media (max-width: 994px) {
.accomm-list-item .col-sm-7, .accomm-list-item .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.accomm_info h3 { margin-top: 2rem; }
}

@media (max-width: 375px) {
.accomm-rates strong { font-size: 2rem; }
}
/*Specials Page*/
.res_special { }
.specials-item figure { margin-bottom: 1rem }
.res_special h3 { font-size: 3rem; font-weight: 600; margin-bottom: 1rem }
button.restrictions { display: block; border: none; background: none; line-height: 1.2; margin-bottom: 10px; text-align: left !important; color: inherit !important; padding-left: 0; width: 100% }
/*Page Gallery*/


/* Page Overviews*/
.resort-features { display: block; position: relative; z-index: 1; border-top: solid 1px #CECECE; margin-top: 3rem }
.features-text { padding: 40px 0 }
.resort-features::before { content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; left: 0; width: 48%; background-size: cover; background-position: center center; }
.the-area { display: block; position: relative; z-index: 1; border-top: solid 1px #CECECE; }
.the-area::after { content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; right: 0; width: 40%; background-size: cover; background-position: center center; }
.area-text { padding: 40px 0 }
.page-template-page-overview .the-area { background: none !important; border-top: solid 1px #CECECE !important; }

@media (max-width: 767px) {
.resort-features::before, .the-area::after { position: relative; width: 100%; height: 300px; display: block; }
}
/*Newsletter*/
.vri_newsletter { padding: 6rem 0; margin-top: 0rem; color: #fff }
.vri_newsletter .imgcol { margin-top: -10rem }
/* Subscribe - Hubspot Forms*/
.hsform { padding: 0 4rem 0 4rem }

@media (max-width: 460px) {
.hsform { padding: 0 }
}
.hs_error_rollup { display: none !important }
.vri_newsletter .form-group, .vri_newsletter .hs-form { max-width: 600px; margin: 0 auto; position: relative; }
.vri_newsletter .form-control { padding: 28px; border-radius: 2px; background: #fff; }
.vri_newsletter button { display: inline-block; position: absolute; right: 5px; top: 5px; height: 48px; border-radius: 2px; }
.vri_newsletter button i { position: relative; right: 7px; font-size: 1.5em; text-align: center; }
.vri_newsletter .hs-form input.hs-input { background: #f7f8f9; border: 1px solid #ccc; border-radius: 0; padding: 24px 80px 2px 10px; color: #000; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .5s; transition: .5s; font-size: 13px; font-weight: 400; font-style: normal; width: 100%; max-width: 100%; box-sizing: border-box; }
html .hs_email .field { float: none; width: 100%; margin: 0 }
.vri_newsletter .hs-form .hs_submit { position: absolute; top: 0; right: 0 }
.vri_newsletter .hs-form .hs_submit .actions { margin: 0; padding: 0 }
.vri_newsletter .hs-form .hs_submit input.hs-button { display: inline-block; position: absolute; right: 5px; top: 5px; height: 38px; border-radius: 2px; border: none !important; background: #A05263; padding: 0 10px; margin: 0; color: #fff }
.vri_newsletter .hs-form .hs_submit input.hs-button:hover { background: #D2405B; color: #fff }
.vri_newsletter .hs-form .hs_email label { position: absolute; font-weight: 400; top: 4px; left: 8px; color: #171717; font-size: 1.4rem }
.vri_newsletter .hs-form .hs_email label span.hs-form-required { color: red }
.vri_newsletter .hs-form ul.hs-error-msgs { padding: 0 }
.vri_newsletter .hs-form ul.hs-error-msgs label { font-weight: 600; color: #fff; left: 0; top: inherit; text-shadow: 0 1px 0 rgba(46, 65, 77, 1) !important; }
.vri_newsletter ul li { list-style: none }

@media (max-width: 1024px) {
.vri_newsletter { padding: 60px 0 40px; }
.vri_newsletter .section-title p { font-size: 20px; }
}

@media (max-width: 767px) {
.vri_newsletter { padding: 25px 0 15px; }
}
/*Owners Page*/
.page_owners { display: block }
.page_owners .resort_awards { background: #fff; }
.important_notices { display: block; position: relative; z-index: 1; border-bottom: none; min-height: 400px }
/*Owners tabs*/
.owners-tabs .nav { display: block; text-align: center; height: 100%; background: #325849; padding: 3rem 0px; }
.owners-tabs .tabs-wrap { background: none; position: relative; display: block; z-index: 1; }
.owners-tabs .tab-content { border: none }
.owners-tabs .tab-content { background-color: #F6F8F9; position: relative; display: block; z-index: 1; padding-bottom: 5rem; padding-top: 5rem; padding-left: 2rem; min-height: 44rem }
.owners-tabs .tab-content .nav-tabs .nav-link { box-shadow: none !important; background: none !important; border-top: none; padding-top: 16px; color: #fff; text-align: right; font-size: 2rem; font-weight: 400 }
.owners-tabs .tab-pane { padding: 0px 15px !important; margin-top: 0 !important }
.owners-tabs .tabs-wrap { background: #325849; position: relative; display: block; z-index: 1; margin-top: 0px; border: none; }
.owners-tabs .nav-pills>li>a { border-radius: 0px; color: #fff; text-decoration: none; font-size: 1.6rem; font-weight: 600; text-transform: uppercase }
.owners-tabs .nav-pills>li.active>a, .owners-tabs .nav-pills>li.active>a:focus, .owners-tabs .nav-pills>li.active>a:hover { color: #171717; background-color: #F6F8F9; }
.owners-tabs .nav-pills li a:hover { color: #171717 }
.owners-title { text-transform: uppercase; margin-bottom: 1rem; display: block }

@media (max-width: 991px) {
.owners-tabs .nav-pills>li>a { font-size: 1.5rem; }
.owners-tabs .col-sm-3 { width: 28%; float: left }
.owners-tabs .col-sm-9 { width: 72%; float: left }
}

@media (min-width: 520px) {
.owners-tabs .col-sm-3 { padding-right: 0 }
.owners-tabs .col-sm-9 { padding-left: 0 }
.owners-tabs .tabs-wrap::after, .owners-tabs .tabs-wrap::before { content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; }
.owners-tabs .tabs-wrap::before { background-color: #325849; left: 0; width: 35%; }
.owners-tabs .tabs-wrap::after { background-color: #F6F8F9; right: 0; width: 50%; }
}

@media (max-width: 519px) {
.owners-tabs .col-sm-3, .owners-tabs .col-sm-9 { width: 100%; float: none; display: block }
.owners-tabs .nav { background: #325849; padding: 1rem; }
.owners-tabs .tabs-wrap { background: none }
}

@media (max-width: 919px) {
.vact-exchange a.btn { margin-bottom: 10px; }
}

@media (min-width: 767px) {
.important_notices::after { content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; right: 0; width: 42%; background-size: cover; background-position: center center; }
}

@media (max-width: 767px) {
.vact-exchange { margin-top: 4rem; }
.resv_exchg::before, .recent_voucher::after { display: none }
}
.resv_exchg { position: relative; display: block; z-index: 1 }
/*Awards*/
#awards { display: block; margin-top: 3rem }
.resort_awards { display: block }
.resort_awards h5 { color: #999; margin: 0; font-size: 2rem; text-transform: uppercase }
.resort_awards h5::before { content: ""; width: 1.5rem; height: 1px; float: left; background: #999; margin-top: .7rem; margin-right: .7rem; }
.resort_awards h2 { font-size: 5.2rem; line-height: 5rem }
.resort_awards .item { display: table-cell; height: 165px; vertical-align: middle }
.large.tooltip-inner { max-width: 280px; width: 280px; font-size: 1.1rem }

@media (max-width: 767px) {
#awards { max-width: 300px; display: block; margin-left: auto; margin-right: auto }
}
/*scroll to top button*/
.scrollTo_top { position: fixed; bottom: 6rem; right: 2%; display: none; height: 4rem; width: 4rem; background: #325849; border-radius: .4rem; text-align: center; -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15); box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.15); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999; }
.scrollTo_top a { display: block }
.scrollTo_top i { color: #fff; line-height: 4rem; font-size: 2.2rem; }
.scrollTo_top:hover { background: #C19B77; }

@media (max-width: 1180px) {
.scrollTo_top { display: none !important }
}
/*Page Specials*/
.specials-list h4 { font-size: 2.2rem }
.specials-list .terms_conditions { font-size: 1.4rem }
.single-special { padding: 2rem; border: 1px solid #EAEAEA; display: block; overflow: hidden; margin-bottom: 2rem; background: #F9F9F9 }
.single-special h3 { margin-bottom: 1rem }
.single-special .primary-button { margin-top: 2rem }
.specials-booking-number { margin-bottom: 6rem; margin-top: 4rem; text-align: center; display: block; overflow: hidden; font-weight: 600 }
.page-template-page-specials .vri_newsletter { background: none !important; opacity: none !important; padding: 4rem 0 }
.page-template-page-specials .vri_newsletter .section-title { font-size: 2.2rem; margin-bottom: 0 }
.page-template-page-specials .vri_newsletter::after { background: none !important; opacity: 0 !important }
.page-template-page-specials .vri_newsletter .hs-form ul.hs-error-msgs label { color: #000 !important; box-shadow: 0 0px 0 rgba(46, 65, 77, 1) !important }

@media (max-width: 767px) {
.specials-list h3 { margin-top: 2rem }
}
/*Trip Advisor*/

.tripadvisor { position: relative; }
.tripadvisor span { text-align: center; font-size: 1rem; width: 100%; top: 1rem; display: block; letter-spacing: -0.12px; font-weight: 600; font-family: Arial, "sans-serif" }
.cdsROW .cdsRating .ui_bubble_rating { margin-bottom: 1rem !important }
.cdsROW, .cdsROWContainer { width: 100% !important; max-width: 450px; background-color: #F8F8F8 }
.cdsComponent.logo { position: relative }
.cdsComponent.logo:before { content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.TA_cdsratingsonlywide img { display: none }
.cdsROW .logo img { height: auto; display: block; margin: 0 auto }
.cdsROW.wide { margin-top: 2rem; display: block; height: auto !important }
.cdsComponent.logo { max-width: 20% !important }
.cdsComponent.cdsLocName { max-width: 70% !important }
#CDSROWLOGO288 a { pointer-events: none !important; }
.cdsComponent.cdsRating { text-align: left !important }
.cdsROW .cdsRating .ui_bubble_rating { font-size: 12px; margin-bottom: 1px; display: block !important; }

@media (max-width: 767px) {
.cdsROW.wide { margin-left: auto; margin-right: auto; }
}