.payment-div {
	display: none;
}
/* Minification failed (line 335, error number 1031): Expected selector, found '{' */

    @import url('https://fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic');
    body {
        overflow: visible!important
    }
    
    /* @font-face {
        font-family: 'AGaramondPro-Regular';
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Regular_gdi.eot');
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Regular_gdi.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Regular_gdi.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Regular_gdi.svg#AGaramondPro-Regular') format('svg');
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    }
    
    @font-face {
        font-family: 'AGaramondPro-Semibold';
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Semibold_gdi.eot');
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Semibold_gdi.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Semibold_gdi.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Semibold_gdi.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/AGaramondPro-Semibold_gdi.svg#AGaramondPro-Semibold') format('svg');
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    } */
    
    @font-face {
		font-family: 'Gotham-Bold';
		src: local('Gotham-Bold'), url('../webfonts/custom/Gotham-Bold_gdi.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    }
	
	@font-face {
		font-family: 'Gotham-Light';
		src: local('Gotham-Light'), url('../webfonts/custom/Gotham-Light_gdi.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    }
    
    @font-face {
		font-family: 'Gotham-Medium';
		src: local('Gotham-Medium'), url('../webfonts/custom/Gotham-Medium_gdi.woff') format('woff');
        font-weight: 350;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    }
    
    /* @font-face {
        font-family: 'Gotham-Black';
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Gotham-Black_gdi.eot');
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Gotham-Black_gdi.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Gotham-Black_gdi.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Gotham-Black_gdi.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Gotham-Black_gdi.svg#Gotham-Black') format('svg');
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    }
    
    @font-face {
        font-family: 'MyriadPro-Regular';
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/MyriadPro-Regular_gdi.eot');
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/MyriadPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/MyriadPro-Regular_gdi.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/MyriadPro-Regular_gdi.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular') format('svg');
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        unicode-range: U+20-FE
    }
    
    @font-face {
        font-family: 'Cochin-Italic';
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Cochin-Italic_gdi.eot');
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Cochin-Italic_gdi.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Cochin-Italic_gdi.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Cochin-Italic_gdi.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/Cochin-Italic_gdi.svg#Cochin-Italic') format('svg');
        font-weight: 500;
        font-style: italic;
        font-stretch: normal;
        unicode-range: U+8-2DC
    }
    
    @font-face {
        font-family: 'GothamBook';
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/GothamBook.eot');
        src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/GothamBook.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/GothamBook.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/gotham-book.svg#GothamBook') format('svg');
        font-weight: 500;
        font-style: italic;
        font-stretch: normal;
        unicode-range: U+8-2DC
    } */

	/* New Navigation Dec '17 */

/* Misc */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35 !important; /* Fix Calendars */
	}
.clear {
	height: 0;
	clear: both;
	}
.second-menu { 
    display: none; 
    }

/* Calendar */
 
.ui-widget-header, 
.ui-widget-header .ui-state-highlight {
	background: #032165 !important;
	} 
.ui-widget-header .ui-state-highlight {
    border: 1px solid #032165 !important;
    }

/* Main Styles */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001; /* Because people use z-indexes that are way too high */
	background: #fff;
	}
	header a {
	    transition: color .3s;
	    -webkit-transition: color .3s;
	    -moz-transition: color .3s;
	    -o-transition: color .3s;
		}
	.header-padding {
		padding: 13px 32px 30px 32px;
		}
.main-navigation {
    display: inline-block;
    position: relative;
    float: left;
    margin: -5px 26px 0 0;
	}
.main-navigation span {
  position: relative;
  top: 0px;
  left: 0;
  z-index: 9;
  font: 400 13px/13px 'Gotham-Bold', sans-serif;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0;
  opacity: 1;
  display:block;
}

	.navigation-icon {
	    display: inline-block;
	    cursor: pointer;
		background: #032165;
		padding: 8px;
		}
		.bar1, .bar2, .bar3 {
		    width: 24px;
		    height: 4px;
		    background-color: #fff;
		    margin: 3px 0;
		    transition: 0.4s;
			}
			.x .bar1 {
			    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
		    	transform: rotate(-45deg) translate(-5px, 5px);
				}
			.x .bar2 {
			    opacity: 0;
				}
			.x .bar3 {
			    -webkit-transform: rotate(45deg) translate(-5px, -5px);
		    	transform: rotate(45deg) translate(-5px, -5px);
				}
        /*.navigation-icon:after {
            content: 'Menu';
            position: absolute;
            top: 43px;
            left: 0;
            z-index: 9;
			font: 400 13px/13px 'Gotham-Bold', sans-serif;
            color: #344049;
            text-transform: uppercase;
            letter-spacing: 0;
            opacity: 1;
            transition: opacity .3s;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -o-transition: opacity .3s;
            }*/
            .navigation-icon.x:after {
                opacity: 0;
                }
	.main-navigation-expand {
	    display: none;
	    position: absolute;
	    top: 62px;
	    left: -24px;
	    z-index: 9999;
	    background: #fff;
	    padding: 7px 24px 28px 24px;
		}
		.main-navigation-list, 
		.main-navigation-subnav {
		    display: table-cell;
		    text-align: left;
		    vertical-align: top;
			}
            .main-navigation-subnav {
                padding-top: 9px;
                }
			.main-navigation-subnav .subnav-appear {
				width: 0px;
				overflow: hidden;
				}
			.main-navigation-subnav > ul {
				display: none;
			    padding-left: 17px;
				}
		.main-navigation-expand ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
    		position: relative;
			}
			.main-navigation-expand li {
				position: relative;
				}
                li.hasSubnav .expandSubNav { 
                    display: none;
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 39px;
                    text-align: center;
                    padding: 7px 0 6px 0;
                    color: #000;
                    font-size: 22px;
                    border-left: 1px solid #CCC;
                    cursor: pointer;
                    transition: color .3s;
                    -webkit-transition: color .3s;
                    -moz-transition: color .3s;
                    -o-transition: color .3s;
                    }
                    li.hasSubnav .expandSubNav:hover {
                        color: #032165;
                        }
				.main-navigation-expand li a {
				    display: inline-block;
				    position: relative;
				    font: 400 13px/13px 'Gotham-Bold', sans-serif;
				    color: #49463e;
				    text-transform: uppercase;
				    text-decoration: none;
				    padding: 8px 0;
				    white-space: nowrap;
					}
					.main-navigation-expand li a:hover, 
					.main-navigation-expand li.HighLighted a {
						color: #032165;
						}
					.main-navigation-expand li a.hover:after {
					    content: '>';
					    display: inline-block;
					    position: absolute;
					    top: 8px;
					    left: 100%;
					    padding-left: 9px;
					    z-index: 151;
						}
                    .main-navigation-list > ul > li > ul { 
                        display: none;
                        }
                        .main-navigation-expand li ul li a {
                            color: #49463e;
                            padding-left: 10px;
                            }
					.main-navigation-subnav .subnav-appear > ul {
						display: none;
    					padding: 0 0 0 33px;
						}
                        .main-navigation-subnav ul li ul {
                            display: block !important;
                            margin-bottom: 10px;
                            }
						.main-navigation-subnav ul > li a {
							color: #032165;
							}
							.main-navigation-subnav ul > li a:hover, 
							.main-navigation-subnav ul > li.HighLighted a {
							    color: #49463e;
								}
		/*.nav-phone {
			border-top: 1px solid #49463e;
		    margin-top: 8px;
		    padding-top: 5px;
			}*/
.main-navigation-expand ul#menuElem {
                 border-top: 1px solid #49463e;
                 margin-top: 8px;
            padding-top: 5px;
            }
			.nav-phone a {
			    display: block;
			    font: 300 18px/18px 'Cochin-Italic', serif;
				color: #032165;
			    text-decoration: none;
			    padding: 8px 0;
				}
				.nav-phone a:hover {
				    color: #49463e;
					}
.main-logo {
    display: inline-block;
    float: left;
	}
.booking-mask {
    float: right;
	}
    .booking-expand {
        float:left;
        display: inline-block;
        }
	.booking-mask input,
    .booking-mask select, 
    .booking-mask a {
        float:none; 
    	display: inline-block;
    	font: 400 13px/16px 'Gotham-Bold', sans-serif;
		color: #032165;
		text-transform: uppercase;
		text-decoration: none;
	    border: 1px solid #032165;
	    padding: 10px 0;
	    margin: 0 0 0 13px;
    	letter-spacing: 0px;
    	cursor: pointer;
        vertical-align: middle;
		}
	.booking-mask input, 
	.booking-mask select {
		padding: 10px 22px 10px 9px;
    	min-width: 119px;
        max-width:310px;
	    transition: border-color .3s;
	    -webkit-transition: border-color .3s;
	    -moz-transition: border-color .3s;
	    -o-transition: border-color .3s;
		}
		/*
		.booking-mask > input:hover, 
		.booking-mask > select:hover {
			border-color: #323e48;
			}
          */
	.booking-mask select {
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance:none;
		background-image: url('https://www.monarchbeachresort.com/getmedia/38448479-f985-4a93-9b6d-f88e7bc580df/arrow-down/');
		background-repeat: no-repeat;
		background-position: center right;
		}
	.booking-mask select::-ms-expand { 
        display: none; 
        }
	.booking-mask input.calendar {
		/*background-image: url('https://www.monarchbeachresort.com/getmedia/5d891e3f-fa46-4de7-bc77-478614d0d2e7/calendar-icon/');*/
		background-repeat: no-repeat;
		background-position: center right;
		}
        .booking-expand input, .booking-expand select {
            background-color: #fff !important;
            }
        .booking-expand input:disabled, .booking-expand select:disabled {
            background-color: #fff !important;
            }
	.booking-mask #booking-submit {
		color: #fff;
		background: #032165;
		padding: 10px 14px;
        height:auto !important;
	    transition: background .3s;
	    -webkit-transition: background .3s;
	    -moz-transition: background .3s;
	    -o-transition: background .3s;
		}
		.booking-mask #booking-submit:hover {
			background: #fff;
			color: #032165;
			}


/*# ADA #*/
/*a:focus, input:focus, button:focus  {
	outline: #8bc1ff solid 5px;
}*/
 
.offscreen {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    margin: 0;
    padding: 0;
}
button.ui-datepicker-trigger {
    background-color: transparent !important;
    border: none !important;
    margin-left: -30px;
    top: 0px;
    position: relative;
    background: none;
    border: none;
}
button.ui-datepicker-trigger:focus{
    border:none !important; 
    /*margin:auto !important; */
    outline:2px solid #8cc63f !important;
    background-color:#fdf6e7 !important;
}

.booking-padding label {
	font-size: 0px;
	color: transparent;
}



/*# Responsive #*/

@media screen and (max-width: 1200px) {
	.header-padding { padding-left: 50px; padding-right: 50px; }
}

@media screen and (max-width: 1090px) {
	.header-padding { padding-left: 15px; padding-right: 15px; }
}

@media screen and (min-width: 1021px) {  /* Fix for backwards-responsive booking mask */
    .booking-expand { display: inline-block !important; overflow: visible !important; }
}

@media screen and (max-width: 1020px) {
	/* Collapse to mobile */
    header { padding: 1px !important; } /* was 1px */
    .header-padding { padding: 13px 0 0 0; }
    .main-navigation { margin-left: 25px; }
    .main-logo { float: right; margin: 0 25px 15px 0; }
    .booking-mask { width: 100%; }
    .booking-expand { display: none; }
    .booking-padding { margin: 0 25px 10px 25px; }
    .booking-mask input, .booking-mask select { margin: 0 0 15px 0; width: 100%; }
    .booking-mask #booking-submit { display: block; height: auto !important; width: 100%; margin: 0; font-size: 17px; text-align: center; }
  
    .booking-mask input,
    .booking-mask select, 
    .booking-mask a {
        float:left;
        max-width:100%;
    }
  
    .booking-expand {
        width:100%;
    }
    .booking-mask input.calendar {
		background-image: url('https://www.monarchbeachresort.com/getmedia/5d891e3f-fa46-4de7-bc77-478614d0d2e7/calendar-icon/');	
	 }
    button.ui-datepicker-trigger {
      display:none;
    }
}

@media screen and (min-width: 1025px) {  /* Ensure subnavs don't show on desktop if expanded on mobile */
    .main-navigation-list > ul > li > ul { display: none !important; }
}

@media screen and (max-width: 1024px) {
    /* Full screen navigation */
    .main-navigation-expand { position: fixed; left: 0; top: 73px; right: 0; /*bottom: 0;*/ z-index: 9999; border-bottom: 1px solid #032165; padding: 0; }
    .main-navigation-expand.mobile { bottom: 0; }
    .main-navigation-expand.mobile .main-navigation-scroll { max-height: 100%; overflow: auto; }
    .main-navigation-expand li a { white-space: inherit; padding: 13px 26px; border-bottom: 1px solid #CCC; display: block; }
    .main-navigation-expand > div > ul > li:last-child a { border-bottom: none; }
    .main-navigation-list { display: block; width: 100%; }
    .main-navigation-subnav { display: none !important; }
    .main-navigation-expand li a.hover:after { display: none !important; }
    .nav-phone { padding: 12px 26px; margin-top: 0; }
    .nav-phone a { font-size: 22px; }
    li.hasSubnav .expandSubNav { display: block; }
    .main-navigation-expand li ul li a { background: #CCC; border-color: #fff; padding-left: 45px; }
    .main-navigation-expand li ul li ul li a { background: #999; color: #fff; }
}

@media screen and (max-width: 430px) {
    .main-logo { width: 220px; padding: 6px 0 5px 0; }
}

@media screen and (max-width: 355px) {
    .main-logo { width: 185px; padding: 8px 0; }
}

/* Height Adjustment */
@media screen and (min-width: 1025px) and (max-height: 725px) {
    .main-navigation-expand li a { padding: 6px 0; }
    .main-navigation-expand li a.hover:after { top: 5px; }
}
@media screen and (min-width: 1025px) and (max-height: 620px) {
    .main-navigation-expand li a { padding: 5px 0; }
    .main-navigation-expand li a.hover:after { top: 4px; }
}

/* CONTINUED CSS */

header {
	background-image: none;
	background-repeat: repeat;
	background-position: center top;
	padding: 0;
	background-size: 101%;
	float: left;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999
}

.logo {
	max-width: 388px;
	height: auto;
	display: inline-block;
	float: left;
	transition: all .3s ease;
	z-index: 0;
	position: relative
}

.fixedHeader .logo1 {
	display: none
}

.fixedHeader .logo {
	width: 200px
}

.fixedHeader .logo2 {
	display: block
}

.logo2 {
	display: none
}

.header-top {
	display: inline;
	float: none;
	margin: 0 0 0;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	opacity: 1
}

.header-top ul {
	display: inline-block;
	margin: -3px 0 0;
	padding: 0;
	font-size: 16px;
	color: #323e48;
	font-family: Gotham-Bold;
	letter-spacing: 1.7px;
	vertical-align: middle;
	min-width: 350px
}

.header-navigation .enumenu_ul ul.desk>li,
.header-navigation .enumenu_ul ul.desk>li ul li a.menuTitle,
.header-top a.btn {
	letter-spacing: 1px;
	font-family: Gotham-Bold
}

.win.safari .header-top ul {
	min-width: 496px
}

.header-top ul li {
	display: inline-block;
	line-height: normal;
	margin: 0 13px;
	position: relative
}

.header-top ul li:after {
	position: absolute;
	right: -15px;
	height: 15px;
	width: 2px;
	background: #323e48;
	top: 0;
	bottom: 0;
	margin: auto
}

.header-top ul li:last-child:after {
	display: none
}

.header-top ul li a {
	display: inline-block;
	color: #323e48
}

.header-top ul li a:hover {
	color: #032165
}

.header-top ul li .fa {
	font-size: 28px;
	left: -41px;
	position: absolute;
	top: -6px
}

a.btn {
	margin-bottom: 12px
}

.header-top a.btn {
	background: #032165;
	color: #fff;
	padding: 6px 29px;
	display: inline-block;
	font-size: 14px;
	box-shadow: 2px -2px 1px rgba(38, 36, 40, .3);
	-webkit-box-shadow: 2px -2px 1px rgba(38, 36, 40, .3);
	-html-box-shadow: 2px -2px 1px rgba(38, 36, 40, .3);
	margin-left: 10px;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease;
	-html-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-khtml-transition: all .3s ease
}

.header-top a.btn:hover {
	background: #323e48
}

.header-navigation {
	float: right!important;
	display: inline;
	margin: 1% 0;
	width: auto
}

.header-navigation .enumenu_ul .menu-icon {
	display: none;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	line-height: 33px;
	font-size: 22px;
	padding: 10px 0
}

.header-navigation .menu-icon .menu-box {
	width: 50px;
	height: 38px;
	margin-right: 0;
	padding: 5px;
	position: absolute;
	right: 26px
}

.header-navigation .menu-icon .menu-box span {
	width: 100%;
	height: 4px;
	margin-bottom: 6px;
	background: #032165;
	display: block;
	border-radius: 2px;
	transition: all .5s;
	-webkit-transition: all .5s;
	padding: 0
}

.header-navigation .menu-icon.active span:nth-child(1) {
	transform: rotate(45deg) translateY(8px) translateX(8px);
	-webkit-transform: rotate(45deg) translateY(8px) translateX(8px)
}

.header-navigation .menu-icon.active span:nth-child(2) {
	opacity: 0
}

.header-navigation .menu-icon.active span:nth-child(3) {
	transform: rotate(-45deg) translateY(-7px) translateX(6px);
	-webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px)
}

.header-navigation .enumenu_ul ul.desk .caret {
	color: #fff;
	margin-left: 7px
}

.header-navigation .enumenu_ul ul.desk {
	padding: 0;
	list-style: none;
	float: right
}

.header-navigation .enumenu_ul ul.desk>li {
	display: inline-block;
	vertical-align: top;
	float: left;
	position: relative;
	text-transform: uppercase;
	color: #323e48;
	padding: 0
}

.header-navigation .enumenu_ul ul.desk>li:last-child {
	padding-right: 0
}

.header-navigation .enumenu_ul ul.desk>li:last-child:after {
	display: block;
	background: 0 0
}

.header-navigation .enumenu_ul ul.desk>li:after {
	position: absolute;
	right: 0;
	height: 14px;
	width: 2px;
	background: 0 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.header-navigation .enumenu_ul li a:focus,
.header-navigation .enumenu_ul li:focus a {
	background: 0 0!important
}

.header-navigation .enumenu_ul ul.desk li a {
	font-size: 13px;
	color: #49463e;
	padding: 23px;
	white-space: nowrap
}

.header-navigation .enumenu_ul ul.desk>li>a:last-child {
	padding: 0 0 0 23px
}

.header-navigation .enumenu_ul ul.desk li a.selected,
.header-navigation .enumenu_ul ul.desk>li.active>a,
.header-navigation .enumenu_ul ul.desk>li>a:hover {
	color: #032165
}

.header-navigation .enumenu_ul ul.desk>li ul {
	display: none
}

.header-navigation .enumenu_ul ul.desk ul {
	top: 58px;
	z-index: 999;
	list-style: none;
	left: -13px;
	background: rgba(255, 255, 255, .9);
	position: absolute;
	min-width: 631px;
	padding: 20px 4px
}

.win.gecko .header-navigation .enumenu_ul ul.desk ul {
	top: 34px
}

.win.safari .header-navigation .enumenu_ul ul.desk ul {
	top: 0
}

.win.ie .header-navigation .enumenu_ul ul.desk ul {
	top: 57px
}

.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum {
	display: table-cell;
	padding: 0 21px;
	position: relative;
	vertical-align: top
}

.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum:last-child:after {
	display: none
}

.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum:after {
	position: absolute;
	right: 0;
	width: 1px;
	background: #323e48;
	top: 0;
	height: 100%
}

.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum h2,
.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum h2 a {
	color: #323e48;
	font-size: 14px;
	font-family: Gotham-Bold;
	margin: 0 0 14px;
	letter-spacing: 1px;
	font-weight: 400
}

.header-navigation .enumenu_ul ul.desk>li ul li a.menuTitle {
	color: #323e48;
	font-size: 14px;
	margin: 14px 0 0;
	font-weight: 400
}

.header-navigation .enumenu_ul ul.desk>li ul li,
.header-navigation .enumenu_ul ul.desk>li ul span {
	width: 100%;
	margin: 0;
	position: relative;
	display: table;
	padding: 0;
	list-style: none
}

.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum h2 a:hover,
.header-navigation .enumenu_ul ul.desk>li ul li a.menuTitle:hover {
	color: #032165
}

.header-navigation .enumenu_ul ul.desk>li ul li a,
.header-navigation .enumenu_ul ul.desk>li ul span a {
	color: #323e48;
	font-size: 14px;
	text-align: left;
	font-family: Gotham-Medium;
	font-weight: 350;
	font-stretch: normal;
	text-transform: none;
	font-style: normal
}

.header-navigation .enumenu_ul ul.desk ul li a:last-child {
	padding: 0
}

.header-navigation .enumenu_ul ul.desk>li ul .three-menu-colum:last-child {
	padding-left: 16px;
	padding-right: 0
}

.header-navigation .enumenu_ul ul.desk>li ul li:after {
	display: none
}

.header-navigation .enumenu_ul ul.desk>li:hover>ul {
	display: block;
	opacity: 1
}

.header-navigation .enumenu_ul ul.desk>li .sb-menu .sb-menu {
	left: 100%;
	top: 0
}

.header-navigation .enumenu_ul ul.desk>li ul li a {
	padding: 5px 0;
	display: block
}

.header-navigation .enumenu_ul ul.desk>li ul li a:last-child {
	padding: 5px 0
}

.header-navigation .enumenu_ul ul.desk>li ul span a {
	padding: 5px 0;
	display: block
}

.header-navigation .enumenu_ul ul.desk ul li a:hover {
	color: #032165
}

.header-navigation .enumenu_ul ul .arrow {
	position: absolute;
	right: 10px;
	top: 20px;
	width: 15px;
	height: 15px;
	background: url(https://www.monarchbeachresort.com/getmedia/ba7775b5-29d4-4d06-a6db-ad3281c26a6a/plus/) center center no-repeat;
	cursor: pointer;
	z-index: 999;
	background-size: contain
}

.banner-and-guestroom-section {
	position: relative;
	width: 100%;
	float: left;
	margin: 116px 0 0
}

.banner .item {
	min-height: 611px;
	max-height: 611px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden
}

.banner .item .caption {
	position: absolute;
	left: auto;
	right: 5%;
	top: inherit;
	bottom: 0%;
	margin: auto 0;
	transform: translateY(-50%);
	min-width: 50%;
	text-align: right;
	word-wrap: break-word;
	text-shadow: 2px 2px 2px #000
}

.banner .item .caption h1,
.banner .item .caption h2,
.banner .item .caption h2 a {
	text-transform: uppercase;
	font-family: Gotham-Light;
	letter-spacing: 14px;
	margin: 0;
	font-weight: 600;
	padding: 0;
	line-height: 60px;
	color: #fff
}

.banner .item .caption h2,
.banner .item .caption h2 a {
	font-size: 40px
}

.banner .item .caption h1 {
	font-size: 60px
}

.banner .item .caption span {
	font-size: 37px;
	text-transform: none;
	color: #fff;
	font-family: Cochin-Italic;
	letter-spacing: 2px;
	font-style: italic;
	margin: 0 12px 0 0;
	display: block
}

.banner .home-swiper-wrapper .item .caption h2 {
	text-transform: uppercase;
	font-size: 60px;
	color: #fff;
	font-family: Gotham-Light;
	font-weight: 600;
	letter-spacing: 14px;
	margin: 0;
	padding: 0;
	line-height: 60px
}

.banner-and-guestroom-section .guestroom-section {
	position: absolute;
	top: 0;
	background: rgba(255, 255, 255, .8);
	min-width: 266px;
	max-width: 266px;
	z-index: 6;
	height: auto
}

.guestroom-section h2 {
	background-color: #008bac;
	color: #fff;
	font-family: Cochin-Italic;
	padding: 7px 0;
	display: block;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 4px;
	font-style: italic;
	text-align: center
}

.guestroom-section #form {
	padding: 31px 21px
}

.guestroom-section #form .button {
	color: #fff;
	text-align: center;
	display: block;
	padding: 15px 0;
	font-size: 15px;
	text-transform: uppercase;
	font-family: Gotham-Bold;
	background: #008bac;
	border: 0;
	box-shadow: none;
	width: 100%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	letter-spacing: 1px
}

.guestroom-section #form .check-in input,
.guestroom-section #form .check-out input,
.guestroom-section #form .guest select {
	border-radius: 0;
	color: #fff;
	font-size: 13px;
	font-family: Gotham-Bold;
	margin: 0 0 16px;
	padding: 9px 15px 8px;
	text-transform: uppercase;
	display: block;
	letter-spacing: 2px;
	width: 100%
}

.guestroom-section #form .button:focus,
.guestroom-section #form .button:hover {
	background: #4daec5
}

.guestroom-section #form .check-in input,
.guestroom-section #form .check-out input {
	background: url(https://www.monarchbeachresort.com/getmedia/970eb0dc-6667-4065-b4e4-c0457cef8a54/calender-icon/) 97% 4px no-repeat #008bac
}

.guestroom-section #form .guest select {
	background-color: #008bac;
	-webkit-appearance: none
}

.second-menu {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 9px 0 0
}

.sub-emnu-accordian {
	display: none;
	height: 45px;
	z-index: 88
}

.second-menu ul {
	height: 45px;
	display: table-cell;
	vertical-align: middle
}

.second-menu ul li ul {
	display: none;
	position: absolute;
	height: auto;
	padding: 23px 22px 12px 28px;
	min-width: 295px;
	top: 47px;
	left: -23px
}

.win.gecko .second-menu ul li ul {
	top: 45px
}

.content-clubAccountList a.accountBtn {
    background-color: #032165;
}

.clubAccount h2, .content-clubAccountList h2 {
    color: #000;
}

.win.safari .second-menu ul li ul {
	top: 44px
}

.win.ie .second-menu ul li ul {
	top: 45px
}

.second-menu ul li>ul::before {
	background: 0 0;
	left: 0;
	position: absolute;
	top: -31px;
	width: 100px
}

.second-menu ul li ul li {
	padding: 0;
	margin: 0 0 10px;
	display: block;
	font-size: 14px;
	font-family: Gotham-Medium;
	font-weight: 300;
	text-transform: none
}

.second-menu ul li ul li:after {
	display: none
}

.second-menu ul li:hover ul {
	display: block
}

.second-menu ul li {
	font-size: 13.28px;
	color: #323e48;
	font-family: Gotham-Bold;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding: 0 21px 0 0;
	margin: 0 21px 0 0;
	font-weight: 400;
	white-space: nowrap
}

.second-menu {
	min-width: 720px
}

.second-menu ul li:after {
	position: absolute;
	right: -2px;
	height: 15px;
	width: 2px;
	background: #323e48;
	top: 0;
	bottom: 0;
	margin: auto
}

.second-menu ul li:last-child {
	margin-right: 0
}

.second-menu ul li:last-child:after {
	display: none
}

.second-menu ul li a {
	color: #323e48;
	padding: 14px 0
}

footer .container .special-offer-right article a.btn,
footer .container article.optonal a.btn {
	display: inline-block;
	padding: 14px 27px;
	font-size: 18px;
	font-family: Gotham-Medium;
	background: #4daec5;
	border: 0;
	letter-spacing: 0;
	text-decoration: none;
	margin-bottom: 0;
	margin-top: 10px;
	text-transform: uppercase;
	box-shadow: none;
	text-align: center
}

.second-menu ul li a:hover,
.second-menu ul li.HighLighted>a,
.second-menu ul li.active a {
	color: #032165
}

footer .container .special-offer-right article a.btn {
	color: #fff;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

footer .container article.optonal a.btn {
	color: #fff;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease
}

footer .container article.optonal a.btn:hover {
	background: #323e48
}

.membership-page footer .container .special-offer-right article a.btn {
	background: #b4b591
}

.membership-page footer .container .special-offer-right article a.btn:hover {
	color: #000
}

footer .container .special-offer-right article a.btn:hover {
	background: #ddddca;
	text-decoration: none!important
}

.empty footer .container .special-offer-right article a.btn:hover {
	background: #323e48
}

.special-offer {
	background: #008bac;
	float: left;
	width: 100%;
	padding-bottom: 50px
}

.special-offer-left {
	width: 23%;
	float: left;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-top: 0
}

.special-offer-left h2 {
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	font-family: Gotham-Bold;
	margin: 20px 0;
	letter-spacing: 2px;
	font-weight: 400;
	white-space: nowrap
}

.special-offer-left .specials h3,
.special-offer-left h3 {
	font-size: 17px;
	font-family: Gotham-Medium;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	overflow-wrap: break-word
}

.special-offer-left .specials h2 {
	white-space: normal
}

.safari .special-offer-left h2 {
	letter-spacing: 1px
}

.special-offer-left h3 {
	margin: 0 0 7px
}

.special-offer-left .specials h3 {
	margin: 0 0 7px;
	line-height: normal
}

.book-section h2,
.special-offer-right h1 {
	font-family: Gotham-Light
}

.special-offer-left .offer-img {
	width: 304px;
	background-repeat: no-repeat;
	background-size: cover;
	height: inherit;
	margin-bottom: 10px
}

.special-offer-left .specials span {
	font-size: 16px;
	line-height: 27px;
	display: block
}

.special-offer-left .specials span a {
	color: #fff
}

.special-offer-left .specials span a:hover {
	color: #ccc
}

.special-offer-left a.view-offer {
	font-size: 19.98px;
	color: #fff;
	letter-spacing: 0;
	font-weight: 700;
	display: inline;
	margin-left: 10px;
	width: auto
}

.special-offer-left a.view-offer:hover {
	color: #323e48
}

.special-offer-right {
	background-image: url(https://www.monarchbeachresort.com/getmedia/bc56fc15-d675-4034-87b9-b3146e994beb/offer-shadow/);
	background-position: left center;
	background-repeat: no-repeat;
	width: 76.5%;
	float: right;
	padding: 12px 30px 0 67px;
	background-size: contain
}

.miraval-page .special-offer-right {
	padding-bottom: 45px
}

.special-offer-right h1 {
	font-size: 48px;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0;
	margin-bottom: 8px;
	line-height: normal
}

.special-offer-right p {
	line-height: 33px
}

.special-offer-right .call-info {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 2.5px;
	margin: 85px 0 0;
	position: relative
}

.special-offer-right .call-info a:after {
	position: absolute;
	right: -16px;
	top: 0;
	margin: auto;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 100%;
	bottom: 0
}

.special-offer-right .call-info a:last-child:after {
	display: none
}

.special-offer-right .call-info a {
	color: #fff;
	margin-right: 32px;
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none
}

.special-offer-right .call-info a:hover {
	color: #323e48
}

.special-offer-right .call-info a:hover:after {
	color: #fff
}

.book-section {
	background: #4daec5;
	padding: 29px 0 36px;
	width: 100%;
	float: left;
	text-align: center
}

.book-section p,
.book-section span {
	padding: 0;
	line-height: 50px;
	display: block;
	letter-spacing: 0
}

.book-section h2 {
	color: #fff;
	font-size: 48px;
	font-weight: 300;
	margin: 0 0 6px
}

.book-section span a {
	color: #fff;
	text-decoration: underline
}

.book-section span a:hover {
	color: #323e48
}

.book-section footer .container li {
	display: inline-block
}

.book-section footer .container li img {
	max-width: 75%
}

.miraval-page .book-section h2 {
	margin: 0 0 6px
}

.dining-page .book-section h2 {
	margin: 0 0 17px
}

.book-section p {
	margin-bottom: 20px
}

.book-section span {
	margin-bottom: 0
}

.dining-page .book-section p {
	line-height: 22px;
	margin-bottom: 2px
}

.book-section a.reserveonline {
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 14px 27px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: Gotham-Medium;
	background: #008bac;
	border: 0;
	box-shadow: none;
	letter-spacing: 0;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	margin: 20px 0 0
}

.book-section a.reserveonline:hover {
	background: #323e48
}

.gallery-slider {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden
}

.gallery-icon {
	position: absolute;
	width: 92px;
	height: 92px;
	text-align: center;
	line-height: 92px;
	color: #fff;
	background: #008bac;
	right: 250px;
	bottom: 66px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-html-border-radius: 100%;
	-o-border-radius: 100%;
	z-index: 2
}

.gallery-icon .fa {
	font-size: 51px;
	line-height: 90px;
	display: block
}

.gallery-slider .item {
	height: 440px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	display: block
}

.gallery-slider .fa.fa-camera::before {
	color: #fff
}

.owl-carousel .owl-controls {
	bottom: 0;
	height: 62px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5
}

.safari .gallery-slider .item {
	height: 609px;
	border: 0
}

.owl-carousel .owl-controls .owl-next,
.owl-carousel .owl-controls .owl-prev {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0;
	height: 62px;
	opacity: .9;
	-html-transition: opacity .3s ease;
	-khtml-transition: opacity .3s ease;
	width: 42px;
	position: relative
}

.owl-carousel .owl-controls .owl-prev {
	background-image: url(https://www.monarchbeachresort.com/getmedia/94d7ce17-fea7-4f41-9371-4b5988eab6a4/slider-prev/);
	float: left;
	left: 30px;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease
}

.owl-carousel .owl-controls .owl-next {
	background-image: url(https://www.monarchbeachresort.com/getmedia/31ae9caf-96b8-4455-9b6b-56e948d67ab5/slider-next/);
	float: right;
	right: 30px;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease
}

.special-events footer .container .event-img .eventborder,
.special-events footer .container .event-img .eventborderHome {
	display: inline-block;
	height: 40px
}

.owl-carousel .owl-controls .owl-next:hover,
.owl-carousel .owl-controls .owl-prev:hover {
	opacity: 1
}

section .special-events {
	background: #4daec5;
	padding: 10px 0 110px;
	width: 100%;
	float: left;
	text-align: center;
	position: relative
}

.special-events footer .container .event-img:last-child .eventborderHome:last-child {
	border-right: none
}

.special-events footer .container .event-img:first-child .eventborderHome .textCaption:first-child,
.special-events footer .container .event-img:last-child .eventborderHome .textCaption:last-child {
	text-align: center;
	font-size: 14px;
	font-family: GothamBook
}

.special-events footer .container .event-img .event-left a {
	color: #fff;
	text-decoration: underline
}

.special-events footer .container .event-img .event-left a:hover {
	color: #000
}

.special-events footer .container .event-img .eventborder .textCaptionL,
.special-events footer .container .event-img .eventborder .textCaptionR {
	padding: 0 20px;
	text-align: center;
	font-size: 14px;
	font-family: GothamBook
}

.special-events h2 {
	font-family: Gotham-Medium;
	font-size: 30px;
	font-weight: 300;
	text-transform: capitalize;
	margin: 0;
	padding: 10px 0
}

.special-events p,
.special-events span {
	font-size: 19px;
	letter-spacing: 0;
	padding: 0 0 31px
}

.special-events .event-col {
	width: 49%;
	vertical-align: top;
	display: table-cell;
	padding-left: 1%
}

.special-events .event-col img {
	height: 250px;
	width: 100%;
	object-fit: cover
}

.special-events .event-col a.btn {
	color: #fff;
	background: #032165;
	padding: 10px 14px;
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	margin: 0 0 10px 0;
	display: inline-block;
	font-weight: bold;
	text-decoration: none!important;
	margin-top: 20px
}

.special-events .event-col a.btn:hover {
	background: #fff;
	color: #032165
}

@media screen and (max-width:950px) {
	.special-events .event-col {
		width: 100%;
		display: block
	}
	.special-events .event-col {
		padding-top: 5%
	}
}

.golf-page .special-events h2 {
	text-transform: none
}

.special-events span {
	color: #fff;
	margin: 0;
	display: block
}

.special-events .event-img {
	width: 49%;
	float: left;
	height: 253px;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	background-position: center center
}

.special-events .event-img a.event-img-link {
	padding-top: 234px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.special-events .event-img a.event-img-link img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	max-height: 250px
}

.special-events:first-child .event-img {
	margin-left: 1%
}

footer {
	background-color: #323e48;
	padding: 1px 0;
	width: 100%;
	float: left;
	margin-bottom: 0;
	margin-top: 57px
}

footer .columnleft {
	width: 37%;
	float: left
}

footer .columnleft .ftr-logo {
	width: 250px;
	height: auto;
	margin-bottom: 26px
}

footer .columnleft .ftr-logo a {
	display: block
}

a.columnLeftFooter,
footer .columnleft span,
footer .columnleft span a {
	font-family: AGaramondPro-Regular;
	font-size: 13px;
	color: #fff;
	line-height: 23px;
	display: block;
	margin-bottom: 20px;
	text-decoration: none
}

footer .columnleft span a:hover {
	color: #ccc
}

footer .columnleft .equalhalf {
	margin: 0 26px;
	text-align: center;
	float: left
}

footer .columnleft .equalhalf img {
	max-height: 115px
}

footer .columncenter {
	width: 29%;
	float: left;
	margin-left: 0;
	font-size: 18px;
	color: #fff;
	font-family: AGaramondPro-Regular
}

footer .columncenter address {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 3.6px;
	margin: -4px 0 45px;
	line-height: 22px;
	font-size: 11px
}

footer .columncenter address a {
	color: #fff;
	text-decoration: none
}

footer .columncenter address a:hover {
	text-decoration: underline
}

footer .columncenter .call-info {
	margin: 0 0 29px
}

footer .columncenter .call-info span {
	display: block;
	margin: 0 0 8px;
	letter-spacing: 3.8px;
	font-size: 12px
}

footer .columncenter .call-info a {
	color: #fff
}

footer .columncenter .call-info a:hover {
	font-weight: 600
}

footer .columncenter .social-icons {
	margin: 0 0 24px;
	display: block;
	float: left;
	width: 100%
}

footer .columncenter .social-icons li {
	display: inline-block;
	float: left;
	width: auto;
	margin-right: 28px
}

footer .columncenter .social-icons li a {
	display: block;
	color: #fff;
	font-size: 0;
	position: relative
}

footer .columncenter .social-icons li .fa {
	font-size: 23px
}

.social-icons ul {
	text-align: center
}

footer .columncenter .social-icons li a:hover {
	color: #032165
}

footer .columncenter a.reservation-btn {
	background: #032165;
	border: 0;
	color: #000;
	display: inline-block;
	font-size: 14px;
	padding: 13px 10px 10px 14px;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-html-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-khtml-transition: all .3s ease 0;
	letter-spacing: 3.8px;
	-webkit-box-shadow: 2px -2px 2px 1px rgba(0, 0, 0, .4), -2px 2px 1px 1px #4c565f;
	-html-box-shadow: 2px -2px 2px 1px rgba(0, 0, 0, .4), -2px 2px 1px 1px #4c565f;
	-o-box-shadow: 2px -2px 2px 1px rgba(0, 0, 0, .4), -2px 2px 1px 1px #4c565f;
	-moz-box-shadow: 2px -2px 2px 1px rgba(0, 0, 0, .4), -2px 2px 1px 1px #4c565f;
	-khtml-box-shadow: 2px -2px 2px 1px rgba(0, 0, 0, .4), -2px 2px 1px 1px #4c565f;
	box-shadow: 2px -2px 2px 1px rgba(0, 0, 0, .4), -2px 2px 1px 1px #4c565f;
	font-family: AGaramondPro-Semibold;
	font-weight: 400;
	position: relative
}

footer .columncenter a.reservation-btn:hover {
	color: #fff;
	background: #008bac
}

footer .columncenter a.reservation-btn.new-tab:focus::after {
	content: "⇱";
	position: absolute;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: table-cell;
	right: 0
}

footer .columncenter a.reservation-btn.new-tab:hover::after {
	content: "⇱";
	position: absolute;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: table-cell;
	right: 0
}

footer .columnright {
	width: 34%;
	float: left
}

footer .columnright h3 {
	font-size: 14px;
	color: #fff;
	font-family: AGaramondPro-Regular;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 7px;
	letter-spacing: 3.4px
}

footer .columnright .newsletter,
footer .columnright .popular-links {
	display: block;
	width: 100%;
	float: left
}

footer .columnright .popular-links {
	margin: 0 0 37px
}

footer .columnright .popular-links ul {
	margin: 0;
	padding: 0;
	width: 175px;
	float: left
}

footer .columnright .popular-links ul li {
	display: block;
	margin: 0 0 13px;
	color: #fff;
	font-size: 12px;
	font-family: Gotham-Light;
	letter-spacing: 1.5px;
	line-height: normal
}

footer .columnright .popular-link2 ul {
	float: right
}

footer .columnright .popular-links ul li a {
	color: #fff
}

footer .columnright .popular-links ul li a:hover {
	color: #032165
}

footer .columnright .newsletter {
	display: block;
	width: 100%;
	float: left;
	position: relative;
	top: -23px
}

footer .columnright .newsletter #subscribe_forms {
	display: inline-block;
	width: 100%
}

footer .columnright .newsletter #subscribe_forms fieldset {
	-webkit-box-shadow: 2px -2px 1px 1px rgba(0, 0, 0, .5), -2px 2px 1px 1px #535d66;
	-html-box-shadow: 2px -2px 1px 1px rgba(0, 0, 0, .5), -2px 2px 1px 1px #535d66;
	-o-box-shadow: 2px -2px 1px 1px rgba(0, 0, 0, .5), -2px 2px 1px 1px #535d66;
	-moz-box-shadow: 2px -2px 1px 1px rgba(0, 0, 0, .5), -2px 2px 1px 1px #535d66;
	-khtml-box-shadow: 2px -2px 1px 1px rgba(0, 0, 0, .5), -2px 2px 1px 1px #535d66;
	box-shadow: 2px -2px 1px 1px rgba(0, 0, 0, .5), -2px 2px 1px 1px #535d66;
	display: inline-block;
	min-width: 414px;
	position: relative
}

footer .columnright .newsletter #subscribe_forms .email-box {
	display: inline-block;
	width: 66%;
	float: left
}

footer .columnright .newsletter #subscribe_forms .email-box input {
	background: #000;
	color: #fff;
	font-family: Gotham-Light;
	font-size: 16px;
	padding: 8px 9px;
	width: 100%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease
}

footer .columnright .newsletter #subscribe_forms .email-box input:focus,
footer .columnright .newsletter #subscribe_forms .email-box input:hover {
	background: #303030
}

footer .columnright .newsletter #subscribe_forms button {
	position: relative;
	bottom: 0;
	right: 0;
	background: #032165;
	border: 0;
	color: #000;
	font-size: 14px;
	padding: 9px 22px;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-html-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-khtml-transition: all .3s ease 0;
	letter-spacing: 3.8px;
	box-shadow: none;
	height: 35px;
	float: left;
	width: 34%;
	display: inline-block;
	font-family: AGaramondPro-Semibold;
	font-weight: 400;
	overflow-wrap: break-word;
	margin-bottom: 0
}

.gecko footer .columnright .newsletter #subscribe_forms button {
	padding: 5px 22px;
	width: 34%
}

footer .columnright .newsletter #subscribe_forms button:focus,
footer .columnright .newsletter #subscribe_forms button:hover {
	color: #000;
	background: #c8cdce
}

footer .columnright .newsletter #subscribe_forms div.error {
	position: absolute;
	top: 108%;
	font-size: 12px;
	color: red
}

footer .columnright .newsletter .successmsg {
	color: #4ba82e;
	display: none;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin-top: 8px
}

.second-menu.stickey {
	height: 75px;
	position: fixed;
	top: 156px;
	width: auto;
	z-index: 998
}

.resizeHeader {
	height: 52px;
	position: fixed;
	top: -1px;
	width: 100%;
	z-index: 999;
	min-height: 107px
}

.hideOther {
	display: none
}

.showNow {
	display: inline-block
}

.adjust {
	float: right;
	width: 100%;
	margin: -37px 198px 0 0
}

.logoAdjust {
	width: 130px!important
}

.scrollImage {
	display: none
}

.second-menu.stickey .sub-emnu-accordian {
	background: #032165;
	color: #000;
	display: block;
	padding: 16px 25px;
	position: absolute;
	text-transform: uppercase;
	z-index: 88
}

.wedding-page .banner .item .caption h1,
.wedding-page .banner .item .caption span,
.wedding-page .book-section h2,
.wedding-page .special-events h2,
.wedding-page .special-offer footer .container .special-offer-right article h2,
.wedding-page .special-offer-left a.view-offer,
.wedding-page .special-offer-left h2,
.wedding-page .special-offer-left h3,
.wedding-page .special-offer-left p,
.wedding-page .special-offer-left span,
.wedding-page .special-offer-right h1 {
	color: #fff
}

.second-menu.stickey .sub-emnu-accordian.active span {
	background: url(https://www.monarchbeachresort.com/getmedia/d1d50bdf-21ae-443b-8a89-9fd683749080/minus/) center center no-repeat;
	background-size: contain
}

.second-menu.stickey .sub-emnu-accordian span {
	background: url(https://www.monarchbeachresort.com/getmedia/ba7775b5-29d4-4d06-a6db-ad3281c26a6a/plus/) center center no-repeat;
	height: 15px;
	width: 15px;
	display: inline-block;
	background-size: contain
}

.second-menu {
	background: 0 0;
	z-index: 2
}

.second-menu ul {
	background: rgba(255, 255, 255, .95);
	margin: 0;
	padding: 0 9px 0 206px;
	margin-left: 0!important
}

.second-menu.stickey>ul {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transition: all .4s;
	-weblit-transition: all .4s;
	background: rgba(255, 255, 255, 1)
}

.second-menu.stickeyOut>ul {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	transition: all .4s;
	-weblit-transition: all .4s;
	z-index: 1
}

.second-menu ul.active {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	padding: 0 0 0 206px;
	z-index: 8
}

#stickyribbon.slideDown {
	animation: .4s linear 0 normal none 1 running slideDown;
	-webkit-animation: .4s linear 0 normal none 1 running slideDown
}

#stickyribbon.slideup {
	animation: .7s linear 0 normal none 1 running slideup;
	-webkit-animation: .7s linear 0 normal none 1 running slideup
}

.loader {
	background: #00add9;
	height: 100%;
	overflow: hidden!important;
	position: fixed;
	width: 100%;
	z-index: 9999
}

.loader .spinner {
	animation: 1.2s ease-in-out 0 normal none infinite running sk-rotateplane;
	height: 50px;
	left: 50%;
	margin: -16px 0 0 -16px;
	position: relative;
	top: 50%;
	width: 100px
}

.wedding-page .special-offer footer .container .special-offer-right article {
	display: block;
	line-height: 33px;
	font-size: 16px;
	color: #fff;
	margin: 0
}

.wedding-page .special-offer {
	background: #bea966
}

.wedding-page .banner .item .caption {
	max-width: 750px
}

.wedding-page .special-offer-left a.view-offer:hover {
	color: #323e48
}

.wedding-page .book-section,
.wedding-page .special-events {
	background: #d3c084;
	padding-top: 50px;
	padding-bottom: 60px
}

.wedding-page .special-events a {
	color: #fff
}

.wedding-page .book-section span {
	letter-spacing: 0;
	line-height: 24px;
	padding: 0 0 5px;
	color: #fff
}

.dining-page .grid .row article a.btn,
.wedding-page .grid .row article a.btn {
	font-family: Gotham-Light;
	font-size: 16px;
	letter-spacing: normal;
	text-transform: uppercase
}

.wedding-page .book-section span a {
	color: #fff;
	text-decoration: none
}

.wedding-page .book-section span a:hover {
	text-decoration: underline;
	color: #323e48
}

.wedding-page .book-section a.reserveonline {
	background: #bea966;
	color: #fff
}

.wedding-page .book-section a.reserveonline:hover {
	background: #f5f0e1;
	color: #323e48
}

.wedding-page .gallery-icon {
	background: #dacea8
}

.wedding-page .section-wrapper footer .container article a {
	color: #fff;
	text-decoration: underline;
	display: inline-block
}

.wedding-page .section-wrapper footer .container article .gridImageContainer a {
	display: inline
}

.wedding-page footer .container .packagesCatItemsList .flip1 a,
.wedding-page footer .container .packagesCatItemsList .flip2 a {
	display: block
}

.wedding-page .section-wrapper footer .container article a:hover {
	color: #323e48
}

.wedding-page .section-wrapper footer .container article a.btn {
	text-decoration: none;
	background-color: #d3c084
}

.wedding-page .section-wrapper footer .container article a.btn:hover {
	background: #f5f0e1;
	color: #000
}

.wedding-page .special-offer footer .container article {
	color: #323e48
}

.wedding-page .grid .row article a.btn {
	color: #473e1f;
	background-color: transparent
}

.wedding-page .grid .row article a.btn:hover {
	color: #000;
	background-color: transparent
}

.wedding-page #gridSection .grids,
.wedding-page .guestroom-section #form .button {
	background-color: #bea966
}

.wedding-page .guestroom-section h2 {
	background-color: #bea966;
	color: #fff
}

.wedding-page .guestroom-section #form .button:focus,
.wedding-page .guestroom-section #form .button:hover {
	background: #daceaf
}

.wedding-page .guestroom-section #form .button:hover {
	background: #d3c084
}

.wedding-page .guestroom-section #form .check-in input,
.wedding-page .guestroom-section #form .check-out input {
	background: url(https://www.monarchbeachresort.com/getmedia/970eb0dc-6667-4065-b4e4-c0457cef8a54/calender-icon/) 97% 4px no-repeat #bea966
}

.wedding-page .guestroom-section #form .guest select {
	background-color: #bea966
}

.wedding-page .grid .row article {
	background-color: #f5f0e1
}

.wedding-page .grid .row article .learnWrap .learn a.btn {
	color: #d3c084
}

.dining-page .banner .item .caption h1,
.dining-page .banner .item .caption span {
	color: #fff
}

.dining-page .gallery-icon,
.dining-page .guestroom-section h2,
.dining-page .special-events,
.dining-page .special-offer,
.dining-page .ui-state-highlight,
.dining-page .ui-widget-content .ui-state-highlight,
.dining-page .ui-widget-header,
.dining-page .ui-widget-header .ui-state-highlight {
	background: #00c0d7
}

.dining-page .special-events {
	background-color: #4dd3e3
}

.dining-page .guestroom-section #form .check-in input,
.dining-page .guestroom-section #form .check-out input,
.dining-page .guestroom-section #form .guest {
	background-color: #00c0d7
}

.dining-page .guestroom-section #form .button {
	background: #00c0d7
}

.dining-page .guestroom-section #form .button:hover {
	background: #4dd3e3
}

.dining-page .book-section {
	background: #4dd3e3;
	padding: 36px 0
}

.dining-page .book-section ul {
	text-align: center;
	display: table;
	width: 100%
}

.dining-page .book-section ul li {
	display: inline-block;
	margin-right: 4%;
	vertical-align: middle;
	width: 19%;
	margin-bottom: 20px
}

.dining-page .special-offer-right {
	padding: 12px 30px 0 67px
}

.dining-page .special-offer {
	padding: 0 0 50px
}

.dining-page .grids {
	padding-bottom: 1px;
	background-color: #00c0d7
}

.dining-page .grid .row article .learnWrap .learn a.btn {
	color: #00c0d7
}

.dining-page .grid .row article a.btn {
	color: #00c0d7
}

.dining-page .grid .row article a.btn:hover {
	color: #000
}

.miraval-page #gridSection .grid,
.miraval-page .banner .item .caption h1,
.miraval-page .banner .item .caption span {
	color: #fff
}

.dining-page footer .container .special-offer-right article a.btn {
	background: #008bac
}

.dining-page footer .container .special-offer-right article a.btn:hover {
	background: #323e48
}

.miraval-page .gallery-icon,
.miraval-page .guestroom-section h2,
.miraval-page .special-offer,
.miraval-page .ui-state-highlight,
.miraval-page .ui-widget-content .ui-state-highlight,
.miraval-page .ui-widget-header,
.miraval-page .ui-widget-header .ui-state-highlight {
	background: #789ca0
}

.miraval-page .special-events {
	background: #a1c0c3
}

.miraval-page .guestroom-section #form .check-in input,
.miraval-page .guestroom-section #form .check-out input {
	background-color: #789ca0
}

.miraval-page .guestroom-section #form .guest select {
	background: #789ca0;
	border-radius: 0;
	color: #fff;
	font-size: 13px;
	font-family: Gotham-Bold;
	margin: 0 0 32px;
	padding: 9px 15px 8px;
	text-transform: uppercase;
	width: 100%;
	display: block;
	letter-spacing: 2px
}

.miraval-page .guestroom-section #form .button {
	background: #789ca0
}

.miraval-page .guestroom-section #form .button:hover {
	background: #9bd4d1
}

.miraval-page .book-section {
	background: #a1c0c3
}

.miraval-page .book-section a.reserveonline {
	background: #88acb0
}

.miraval-page .book-section a.reserveonline:hover {
	background: #323e48
}

.miraval-page .special-offer-right figure {
	width: 379px;
	margin-bottom: 47px
}

.miraval-page .special-offer-right {
	padding: 12px 30px 0 67px
}

.miraval-page #gridSection .grids {
	background-color: #789ca0
}

.miraval-page .grid .row article {
	background-color: #d8e6e8!important
}

.miraval-page footer .container .special-offer-right article a.btn {
	background: #88acb0
}

.miraval-page footer .container .special-offer-right article a.btn:hover {
	background: #323e48
}

.miraval-page .grid .row article .learnWrap .learn a.btn {
	color: #789ca0
}

.miraval-page .previewFormMask h2 {
	background: #789ca0
}

.miraval-page .previewFormMask input {
	background-color: #789ca0!important
}

.miraval-page .previewFormMask select {
	background: #789ca0
}

.miraval-page .previewFormMask .FormButton:hover {
	background: #9bd4d1!important
}

.book-section2 {
	background: #789ca0;
	padding: 29px 0 55px;
	width: 100%;
	float: left;
	text-align: center
}

.book-section2 h2 {
	color: #fff;
	font-size: 48px;
	font-family: Gotham-Light;
	font-weight: 300;
	margin: 0 0 6px
}

.booking-calendar-wrapper {
	margin-top: 96px!important
}

.accommodations-page .accommodations #bookingMask .hidebook {
	display: none!important
}

.accommodations-page .special-offer-right p {
	padding-bottom: 57px
}

.accommodations-page .special-offer-right {
	padding: 12px 30px 0 67px
}

.accommodations-page .book-section {
	padding: 69px 0 49px
}

.accommodations-page .book-section ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}

.accommodations-page .book-section ul li {
	display: inline-block;
	margin: 0 2.4% 20px 0;
	height: 207px;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	width: 23.2%;
	float: left;
	text-align: center;
	background-size: cover
}

.accommodations-page .book-section ul li:nth-child(4n) {
	margin-right: 0
}

.accommodations-page .book-section ul li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.accommodations-page .book-section ul li a .overlay-text {
	opacity: 0;
	position: relative;
	background: rgba(0, 0, 0, .63);
	width: 100%;
	height: 100%;
	padding: 0 10px;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease
}

.accommodations-page .book-section ul li a:hover .overlay-text {
	opacity: 1
}

.accommodations-page .book-section ul li a .overlay-text .txt-detail {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center;
	left: 0
}

.accommodations-page .book-section ul li a .overlay-text h3 {
	font-size: 36px;
	color: #fff;
	font-family: Gotham-Light;
	font-weight: 300;
	margin-bottom: 20px
}

.accommodations-page .book-section ul li a .overlay-text span {
	color: #fff;
	font-size: 22px;
	font-family: Gotham-Bold;
	transition: all .5s ease-out 0;
	-webkit-transition: all .5s ease-out 0
}

.accommodations-page .book-section ul li a:hover span {
	color: #032165
}

.accommodations-page .guestroom-section form .check-in input,
.accommodations-page .guestroom-section form .check-out input {
	background-color: #5ab7b2
}

.accommodations-page .guestroom-section form button {
	background: #5ab7b2;
	font-size: 17px
}

.guestroom-section .detailsform .days,
.guestroom-section .detailsform .rates {
	width: 100%;
	font-size: 18px;
	font-family: Gotham-Medium;
	font-weight: 305px
}

.accommodations-page .guestroom-section form {
	padding: 42px 21px 25px
}

.accommodations-page .guestroom-section form button:hover {
	background: #032165
}

.accommodations-page #gridSection .grids footer .container .gridWrap .grid .gridDescription {
	color: #2f8681!important
}

.accommodations-page footer .container .special-offer-right article a.btn {
	background-color: #2f8681
}

.accommodations-page footer .container .special-offer-right article a.btn:hover {
	background-color: #323e48
}

.golf-page .gallery-icon,
.golf-page .guestroom-section #form .button,
.golf-page .guestroom-section h2,
.golf-page .special-events,
.golf-page .special-offer,
.golf-page .ui-state-highlight,
.golf-page .ui-widget-content .ui-state-highlight,
.golf-page .ui-widget-header,
.golf-page .ui-widget-header .ui-state-highlight {
	background: #768693
}

.guestroom-section .detailsform .rates {
	text-align: left;
	color: #323e48;
	padding-left: 6px
}

.guestroom-section .detailsform .days {
	text-align: right;
	line-height: 11px;
	color: #323e48;
	padding-right: 7px
}

.guestroom-section .detailsform .number {
	padding-left: 29px
}

.guestroom-section .detailsform {
	color: #323e48;
	font-size: 50px;
	font-family: Gotham-Bold;
	text-align: center;
	margin-bottom: 24px
}

.golf-page .banner .item .caption h1,
.golf-page .banner .item .caption span {
	color: #fff
}

.golf-page .guestroom-section #form .check-in input,
.golf-page .guestroom-section #form .check-out input,
.golf-page .guestroom-section #form .guest {
	background-color: #768693
}

.golf-page .guestroom-section #form .button:hover {
	background: #dbe0e3;
	color: #000
}

.golf-page .book-section,
.golf-page .special-events {
	background: #9fabb4
}

.golf-page .book-section a.reserveonline {
	background: #768693
}

.golf-page .book-section a.reserveonline:hover {
	background: #dbe0e3
}

.golf-page .book-section p a {
	color: #fff
}

.golf-page .book-section p a:focus,
.golf-page .book-section p a:hover {
	color: #333
}

.golf-page .book-section h2 {
	margin-bottom: 4px
}

.golf-page .special-offer-right {
	padding-top: 12px
}

.golf-page .wa-logos {
	width: 180px;
	height: 180px;
	position: absolute;
	z-index: 6;
	right: 206px;
	top: 50%;
	overflow: hidden
}

.golf-page #containerVideo {
	display: none
}

.golf-page .grid .row article {
	background-color: #dbe0e3
}

.golf-page .grids {
	background-color: #c7cacc
}

.golf-page footer .container .special-offer-right article a.btn {
	background: #9fabb4
}

.golf-page footer .container .special-offer-right article a.btn:hover {
	background: #323e48
}

.golf-page .grid .row article .learnWrap .learn a.btn {
	color: #768693
}

.special-events .event-img-inner {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	float: left;
	height: 253px;
	width: 50%
}

.experiences-page .gallery-icon,
.experiences-page .guestroom-section #form .button,
.experiences-page .guestroom-section h2,
.experiences-page .special-events,
.experiences-page .special-offer,
.experiences-page .ui-state-highlight,
.experiences-page .ui-widget-content .ui-state-highlight,
.experiences-page .ui-widget-header,
.experiences-page .ui-widget-header .ui-state-highlight {
	background: #a77d07
}

.experiences-page .banner .item .caption h1,
.experiences-page .banner .item .caption span,
a.anchorAdded {
	color: #fff
}

.experiences-page .guestroom-section #form .check-in input,
.experiences-page .guestroom-section #form .check-out input {
	background-color: #a77d07
}

.experiences-page .guestroom-section #form .button:hover {
	background: #032165
}

.experiences-page .guestroom-section #form .guest {
	background-color: #a77d07
}

.experiences-page .book-section {
	background: #624904
}

.experiences-page .book-section a.reserveonline {
	background: #a77d07;
	padding: 14px 46px
}

.experiences-page .book-section a.reserveonline:hover {
	background: #323e48
}

.experiences-page .book-section span a:hover {
	color: #ccc
}

.experiences-page #gridSection .grids {
	background-color: #765705
}

.experiences-page .special-offer footer .container .special-offer-right article a.btn {
	background: #f5b914;
	font-family: Gotham-Light;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: normal;
	text-decoration: none;
	font-weight: 600
}

.experiences-page .special-offer footer .container .special-offer-right article a.btn:hover {
	background: #323e48
}

.gallery-page .gallery-icon,
.gallery-page .guestroom-section #form .button,
.gallery-page .guestroom-section h2,
.gallery-page .special-events,
.gallery-page .special-offer,
.gallery-page .ui-state-highlight,
.gallery-page .ui-widget-content .ui-state-highlight,
.gallery-page .ui-widget-header,
.gallery-page .ui-widget-header .ui-state-highlight {
	background: #37424a
}

.experiences-page .grid .row article a.btn {
	font-family: Gotham-Light;
	color: #a77d07;
	text-transform: uppercase;
	letter-spacing: normal
}

.experiences-page .grid .row article a.btn:hover {
	color: #000
}

.gallery-page .banner .item .caption h1,
.gallery-page .banner .item .caption span {
	color: #fff
}

.gallery-page .guestroom-section #form .check-in input,
.gallery-page .guestroom-section #form .check-out input {
	background-color: #37424a
}

.gallery-page .guestroom-section #form .button:hover {
	background: #6f879b
}

.gallery-page .guestroom-section #form .guest {
	background-color: #37424a
}

.gallery-page .book-section {
	background: #45545e
}

.gallery-page .book-section a.reserveonline {
	background: #37424a;
	padding: 14px 46px
}

.gallery-page .book-section a.reserveonline:hover {
	background: #4e5e6a
}

.gallery-page footer .container article a:hover {
	color: #ccc
}

.gallery-page footer .container .special-offer-right article a.btn {
	background: #1a1f23;
	margin-bottom: 50px
}

.gallery-page .special-offer footer .container .special-offer-right article a:hover {
	color: #5b707e
}

.gallery-page footer .container .special-offer-right article {
	font-family: Gotham-light
}

.gallery-page #gridSection .grids {
	background-color: #37424a
}

.gallery-page .special-offer-left a.view-offer:hover {
	color: #aaa
}

.gallery-page .special-events {
	background: #45545e
}

.membership-page .gallery-icon,
.membership-page .guestroom-section #form .button,
.membership-page .guestroom-section h2,
.membership-page .special-events,
.membership-page .special-offer,
.membership-page .ui-state-highlight,
.membership-page .ui-widget-content .ui-state-highlight,
.membership-page .ui-widget-header,
.membership-page .ui-widget-header .ui-state-highlight {
	background: #92935e
}

.gallery-page .grid .row article .learnWrap .learn a.btn {
	color: #37424a
}

.membership-page .banner .item .caption h1,
.membership-page .banner .item .caption span {
	color: #fff
}

.membership-page .guestroom-section #form .check-in input,
.membership-page .guestroom-section #form .check-out input {
	background-color: #92935e
}

.membership-page .guestroom-section #form .button:hover {
	background: #ddddca
}

.membership-page .guestroom-section #form .guest {
	background-color: #92935e
}

.membership-page .book-section {
	background: #b4b591
}

.membership-page .book-section a.reserveonline {
	background: #92935e;
	padding: 14px 46px
}

.membership-page .book-section a.reserveonline:hover {
	background: #ddddca
}

.membership-page .grid .row article .learnWrap .learn a.btn {
	color: #92935e
}

.membership-page .previewFormMask h2 {
	background: #92935e
}

.membership-page .previewFormMask input {
	background-color: #92935e!important
}

.membership-page .previewFormMask select {
	background: #92935e
}

.membership-page .previewFormMask .FormButton:hover {
	background: #ddddca!important;
	color: #000!important
}

.about-page .gallery-icon,
.about-page .guestroom-section #form .button,
.about-page .guestroom-section h2,
.about-page .special-events,
.about-page .special-offer,
.about-page .ui-state-highlight,
.about-page .ui-widget-content .ui-state-highlight,
.about-page .ui-widget-header,
.about-page .ui-widget-header .ui-state-highlight {
	background: #37424a
}

.about-page .banner .item .caption h1,
.about-page .banner .item .caption span,
.tooltip {
	color: #fff
}

img#contact-map {
	display: inline-block;
	width: 50%;
	height: 100%;
	margin: auto 25px auto 0!important
}

.about-page .guestroom-section #form .check-in input,
.about-page .guestroom-section #form .check-out input {
	background-color: #37424a
}

.about-page .guestroom-section #form .button:hover {
	background: #032165
}

.about-page .book-section {
	background: #b67e54
}

.about-page .book-section a.reserveonline {
	background: #37424a;
	padding: 14px 46px
}

.about-page .book-section a.reserveonline:hover {
	background: #032165
}

.special-offer-right figure {
	max-width: 379px;
	margin-bottom: 60px
}

.experiences-page .special-offer {
	background-color: #a77d07
}

.experiences-page .book-section h2 {
	margin-bottom: 6px
}

.experiences-page .book-section p {
	margin-bottom: 26px
}

.win.safari .special-events .event-img {
	margin-left: -1px
}

.win.safari .second-menu>ul {
	min-width: 717px
}

.experiences-page .special-offer-right {
	padding: 12px 30px 0 48px
}

.wedding-page .special-offer-right>p {
	line-height: 48px;
	letter-spacing: -.025em
}

.wedding-page .special-offer-right {
	padding: 12px 30px 0 47px
}

.videoContent {
	margin-bottom: 0!important
}

.videoContent p {
	padding: 0
}

.videoContent a {
	display: block!important
}

#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
	z-index: 999999;
	padding: 10px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.jquery-script-center {
	width: 960px;
	margin: 0 auto
}

.jquery-script-center ul {
	width: 212px;
	float: left;
	line-height: 45px;
	margin: 0;
	padding: 0;
	list-style: none
}

.jquery-script-center a {
	text-decoration: none
}

footer .container article a,
.special-offer footer .container .special-offer-right article a:hover {
	text-decoration: underline
}

.jquery-script-ads {
	width: 728px;
	height: 90px;
	float: right
}

.jquery-script-clear {
	clear: both;
	height: 0
}

.tooltip {
	display: none;
	position: absolute;
	top: -50px;
	width: 150px;
	font-size: 12px;
	font-weight: 300;
	padding: 10px;
	left: -38px;
	line-height: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tooltip:after {
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #fff transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
	left: 45%
}

.gallery-icon .tooltip {
	background-color: #008bac
}

.gallery-icon .tooltip:after {
	border-color: #008bac transparent
}

.accomodation-page .gallery-icon .tooltip {
	background-color: #5ab7b2
}

.accomodation-page .gallery-icon .tooltip:after {
	border-color: #5ab7b2 transparent
}

.golf-page .gallery-icon .tooltip {
	background-color: #768693
}

.golf-page .gallery-icon .tooltip:after {
	border-color: #768693 transparent
}

.miraval-page .gallery-icon .tooltip {
	background-color: #88acb0
}

.miraval-page .gallery-icon .tooltip:after {
	border-color: #88acb0 transparent
}

.wedding-page .gallery-icon .tooltip {
	background-color: #fee8d6;
	color: #000
}

.wedding-page .gallery-icon .tooltip:after {
	border-color: #fee8d6 transparent
}

.dining-page .gallery-icon .tooltip {
	background-color: #00c0d7
}

.dining-page .gallery-icon .tooltip:after {
	border-color: #00c0d7 transparent
}

.experiences-page .gallery-icon .tooltip {
	background-color: #a77d07
}

.experiences-page .gallery-icon .tooltip:after {
	border-color: #a77d07 transparent
}

.gallery-page .gallery-icon .tooltip {
	background-color: #37424a
}

.gallery-page .gallery-icon .tooltip:after {
	border-color: #37424a transparent
}

::selection {
	background-color: #06f;
	color: #fff
}

::-webkit-selection {
	background-color: #06f;
	color: #fff
}

::-moz-selection {
	background-color: #06f;
	color: #fff
}

.FormButton:hover,
.customForm #imageSubmit:hover {
	background-color: #323e48
}

#booking-sec-container,
#special-container,
#special-event-content {
	position: relative;
	top: -57px
}

span.event-left,
span.event-right {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 79px 0 28px;
	top: 186px;
	padding: 0;
	font-family: GothamBook
}

fieldset {
	min-height: 35px
}

.caption {
	position: absolute;
	top: 250px;
	z-index: 99999999;
	color: red;
	left: 144px;
	right: 0
}

.bx-viewport,
.map-responsive {
	overflow: hidden;
	position: relative
}

.bx-viewport {
	width: 100%;
	height: 509px;
	max-height: 509px
}

footer .container .special-offer-right article,
footer .container article {
	display: block;
	line-height: 33px;
	font-size: 16px;
	color: #fff;
	margin: 0
}

.special-offer footer .container article.optonal {
	padding: 40px 10px
}

footer .container article a {
	color: #fff
}

footer .container article a:hover {
	color: #323e48
}

.special-offer footer .container .special-offer-right article h2,
.special-offer footer .container article h2 {
	font-size: 23px;
	font-weight: 400;
	padding: 10px 0;
	font-family: Gotham-light
}

.special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.special-offer footer .container .special-offer-right article h3,
.special-offer footer .container article h3 {
	font-size: 16px
}

.special-offer footer .container .special-offer-right article h4,
.special-offer footer .container article h4 {
	font-size: 14px
}

.special-offer footer .container .special-offer-right article h5,
.special-offer footer .container article h5 {
	font-size: 13px;
	padding: 10px 0
}

.special-offer footer .container .special-offer-right article h6,
.special-offer footer .container article h6 {
	font-size: 9px
}

.map-responsive {
	padding-bottom: 56.25%;
	height: 0
}

.map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}

.section-wrapper .special-offer footer .container article li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1em;
	padding-bottom: 10px
}

.section-wrapper .special-offer footer .container article li ul li {
	list-style-type: circle
}

.section-wrapper section footer .container ul li img {
	height: auto!important
}

.header-navigation .enumenu_ul ul.desk>li ul li a.selected {
	color: #323e48
}

.header-navigation .enumenu_ul ul.desk>li ul li a.selected:hover {
	color: #032165
}

.table-container {
	width: 100%;
	overflow-y: auto;
	margin: 0 0 1em
}

.table-container table {
	margin: 0;
	border-collapse: collapse
}

.table-container td,
th {
	padding: .5em 1em;
	border: 1px solid #fff
}

.col-wrap .col-2 {
	padding-top: 10px;
	width: 50%;
	float: left
}

.col-wrap .col-2:nth-child(1) {
	width: 39%;
	margin-right: 1%
}

.col-wrap .col-2:nth-child(2) {
	width: 60%
}

.scaleProp {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden
}

.scaleProp>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media screen and (max-width:1024px) {
	.col-wrap .col-2 {
		width: 100%!important;
		padding: 0 0 18px 0!important
	}
}

.FormPanel {
	margin-top: 50px;
	max-width: 90%
}

.FormPanel .select {
	max-width: 100%;
	margin-right: 0
}

.FormPanel label {
	width: auto;
	padding: 0 10px 10px 0;
	font-size: 100%
}

.FormPanel table {
	width: 100%
}

.FormPanel td {
	text-align: right
}

.FormPanel .select .styledSelect {
	padding: 0
}

.FormPanel .select ul li {
	list-style-type: none!important;
	text-align: left
}

.EditingFormLabel {
	line-height: normal;
	padding: 0 10px 25px 0;
	float: right
}

.section-wrapper section .special-offer footer .container .special-offer-right article input {
	border-radius: 0;
	color: #323e48;
	display: inline-block;
	font-family: Gotham-Bold;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0;
	padding: 9px 15px 0;
	text-transform: none;
	width: 100%
}

.section-wrapper section .special-offer footer .container .special-offer-right article input.UploaderInputFile {
	padding: 0;
	color: #fff
}

.section-wrapper section .special-offer footer .container .special-offer-right article input.HiddenButton,
.UploaderUpload .UploaderLabel {
	display: none
}

.section-wrapper section .special-offer footer .container .special-offer-right article select {
	border-radius: 0;
	color: #323e48;
	display: block;
	font-family: Gotham-Bold;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0 0 32px;
	padding: 9px 15px 8px;
	text-transform: uppercase;
	width: 100%
}

.section-wrapper section .special-offer footer .container .special-offer-right article select option {
	padding-left: 10px
}

.section-wrapper section .special-offer footer .container .special-offer-right article textarea {
	border-radius: 0;
	color: #323e48;
	display: block;
	font-family: Gotham-Bold;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0 0 32px;
	padding: 9px 15px 8px;
	text-transform: uppercase;
	width: 100%;
	border: 0
}

.RadioButtonList,
.RadioButtonList tbody {
	display: block;
	width: 100%;
	padding: 0
}

.RadioButtonList input[type=radio] {
	bottom: 0;
	height: inherit;
	margin: 0!important;
	padding: 0!important;
	width: auto!important
}

.RadioButtonList label {
	padding-left: 5px;
	vertical-align: middle!important
}

.RadioButtonList tr {
	display: inline;
	float: left;
	padding-right: 10px
}

.RadioButtonList .CheckBoxField {
	float: left
}

.CheckBoxField {
	float: left;
	width: 13px
}

.CheckBoxField input[type=checkbox] {
	margin: 10px 0!important
}

input[type=submit]:hover {
	color: #fff!important
}

.CheckBoxListField {
	width: auto!important;
	margin-bottom: 32px
}

.CheckBoxListField input[type=checkbox] {
	float: left;
	margin: 11px 0!important;
	width: auto!important;
	display: inline!important
}

.CheckBoxListField label {
	padding: 0 10px;
	float: left;
	width: auto
}

.EditingFormErrorLabel {
	color: #c00;
	font-size: 12px;
	padding: 10px;
	line-height: normal
}

.inlineAdjust {
	line-height: normal;
	padding: 0 0 25px;
	float: left;
	text-align: left;
	margin-left: 10px
}

.section-wrapper section .special-offer footer .container .special-offer-right article .customForm input {
	width: 25px;
	margin-top: 2px
}

.customForm #imageSubmit {
	width: 200%
}

.special-offer-left {
	margin-top: 0!important;
	padding: 0
}

.specials a.btn-1 {
	background: #4daec5;
	color: #fff;
	display: inline-block;
	font-family: Gotham-Bold;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-left: 10px;
	padding: 6px 29px;
	text-transform: uppercase;
	transition: all .3s ease 0;
	text-decoration: none
}

.specials a.btn-1:hover {
	color: #fff;
	background: #323e48;
	text-decoration: none!important
}

.banner .swiper-container {
	width: 100%;
	height: 100%
}

.banner .swiper-container-fade .swiper-slide {
	background-position: center center;
	background-size: cover!important
}

.banner .swiper-wrapper .swiper-slide .imgLinkWrap {
	width: 100%;
	height: 100%;
	display: block;
	z-index: 999999999!important;
	position: relative
}

.banner .swiper-wrapper .swiper-slide .imgLinkWrap img {
	width: 100%;
	height: 100%
}

.banner .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover!important
}

.press p {
	line-height: normal;
	text-align: center;
	padding: 10px 0;
	font-size: 14px
}

.press img {
	display: block;
	padding-bottom: 10px;
	margin: 0 auto
}

.press p em {
	font-style: italic;
	font-size: 12px;
	margin-top: 5px;
	display: block
}

.grid a {
	color: #fff
}

#gridSection .grids {
	padding-bottom: 1px
}

#gridSection .grid {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	display: table;
	height: 100%;
	overflow: hidden;
	color: #323e48
}

.gridDescription {
	text-align: center;
	color: #fff;
	margin: 12px auto 0 auto;
	width: 75%
}

.accommodations-page .gridDescription {
	color: #338581;
	font-family: Cochin-Italic;
	font-size: 22px;
	font-weight: 500;
	margin-top: 12px;
	text-align: left;
	margin-bottom: 12px
}

.grid .row article h3,
.grid .row article h3 a,
.gridWrap h2 {
	font-weight: 300;
	font-family: Gotham-Light
}

.gridImageWrap {
	padding-bottom: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

#gridSection .grid .row {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	display: table
}

#gridSection .grid .row .columns:first-child {
	padding-left: 0
}

#gridSection .grid .row .columns {
	display: table-cell;
	float: none;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden
}

.gridWrap .grid .row article .gridInnerWrap {
	padding: 0 12px;
	font-size: 14px
}

.gridContent {
	padding-bottom: 30px;
	text-align: left
}

.gridContent a {
	position: relative;
	z-index: 1
}

.gridWrap {
	line-height: 24px;
	font-size: 16px;
	color: #323e48;
	letter-spacing: 0
}

.gridWrap h2 {
	font-size: 30px;
	text-transform: capitalize;
	margin: 20px 0 0;
	color: #fff;
	text-align: center
}

#gridSection .grid .row article p {
	padding: 10px 0;
	text-align: left
}

#gridSection .grid .row article p.learn {
	display: inline-block
}

.grid .row article h3,
.grid .row article h3 a {
	color: #666;
	font-size: 24px;
	text-align: left;
	padding: 15px 0;
	text-decoration: none;
	line-height: 24px;
	text-transform: uppercase
}

.grid .row article p,
.row.home a,
.sitemap-float,
.specials-page,
.specials-page h3,
.title-align #girdSection h3 {
	text-align: center
}

.grid .row article h3 a:hover {
	text-decoration: none
}

.grid .row article {
	color: #666;
	background-color: #e6f4f4;
	height: 100%;
	padding: 0;
	line-height: 17px;
	font-size: 13px;
	font-weight: 400
}

.grid .row article p {
	padding: 10px 0
}

.grid .row article .gridInnerWrap a {
	letter-spacing: normal;
	color: #666!important;
	text-decortaion: underline
}

.grid .row article .gridInnerWrap a:hover {
	color: #000!important
}

#gridSection .grid ul {
	margin-top: 20PX;
	color: #fff
}

#gridSection .grid ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 1em
}

#gridSection .grid .row article .gridInnerWrap p a.btn {
	text-decoration: none;
	margin: 0;
	display: block;
	padding: 5px 0
}

#gridSection .grid .row {
	height: 0
}

.gridWrap .grid .row article .gridInnerWrap {
	padding-bottom: 34px
}

.learnWrap {
	padding: 0 13px;
	position: absolute;
	bottom: 0
}

.grid .row article .learnWrap .learn a.btn {
	text-decoration: none;
	margin: 0;
	display: block;
	padding: 5px 0;
	color: #008bac
}

.grid .row article .learnWrap .learn a.btn:hover {
	color: #000
}

.empty #gridSection .grids {
	padding-bottom: 1px;
	background-color: #008bac
}

.empty .grid .row article {
	background-color: #c4e5ed
}

.experiences-page #gridSection .grids .gridWrap {
	color: #fff
}

.experiences-page #gridSection .grids .gridWrap a:hover {
	color: #323e48
}

.special-offers-grid {
	padding: 30px 0
}

.special-offers-grid .grid .row article p {
	color: #666
}

.special-offers-grid .grid .row article p a {
	font-size: 15px;
	text-decoration: none
}

.special-offers-grid .grid .row .gridImageWrap {
	padding-bottom: 205px
}

.specialImageMain {
	padding-bottom: 316px;
	background-repeat: no-repeat
}

.gallery-page .gridWrap,
.gallery-page .gridWrap a {
	color: #fff
}

.gallery-page .gridWrap a:hover {
	text-decoration: underline
}

.meetings-page #gridSection .grid {
	color: #fff
}

.grid .row article.alt .gridInnerWrap a.btn:nth-child(1) {
	height: 0;
	overflow: hidden;
	display: none
}

.grid .row article.alt {
	color: #666;
	font-family: 'GothamBook';
	font-weight: 300;
	line-height: 17px;
	font-size: 13px;
	background-color: #fff;
	width: 100%
}

.grid .row article.alt .gridInnerWrap a {
	font-weight: 600;
	text-transform: none;
	color: #37424a!important;
	text-decoration: none;
	padding: 0
}

article.alt .gridContent {
	font-size: 12px;
	color: #9ba1a5;
	padding-bottom: 10px;
	font-family: 'gotham-light'
}

article.alt .gridImageWrap {
	padding: 0;
	height: 305px
}

.grid .row article.alt ul li {
	color: #9ba1a5
}

.grid .row article.alt .learnWrap .learn a.btn {
	text-decoration: none;
	margin: 0;
	display: block;
	padding: 5px 0;
	color: #37424a;
	font-size: 13px;
	font-weight: 600;
	font-family: Gotham-Light
}

.grid .row article.alt .learnWrap .learn:nth-child(2) a.btn:before {
	content: '|';
	padding: 0 10px 0 9px
}

@media screen and (max-width:1024px) {
	article.alt .gridImageWrap {
		height: 280px
	}
}

.one {
	min-width: 200px!important;
	left: 0!important;
	padding: 20px!important
}

#containerVideo {
	position: relative
}

#containerVideo #text-outer {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%
}

#containerVideo #text-inner {
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

#containerVideo #text-inner .playBtn {
	max-width: 15%
}

.specials-page h3 {
	padding: 10px 0 0
}

.specials-page .row .c4 .innerBG {
	background-color: RGBA(50, 62, 72, .23);
	border: 1px solid rgba(50, 62, 72, .27)
}

.specials-page .row p,
.specials-page .row span {
	line-height: normal;
	font-size: 13px;
	padding: 10px;
	color: #fff;
	margin: 0;
	display: block
}

.specials-page .row .btnWrap {
	display: inline-block;
	margin: 10px auto
}

.specials-page .row a.btn-1 {
	background: #032165;
	color: #fff;
	padding: 0 6px;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 2px -2px 1px rgba(38, 36, 40, .3);
	-webkit-box-shadow: 2px -2px 1px rgba(38, 36, 40, .3);
	-html-box-shadow: 2px -2px 1px rgba(38, 36, 40, .3);
	margin-left: 0;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease;
	-html-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-khtml-transition: all .3s ease;
	font-family: Gotham-Bold;
	font-weight: 200;
	text-decoration: none
}

.sitemap-close a,
.sitemap-content {
	font: 400 15px/18px 'Open Sans', sans-serif
}

.specials-page .row a.btn-1:hover {
	background: #323e48;
	text-decoration: none!important
}

#cendyn a,
.sitemap-close a,
.sitemap-content a {
	text-decoration: none
}

#cendyn a:focus:after {
	content: "⇱";
	position: relative;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: table-cell
}

#cendyn a:hover:after {
	content: "⇱";
	position: relative;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: table-cell
}

#specialDropDown {
	max-width: 400px;
	float: right
}

.row.home a {
	width: 100%
}

#photoGallery {
	padding-top: 20px
}

#photoGallery h2 {
	padding: 8px 0
}

.special-offer-right #photoGallery .simple-gallery .row {
	margin-top: 20px;
	margin-bottom: 20px
}

.special-offer-right #photoGallery .simple-gallery figure {
	margin-bottom: 10px
}

.special-offer-right #photoGallery .simple-gallery figure figcaption {
	display: none
}

.thumb-img {
	float: left;
	width: inherit;
	height: inherit;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.thumb-img img {
	opacity: 0
}

.sitemap-float {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	height: 100%;
	box-shadow: 0 0 35px #009f92;
	overflow: auto!important;
	background: #fff;
	display: none
}

html>body .sitemap-float {
	position: fixed;
	background-color: #008bac
}

.sitemap-close {
	text-align: right
}

.sitemap-close a {
	display: block;
	color: #fff;
	padding: 8px 22px;
	background: #032165;
	margin: 0 0 20px
}

#cendyn,
.sitemap-content>ul {
	display: inline-block
}

.sitemap-close a:hover {
	background: #daa520
}

.sitemap-content {
	padding: 0 0 20px;
	color: #333;
	text-align: center
}

.sitemap-content a {
	padding: 0 10px;
	color: #fff
}

.sitemap-content a:hover {
	color: #323e48
}

#cendyn,
#cendyn a,
.meetings-page .banner .item .caption h1,
.meetings-page .banner .item .caption span {
	color: #fff
}

.sitemap-content ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none
}

.sitemap-content li {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none
}

.roomsFooterContent #content ul li,
.specials ul li {
	list-style-type: disc
}

.sitemap-content>ul>li {
	margin-bottom: 10px
}

#cendyn {
	width: 100%;
	font-size: 11px;
	text-align: center;
	padding: 10px 0
}

#cendyn a:hover {
	text-decoration: underline
}

.swiper-container-2 {
	width: 100%;
	height: 100%
}

.swiper-container-2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: center center #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover
}

.meetings-page .guestroom-section h2,
.meetings-page .special-events,
.meetings-page .special-offer,
.meetings-page .ui-state-highlight,
.meetings-page .ui-widget-content .ui-state-highlight,
.meetings-page .ui-widget-header,
.meetings-page .ui-widget-header .ui-state-highlight,
.meetings-page.gallery-icon {
	background: #a57d35
}

.meetings-page .special-events {
	background: #bf9c5c
}

.meetings-page .guestroom-section #form .check-in input,
.meetings-page .guestroom-section #form .check-out input,
.meetings-page .guestroom-section #form .guest {
	background-color: #a57d35
}

.meetings-page .guestroom-section #form .button {
	background: #a57d35
}

.meetings-page .guestroom-section #form .button:hover {
	background: #f1debc
}

.meetings-page .book-section {
	background: #bf9c5c
}

.meetings-page .book-section a.reserveonline {
	background: #a57d35
}

.meetings-page .book-section a.reserveonline:hover {
	background: #f1dedc;
	color: #000
}

.meetings-page .book-section p a {
	color: #fff
}

.meetings-page .book-section p a:focus,
.meetings-page .book-section p a:hover {
	color: #333
}

.meetings-page footer .container article a:hover {
	color: #ccc
}

.meetings-page .grid .row article a.btn {
	color: #673918;
	font-family: Gotham-Light;
	font-size: 16px;
	letter-spacing: normal
}

#RoomsWrapper h2,
.accommodations-page .gridWrap h2 {
	font-weight: 300;
	font-family: Gotham-Light;
	letter-spacing: 0
}

.meetings-page .grid .row article a.btn:hover {
	color: #000
}

.meetings-page #gridSection .grids {
	padding-bottom: 1px;
	background-color: #a57d35
}

.meetings-page .grid .row article {
	background-color: #f1debc
}

.meetings-page footer .container .special-offer-right article a.btn {
	background: #bf9c5c
}

.meetings-page footer .container .special-offer-right article a.btn:hover {
	background: #f1debc;
	color: #000
}

.meetings-page .grid .row article .learnWrap .learn a.btn {
	color: #a57d35
}

.meetings-page .grid .row article .learnWrap .learn a.btn:hover {
	color: #000
}

.accommodations-page .banner .item .caption h1,
.accommodations-page .banner .item .caption span,
.accommodations-page .book-section p a {
	color: #fff
}

.accommodations-page .banner .item .caption h1 {
	line-height: normal
}

.accommodations-page .banner .item .caption span {
	margin: 12px 0 0
}

.accommodations-page .gallery-icon,
.accommodations-page .guestroom-section h2,
.accommodations-page .special-events,
.accommodations-page .special-offer,
.accommodations-page .ui-state-highlight,
.accommodations-page .ui-widget-content .ui-state-highlight,
.accommodations-page .ui-widget-header,
.accommodations-page .ui-widget-header .ui-state-highlight {
	background: #59b7b2
}

.accommodations-page .guestroom-section #form .button,
.accommodations-page .guestroom-section #form .check-in input,
.accommodations-page .guestroom-section #form .check-out input,
.accommodations-page .guestroom-section #form .guest {
	background-color: #59b7b2
}

.accommodations-page .guestroom-section #form .button:hover {
	background-color: #cdeae8
}

.accommodations-page .book-section {
	background: #91990a
}

.accommodations-page .book-section a.reserveonline {
	background: #59b7b2
}

.accommodations-page .book-section a.reserveonline:hover {
	background: #008bac
}

.accommodations-page .book-section p a:focus,
.accommodations-page .book-section p a:hover {
	color: #333
}

.accommodations-page #gridSection {
	padding: 0;
	display: inline-block;
	width: 100%;
	background-color: #cde9e8
}

.accommodations-page #gridSection .special-offer {
	background: 0 0
}

.accommodations-page .gridWrap h2 {
	font-size: 35px;
	margin-bottom: 8px;
	line-height: normal;
	color: #000;
	padding: 0
}

.accommodations-page .grid {
	display: block!important;
	height: 100%
}

.accommodations-page .grid h2 {
	color: #000;
	font-size: 40px;
	text-align: left
}

.accommodations-page .grid .row {
	display: table!important;
	height: 100%;
	margin-bottom: 25px!important
}

#RoomsWrapper h2,
#RoomsWrapper h5 {
	margin-bottom: 8px;
	line-height: normal
}

.accommodations-page .grid .clearfix::after,
.accommodations-page .grid .clearfix::before,
.accommodations-page .grid .row::after,
.accommodations-page .grid .row::before {
	content: "";
	display: table-row!important
}

.swiper-container-offers .swiper-pagination-bullet::before,
.swiper-room .swiper-pagination-bullet::before {
	content: "0"
}

.accommodations-page .grid .row article h3 {
	color: #000;
	font-size: 21px;
	text-align: left;
	font-family: Gotham-Light;
	font-weight: 300;
	padding: 15px 0;
	max-height: 100px
}

.accommodations-page .grid .row article {
	color: #666;
	font-family: Gotham-Light;
	font-weight: 300;
	background-color: #e6f4f4;
	height: 100%;
	padding: 0
}

.accommodations-page .grid .row article .gridImageContainer {
	max-height: 51%;
	overflow: hidden
}

.accommodations-page .grid .row article .gridInnerWrap {
	padding: 0 12px 34px
}

.accommodations-page .grid .row .columns:first-child {
	padding-left: 0
}

.accommodations-page .grid .row .columns {
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	display: table-cell;
	float: none;
	overflow: hidden
}

.accommodations-page .grid .row .gridImageWrap {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.accommodations-page .grid .row .gridImageWrap img {
	opacity: 0
}

#RoomsWrapper {
	padding: 0;
	float: left
}

#RoomsWrapper .RoomsHead .roombgImage {
	background-size: cover;
	padding-bottom: 348px
}

#RoomsWrapper h2 {
	font-size: 48px;
	color: #000
}

#RoomsWrapper h3 {
	font-family: Cochin-Italic;
	color: #2f8681;
	font-size: 30px;
	font-weight: 500;
	padding: 0
}

#RoomsWrapper h4 {
	font-size: 24px;
	color: #333;
	font-weight: 300;
	font-family: Gotham-Light;
	letter-spacing: 0;
	margin-bottom: 18px;
	line-height: normal;
	min-height: 50px;
	max-height: inherit;
	padding-top: 10px;
	text-transform: uppercase
}

#RoomsWrapper h5,
#RoomsWrapper p {
	font-size: 14px;
	color: #333;
	font-weight: 300;
	letter-spacing: 0;
	font-family: Gotham-Light
}

#RoomsWrapper .learnWrap {
	width: 100%
}

#RoomsWrapper h5 {
	text-transform: uppercase
}

#RoomsWrapper p {
	line-height: 20px
}

#RoomsWrapper .roomsPadding {
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	min-height: 250px;
	position: relative;
	padding-bottom: 34px
}

#RoomsWrapper a.btn {
	font-family: Gotham-Light;
	font-size: 16px;
	text-transform: uppercase;
	color: #2f8681;
	letter-spacing: normal;
	position: absolute;
	bottom: 0;
	top: inherit
}

#RoomsWrapper a.btn:hover {
	color: #000
}

#RoomsWrapper .RoomsHead {
	display: table;
	height: 100%;
	width: 100%;
	padding: 25px 0 0
}

#RoomsWrapper .RoomsHead .row {
	margin-bottom: 0;
	display: table;
	height: 0
}

#RoomsWrapper .RoomsHead .row .c4:first-child {
	padding-left: 0!important
}

#RoomsWrapper .RoomsHead .row .c4 {
	padding-left: 10px;
	padding-right: 10px;
	display: table-cell;
	height: 100%
}

#RoomsSection .roomsBackColorInner {
	padding-top: 40px;
	padding-bottom: 40px
}

#RoomsSection .roomsBackColor:nth-child(odd) {
	background-color: #9bd4d1
}

#RoomsSection .roomsBackColor:nth-child(even) {
	background-color: #cde9e8
}

#RoomsSection .roomsBackColor:nth-child(odd) .bgColor {
	background-color: #cdeae8;
	height: 100%
}

#RoomsSection .roomsBackColor:nth-child(even) .bgColor {
	background-color: #e6f4f4
}

#RoomsSection .roomsBackColor .RoomsHead img {
	width: inherit;
	height: inherit;
	max-width: 100%;
	max-height: 100%;
	opacity: 0
}

.roomsMenuWrap {
	background-color: #032165;
	display: inline-block;
	width: 100%
}

#RoomsDetailsWrapper,
.roomsFooterContent {
	background-color: #fff;
	display: inline-block
}

.roomsMenuWrap ul#roomsMenu {
	padding: 35px 0;
	display: table;
	width: 100%
}

.roomsMenuWrap ul#roomsMenu li {
	display: table-cell;
	width: 317px;
	text-align: center
}

.roomsMenuWrap ul#roomsMenu li a {
	font-family: Gotham-Medium;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.roomsFooterContent #content,
.roomsFooterContent a.btn,
.roomsFooterContent h3 {
	font-family: Gotham-Light
}

.roomsFooterContent {
	width: 100%
}

.roomsFooterContent footer .container {
	max-width: 90%
}

.roomsFooterContent footer .container .row .butterfly {
	padding: 30px 0;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
	float: right
}

.roomsFooterContent footer .container .row .butterfly img {
	width: auto;
	height: 181px;
	max-width: 100%;
	max-height: 100%
}

.roomsFooterContent .row {
	margin-top: 0;
	margin-bottom: 0
}

.roomsFooterContent .row .innerWrap {
	padding: 40px 0
}

.roomsFooterContent h3 {
	color: #000;
	font-weight: 100;
	font-size: 35px
}

.roomsFooterContent #content {
	font-size: 18px;
	color: #333;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 25px;
	padding: 11px 0
}

.roomsFooterContent a.btn {
	text-transform: uppercase;
	color: #032165;
	font-weight: 600;
	font-size: 20px;
	margin: 20px 0;
	display: inline-block
}

#RoomsDetailsWrapper #RoomsSection,
#RoomsDetailsWrapper #RoomsSection h3 {
	font-weight: 300;
	font-family: Gotham-Light;
	line-height: normal;
	letter-spacing: 0
}

.roomsFooterContent a.btn:hover {
	color: #000
}

#RoomsDetailsWrapper {
	width: 100%;
	color: #000;
	overflow: hidden
}

#RoomsDetailsWrapper #RoomsSection #roomWraps {
	margin: 50px auto 0;
	max-width: 90%
}

#RoomsDetailsWrapper #RoomsSection h3 {
	font-size: 35px;
	margin-bottom: 8px
}

#RoomsDetailsWrapper #RoomsSection ul {
	display: block;
	padding-top: 15px;
	max-width: 90%;
	margin: 0 auto
}

#RoomsDetailsWrapper #RoomsSection {
	color: #666;
	font-size: 16px
}

#RoomsDetailsWrapper #RoomsSection li {
	list-style-type: disc;
	margin-bottom: 8px;
	list-style-position: outside;
	margin-left: 1em
}

#RoomsDetailsWrapper #RoomsSection a.btn {
	text-transform: uppercase;
	color: #032165;
	font-size: 20px;
	display: block;
	margin-top: 35px;
	margin-bottom: 35px;
	font-weight: 700
}

#RoomsDetailsWrapper #RoomsSection a.btn:hover {
	color: #333
}

#RoomsDetailsWrapper #RoomsSection hr {
	height: 1px;
	background-image: none;
	background-color: #d9d9d9
}

#RoomsDetailsWrapper #RoomsSection h4 {
	font-family: MyriadPro-Regular;
	font-size: 25px;
	font-weight: 100;
	padding: 10px 0;
	color: #000
}

#RoomsDetailsWrapper #RoomsSection #AdditionalWrapper {
	display: block;
	margin: 20px auto 0;
	max-width: 90%
}

#RoomsDetailsWrapper #RoomsSection #AdditionalWrapper a.btn {
	font-size: 16px
}

#RoomsDetailsWrapper #RoomsSection .row {
	display: table;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%
}

#RoomsDetailsWrapper #RoomsSection .row .c4 {
	display: table-cell;
	float: none;
	vertical-align: top
}

#RoomsDetailsWrapper #RoomsSection .row .c8 {
	display: table-cell;
	float: none;
	padding-right: 0;
	padding-left: 0;
	overflow: hidden
}

.swiper-room {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.swiper-room .swiper-wrapper {
	max-width: 869px;
	position: absolute
}

.swiper-room .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: no-repeat #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover;
	padding-bottom: 78%
}

.swiper-room .swiper-slide img {
	opacity: .1;
	height: 100%;
	display: block;
	width: 77%
}

.swiper-room .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	opacity: 1;
	background: 0 0;
	font-family: Gotham-Medium;
	color: #fff
}

.swiper-room .swiper-pagination-bullet-active {
	color: #032165;
	background: 0 0
}

#RoomsSection .swiper-container-horizontal>.swiper-pagination-bullets,
#RoomsSection .swiper-pagination-custom,
#RoomsSection .swiper-pagination-fraction {
	bottom: 70px;
	left: 75px;
	width: 100%;
	text-align: left;
	position: absolute
}

.specials {
	max-width: 275px;
	margin: 0 auto
}

.swiper-container-offers {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.special-offer-left .offer-img {
	max-width: 275px;
	overflow: hidden;
	padding-bottom: 185px;
	background-position: center center
}

.swiper-container-offers .swiper-wrapper {
	max-width: 275px;
	position: relative
}

.swiper-container-offers .swiper-room .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: no-repeat #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover;
	padding-bottom: 78%
}

.swiper-container-offers .swiper-pagination-bullet {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	opacity: 1;
	background: 0 0;
	font-family: Gotham-Medium;
	color: #fff
}

.swiper-container-offers .swiper-pagination-bullet-active {
	color: #032165;
	background: 0 0
}

.mid:before,
.styledSelect::before {
	content: ""
}

.specials ul {
	padding: 0 20px
}

.specials ul li {
	list-style-position: outside;
	margin-left: 1em;
	display: inline-block
}

.show-full .offer-img {
	display: none
}

.show-full .offer-img-full {
	display: block;
	margin-top: 20px
}

.empty .offer-img {
	display: block
}

.empty .offer-img-full {
	display: none
}

.ad-layout-open-table.horizontal #OT_searchWrapperAll {
	width: auto;
	padding: 18px 15px 15px;
	color: #000;
	background-color: #fff
}

.ad-layout-open-table.horizontal h2.OT_feedTitle {
	text-align: left;
	margin-top: 10px;
	display: none
}

.ad-layout-open-table.horizontal #OT_defList {
	margin-bottom: 0;
	text-align: center
}

.ad-layout-open-table.horizontal #OT_defList dt {
	display: inline-block;
	vertical-align: top;
	height: 41px;
	line-height: 41px;
	color: #000
}

.ad-layout-open-table.horizontal #OT_defList dd {
	display: inline-block;
	vertical-align: top
}

.ad-layout-open-table.horizontal #OT_date,
.ad-layout-open-table.horizontal #OT_partySize,
.ad-layout-open-table.horizontal #OT_time {
	margin-right: 10px
}

.ad-layout-open-table.horizontal #OT_defList dd input[type=text],
.ad-layout-open-table.horizontal #OT_defList dd select {
	height: 41px;
	margin: 0
}

.ad-layout-open-table.horizontal #startDate {
	width: 120px
}

.ad-layout-open-table.horizontal #dateDisplay {
	display: none
}

.ad-layout-open-table.horizontal #OT_submitWrap {
	margin-top: 0
}

.ad-layout-open-table.horizontal #OT_submitWrap input {
	margin: 0;
	padding: 0
}

.ot-dtp-picker.wide {
	max-width: inherit!important;
	width: inherit!important
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button,
.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector {
	max-width: 25%;
	width: 100%
}

.ot-button {
	background-color: #008bac!important;
	color: #fff!important
}

.ot-dtp-picker .ot-dtp-picker-button {
	box-shadow: 0 0 0 1px #008bac!important
}

.ot-button:hover {
	background: #323e48!important
}

.ot-dtp-picker.wide .ot-title {
	color: #000
}

footer .container article #OT_searchWrapperAll a {
	color: #000;
	text-decoration: none
}

.book-section .ot-dtp-picker-selector-link {
	color: #333
}

.venue {
	background-color: #673918
}

.venue .venueWrap {
	margin-top: 50px
}

.venue .venueWrap .venueHeaderWrapper {
	display: block;
	padding: 20px 0
}

.venue .venueWrap h2 {
	font-size: 36px;
	font-weight: 400;
	padding: 10px 0;
	font-family: Gotham-Light
}

.venue .venueWrap .venueTitleWrap {
	display: block;
	padding: 20px 0
}

.venue .venueWrap .venueTitleWrap h2 {
	font-size: 23px;
	font-weight: 400;
	padding: 10px 0 0;
	font-family: Gotham-light
}

.venue .venueWrap .venueTitleWrap h3 {
	padding: 0 0 10px
}

.venueImageWrap {
	padding-bottom: 421px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.venue .venueWrap .row .venueCol {
	padding-left: 0
}

.venue hr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #673918, #fff, #673918);
	margin-top: 26px;
	margin-bottom: 11px
}

.venue .venueWrap .venueColWrap .row {
	margin-top: 0;
	margin-bottom: 0
}

section.packages .special-offer.cf {
	background-color: #45545e
}

section.packages h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	font-family: Gotham-Light;
	letter-spacing: 0;
	margin-top: 18px;
	margin-bottom: 18px;
	line-height: normal
}

section.packages .packagesCol {
	text-align: center
}

.mid:before {
	position: absolute;
	left: 2%;
	top: 2%;
	width: 95%;
	height: 95%;
	border: 1px solid #fff
}

section.packages .module {
	background-size: cover!important;
	margin: 10px 0 0 10px;
	position: relative;
	width: 100%;
	padding-bottom: 348px;
	background-position: center center
}

section.packages .mid h2 {
	font-family: Gotham-Medium;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 2rem;
	transform: translate(-50%, -50%)
}

footer .container .packagesCatItemsList a,
footer .container .packagesCatItemsList article,
.special-offer footer .container article .packagesCatItemsList h3,
section.packages .learnMoreLink {
	color: #fff;
	font-family: Gotham-Light
}

section.packages .learnMoreLink {
	display: block;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: normal
}

.c6.hide:first-child,
.packageImageMain.hide,
.special-offer-left.wow.fadeInDown.removeSpecialWidgetYes {
	display: none
}

section.packages .learnMoreLink a {
	color: #fff
}

.packagesCatItemsList .packageImageMain {
	padding-bottom: 56.85%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.special-offer footer .container article .packagesCatItemsList h3 {
	font-size: 29px;
	font-weight: 300;
	letter-spacing: 0;
	margin-bottom: 18px;
	line-height: normal
}

footer .container .packagesCatItemsList article {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 20px
}

footer .container .packagesCatItemsList a {
	text-decoration: none!important;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: normal
}

footer .container .packagesCatItemsList .row .flip1 a:hover,
footer .container .packagesCatItemsList .row .flip2 a:hover {
	background: 0 0!important;
	text-decoration: none!important
}

footer .container .packagesCatItemsList h3 a {
	font-size: 25px
}

.packagesCatItemsList .flip .flip1 {
	float: right
}

.packagesCatItemsList .flip .flip2 {
	float: left
}

.packageDetailsWrap article ul {
	padding: 18px 0 9px
}

.special-offer footer .container .special-offer-right article .packageDetailsWrap h3 {
	font-size: 29px;
	color: #fff;
	font-weight: 300;
	font-family: Gotham-Light;
	letter-spacing: 0;
	margin-bottom: 18px;
	line-height: normal;
	padding: 0 0 20px
}

.special-offer footer .container article .packagesCatItemsList h2 {
	font-size: 40px;
	font-weight: 400;
	padding: 10px 0;
	font-family: Gotham-Mediumn;
	text-align: center;
	text-transform: uppercase;
	display: none
}

.packageDetailsWrap .packageImageMain {
	padding-bottom: 471px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center
}

.c6.hide.end {
	width: 100%
}

div#terms-conditions ul li {
	font-size: 10px;
	list-style-position: inside;
	text-indent: -2em;
	padding-left: 2em
}

.special-offer-right.removeSpecialWidgetYes {
	width: 100%;
	padding: 12px 0 0;
	background: 0 0
}

.special-offer-right.removeSpecialWidgetYes .FormPanel {
	position: relative;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto
}

.special-offer-right.removeSpecialWidgetYes .FormPanel table {
	table-layout: fixed
}

@media(min-width:980px) {
	.special-offer-right.removeSpecialWidgetYes .FormPanel td {
		width: 50%
	}
}

.holiday-page .gallery-icon,
.holiday-page .guestroom-section #form .button,
.holiday-page .guestroom-section h2,
.holiday-page .special-events,
.holiday-page .special-offer,
.holiday-page .ui-state-highlight,
.holiday-page .ui-widget-content .ui-state-highlight,
.holiday-page .ui-widget-header,
.holiday-page .ui-widget-header .ui-state-highlight {
	background: #a67528
}

.newsletter-sub .email-box {
	float: left;
	width: 43%
}

.newsletter-sub button {
	border-radius: 0;
	color: #323e48;
	display: inline-block;
	font-family: Gotham-Bold;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0 0 0 7px;
	padding: 9px 33px 8px;
	text-transform: none;
	width: auto;
	border: 0
}

.slider-video {
	bottom: 0;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	right: 0;
	width: auto!important;
	z-index: -100
}

.swiper-container .slider-video {
	position: absolute;
	left: 0;
	margin: 0
}

iframe#webcamframe {
	height: 320px
}

.intrinsic-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}

.intrinsic-wrapper iframe,
.intrinsic-wrapper object {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.hidden-page .guestroom-section {
	display: none
}

#golfLogo {
	position: absolute;
	top: 5%;
	z-index: 999;
	right: 67px;
	max-width: 250px;
	width: 140px;
	height: 140px
}

.accordion_head {
	cursor: pointer;
	display: inline-block
}

.holiday-page .banner .item .caption h1,
.holiday-page .banner .item .caption span {
	color: #fff
}

.holiday-page .guestroom-section #form .check-in input,
.holiday-page .guestroom-section #form .check-out input {
	background-color: #a67528
}

.holiday-page .guestroom-section #form .button:hover {
	background: #6f879b
}

.holiday-page .guestroom-section #form .guest {
	background-color: #a67528
}

.holiday-page .book-section {
	background: #a67528
}

.holiday-page .book-section a.reserveonline {
	background: #c59446;
	padding: 14px 46px
}

.holiday-page .book-section a.reserveonline:hover {
	background: #4e5e6a
}

.holiday-page footer .container article a:hover {
	color: #ccc
}

.holiday-page footer .container .special-offer-right article a.btn {
	background: #1a1f23;
	margin-bottom: 50px
}

.holiday-page .special-offer footer .container .special-offer-right article a:hover {
	color: #45545e
}

.holiday-page footer .container .special-offer-right article {
	font-family: Gotham-light
}

.holiday-page #gridSection .grids {
	background-color: #a67528
}

.holiday-page .special-offer-left a.view-offer:hover {
	color: #aaa
}

.holiday-page .special-events {
	background: #45545e
}

.holiday .grid {
	padding: 10px 0 0
}

.holiday .grid .grid-Description {
	padding-top: 40px
}

.holiday .grid .grid-Description h3 {
	font-size: 40px;
	font-family: Gotham-Light;
	font-weight: 300;
	padding: 20px 0 0
}

.holiday .grid .grid-Description .c12 {
	text-align: left;
	padding-left: 0
}

.holiday .c4 {
	padding-left: 0
}

.holiday .grid .grid-Description p {
	line-height: 7px;
	padding: 25px 0
}

.holiday .grid .grid-Description em {
	font-size: 27px;
	font-family: Cochin-Italic;
	line-height: normal
}

.holiday .row {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 50px;
	padding-bottom: 30px
}

.holiday .row .mini-wrap {
	max-width: 239px
}

.holiday h4 {
	font-size: 20px;
	font-family: Gotham-Light;
	color: #333
}

.banner .item .caption a,
.header-top a {
	font-family: Gotham-Bold
}

.holiday .tab-content li:first-child {
	padding-top: 0;
	color: #333
}

.holiday .tab-content li:first-child h4 {
	padding-bottom: 20px
}

.holiday .tab-content li {
	padding-bottom: 20px;
	border-bottom: 1px solid #71572e;
	padding-top: 20px
}

.holiday .tab-content li a {
	text-decoration: underline;
	color: #333
}

.holiday .tab-content li a:hover,
.holiday ul.tabs li.current {
	color: #000
}

.holiday {
	background-color: #c59446
}

.holiday ul.tabs {
	margin: 0;
	padding: 0 0 60px;
	list-style: none;
	display: inline-block
}

.holiday ul.tabs li {
	background: 0 0;
	display: block;
	padding: 10px 15px 3px 0;
	cursor: pointer;
	text-transform: uppercase
}

.holiday .tab-content {
	display: none;
	padding: 0
}

.holiday .tab-content.current {
	display: inherit
}

.holiday .tab-link.current {
	border-bottom: 1px solid #000
}

.holiday .holidayImg {
	padding: 0 0 40px;
	text-align: center
}

.holiday table.holiday tr td:first-child {
	width: 75px
}

#propButton {
	background: #37424a;
	border: 1px solid #fff;
	font-size: 1em
}

#map {
	padding-bottom: 30%
}

a#propButton.btn:hover {
	color: #032165
}

.h_iframe {
	position: relative
}

.h_iframe .ratio {
	display: block;
	width: 100%;
	height: 2300px
}

.h_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

header .RadioButtonList input[type=radio] {
	margin: 0;
	padding: 0
}

header footer .container {
	padding-top: 1%;
	padding-bottom: 0;
	background-color: #fff
}

.header-navigation .enumenu_ul ul.desk>li>a::after {
	position: absolute;
	right: 0;
	height: 14px;
	width: 2px;
	background: #323e48;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto
}

.header-navigation .enumenu_ul .enumenu_container ul.desk li.seperator .mobile {
	display: none
}

.check-now,
.guest {
	display: table-cell
}

.header-navigation .enumenu_ul ul.desk>li>a:last-child:after {
	background: 0 0
}

#bookingMask {
	padding: 0 250px;
	right: auto
}

header .guestroom-section #newform .check-in input::-webkit-input-placeholder,
header .guestroom-section #newform .check-out input::-webkit-input-placeholder {
	color: #49463e
}

header .guestroom-section #newform .check-in input:-ms-input-placeholder,
header .guestroom-section #newform .check-out input:-ms-input-placeholder {
	color: #49463e
}

header .guestroom-section #newform .check-in input::-moz-placeholder,
header .guestroom-section #newform .check-out input::-moz-placeholder {
	color: #49463e
}

.check-in,
.check-out {
	float: none;
	display: table-cell
}

.guest {
	float: none;
	width: 30%
}

.check-now {
	float: right;
	vertical-align: bottom;
	width: 26%;
	background: #008bac
}

#reservWrap,
label {
	vertical-align: middle
}

label {
	font-weight: 700;
	letter-spacing: 0;
	font-size: 13px
}

#formWrap {
	float: left;
	width: 74%
}

#formWrap .check-in,
#formWrap .check-out,
#formWrap .guest {
	top: 16px;
	position: relative;
	float: left;
	padding-right: 1%
}

.banner .item .caption a {
	background-color: #fff;
	color: #49463e;
	text-shadow: none;
	font-size: 15px;
	padding: 9px 21px;
	display: inline-block;
	margin: 25px 14px 0 0;
	text-transform: uppercase
}

.header-top a {
	color: #032165;
	line-height: normal;
	font-size: 14px;
	margin: 0
}

header .guestroom-section {
	background-color: #032165;
	min-width: 100%;
	max-width: 100%;
	z-index: 0;
	height: auto;
	padding: 0 206px;
	float: left
}

header .guestroom-section h2 {
	background-color: #032165!important;
	color: #fff;
	font-family: Cochin-Italic;
	padding: 0;
	display: block;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 4px;
	font-style: italic;
	text-align: right;
	top: 16px;
	position: relative
}

header .guestroom-section #newform {
	padding: 0;
	display: table-cell;
	max-width: 1013px;
	float: right;
	width: 80%
}

header .guestroom-section #newform .check-in input,
header .guestroom-section #newform .check-out input {
	background: url(https://www.monarchbeachresort.com/getmedia/e604f2ae-085b-4d43-9599-99876522dab9/calender-icon_2) 8% 5px no-repeat #fff;
	border-radius: 0;
	color: #49463e;
	font-size: 12px;
	font-family: Gotham-Light;
	font-weight: 600;
	margin: 0 20px 0 10px;
	padding: 4px 5px;
	text-transform: uppercase;
	max-width: 138px;
	letter-spacing: 2px;
	text-indent: 25px;
	display: inline-block
}

header .guestroom-section #newform .button {
	color: #fff;
	text-align: center;
	display: block;
	padding: 17px 34px;
	font-size: 15px;
	text-transform: uppercase;
	font-family: Gotham-Bold;
	background: #008bac;
	border: 0;
	box-shadow: none;
	width: 100%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-khtml-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	letter-spacing: 1px
}

header .guestroom-section #newform .button:hover {
	background: #49463e
}

#reservWrap {
	display: table-cell;
	float: left;
	width: 20%;
	padding: 0 2%
}

.select,
.styledSelect {
	position: relative;
	width: 100%
}

#showMore,
.selectbox1 {
	display: none
}

.s-hidden {
	visibility: hidden;
	padding-right: 10px;
	display: none!important
}

.select {
	cursor: pointer;
	display: inline-block;
	font: 400 11px/22px Arial, Sans-Serif;
	color: #000;
	max-width: 62%
}

.styledSelect {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	padding: 0 20px;
	font-weight: 600;
	font-family: Gotham-Light;
	font-size: 13px;
	color: #49463e;
	text-align: center;
	height: 23px
}

.styledSelect::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0;
	border-color: #49463e transparent transparent;
	position: absolute;
	top: 7px;
	left: 7px
}

.styledSelect.active,
.styledSelect:active {
	background-color: #eee
}

.options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.options li {
	margin: 0;
	padding: 0 10px
}

.options li:hover {
	background-color: #39f;
	color: #fff
}

.hidden-page .banner-and-guestroom-section {
	margin-top: 0!important
}

.hidden-page header {
	padding: 0!important
}

.previewFormMask {
	max-width: 275px;
	margin: 0 auto
}

.previewFormMask h2 {
	color: #fff;
	font-family: Gotham-Bold;
	padding: 7px 0;
	display: block;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: normal;
	text-align: left;
	margin: 20px 0 0
}

.previewFormMask .FormPanel {
	margin-top: 0;
	max-width: 100%
}

.previewFormMask #form2 {
	padding: 21px 21px 4px;
	background: rgba(255, 255, 255, .8)
}

.previewFormMask #form select,
.previewFormMask input {
	border-radius: 0;
	font-size: 10px;
	font-family: Gotham-Bold;
	margin: 0 0 16px;
	padding: 9px 15px 8px;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 2px;
	display: block
}

.previewFormMask #errors-contact-prev a {
	display: block
}

.membership-page .previewFormMask #form select,
.membership-page .previewFormMask input {
	color: #fff
}

.membership-page input::-webkit-input-placeholder {
	color: #fff
}

.membership-page input:-moz-placeholder {
	color: #fff
}

.membership-page input::-moz-placeholder {
	color: #fff
}

header .header-padding .booking-mask .booking-expand .booking-padding input::placeholder {
	color: #032165
}

.previewFormMask #form input.datepicker {
	background: url(https://www.monarchbeachresort.com/getmedia/970eb0dc-6667-4065-b4e4-c0457cef8a54/calender-icon/) 97% 4px no-repeat
}

.previewFormMask #form select {
	-webkit-appearance: none
}

.previewFormMask .visuallyhidden,
a.skip-main {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden
}

.previewFormMask .ErrorLabel {
	color: #c00;
	font-size: 11px
}

.previewFormMask .EditingFormErrorLabel {
	font-size: 11px;
	text-align: left
}

.previewFormMask .FormButton {
	margin: 0
}

.previewFormMask small {
	font-style: italic;
	margin: 8px 0;
	display: block
}

.previewFormMask .visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0
}

.previewFormMask .hasDatepicker {
	width: 85%;
	float: left
}

a.skip-main {
	left: -999px;
	top: auto;
	z-index: -999
}

a.skip-main:active,
a.skip-main:focus {
	color: #fff;
	background-color: #000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid #ff0;
	text-align: center;
	font-size: 1.2em;
	z-index: 999
}

.adventure .special-offer {
	background-color: #1f4d78
}

.grid .row article ul li {
	color: #666
}

.gridDescription a:hover {
	text-decoration: underline
}

.empty #gridv2 .services .service {
	background-color: #c4e5ed
}

.accommodations-page .services .service {
	background-color: #e6f4f4
}

.dining-page .services .service {
	background-color: #e6f4f4
}

.golf-page .services .service {
	background-color: #dbe0e3
}

.meetings-page .services .service {
	background-color: #f1debc
}

.miraval-page .services .service {
	background-color: #d8e6e8!important
}

.grid .row article h2,
.grid .row article h2 a {
	color: #666;
	font-size: 24px;
	text-align: left;
	padding: 15px 0;
	text-decoration: none;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0
}

.grid .row article h2,
.grid .row article h2 a,
.gridWrap h2 {
	font-weight: 300;
	font-family: Gotham-Light
}

@media(max-width:2004px) {
	footer .columnleft .equalhalf {
		margin: 0 19px
	}
}

@media(max-width:1920px) {
	footer .container {
		padding: 8px 206px
	}
	.second-menu ul {
		margin-left: 206px
	}
	.gallery-icon {
		right: 199px
	}
	.gallery-icon a {
		display: block;
		color: #fff
	}
	.guestroom-section {
		right: 206px;
		top: 0
	}
	.banner .item .caption {
		margin: auto 93px
	}
	.second-menu ul.active {
		padding-left: 100px;
		transform: translateX(0);
		padding-right: 10px
	}
	.adjust {
		position: inherit;
		top: -24px!important;
		left: -203px!important;
		margin: 1% 0!important;
		width: auto
	}
	.header-top {
		margin: 0
	}
	header {
		min-height: auto;
		padding: inherit
	}
	.header-navigation .enumenu_ul ul.desk ul {
		left: -215px;
		top: 0;
		margin-top: 38px
	}
	header .guestroom-section {
		right: inherit
	}
	#bookingMask {
		padding: 0 206px
	}
}

@media only screen and (max-width:1916px) {
	footer .columnleft .equalhalf {
		width: 50%;
		margin: 0
	}
}

@media(max-width:1900px) {
	.adjust {
		top: -38px!important
	}
	a.btn {
		top: 0
	}
}

@media(max-width:1885px) {
	#bookingMask,
	footer .container {
		padding: 0 3%
	}
	.second-menu ul {
		margin-left: 50px
	}
	.gallery-icon,
	.guestroom-section {
		right: 50px
	}
	.banner .item .caption {
		margin: auto 50px
	}
	#bookingMask {
		width: 100%
	}
}

@media only screen and (max-width:1575px) {
	.logo {
		width: 330px
	}
	.header-navigation .enumenu_ul ul.desk li a {
		font-size: 13px
	}
	.special-offer-right {
		width: 73.5%
	}
	.special-offer-right h1 {
		font-size: 46px
	}
	.special-offer-left h2 {
		font-size: 100%
	}
	footer .columncenter .social-icons li {
		margin-right: 15px
	}
	footer .columncenter .social-icons li .fa {
		font-size: 34px
	}
	.header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 48px;
		left: -115px
	}
	header {
		min-height: inherit
	}
	.banner-and-guestroom-section {
		margin: 88px 0 0
	}
	.adjust {
		top: -41px!important;
		left: -203px!important
	}
	footer .container {
		padding: 0 3%
	}
}

@media(max-width:1499px) {
	.banner .item .caption {
		bottom: 0;
		transform: translateY(-10%)
	}
}

@media only screen and (max-width:1493px) {
	.logo {
		width: 225px
	}
}

@media only screen and (max-width:1400px) {
	footer .container {
		max-width: 100%;
		margin: 0 auto
	}
	.second-menu ul {
		margin-left: 30px;
		padding-left: 30px
	}
	.banner .home-swiper-wrapper .item .caption h2,
	.banner .item .caption h1 {
		font-size: 40px
	}
	.book-section h2,
	.book-section2 h2,
	.special-offer-right h1 {
		font-size: 30px
	}
	.header-top ul {
		font-size: 13px;
		margin: 3px 0 0
	}
	.header-top ul li .fa {
		top: -3px;
		left: -33px;
		font-size: 21px
	}
	.guestroom-section h2 {
		font-size: 30px;
		padding: 7px 0;
		text-align: center
	}
	.special-offer-left {
		width: 26%
	}
	.special-offer-left .offer-img {
		width: 100%
	}
	.special-offer-right .call-info {
		font-size: 19px;
		margin: 60px 0 0
	}
	footer .columncenter address {
		margin-bottom: 5px
	}
	footer .columncenter .call-info,
	footer .columncenter .social-icons {
		margin-bottom: 53px
	}
	.special-events p,
	.special-events span {
		font-size: 16px
	}
	.book-section p,
	.special-events p {
		line-height: 24px
	}
	.book-section span,
	.special-events span {
		line-height: 24px;
		display: block
	}
	.gecko footer .columnright .newsletter form button,
	footer .columnright .newsletter form button {
		padding: 10px 0 17px 3px;
		text-align: center;
		width: 34%;
		line-height: normal
	}
	footer .columnright .newsletter form .email-box {
		width: 66%
	}
	.header-navigation .enumenu_ul ul.desk ul {
		left: -215px;
		top: 0
	}
	.second-menu ul.active {
		transform: translateX(0);
		padding-right: 10px
	}
	.banner-and-guestroom-section {
		margin: 90px 0 0
	}
	.win.safari .header-top ul {
		min-width: 394px
	}
	.dining-page .book-section p {
		margin-bottom: 20px
	}
	.special-events .event-img {
		margin-left: -1px
	}
	.special-events .event-img.img-left {
		margin-left: 0
	}
	.guestroom-section {
		position: absolute;
		top: 0!important;
		background: rgba(255, 255, 255, .8)!important;
		right: 73px;
		min-width: 266px;
		max-width: 266px;
		z-index: 6;
		height: inherit!important
	}
	.adjust {
		left: auto!important
	}
	header .guestroom-section {
		background: #032165!important;
		top: inherit!important;
		position: relative
	}
	.header-navigation .enumenu_ul ul.desk li a {
		font-size: 11px;
		vertical-align: top
	}
	.select {
		max-width: 122px
	}
}

@media(max-width:1366px) {
	.banner .item {
		min-height: 611px;
		max-height: 611px
	}
	#formWrap {
		left: 7%;
		position: relative
	}
	.win.safari #formWrap {
		left: 0!important
	}
	.select {
		max-width: 100px
	}
	.guest .select {
		max-width: 68px
	}
}

@media(max-width:1365px) {
	header .guestroom-section #newform .check-in input,
	header .guestroom-section #newform .check-out input {
		max-width: 127px;
		padding: 0 inherit;
		margin: 0 2px 0 0
	}
	.styledSelect {
		width: 100%!important
	}
	header .guestroom-section #newform .button {
		padding: 17px 12px
	}
	#formWrap {
		float: left;
		padding-right: 1%;
		left: 0
	}
	header .guestroom-section #newform {
		max-width: 880px
	}
	.gallery-slider {
		height: 500px
	}
}

@media(max-width:1280px) {
	.banner .item {
		min-height: 611px;
		max-height: 611px
	}
	.header {
		top: 0
	}
	.second-menu {
		bottom: 0
	}
	.dining-page .book-section {
		background: #4dd3e3;
		padding: 36px 0 61px
	}
	footer .columnright h3 {
		font-size: 12px;
		margin: 0 0 11px;
		letter-spacing: 3.4px
	}
	footer .columnright .popular-links ul li {
		margin: 0 0 13px;
		color: #fff;
		font-size: 11px
	}
	footer .columncenter address {
		font-size: 10px
	}
	#RoomsDetailsWrapper .swiper-room .swiper-slide {
		background-size: cover
	}
}

@media(max-width:1279px) {
	.logo {
		width: 200px
	}
	.header-top ul {
		font-size: 12px
	}
	.header-navigation .enumenu_ul ul.desk>li {
		padding: 0
	}
	.banner .item .caption h1 {
		font-size: 38px;
		line-height: 59px
	}
	.banner .item .caption span {
		font-size: 40px
	}
	.special-offer-left h2 {
		font-size: 22px
	}
	.special-offer-left {
		width: 30%
	}
	.special-offer-right {
		padding: 12px 20px 25px 43px;
		width: 69.5%
	}
	.book-section h2,
	.special-events h2,
	.special-offer-right h1 {
		font-size: 30px
	}
	.special-events p {
		font-size: 18px
	}
	footer .columnleft .ftr-logo {
		width: 100%
	}
	footer .columnleft .equalhalf {
		width: 40%;
		margin-right: 20px
	}
	footer .columncenter {
		font-size: 15px
	}
	footer .columncenter .social-icons li .fa {
		font-size: 24px
	}
	footer .columnright {
		width: 40%
	}
	footer .columnright .popular-links ul li {
		font-size: 11px
	}
	.header-top a.btn {
		padding: 6px 18px;
		font-size: 13px
	}
	.header-navigation ul.desk ul .three-menu-colum h2,
	.header-navigation ul.desk ul li a {
		font-size: 12px
	}
	.header-navigation ul.desk ul .three-menu-colum h2 {
		margin-bottom: 6px
	}
	footer .columnright .newsletter form button {
		font-size: 13px
	}
	.second-menu ul li {
		font-size: 11px
	}
	.banner-and-guestroom-section {
		margin: 81px 0 0
	}
	.header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 28px
	}
	.second-menu ul li ul {
		top: 25px
	}
	.win.gecko .second-menu ul li ul {
		top: 27px
	}
	.win.safari .second-menu ul li ul {
		top: 42px
	}
	.safari .second-menu ul li ul {
		top: 28px
	}
	.ie .second-menu ul li ul {
		top: 42px
	}
	.banner .owl-carousel .owl-controls {
		top: 210px
	}
	.adjust {
		position: relative;
		top: 0!important;
		left: 0!important
	}
	footer .columncenter address {
		letter-spacing: 1.6px
	}
	footer .columncenter .call-info {
		margin-bottom: 59px
	}
	.guestroom-section {
		top: 0
	}
	.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button,
	.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector {
		max-width: 100%;
		width: 100%
	}
	.FormPanel table {
		font-size: 94%
	}
	.FormPanel {
		max-width: 100%
	}
}

@media(max-width:1261px) {
	.header-navigation .enumenu_ul ul.desk li a {
		font-size: 10px;
		padding: 21px 15px
	}
	.header-navigation .enumenu_ul ul.desk li a:last-child {
		padding: 0 0 0 15px
	}
}

@media(max-width:1176px) {
	header .guestroom-section #newform .button {
		padding: 17px 5px;
		font-size: 11px;
		position: relative
	}
	header .guestroom-section #newform {
		max-width: 831px
	}
	.check-in,
	.check-out,
	.guest,
	.select {
		display: inline-block
	}
	header .guestroom-section #newform .check-in input,
	header .guestroom-section #newform .check-out input,
	label {
		font-size: 11px
	}
	#formWrap {
		padding-right: 0
	}
}

@media(max-width:1159px) {
	.tabletwide .header-top ul {
		min-width: inherit
	}
	.header-navigation .enumenu_ul ul.desk li a {
		padding: 21px 10px
	}
	.header-navigation .enumenu_ul ul.desk li a:last-child {
		padding: 0 0 0 10px
	}
}

@media(max-width:1150px) {
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 1px
	}
	footer .columnright .newsletter form .email-box input {
		-webkit-appearance: none
	}
	.tabletwide .header-top ul {
		min-width: 425px
	}
	#RoomsWrapper h4 {
		font-size: 21px
	}
}

@media(max-width:1110px) {
	header .guestroom-section #newform {
		max-width: 725px
	}
	#formWrap {
		width: 79%
	}
	.check-now {
		width: 21%
	}
	.guest {
		width: 24%
	}
	.header-navigation .enumenu_ul ul.desk li a {
		padding: 21px 5px
	}
	.header-navigation .enumenu_ul ul.desk li a:last-child {
		padding: 0 0 0 5px
	}
	.select {
		max-width: 50px
	}
}

@media(max-width:1089px) {
	.FormPanel td {
		text-align: left
	}
	.CheckBoxListField label {
		padding: 0 0 0 3px;
		float: none
	}
}

@media(max-width:1024px)and (max-height:768px) {
	.guestroom-section {
		position: absolute;
		top: 0
	}
	.adjust {
		position: relative;
		top: 0!important;
		left: 0!important
	}
	.banner .item {
		min-height: 467px;
		max-height: 467px
	}
	.gallery-slider .item {
		height: 440px
	}
	footer .columnright .popular-links ul li {
		margin: -1px 0 13px;
		font-size: 11px
	}
	footer .columnright h3 {
		font-size: 11px;
		margin: 0 0 11px
	}
	footer .columncenter address {
		margin-bottom: 17px;
		font-size: 10px
	}
	footer .columncenter a.reservation-btn,
	footer .columnright .newsletter form button {
		font-size: 11px
	}
	footer .columncenter .social-icons {
		margin-bottom: 44px
	}
	footer .columnleft .ftr-logo {
		margin-bottom: 18px
	}
	footer .columnleft span {
		font-size: 13px;
		margin-bottom: 20px
	}
	footer .columnleft .equalhalf {
		width: 50%;
		margin-right: 0
	}
	footer .columncenter .call-info {
		margin-bottom: 49px
	}
}

@media(max-width:1024px) {
	.banner .item {
		min-height: 467px;
		max-height: 467px
	}
	.second-menu ul {
		width: 99%
	}
	#golfLogo {
		max-width: 139px
	}
	.hideVideo {
		display: none!important
	}
	.specials,
	.swiper-slide {
		padding-right: 8%
	}
}

@media(max-width:1023px) {
	.gallery-icon {
		right: 120px
	}
	.special-offer-left h3 {
		font-size: 19px
	}
	.special-offer-left h3 br {
		display: none
	}
	.special-offer-left a.view-offer,
	.special-offer-left p {
		font-size: 15px
	}
	.special-offer-left {
		width: 36%
	}
	.special-offer-right {
		width: 64%;
		padding: 12px 20px 25px 43px
	}
	.special-offer-right .call-info {
		margin: 24px 0 0
	}
	.book-section h2,
	.special-events h2,
	.special-offer-right h1 {
		font-size: 28px
	}
	.gallery-slider .item {
		height: 345px
	}
	.special-events .event-img {
		height: 192px
	}
	.header-navigation .enumenu_ul ul.desk ul {
		left: -271px
	}
	.book-section a.reserveonline {
		padding: 10px 23px;
		font-size: 15px
	}
	.special-offer-right p {
		line-height: 36px
	}
	footer .columnright .popular-links ul {
		width: 172px
	}
	.accomodation-page .book-section ul li a .overlay-text h3 {
		font-size: 22px
	}
	.accomodation-page .book-section ul li a .overlay-text span {
		font-size: 15px
	}
	.ui-widget-content {
		position: relative;
		z-index: 99999!important
	}
	.gallery-slider .owl-carousel .owl-controls {
		top: 0
	}
	span.event-left,
	span.event-right {
		margin: 12px 0 0
	}
}

@media(max-width:991px) {
	.roomsFooterContent .row {
		padding: 20px 0
	}
	.roomsFooterContent .row .innerWrap {
		padding: 0
	}
	.roomsFooterContent footer .container {
		background-position: center 5%;
		background-size: 16%
	}
	.roomsMenuWrap ul#roomsMenu li a {
		font-size: 18px
	}
}

@media(max-width:990px) {
	.previewFormMask h2 {
		font-size: 100%;
		text-align: center
	}
	.previewFormMask #form input.datepicker {
		background: url(https://www.monarchbeachresort.com/getmedia/970eb0dc-6667-4065-b4e4-c0457cef8a54/calender-icon/) 97% 0 no-repeat
	}
	.previewFormMask {
		width: 95%
	}
}

@media(max-width:984px) {
	.logo {
		width: 150px
	}
}

@media(max-width:979px) {
	header footer .container {
		width: 100%
	}
	.header-navigation {
		position: relative
	}
	.header-navigation .enumenu_container ul {
		display: none
	}
	.menu-block {
		height: auto
	}
	.header-navigation .enumenu_ul .menu-icon {
		display: inline-block;
		float: right;
		font-size: 0
	}
	.services-detail a.pba-detail {
		border-bottom: 2px solid #d3d9da
	}
	.header-navigation .enumenu_ul ul.mob>li {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%
	}
	.header-navigation .enumenu_ul ul.mob>li::after {
		display: none
	}
	.header-navigation .enumenu_ul ul.mob>li>a {
		display: block;
		text-align: center;
		padding: 20px 0;
		color: #fff;
		font-size: 16px;
		text-transform: uppercase
	}
	.header-navigation .enumenu_ul ul.mob {
		width: 100%;
		position: absolute;
		top: 0;
		z-index: 99999;
		background: #008bac;
		overflow: auto;
		box-shadow: 0 0 7px #818281
	}
	.header-navigation .enumenu_ul ul.mob>li {
		border-bottom: 1px solid #fff;
		position: relative
	}
	.header-navigation .enumenu_ul ul.mob>li ul {
		background: #dce3e3;
		padding: 0!important;
		position: relative
	}
	.header-navigation .enumenu_ul ul.mob>li ul a {
		display: block;
		text-align: center;
		color: #666;
		padding: 15px 0;
		font-size: 12px;
		border-bottom: 1px solid #fff
	}
	.header-navigation .enumenu_ul ul.mob>li ul li .three-menu-colum:last-child a:last-child {
		border-bottom: 0
	}
	.header-navigation .enumenu_ul ul.mob>li ul a:hover {
		color: #008bac
	}
	.header-navigation .enumenu_ul .arrow.up {
		background: url(https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/minus.png) center center no-repeat;
		background-size: 15px
	}
	body.menuslide_push {
		position: relative
	}
	body.menuslide_push.slidemenuLeft {
		left: 0;
		transition: left .5s;
		-webkit-transition: left .5s;
		-moz-transition: left .5s;
		-ms-transition: left .5s;
		-o-transition: left .5s
	}
	body.slidemenuRight .enumenu_ul ul.mob {
		right: -300px
	}
	body.slidemenuRight.menu-open .enumenu_ul ul.mob {
		right: 0
	}
	body.slidemenuLeft .enumenu_ul ul.mob {
		left: -300px
	}
	body.slidemenuLeft.menu-open .enumenu_ul ul.mob {
		left: 0
	}
	body.menuslide_push.slidemenuLeft.menu-open {
		left: 300px
	}
	body.menuslide_push.slidemenuRight.menu-open {
		right: 300px
	}
	body.menuOverlap .enumenu_ul ul.mob,
	body.menuslide_push .enumenu_ul ul.mob {
		display: block;
		height: 100%;
		max-height: 100%;
		width: 100%;
		overflow: auto;
		position: fixed;
		transition: all .5s ease 0;
		max-width: 300px
	}
	.logo {
		margin-left: 30px
	}
	.header-top {
		margin-right: 30px
	}
	.header-top ul li {
		margin: 0 4px 6px
	}
	.header-top ul li:last-child {
		margin-right: 0
	}
	.header-top ul li .fa {
		top: -3px;
		left: -28px;
		font-size: 18px
	}
	.header-top ul li:after {
		right: -7px
	}
	.header-top a.btn {
		float: right;
		margin: 10px 0
	}
	.header-top ul {
		font-size: 10px;
		display: block;
		text-align: right
	}
	nav {
		margin-top: 0
	}
	.header-navigation .enumenu_ul .menu-icon {
		margin: 0;
		padding: 0
	}
	.three-menu-colum {
		margin-bottom: 15px
	}
	.three-menu-colum:last-child {
		margin-bottom: 0
	}
	.three-menu-colum h2 {
		text-align: center;
		font-size: 12px;
		margin: 0;
		color: #333
	}
	.header-navigation .enumenu_ul {
		top: 119%
	}
	.special-offer-left h2 {
		font-size: 19px;
		margin-bottom: 10px
	}
	.book-section h2,
	.special-events h2,
	.special-offer-right h1 {
		font-size: 32px;
		margin-bottom: 10px
	}
	.special-offer-right .call-info {
		font-size: 15px
	}
	footer .columncenter,
	footer .columnleft {
		float: left;
		width: 50%
	}
	footer .columnright {
		float: left;
		margin: 40px 0 0;
		width: 100%;
		text-align: center
	}
	footer .columnright .newsletter form .email-box {
		width: 70%
	}
	.gecko footer .columnright .newsletter form button,
	footer .columnright .newsletter form button {
		width: 30%
	}
	footer {
		padding: 20px 0
	}
	.banner .item .caption h1 {
		font-size: 40px;
		line-height: 40px;
		letter-spacing: 0
	}
	.banner .item .caption p {
		font-size: 30px!important
	}
	.accommodations-page .banner .item .caption span,
	.banner .item .caption span {
		font-size: 24px
	}
	.book-section,
	.special-offer {
		padding: 10px 0
	}
	footer .columnright .newsletter {
		float: none;
		margin: 0 auto;
		width: 60%;
		clear: both
	}
	footer .columnright .popular-links {
		display: block;
		clear: both;
		width: 100%;
		float: left
	}
	.guestroom-section {
		right: 30px;
		top: 0
	}
	.popular-link1,
	.popular-link2 {
		display: inline-block;
		float: none;
		margin: 0 10px
	}
	.dining-page .book-section ul li {
		padding: 0 30px
	}
	.accomodation-page .book-section ul li {
		width: 48%
	}
	.accomodation-page .book-section ul li:nth-child(4n) {
		margin-right: 20px
	}
	.accomodation-page .book-section ul li:nth-child(2n),
	.header-navigation .menu-icon .menu-box {
		margin-right: 0
	}
	.win.safari .header-top ul {
		min-width: inherit
	}
	.banner .item .caption {
		top: 62%
	}
	.header-top ul li:after {
		height: 9px;
		top: auto;
		bottom: 2px
	}
	.dining-page .book-section p {
		margin-bottom: 20px
	}
	.second-menu {
		min-width: 100%;
		width: auto!important
	}
	.win.safari .second-menu>ul {
		min-width: 100%;
		width: 70%
	}
	.header-navigation .enumenu_ul ul.desk>li.active a,
	.header-navigation .enumenu_ul ul.mob>li a:hover,
	.header-navigation .enumenu_ul ul.mob>li.active a {
		color: #032165
	}
	.special-events {
		padding: 20px 0 170px
	}
	.c3 {
		width: 50%
	}
	.packagesCatItemsList .flip .flip1,
	.packagesCatItemsList .flip .flip2 {
		float: none;
		width: 100%
	}
	.packageDetailsWrap .packageImageMain {
		padding-bottom: 300px
	}
	#RoomsWrapper h4 {
		font-size: 110%;
		min-height: 0
	}
	.accommodations-page .grid .row article h3 {
		font-size: 19px
	}
	#RoomsWrapper .roomsPadding {
		height: 300px
	}
	.FormPanel td {
		float: left;
		width: 100%
	}
	.EditingFormLabel {
		float: left
	}
	.FormPanel table {
		font-size: 87%
	}
	.banner .item .caption h2 a,
	.holiday-page .banner .item .caption h2 {
		font-size: 100%;
		line-height: normal
	}
	.banner .item .caption {
		margin: 0 auto;
		transform: translateY(-50%)
	}
	.videoContent .c6 {
		width: 100%
	}
	.accommodations-page .special-offer-right {
		padding: 0 30px
	}
	.banner-and-guestroom-section .guestroom-section {
		right: 0
	}
	.header-navigation .enumenu_ul ul.desk>li.mobile {
		display: block
	}
	.header-top,
	.second-menu {
		display: none
	}
	.inside-content02#newform {
		overflow: hidden;
		display: none
	}
	header {
		padding: 0
	}
	.header-navigation {
		float: left!important;
		width: 100px
	}
	header footer .container {
		background: #fff;
		padding: 3% 0
	}
	nav {
		float: none
	}
	.logo {
		float: right;
		width: 297px
	}
	.header-navigation .menu-icon .menu-box {
		width: 44px;
		background-color: #032165;
		padding: 7px 5px 5px;
		left: 29px
	}
	.header-navigation .menu-icon .menu-box span {
		width: 75%;
		height: 4px;
		border-radius: 1px;
		padding: 0;
		margin: 3px auto;
		background: #fff
	}
	.header-navigation {
		margin: 0
	}
	/* #showMore,
	label {
		display: inline-block
	} */
	.header-navigation nav .menu .enumenu_container::after {
		content: "MENU";
		color: #49463e;
		position: relative;
		top: 38px;
		left: 28px;
		font-size: 14px;
		font-family: Gotham-bold
	}
	#reservWrap {
		width: 100%;
		background-color: #032165;
		height: 65px
	}
	header .guestroom-section h2 {
		float: none;
		text-align: center;
		font-size: 30px;
		top: 19px
	}
	#formWrap .check-in,
	#formWrap .check-out,
	#formWrap .guest,
	#showMore {
		width: 100%;
		top: 0
	}
	#formWrap {
		width: 100%
	}
	#formWrap>div {
		padding: 10px 0;
		text-align: center
	}
	.check-now {
		width: 100%;
		background: #032165
	}
	header .guestroom-section #newform {
		max-width: 100%;
		width: 100%
	}
	label {
		font-size: 16px;
		width: 25%
	}
	label[for="enablecontrast"] {
		width: 203px
	}
	header .guestroom-section #newform .check-in input,
	header .guestroom-section #newform .check-out input {
		max-width: 64%;
		float: right;
		margin-right: 10%;
		background: url(https://www.monarchbeachresort.com/getmedia/e604f2ae-085b-4d43-9599-99876522dab9/calender-icon_2) 2% 3px no-repeat #fff;
		font-size: 14px;
		font-weight: 400;
		text-align: right;
		padding-right: 1%;
		width: 100%
	}
	#bookingMask {
		padding: 0
	}
	header .guestroom-section #newform .button {
		font-size: 23px;
		background: #032165
	}
	header .guestroom-section {
		background: rgba(0, 0, 0, .45)!important
	}
	#reservWrap,
	#reservWrap.active {
		background-image: url(https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/close_btn.png);
		background-repeat: no-repeat;
		background-position: right 5% center;
		cursor: pointer
	}
	#reservWrap {
		background-size: 10px 13px
	}
	#reservWrap.active {
		background-size: 25px 25px
	}
	#showMore {
		font-size: 16px;
		background: #032165;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		font-family: Gotham-Bold;
		padding: 16px 0 10px;
		position: absolute;
		z-index: -1
	}
	.guest .select {
		max-width: 64%;
		float: right;
		margin-right: 10%
	}
	.styledSelect {
		padding: 0 55px 0 10px;
		font-weight: 400;
		font-size: 15px;
		text-align: right
	}
	.FormPanel label {
		padding: 10px 0
	}
	.cadillac img {
		padding-bottom: 0
	}
	.transaction-details .table-condensed th, .transaction-details .table-condensed td {
	    display:table-cell;
	}
}

@media only screen and (max-width:942px) {
	.scrollable .toptitles {
		height: 53px!important
	}
}

@media(max-width:800px) {
	.accommodations-page .grid .row article h3 {
		font-size: 16px
	}
	.guestroom-section {
		position: absolute;
		top: 0
	}
	.resizeHeader {
		height: 36px;
		position: fixed;
		top: -1px;
		width: 100%;
		z-index: 999;
		min-height: 76px
	}
	.adjust {
		position: relative;
		top: -67px!important;
		left: 0!important
	}
	span.event-left,
	span.event-right {
		top: 186px
	}
	span.event-left p,
	span.event-right p {
		font-size: 15px
	}
	.header-navigation .menu-icon .menu-box {
		margin-right: 0;
		padding: 5px;
		right: 28px;
		top: -8px
	}
	.bx-viewport {
		height: 394px!important;
		max-height: 394px
	}
	.c8.holidays-slider.end .bx-wrapper .bx-viewport {
		height: 31px!important;
		max-height: 31px
	}
	.c8.holidays-slider.end .bx-prev {
		left: -30px!important
	}
	.c8.holidays-slider.end .bx-next {
		right: -38px!important
	}
	.guestroom-section form {
		padding: 10px 22px
	}
	.banner .item {
		min-height: 465px;
		max-height: 465px
	}
	footer .columnright .popular-links ul li {
		font-size: 12px
	}
	#RoomsWrapper h4 {
		font-size: 16px
	}
	#RoomsWrapper .roomsPadding {
		height: 100%
	}
}

@media(max-width:768px) {
	#RoomsWrapper .RoomsHead .row .c4,
	#gridSection .grid .row article p,
	.grid .row article h3,
	.grid .row article h3 a {
		text-align: center
	}
	.guestroom-section {
		top: 0
	}
	.book-section,
	.special-offer {
		padding: 12px 0 22px
	}
	.special-offer-left h2 {
		font-size: 19px
	}
	footer {
		background-color: #323e48;
		padding: 1px 0;
		width: 100%;
		float: left;
		margin-bottom: 0
	}
	#RoomsWrapper .RoomsHead {
		display: block
	}
	#RoomsDetailsWrapper #RoomsSection .row .c4 {
		display: block;
		float: inherit
	}
	#RoomsDetailsWrapper #RoomsSection .row .c8 {
		display: block;
		float: inherit;
		padding-right: inherit;
		padding-left: inherit;
		overflow: visible;
		margin-bottom: 0
	}
	#RoomsDetailsWrapper #RoomsSection #roomWraps {
		margin: inherit;
		max-width: inherit
	}
	#RoomsDetailsWrapper #RoomsSection #AdditionalWrapper {
		display: inherit;
		margin: inherit;
		max-width: 100%
	}
	.swiper-room {
		width: 100%;
		height: 300px;
		overflow: visible
	}
	.swiper-room .swiper-slide {
		background-position: center center
	}
	#RoomsSection .swiper-container-horizontal>.swiper-pagination-bullets,
	#RoomsSection .swiper-pagination-custom,
	#RoomsSection .swiper-pagination-fraction {
		bottom: 10px;
		left: 10px
	}
	.accommodations-page .grid,
	.accommodations-page .grid .row {
		display: inherit;
		height: auto
	}
	.accommodations-page .grid .row .columns:first-child {
		padding-left: inherit
	}
	.accommodations-page .grid .row .columns {
		display: block;
		float: inherit;
		overflow: visible
	}
	#gridSection .grid .row .columns {
		display: block
	}
	footer .container article #OT_searchWrapperAll a {
		color: #000;
		text-decoration: none
	}
	.ot-dtp-picker.wide .ot-dtp-picker-form {
		height: 11em!important
	}
}

@media(max-width:767px) {
	#RoomsWrapper p {
		min-height: 0
	}
	.guestroom-section {
		display: none
	}
	.tooltip {
		left: -61px
	}
	.guestroom-section h2 {
		margin: 0 20px
	}
	.miraval-page .book-section {
		padding: 10px 0
	}
	header {
		padding: 0 0 10px
	}
	.banner-and-guestroom-section {
		margin-top: 93px
	}
	.special-offer-left,
	.special-offer-right {
		width: 100%;
		float: left;
		padding-right: 0;
		padding-bottom: 0;
		visibility: visible!important
	}
	.special-offer-left figure {
		width: 100%;
		float: none;
		display: block;
		margin: 10px auto
	}
	.special-offer-left figure .offer-img {
		background-size: cover
	}
	.special-offer-left .offer-img {
		max-width: 355px;
		margin: 0 auto
	}
	.special-offer-right {
		background: 0 0
	}
	.header-top {
		margin-right: 30px;
		width: 57%
	}
	nav {
		margin-top: 0
	}
	.header-top a.btn {
		float: right;
		margin-top: 10px;
		font-size: 10px
	}
	.header-top ul {
		width: 100%;
		text-align: right
	}
	.banner .item .caption {
		transform: none;
		top: 45%;
		width: 90%;
		left: 0;
		right: 0;
		text-align: center
	}
	.book-section,
	.special-offer {
		padding: 20px 0 25px;
		text-align: center
	}
	.second-menu ul li {
		padding: 0 15px 0 0;
		margin: 0 15px 0 0
	}
	.book-section p,
	.special-events p {
		line-height: 26px;
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 14px
	}
	.banner owl-controls {
		display: none
	}
	.header-navigation .enumenu_ul .menu-icon {
		margin: 0;
		padding: 0
	}
	.header-navigation .enumenu_ul ul.mob>li>a {
		font-size: 12px;
		text-align: left;
		padding-left: 13px
	}
	.accommodations-page .banner .item .caption span,
	.guestroom-section h2,
	.holiday-page .holiday,
	.holiday-page .holiday .row .mini-wrap,
	.holiday-page ul.tabs,
	.roomsFooterContent .row .innerWrap {
		text-align: center
	}
	.header-navigation .enumenu_ul ul.desk>li.active a,
	.header-navigation .enumenu_ul ul.mob>li a:hover,
	.header-navigation .enumenu_ul ul.mob>li.active a {
		color: #000
	}
	.gallery-icon .fa {
		font-size: 22px;
		line-height: 45px
	}
	.gallery-icon {
		height: 45px;
		width: 45px;
		line-height: 52px
	}
	.guestroom-section form .check-in input,
	.guestroom-section form .check-out input {
		margin-bottom: 5px
	}
	.special-events p {
		padding-bottom: 30px
	}
	.special-offer-right figure {
		margin: 0 auto 20px
	}
	.experiences-page .book-section,
	.special-offer {
		padding: 10px 0
	}
	.special-offer-left h2 {
		margin-top: 5px
	}
	.experiences-page .book-section p {
		margin-bottom: 0
	}
	.accomodation-page .special-offer-right p {
		padding-bottom: 0
	}
	.accomodation-page .special-offer-right,
	.dining-page .special-offer-right,
	.experiences-page .special-offer-right,
	.golf-page .special-offer-right,
	.miraval-page .special-offer-right,
	.special-offer-right {
		padding: 10px 0 0;
		margin-top: 20px
	}
	.book-section a.reserveonline {
		margin-top: 14px
	}
	.dining-page .book-section ul {
		margin-top: 20px
	}
	.miraval-page .special-offer-right {
		padding: 20px 10px
	}
	.miraval-page .special-offer-right figure img {
		max-width: 100%
	}
	.banner .owl-carousel .owl-controls {
		top: 0
	}
	.dining-page .book-section ul li {
		width: 22%;
		margin-right: 2%
	}
	.wedding-page .special-offer-right {
		padding: 10px 20px 0
	}
	.miraval-page .special-offer {
		padding: 20px 0 0
	}
	.guestroom-section h2 {
		font-size: 31px;
		padding: 3px 0
	}
	.roomsFooterContent footer .container .row .butterfly {
		display: none;
		max-width: 50%;
		margin: 0 auto
	}
	#golfLogo {
		right: 55px;
		width: 100px;
		height: 100px
	}
	.special-offer-right.removeSpecialWidgetYes {
		padding: 0
	}
	.holiday-page .holiday .grid .grid-Description h3 {
		font-size: 36px
	}
	.holiday-page .holiday .grid .grid-Description em {
		font-size: 24px
	}
	.holiday-page .holiday .row .c4 {
		padding-left: 20px
	}
	.holiday-page .holiday .grid .grid-Description .c12 {
		text-align: center;
		padding-left: 20px
	}
	.holiday-page .holiday .row {
		padding-top: 0;
		padding-bottom: 0
	}
	.holiday-page .holiday .row .mini-wrap {
		margin: 0 auto
	}
	.holiday-page .holidayImg {
		padding: 0 0 20px
	}
	.holiday-page ul.tabs {
		padding: 0 0 30px
	}
	.banner .item .caption h2 a,
	.holiday-page .banner .item .caption h2 {
		font-size: 100%;
		line-height: normal
	}
	.banner .item .caption {
		margin: 0 auto;
		bottom: inherit
	}
	#RoomsWrapper .roomsPadding {
		height: inherit;
		padding: 15px
	}
	#RoomsWrapper .RoomsHead .roombgImage {
		padding-bottom: 180px
	}
	#RoomsWrapper a.btn,
	.learnWrap {
		right: 0;
		left: 0
	}
	#RoomsWrapper .RoomsHead .row .c4 {
		padding-right: 0
	}
	#RoomsSection .roomsBackColor:nth-child(2n) .bgColor {
		height: inherit
	}
	footer .columncenter .call-info,
	footer .columncenter address {
		margin-bottom: 0
	}
	.icbe-pre-header {
		height: 2rem!important;
		font-size: 1.25rem!important;
		line-height: 1.938rem!important
	}
	.icbe-pre-rates {
		margin: 0 auto!important;
		padding: 10px 0 0!important
	}
	.icbe-pre-btn,
	.icbe-pre-btn:visited {
		height: 2.188rem!important;
		margin: 0!important;
		line-height: 2.188rem!important
	}
	.icbe-pre-step {
		margin-bottom: 0!important
	}
	#RoomsWrapper h2 {
		font-size: 24px
	}
	#RoomsWrapper h3 {
		font-size: 20px
	}
	#RoomsWrapper .RoomsHead {
		padding: 0
	}
	#RoomsWrapper .RoomsHead .row {
		display: block;
		margin-top: 10px;
		height: auto
	}
	.specials,
	.swiper-slide {
		padding-right: 0
	}
	#gridSection .grid .row .columns:first-child {
		padding-left: 10px
	}
	#RoomsWrapper .RoomsHead .row .c4:first-child {
		padding-left: 10px!important
	}
	header .guestroom-section {
		display: block
	}
	#weather {
		display: none
	}
}

@media only screen and (max-width:710px) {
	.scrollable .toptitles {
		height: 69px!important
	}
}

@media(max-width:640px) {
	footer .columnleft span,
	footer .columnright h3 {
		color: #fff;
		font-family: AGaramondPro-Regular
	}
	.banner .item .caption h2 {
		font-size: 20px;
		line-height: normal
	}
	.banner .home-swiper-wrapper .item .caption h2 {
		font-size: 20px;
		text-align: center;
		line-height: normal
	}
	.banner .home-swiper-wrapper .item .caption {
		text-align: center;
		width: 100%;
		margin: 0 auto
	}
	.accommodations-page .grid .row article h3 {
		font-size: 21px;
		min-height: 0;
		max-height: auto
	}
	.banner .item .caption p {
		font-size: 28px!important;
		line-height: 1.5em
	}
	.accommodations-page .banner .item .caption span {
		font-size: 27px;
		margin: 12px 0 0 0
	}
	.special-events .event-img-inner {
		margin-top: 5px;
		height: 192px
	}
	.guestroom-section form button {
		padding: 10px 0
	}
	footer .columncenter address {
		text-transform: uppercase;
		font-style: normal;
		letter-spacing: 3.6px;
		margin: 10px 0 45px;
		line-height: 17px;
		font-size: 8px
	}
	footer .columncenter .call-info span {
		margin-bottom: -1px;
		display: inline-block
	}
	footer .columncenter .call-info span:first-child:after {
		content: " |"
	}
	footer .columncenter .social-icons {
		margin-bottom: 20px
	}
	footer .columnleft,
	footer .columnleft .ftr-logo {
		margin-bottom: 10px
	}
	#mobile-hide,
	footer .columnright .popular-links {
		display: none
	}
	.book-section h2,
	.special-events h2,
	.special-offer-right h1 {
		font-size: 19px;
		padding-bottom: 10px
	}
	.book-section,
	.book-section p,
	.special-events,
	.special-events p,
	.special-offer footer .container .special-offer-right article,
	.special-offer-right p {
		font-size: 13px!important;
		line-height: 22px!important
	}
	.special-offer-left h3 {
		font-size: 15px
	}
	.special-offer-left p {
		font-size: 12px;
		line-height: normal;
		padding-bottom: 10px
	}
	.guestroom-section {
		position: relative;
		right: 0;
		border-bottom: 2px solid #008bac
	}
	.logo {
		text-align: left;
		margin-left: -43px
	}
	.logo1 {
		max-width: 100%;
		display: inline-block
	}
	.header-top {
		float: left;
		margin: -53px auto 0;
		text-align: center;
		width: 100%;
		display: block;
		padding: 0 30px
	}
	.header-top a.btn,
	.header-top ul {
		display: inline-block;
		width: auto;
		float: right;
		margin-right: 0
	}
	.header-top ul {
		display: inline-block;
		text-align: right;
		min-width: 100%
	}
	.header-top a.btn {
		float: right;
		margin: 0
	}
	.banner .item {
		max-height: 228px;
		min-height: 228px
	}
	.special-events .event-img {
		width: 100%
	}
	footer .columncenter,
	footer .columnleft,
	footer .columnright {
		width: 100%;
		float: left;
		text-align: center;
		position: relative;
		top: 20px;
		margin-left: 0
	}
	footer .columnleft .ftr-logo {
		display: block;
		margin: -16px auto 15px;
		width: 140px
	}
	footer .columnleft .equalhalf {
		width: 85px;
		margin: 0 10px;
		display: inline-block;
		float: none;
		position: relative;
		top: -12px
	}
	footer .columncenter .social-icons {
		width: 100%
	}
	footer .columncenter .social-icons li {
		float: none;
		margin: 0 5px
	}
	.header-navigation {
		right: 0
	}
	.header-navigation .menu-icon .menu-box {
		margin: inherit;
		top: 0
	}
	.second-menu ul {
		padding: 0 10px;
		height: 30px
	}
	.second-menu ul li {
		margin: 0 5px 0 0;
		padding: 0 5px 0 0;
		font-size: 10.28px
	}
	.popular-link1,
	.popular-link2 {
		display: inline-block;
		float: none;
		margin: 0;
		width: 100%;
		text-align: center
	}
	footer .columnright .popular-links ul {
		float: none;
		margin: 0 auto
	}
	.second-menu.stickey .sub-emnu-accordian {
		padding: 8px;
		height: 30px
	}
	.second-menu ul.active {
		padding-left: 55px;
		height: 30px;
		vertical-align: inherit;
		padding-top: 5px
	}
	header {
		padding: 0 0 10px
	}
	.banner-and-guestroom-section {
		margin-top: 104px
	}
	body.menuOverlap .enumenu_ul ul.mob,
	body.menuslide_push .enumenu_ul ul.mob {
		max-width: 200px
	}
	body.slidemenuLeft .enumenu_ul ul.mob {
		left: -200px
	}
	.header-navigation .enumenu_ul ul .arrow {
		top: 7px;
		padding: 20px;
		background-size: 15px;
		right: 0
	}
	.guestroom-section form {
		padding: 5px 20px
	}
	.header-top ul li .fa {
		top: 2px;
		left: 0;
		font-size: 18px;
		right: 5px;
		position: relative
	}
	.dining-page .book-section ul li {
		width: 100%;
		margin: 0 0 20px;
		display: block
	}
	.special-offer-right figure {
		width: 260px
	}
	.accomodation-page .book-section ul li {
		width: 100%;
		margin: 0 0 20px
	}
	.accomodation-page .book-section {
		padding: 20px 0 0
	}
	.second-menu ul li ul {
		top: 20px;
		padding: 15px 15px 5px;
		min-width: 233px;
		z-index: 2
	}
	.second-menu ul li a {
		position: relative;
		z-index: 9
	}
	.second-menu ul li ul li {
		font-size: 12px;
		white-space: normal
	}
	.miraval-page .special-offer-right figure {
		width: 100%
	}
	.win.gecko .second-menu ul li ul {
		top: 19px
	}
	.win.safari .second-menu ul li ul {
		top: 27px
	}
	.safari .second-menu ul li ul {
		top: 19px
	}
	.win.ie .second-menu ul li ul {
		top: 17px
	}
	.owl-carousel .owl-controls .owl-next,
	.owl-carousel .owl-controls .owl-prev {
		background-size: 20px
	}
	.header-top li:first-child,
	.header-top li:last-child {
		display: none!important
	}
	.header-top ul li::after {
		height: 9px;
		top: auto;
		bottom: 2px;
		display: none!important
	}
	.header-top a.btn {
		margin-top: 0
	}
	span.event-left,
	span.event-right {
		width: 100%;
		float: none;
		font-size: 12px
	}
	.special-events .event-img {
		margin: 0 0 140px
	}
	span.event-right {
		font-size: 12px
	}
	footer .columnleft span {
		font-size: 12px;
		line-height: 17px;
		display: block;
		margin-bottom: 10px
	}
	footer {
		margin-bottom: 0;
		padding: 0;
		overflow: hidden
	}
	.call-info {
		position: relative
	}
	.social-icons {
		position: relative;
		top: -52px
	}
	footer .columncenter a.reservation-btn {
		font-size: 11px;
		letter-spacing: 0;
		padding: 8px 13px 6px 14px;
		position: relative;
		top: -42px
	}
	.newsletter {
		position: relative;
		top: 16px
	}
	.newsletter form button {
		font-size: 12px
	}
	.special-events {
		padding: 20px 0 0
	}
	footer .columncenter .call-info span {
		letter-spacing: 1.8px;
		font-size: 12px!important
	}
	footer .columnright h3 {
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 500;
		margin: 0 0 10px;
		letter-spacing: 2.4px
	}
	.owl-carousel .owl-controls {
		bottom: 94px
	}
	.special-offer {
		padding: 10px 0
	}
	.newsletter form button {
		padding: 5px 24px;
		height: 28px
	}
	footer .columnright .newsletter #subscribe_forms fieldset {
		min-width: 100%;
		height: 27px
	}
	footer .columnright .newsletter #subscribe_forms .email-box input {
		font-size: 16px;
		padding: 4px 9px
	}
	footer .columnright .newsletter #subscribe_forms button {
		letter-spacing: 0;
		height: 27px;
		font-size: 12px
	}
	footer .columnright .newsletter #subscribe_forms .email-box {
		width: 66%
	}
	.columnright .newsletter #subscribe_forms button,
	footer .columnright .newsletter #subscribe_forms button {
		padding: 6px 3px 5px!important;
		text-align: center;
		line-height: normal;
		width: 33%
	}
	footer .columnright .newsletter {
		display: inline-block;
		width: 63%;
		position: relative;
		top: -48px
	}
	/* footer {
		position: relative;
		top: -41px
	} */
	.bx-viewport {
		height: 228px!important;
		max-height: 228px!important
	}
	.c8.holidays-slider.end .bx-wrapper .bx-viewport {
		height: 31px!important;
		max-height: 31px
	}
	.gallery-slider .item {
		height: 171px
	}
	.book-section2.cf p {
		font-size: 13px
	}
	.RadioButtonList {
		margin: 15px 0;
		padding: 0
	}
	.RadioButtonList input[type=radio] {
		margin: 0 5px 5px!important;
		padding: 0 0 5px!important
	}
	.roomsMenuWrap ul#roomsMenu li {
		display: block;
		width: 100%;
		padding: 7px 0
	}
	.roomsMenuWrap ul#roomsMenu li a:hover {
		color: #000
	}
	.special-events footer .container .event-img .event-left,
	.special-events footer .container .event-img:first-child .eventborderHome:first-child {
		border-right: none
	}
	.special-events footer .container .event-img .eventborder .textCaptionL,
	.special-events footer .container .event-img .eventborder .textCaptionR,
	.special-events footer .container .event-img:first-child .eventborderHome .textCaption:first-child,
	.special-events footer .container .event-img:last-child .eventborderHome .textCaption:last-child {
		text-align: center;
		padding-right: 0;
		padding-left: 0
	}
	footer .container .event-img:last-child span.event-left .textCaption {
		text-align: center
	}
	.special-offer-left .offer-img {
		max-width: 258px;
		margin: 0 auto
	}
	.cadillac,
	.cadillac p {
		max-width: 100%
	}
	.header-navigation {
		position: relative;
		top: inherit
	}
	.logo1 {
		width: inherit;
		margin: inherit
	}
	.banner .item .caption a {
		font-size: 12px;
		margin: auto;
		padding: 7px 18px
	}
	.banner .item .caption {
		transform: translateY(-37%);
		-webkit-transform: translateY(-37%);
		-moz-transform: translateY(-37%);
		-ms-transform: translateY(-37%);
		bottom: 0
	}
	.hidden-page .banner .item .caption {
		bottom: auto
	}
	.cadillac {
		text-align: center
	}
	.cadillac img {
		padding-bottom: 30px
	}
}

@media(max-width:480px) {
	footer .columnright .popular-links ul {
		width: 100%
	}
	.header-top,
	header {
		padding: 0
	}
	.banner-and-guestroom-section {
		margin-top: 97px
	}
	.special-offer-right .call-info {
		font-size: 13px;
		margin: 0 auto;
		max-width: 261px
	}
	.special-offer-right .call-info a::after {
		display: none
	}
	.special-offer-right .call-info a {
		margin-right: 0
	}
	.dining-page .book-section ul {
		width: 260px;
		margin: 0 auto;
		display: block
	}
	.special-events .event-img-inner {
		width: 100%;
		float: none;
		display: block
	}
	.special-events .event-img {
		float: none;
		display: block
	}
	.special-events .event-img.img-left {
		height: auto
	}
	.second-menu ul li ul {
		min-width: 175px
	}
	.second-menu ul li {
		margin: 0 3px 0 0;
		padding: 0 3px 0 0;
		font-size: 10px
	}
	.second-menu ul.active {
		width: 355px
	}
	.owl-carousel .owl-controls .owl-next {
		right: -6px
	}
	.owl-carousel .owl-controls .owl-prev {
		left: 10px
	}
	footer .columnright .popular-links {
		overflow: auto
	}
	.safari .gallery-slider .item {
		height: 319px
	}
	.logo {
		width: auto;
		position: relative;
		margin-left: 2px;
		right: inherit
	}
	.header-top {
		float: left;
		margin: -37px auto 0 -29px;
		text-align: center;
		width: 100%;
		display: block;
		padding: 0 1px
	}
	#formWrap .guest select,
	#golfLogo {
		display: none
	}
	.header-top a.btn {
		padding: 5px 4px;
		font-size: 13px
	}
	#RoomsWrapper p {
		min-height: 0
	}
	header .guestroom-section #newform .check-in input,
	header .guestroom-section #newform .check-out input {
		padding-top: 6px;
		padding-bottom: 6px
	}
	.styledSelect {
		padding: 3px 55px 3px 10px
	}
}

@media(max-width:420px) {
	.check-in label,
	.check-out label {
		width: 100%
	}
	.select,
	header .guestroom-section #newform .check-in input,
	header .guestroom-section #newform .check-out input {
		max-width: 75%;
		float: none;
		margin-right: auto;
		width: 100%
	}
}

@media(max-width:410px) {
	.logo {
		width: 50%;
		top: 17px
	}
	header footer .container {
		padding: 2% 0 9%
	}
}

@media(max-width:400px) {
	.header-navigation,
	.second-menu ul.active li ul li a {
		display: inline-block
	}
	.second-menu ul.active li {
		margin: 0 3px 0 0;
		padding: 0 3px 0 0;
		font-size: 7.8px
	}
	.second-menu ul li,
	.second-menu ul.active li ul li {
		font-size: 10px
	}
	.second-menu ul li ul {
		top: 17px
	}
	.banner .item .caption h1 {
		font-size: 32px
	}
	.banner .item .caption span {
		font-size: 19px
	}
	.second-menu ul.active {
		width: 320px;
		padding-left: 46px;
		padding-right: 5px
	}
	.header-navigation {
		position: relative;
		right: auto;
		top: 0;
		width: 100px
	}
	.header-top a.btn {
		padding: 5px 4px;
		font-size: 10px
	}
	.header-top {
		float: left;
		margin: -25px auto 0 -15px;
		text-align: center;
		width: 100%;
		display: block;
		padding: 0 1px
	}
	.header-navigation .menu-icon .menu-box {
		width: 44px;
		margin-right: 0;
		padding: 5px;
		position: absolute;
		right: 26px;
		height: 36px
	}
	span.event-left p,
	span.event-right p {
		font-size: 12px
	}
	header {
		padding: .75% 0 9%
	}
	header .guestroom-section h2 {
		top: 18px
	}
}

@media(max-width:414px)and (max-height:736px) {
	.columnright .newsletter form button,
	footer .columnright .newsletter form button {
		width: 30%
	}
	.bx-viewport {
		height: 212px!important;
		max-height: 212px
	}
}

@media(max-width:375px)and (max-height:667px) {
	span.event-left {
		position: absolute;
		left: -3px;
		bottom: 337px
	}
	.bx-viewport {
		height: 192px!important;
		max-height: 192px
	}
}

@media(max-width:360px) {
	span.event-right {
		bottom: 10px
	}
	span.event-left {
		position: absolute;
		left: -3px;
		bottom: 340px
	}
	.columnright .newsletter form button,
	footer .columnright .newsletter form button {
		width: 41%!important
	}
	footer .columnright .newsletter form .email-box {
		width: 59%
	}
	.bx-viewport {
		height: 185px!important;
		max-height: 185px
	}
}

@media(max-width:320px) {
	span.event-left {
		bottom: 328px
	}
	span.event-right {
		bottom: 3px
	}
	.columnright .newsletter form button,
	footer .columnright .newsletter form button {
		width: 33.5%!important
	}
	footer .columnright .newsletter form .email-box {
		width: 66%
	}
	.bx-viewport {
		height: 164px!important;
		max-height: 164px
	}
}

@media(max-width:736px)and (max-height:414px) {
	.bx-viewport {
		height: 378px!important;
		max-height: 378px
	}
}

@media(max-width:667px)and (max-height:375px) {
	.bx-viewport {
		height: 342px!important;
		max-height: 342px
	}
}

@media only screen and (max-width:1180px) {
	.packagesCatItemsList .packageImageMain::before {
		left: 12%;
		width: 75%;
		border: 1px solid #fff
	}
}

@media only screen and (min-width:640px) {
	.win.ie .second-menu ul li ul {
		top: 26px
	}
}

@media only screen and (min-width:980px) {
	.header-navigation .enumenu_ul ul.desk ul {
		margin-top: 21px
	}
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 30px
	}
	.safari .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 21px
	}
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 21px
	}
}

@media only screen and (min-width:1180px) {
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 23px
	}
	.win.ie .second-menu ul li ul {
		top: 28px
	}
}

@media only screen and (min-width:1280px) {
	.header-navigation .enumenu_ul ul.desk ul {
		margin-top: 23px
	}
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 28px
	}
	.safari .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 23px
	}
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 40px
	}
	.second-menu ul li ul {
		top: 17px
	}
	.win.ie .second-menu ul li ul {
		top: 28px
	}
	.win.gecko .second-menu ul li ul {
		top: 27px
	}
	.safari .second-menu ul li ul {
		top: 29px
	}
}

@media only screen and (min-width:1320px) {
	.header-navigation .enumenu_ul ul.desk ul {
		margin-top: 25px
	}
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 31px
	}
	.safari .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 26px
	}
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 25px
	}
}

@media only screen and (min-width:1400px) {
	.header-navigation .enumenu_ul ul.desk ul {
		margin-top: 30px
	}
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 33px
	}
	.safari .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 26px
	}
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 29px
	}
}

@media only screen and (min-width:1575px) {
	.header-navigation .enumenu_ul ul.desk ul {
		margin-top: 28px
	}
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 35px
	}
	.safari .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 29px
	}
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 30px
	}
	.second-menu ul li ul {
		top: 30px
	}
}

@media only screen and (min-width:1941px) {
	.header-navigation .enumenu_ul ul.desk ul {
		margin-top: -27px
	}
	.win.gecko .header-navigation .enumenu_ul ul.desk ul {
		top: 0;
		margin-top: 30px
	}
	.safari .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 0
	}
	.win.ie .header-navigation .enumenu_ul ul.desk ul {
		margin-top: 30px
	}
	.win.safari .header-navigation .enumenu_ul ul.desk ul {
		top: -29px
	}
	.second-menu ul li ul {
		top: 0
	}
}

@media only screen and (min-width:1500px) {
	.gridImageWrap {
		padding-top: 200px;
		padding-bottom: 0
	}
	.swiper-container {
		max-height: 611px
	}
	.special-events span {
		line-height: 24px
	}
}

@media(min-width:1920px) {
	.banner-and-guestroom-section .guestroom-section {
		right: 245px
	}
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape) {
	#formWrap .check-in {
		max-width: 200px;
		width: 100%
	}
	#formWrap .check-in input,
	#formWrap .check-out input {
		height: 23px!important
	}
	#formWrap .guest {
		max-width: 146px;
		width: 100%
	}
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait) {
	#formWrap .guest {
		max-width: 100%!important;
		width: 100%!important
	}
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
	content: '';
	display: table
}

.row:after,
.clearfix:after {
	clear: both
}

.row,
.clearfix {
	zoom: 1
}

.grid {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%
}

.wfull {
	width: 100%;
	max-width: 100%
}

.w320 {
	max-width: 320px
}

.w640 {
	max-width: 640px
}

.w960 {
	max-width: 960px
}

.row {
	width: 100%;
	/* margin-top: 50px;
	margin-bottom: 20px */
}

/* .row .row {
	width: auto;
	margin: 0 -20px
} */

.c1 {
	width: 8.33%
}

.c2 {
	width: 16.66%
}

.c3 {
	width: 25%
}

.c4 {
	width: 33.33%
}

.c5 {
	width: 41.66%
}

.c6 {
	width: 50%
}

.c7 {
	width: 58.33%
}

.c8 {
	width: 66.66%
}

.c9 {
	width: 75%
}

.c10 {
	width: 83.33%
}

.c11 {
	width: 91.66%
}

.c12 {
	width: 100%;
	text-align: center;
	display: flex;
  	justify-content: center;
}

.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12 {
	min-height: 1px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	position: relative
}

.s1 {
	margin-left: 8.33%
}

.s2 {
	margin-left: 16.66%
}

.s3 {
	margin-left: 25%
}

.s4 {
	margin-left: 33.33%
}

.s5 {
	margin-left: 41.66%
}

.s6 {
	margin-left: 50%
}

.s7 {
	margin-left: 58.33%
}

.s8 {
	margin-left: 66.66%
}

.s9 {
	margin-left: 75%
}

.s10 {
	margin-left: 83.33%
}

.s11 {
	margin-left: 91.66%
}

.end {
	float: right!important
}

@media only screen and (max-width:960px) {
	.row .row .c1,
	.row .row .c2,
	.row .row .c3,
	.row .row .c4,
	.row .row .c5,
	.row .row .c6,
	.row .row .c7,
	.row .row .c8,
	.row .row .c9,
	.row .row .c10,
	.row .row .c11,
	.row .row .c12 {
		width: 100%;
		margin-bottom: 20px
	}
	.row .row>div:last-child {
		margin-bottom: 0!important
	}
}

@media handheld,
only screen and (max-width:768px),
only screen and (max-device-width:768px)and (orientation:portrait) {
	.row {
		margin-bottom: 0!important
	}
	.c1,
	.c2,
	.c3,
	.c4,
	.c5,
	.c6,
	.c7,
	.c8,
	.c9,
	.c10,
	.c11,
	.c12 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px
	}
	.special-offer-right #photoGallery .simple-gallery .row {
		margin-top: 0
	}
	.c6 {
		height: auto;
		overflow: inherit
	}
}

.swiper-slide,
.swiper-wrapper {
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 0
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 42px;
	height: 62px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: inherit;
	-webkit-background-size: inherit;
	background-size: inherit;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAMAAAACqfvcAAAARVBMVEUAAABdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcq78620AAAAF3RSTlMA5gQjYb+3C9zXo5FvRjwQyJl5TygcGbT6PmMAAADJSURBVDjLhZVJDsMwDAM7drM0XdL9/0/tKRACSqWuBDKMLdKHcnqpvErpTSuUdR4Lpd05FtICBeoJBeoK5KgO5KhphhzVBihQCxSoCwRKzAVKzAVKzAVKzGWoB9t0NVegbqEMe+UD5KjpREwXcznqDAXqCIIKcznqy36amFNUG0FQYS5Dtc2cotZ/Uv3BykZt3v+yHpQ5XnspepV2Afza6LL5FdXF9nHwIdLo+cBqzH05aKW4IvL1paXnq1IL1tSyL3N9AvzDodN/No4F44V65MsAAAAASUVORK5CYII=);
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23000000'/></svg>")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff'/></svg>")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAMAAAACqfvcAAAAQlBMVEUAAABdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpdtcpNnVf7AAAAFnRSTlMA5mEkv7cL3CDXo5FvRjwQyJl5TxwZrFOy2gAAAMBJREFUOMudlVsKhTAQQ42t2vv0Pve/VedDCDocBPMb8MR2Ju1ah2pf9lTQGqaZrF4vsop0RZj0IVh4D4KFCsBC0wiwUEWYYyZY6E4wiKlVDWCOmWGhSrDQG2HKMau9Z4JZvz3MuowEc0zDrFuCWX2CQUxt9SeYYxpmDQBbY857mGOyxR88iIHh+Zf5oPh4+VL4KnkAeGx42HhEebB5HXiJePV4YXnNuRy4UriIuL649LgquWC5lk+UucqJh6OhswCRSgVbw+Ab2wAAAABJRU5ErkJggg==);
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23000000'/></svg>")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff'/></svg>")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%23fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>")
}

.swiper-button-next {
	font-size: 0;
	color: transparent
}

.swiper-button-prev {
	font-size: 0;
	color: transparent
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity=80)
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px)and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mfp-ie7 .mfp-img {
	padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
	padding: 0
}

.mfp-ie7 .mfp-content {
	padding-top: 44px
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}

@media only screen and (min-width:769px) {
	.hvr-grow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-grow:hover,
	.hvr-grow:focus,
	.hvr-grow:active {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	.hvr-shrink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-shrink:hover,
	.hvr-shrink:focus,
	.hvr-shrink:active {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	.hvr-pulse {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-pulse:hover,
	.hvr-pulse:focus,
	.hvr-pulse:active {
		-webkit-animation-name: hvr-pulse;
		animation-name: hvr-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	.hvr-pulse-grow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-pulse-grow:hover,
	.hvr-pulse-grow:focus,
	.hvr-pulse-grow:active {
		-webkit-animation-name: hvr-pulse-grow;
		animation-name: hvr-pulse-grow;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate
	}
	.hvr-pulse-shrink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-pulse-shrink:hover,
	.hvr-pulse-shrink:focus,
	.hvr-pulse-shrink:active {
		-webkit-animation-name: hvr-pulse-shrink;
		animation-name: hvr-pulse-shrink;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate
	}
	.hvr-push {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-push:hover,
	.hvr-push:focus,
	.hvr-push:active {
		-webkit-animation-name: hvr-push;
		animation-name: hvr-push;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-pop {
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-pop:hover,
	.hvr-pop:focus,
	.hvr-pop:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-bounce-in {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .5s;
		transition-duration: .5s
	}
	.hvr-bounce-in:hover,
	.hvr-bounce-in:focus,
	.hvr-bounce-in:active {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
		transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
	}
	.hvr-bounce-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .5s;
		transition-duration: .5s
	}
	.hvr-bounce-out:hover,
	.hvr-bounce-out:focus,
	.hvr-bounce-out:active {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
		transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
	}
	.hvr-rotate {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-rotate:hover,
	.hvr-rotate:focus,
	.hvr-rotate:active {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg)
	}
	.hvr-grow-rotate {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-grow-rotate:hover,
	.hvr-grow-rotate:focus,
	.hvr-grow-rotate:active {
		-webkit-transform: scale(1.1) rotate(4deg);
		transform: scale(1.1) rotate(4deg)
	}
	.hvr-float {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-float:hover,
	.hvr-float:focus,
	.hvr-float:active {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	.hvr-sink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-sink:hover,
	.hvr-sink:focus,
	.hvr-sink:active {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	.hvr-bob {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-bob:hover,
	.hvr-bob:focus,
	.hvr-bob:active {
		-webkit-animation-name: hvr-bob-float, hvr-bob;
		animation-name: hvr-bob-float, hvr-bob;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0, .3s;
		animation-delay: 0, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate
	}
	.hvr-hang {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-hang:hover,
	.hvr-hang:focus,
	.hvr-hang:active {
		-webkit-animation-name: hvr-hang-sink, hvr-hang;
		animation-name: hvr-hang-sink, hvr-hang;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0, .3s;
		animation-delay: 0, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate
	}
	.hvr-skew {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-skew:hover,
	.hvr-skew:focus,
	.hvr-skew:active {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg)
	}
	.hvr-skew-forward {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}
	.hvr-skew-forward:hover,
	.hvr-skew-forward:focus,
	.hvr-skew-forward:active {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg)
	}
	.hvr-skew-backward {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}
	.hvr-skew-backward:hover,
	.hvr-skew-backward:focus,
	.hvr-skew-backward:active {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}
	.hvr-wobble-vertical {
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-wobble-vertical:hover,
	.hvr-wobble-vertical:focus,
	.hvr-wobble-vertical:active {
		-webkit-animation-name: hvr-wobble-vertical;
		animation-name: hvr-wobble-vertical;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-wobble-horizontal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-wobble-horizontal:hover,
	.hvr-wobble-horizontal:focus,
	.hvr-wobble-horizontal:active {
		-webkit-animation-name: hvr-wobble-horizontal;
		animation-name: hvr-wobble-horizontal;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-wobble-to-bottom-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-wobble-to-bottom-right:hover,
	.hvr-wobble-to-bottom-right:focus,
	.hvr-wobble-to-bottom-right:active {
		-webkit-animation-name: hvr-wobble-to-bottom-right;
		animation-name: hvr-wobble-to-bottom-right;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-wobble-to-top-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-wobble-to-top-right:hover,
	.hvr-wobble-to-top-right:focus,
	.hvr-wobble-to-top-right:active {
		-webkit-animation-name: hvr-wobble-to-top-right;
		animation-name: hvr-wobble-to-top-right;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-wobble-top {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}
	.hvr-wobble-top:hover,
	.hvr-wobble-top:focus,
	.hvr-wobble-top:active {
		-webkit-animation-name: hvr-wobble-top;
		animation-name: hvr-wobble-top;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-wobble-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
	.hvr-wobble-bottom:hover,
	.hvr-wobble-bottom:focus,
	.hvr-wobble-bottom:active {
		-webkit-animation-name: hvr-wobble-bottom;
		animation-name: hvr-wobble-bottom;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-wobble-skew {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-wobble-skew:hover,
	.hvr-wobble-skew:focus,
	.hvr-wobble-skew:active {
		-webkit-animation-name: hvr-wobble-skew;
		animation-name: hvr-wobble-skew;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-buzz {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-buzz:hover,
	.hvr-buzz:focus,
	.hvr-buzz:active {
		-webkit-animation-name: hvr-buzz;
		animation-name: hvr-buzz;
		-webkit-animation-duration: .15s;
		animation-duration: .15s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	.hvr-buzz-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale
	}
	.hvr-buzz-out:hover,
	.hvr-buzz-out:focus,
	.hvr-buzz-out:active {
		-webkit-animation-name: hvr-buzz-out;
		animation-name: hvr-buzz-out;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-fade {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		overflow: hidden;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: color, background-color;
		transition-property: color, background-color
	}
	.hvr-fade:hover,
	.hvr-fade:focus,
	.hvr-fade:active {
		background-color: #2098d1;
		color: #fff
	}
	.hvr-back-pulse {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		overflow: hidden;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-property: color, background-color;
		transition-property: color, background-color
	}
	.hvr-back-pulse:hover,
	.hvr-back-pulse:focus,
	.hvr-back-pulse:active {
		-webkit-animation-name: hvr-back-pulse;
		animation-name: hvr-back-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		background-color: #2098d1;
		background-color: #2098d1;
		color: #fff
	}
	.hvr-sweep-to-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-sweep-to-right:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-sweep-to-right:hover,
	.hvr-sweep-to-right:focus,
	.hvr-sweep-to-right:active {
		color: #fff
	}
	.hvr-sweep-to-right:hover:before,
	.hvr-sweep-to-right:focus:before,
	.hvr-sweep-to-right:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	.hvr-sweep-to-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-sweep-to-left:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-sweep-to-left:hover,
	.hvr-sweep-to-left:focus,
	.hvr-sweep-to-left:active {
		color: #fff
	}
	.hvr-sweep-to-left:hover:before,
	.hvr-sweep-to-left:focus:before,
	.hvr-sweep-to-left:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	.hvr-sweep-to-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-sweep-to-bottom:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-sweep-to-bottom:hover,
	.hvr-sweep-to-bottom:focus,
	.hvr-sweep-to-bottom:active {
		color: #fff
	}
	.hvr-sweep-to-bottom:hover:before,
	.hvr-sweep-to-bottom:focus:before,
	.hvr-sweep-to-bottom:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	.hvr-sweep-to-top {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-sweep-to-top:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-sweep-to-top:hover,
	.hvr-sweep-to-top:focus,
	.hvr-sweep-to-top:active {
		color: #fff
	}
	.hvr-sweep-to-top:hover:before,
	.hvr-sweep-to-top:focus:before,
	.hvr-sweep-to-top:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	.hvr-bounce-to-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .5s;
		transition-duration: .5s
	}
	.hvr-bounce-to-right:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-bounce-to-right:hover,
	.hvr-bounce-to-right:focus,
	.hvr-bounce-to-right:active {
		color: #fff
	}
	.hvr-bounce-to-right:hover:before,
	.hvr-bounce-to-right:focus:before,
	.hvr-bounce-to-right:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
		transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
	}
	.hvr-bounce-to-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .5s;
		transition-duration: .5s
	}
	.hvr-bounce-to-left:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-bounce-to-left:hover,
	.hvr-bounce-to-left:focus,
	.hvr-bounce-to-left:active {
		color: #fff
	}
	.hvr-bounce-to-left:hover:before,
	.hvr-bounce-to-left:focus:before,
	.hvr-bounce-to-left:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
		transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
	}
	.hvr-bounce-to-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .5s;
		transition-duration: .5s
	}
	.hvr-bounce-to-bottom:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-bounce-to-bottom:hover,
	.hvr-bounce-to-bottom:focus,
	.hvr-bounce-to-bottom:active {
		color: #fff
	}
	.hvr-bounce-to-bottom:hover:before,
	.hvr-bounce-to-bottom:focus:before,
	.hvr-bounce-to-bottom:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
		transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
	}
	.hvr-bounce-to-top {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .5s;
		transition-duration: .5s
	}
	.hvr-bounce-to-top:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-bounce-to-top:hover,
	.hvr-bounce-to-top:focus,
	.hvr-bounce-to-top:active {
		color: #fff
	}
	.hvr-bounce-to-top:hover:before,
	.hvr-bounce-to-top:focus:before,
	.hvr-bounce-to-top:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
		transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
	}
	.hvr-radial-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden;
		background: #e1e1e1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-radial-out:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		border-radius: 100%;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-radial-out:hover,
	.hvr-radial-out:focus,
	.hvr-radial-out:active {
		color: #fff
	}
	.hvr-radial-out:hover:before,
	.hvr-radial-out:focus:before,
	.hvr-radial-out:active:before {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
	.hvr-radial-in {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden;
		background: #2098d1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-radial-in:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #e1e1e1;
		border-radius: 100%;
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-radial-in:hover,
	.hvr-radial-in:focus,
	.hvr-radial-in:active {
		color: #fff
	}
	.hvr-radial-in:hover:before,
	.hvr-radial-in:focus:before,
	.hvr-radial-in:active:before {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	.hvr-rectangle-in {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		background: #2098d1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-rectangle-in:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #e1e1e1;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-rectangle-in:hover,
	.hvr-rectangle-in:focus,
	.hvr-rectangle-in:active {
		color: #fff
	}
	.hvr-rectangle-in:hover:before,
	.hvr-rectangle-in:focus:before,
	.hvr-rectangle-in:active:before {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	.hvr-rectangle-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		background: #e1e1e1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-rectangle-out:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-rectangle-out:hover,
	.hvr-rectangle-out:focus,
	.hvr-rectangle-out:active {
		color: #fff
	}
	.hvr-rectangle-out:hover:before,
	.hvr-rectangle-out:focus:before,
	.hvr-rectangle-out:active:before {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.hvr-shutter-in-horizontal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		background: #2098d1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-shutter-in-horizontal:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #e1e1e1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-shutter-in-horizontal:hover,
	.hvr-shutter-in-horizontal:focus,
	.hvr-shutter-in-horizontal:active {
		color: #fff
	}
	.hvr-shutter-in-horizontal:hover:before,
	.hvr-shutter-in-horizontal:focus:before,
	.hvr-shutter-in-horizontal:active:before {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	.hvr-shutter-out-horizontal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		background: #e1e1e1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-shutter-out-horizontal:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #2098d1;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-shutter-out-horizontal:hover,
	.hvr-shutter-out-horizontal:focus,
	.hvr-shutter-out-horizontal:active {
		color: #fff
	}
	.hvr-shutter-out-horizontal:hover:before,
	.hvr-shutter-out-horizontal:focus:before,
	.hvr-shutter-out-horizontal:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	.hvr-shutter-in-vertical {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		background: #2098d1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-shutter-in-vertical:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #e1e1e1;
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-shutter-in-vertical:hover,
	.hvr-shutter-in-vertical:focus,
	.hvr-shutter-in-vertical:active {
		color: #fff
	}
	.hvr-shutter-in-vertical:hover:before,
	.hvr-shutter-in-vertical:focus:before,
	.hvr-shutter-in-vertical:active:before {
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
	.hvr-shutter-out-vertical {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		background: #e1e1e1;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-shutter-out-vertical:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #2098d1;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-shutter-out-vertical:hover,
	.hvr-shutter-out-vertical:focus,
	.hvr-shutter-out-vertical:active {
		color: #fff
	}
	.hvr-shutter-out-vertical:hover:before,
	.hvr-shutter-out-vertical:focus:before,
	.hvr-shutter-out-vertical:active:before {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
	.hvr-border-fade {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow;
		box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)
	}
	.hvr-border-fade:hover,
	.hvr-border-fade:focus,
	.hvr-border-fade:active {
		box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0)
	}
	.hvr-hollow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: background;
		transition-property: background;
		box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)
	}
	.hvr-hollow:hover,
	.hvr-hollow:focus,
	.hvr-hollow:active {
		background: none
	}
	.hvr-trim {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-trim:before {
		content: '';
		position: absolute;
		border: #fff solid 4px;
		top: 4px;
		left: 4px;
		right: 4px;
		bottom: 4px;
		opacity: 0;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: opacity;
		transition-property: opacity
	}
	.hvr-trim:hover:before,
	.hvr-trim:focus:before,
	.hvr-trim:active:before {
		opacity: 1
	}
	.hvr-ripple-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-ripple-out:before {
		content: '';
		position: absolute;
		border: #e1e1e1 solid 6px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-animation-duration: 1s;
		animation-duration: 1s
	}
	.hvr-ripple-out:hover:before,
	.hvr-ripple-out:focus:before,
	.hvr-ripple-out:active:before {
		-webkit-animation-name: hvr-ripple-out;
		animation-name: hvr-ripple-out
	}
	.hvr-ripple-in {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-ripple-in:before {
		content: '';
		position: absolute;
		border: #e1e1e1 solid 4px;
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
		-webkit-animation-duration: 1s;
		animation-duration: 1s
	}
	.hvr-ripple-in:hover:before,
	.hvr-ripple-in:focus:before,
	.hvr-ripple-in:active:before {
		-webkit-animation-name: hvr-ripple-in;
		animation-name: hvr-ripple-in
	}
	.hvr-outline-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-outline-out:before {
		content: '';
		position: absolute;
		border: #e1e1e1 solid 4px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: top, right, bottom, left;
		transition-property: top, right, bottom, left
	}
	.hvr-outline-out:hover:before,
	.hvr-outline-out:focus:before,
	.hvr-outline-out:active:before {
		top: -8px;
		right: -8px;
		bottom: -8px;
		left: -8px
	}
	.hvr-outline-in {
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-outline-in:before {
		pointer-events: none;
		content: '';
		position: absolute;
		border: #f7c694 solid 1px;
		top: -10px;
		right: -10px;
		bottom: -10px;
		left: -10px;
		opacity: 0;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: top, right, bottom, left;
		transition-property: top, right, bottom, left
	}
	.hvr-outline-in:hover:before,
	.hvr-outline-in:focus:before,
	.hvr-outline-in:active:before {
		top: -18px;
		right: -18px;
		bottom: -18px;
		left: -18px;
		opacity: 1
	}
	.hvr-round-corners {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: border-radius;
		transition-property: border-radius
	}
	.hvr-round-corners:hover,
	.hvr-round-corners:focus,
	.hvr-round-corners:active {
		border-radius: 1em
	}
	.hvr-underline-from-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-underline-from-left:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-underline-from-left:hover:before,
	.hvr-underline-from-left:focus:before,
	.hvr-underline-from-left:active:before {
		right: 0
	}
	.hvr-underline-from-center {
		display: inline-block!important;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-underline-from-center:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		bottom: 0;
		background: #fff;
		height: 2px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-underline-from-center:hover:before,
	.hvr-underline-from-center:focus:before,
	.hvr-underline-from-center:active:before {
		left: 0;
		right: 0
	}
	.hvr-underline-from-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-underline-from-right:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 100%;
		right: 0;
		bottom: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transition-property: left;
		transition-property: left;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-underline-from-right:hover:before,
	.hvr-underline-from-right:focus:before,
	.hvr-underline-from-right:active:before {
		left: 0
	}
	.hvr-overline-from-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-overline-from-left:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 100%;
		top: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-overline-from-left:hover:before,
	.hvr-overline-from-left:focus:before,
	.hvr-overline-from-left:active:before {
		right: 0
	}
	.hvr-overline-from-center {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-overline-from-center:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		top: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-overline-from-center:hover:before,
	.hvr-overline-from-center:focus:before,
	.hvr-overline-from-center:active:before {
		left: 0;
		right: 0
	}
	.hvr-overline-from-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-overline-from-right:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 100%;
		right: 0;
		top: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transition-property: left;
		transition-property: left;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-overline-from-right:hover:before,
	.hvr-overline-from-right:focus:before,
	.hvr-overline-from-right:active:before {
		left: 0
	}
	.hvr-reveal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-reveal:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-color: #2098d1;
		border-style: solid;
		border-width: 0;
		-webkit-transition-property: border-width;
		transition-property: border-width;
		-webkit-transition-duration: .1s;
		transition-duration: .1s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-reveal:hover:before,
	.hvr-reveal:focus:before,
	.hvr-reveal:active:before {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		border-width: 4px
	}
	.hvr-underline-reveal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-underline-reveal:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		bottom: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-underline-reveal:hover:before,
	.hvr-underline-reveal:focus:before,
	.hvr-underline-reveal:active:before {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.hvr-overline-reveal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden
	}
	.hvr-overline-reveal:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		top: 0;
		background: #2098d1;
		height: 4px;
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-overline-reveal:hover:before,
	.hvr-overline-reveal:focus:before,
	.hvr-overline-reveal:active:before {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.hvr-glow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow
	}
	.hvr-glow:hover,
	.hvr-glow:focus,
	.hvr-glow:active {
		box-shadow: 0 0 8px rgba(0, 0, 0, .6)
	}
	.hvr-shadow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow
	}
	.hvr-shadow:hover,
	.hvr-shadow:focus,
	.hvr-shadow:active {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
	}
	.hvr-grow-shadow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: box-shadow, transform;
		transition-property: box-shadow, transform;
		width: 100%
	}
	.hvr-grow-shadow:hover,
	.hvr-grow-shadow:focus,
	.hvr-grow-shadow:active {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		z-index: 9
	}
	.hvr-box-shadow-outset {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow
	}
	.hvr-box-shadow-outset:hover,
	.hvr-box-shadow-outset:focus,
	.hvr-box-shadow-outset:active {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
	}
	.hvr-box-shadow-inset {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow;
		box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
	}
	.hvr-box-shadow-inset:hover,
	.hvr-box-shadow-inset:focus,
	.hvr-box-shadow-inset:active {
		box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
	}
	.hvr-float-shadow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-float-shadow:before {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		content: '';
		top: 100%;
		left: 5%;
		height: 10px;
		width: 90%;
		opacity: 0;
		background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform, opacity;
		transition-property: transform, opacity
	}
	.hvr-float-shadow:hover,
	.hvr-float-shadow:focus,
	.hvr-float-shadow:active {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	.hvr-float-shadow:hover:before,
	.hvr-float-shadow:focus:before,
	.hvr-float-shadow:active:before {
		opacity: 1;
		-webkit-transform: translateY(5px);
		transform: translateY(5px)
	}
	.hvr-shadow-radial {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-shadow-radial:before,
	.hvr-shadow-radial:after {
		pointer-events: none;
		position: absolute;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: opacity;
		transition-property: opacity
	}
	.hvr-shadow-radial:before {
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%)
	}
	.hvr-shadow-radial:after {
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 80%)
	}
	.hvr-shadow-radial:hover:before,
	.hvr-shadow-radial:focus:before,
	.hvr-shadow-radial:active:before,
	.hvr-shadow-radial:hover:after,
	.hvr-shadow-radial:focus:after,
	.hvr-shadow-radial:active:after {
		opacity: 1
	}
	.hvr-bubble-top {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-bubble-top:before {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		content: '';
		border-style: solid;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		left: calc(50%- 10px);
		top: 0;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #e1e1e1 transparent
	}
	.hvr-bubble-top:hover:before,
	.hvr-bubble-top:focus:before,
	.hvr-bubble-top:active:before {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	.hvr-bubble-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-bubble-right:before {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		content: '';
		border-style: solid;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		top: calc(50%- 10px);
		right: 0;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #e1e1e1
	}
	.hvr-bubble-right:hover:before,
	.hvr-bubble-right:focus:before,
	.hvr-bubble-right:active:before {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	.hvr-bubble-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-bubble-bottom:before {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		content: '';
		border-style: solid;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		left: calc(50%- 10px);
		bottom: 0;
		border-width: 10px 10px 0 10px;
		border-color: #e1e1e1 transparent transparent transparent
	}
	.hvr-bubble-bottom:hover:before,
	.hvr-bubble-bottom:focus:before,
	.hvr-bubble-bottom:active:before {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	.hvr-bubble-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-bubble-left:before {
		pointer-events: none;
		position: absolute;
		z-index: -1;
		content: '';
		border-style: solid;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		top: calc(50%- 10px);
		left: 0;
		border-width: 10px 10px 10px 0;
		border-color: transparent #e1e1e1 transparent transparent
	}
	.hvr-bubble-left:hover:before,
	.hvr-bubble-left:focus:before,
	.hvr-bubble-left:active:before {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	.hvr-bubble-float-top {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-top:before {
		position: absolute;
		z-index: -1;
		content: '';
		left: calc(50%- 10px);
		top: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #e1e1e1 transparent;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-top:hover,
	.hvr-bubble-float-top:focus,
	.hvr-bubble-float-top:active {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	.hvr-bubble-float-top:hover:before,
	.hvr-bubble-float-top:focus:before,
	.hvr-bubble-float-top:active:before {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	.hvr-bubble-float-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-right:before {
		position: absolute;
		z-index: -1;
		top: calc(50%- 10px);
		right: 0;
		content: '';
		border-style: solid;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #e1e1e1;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-right:hover,
	.hvr-bubble-float-right:focus,
	.hvr-bubble-float-right:active {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	.hvr-bubble-float-right:hover:before,
	.hvr-bubble-float-right:focus:before,
	.hvr-bubble-float-right:active:before {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	.hvr-bubble-float-bottom {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-bottom:before {
		position: absolute;
		z-index: -1;
		content: '';
		left: calc(50%- 10px);
		bottom: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #e1e1e1 transparent transparent transparent;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-bottom:hover,
	.hvr-bubble-float-bottom:focus,
	.hvr-bubble-float-bottom:active {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	.hvr-bubble-float-bottom:hover:before,
	.hvr-bubble-float-bottom:focus:before,
	.hvr-bubble-float-bottom:active:before {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	.hvr-bubble-float-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-left:before {
		position: absolute;
		z-index: -1;
		content: '';
		top: calc(50%- 10px);
		left: 0;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent #e1e1e1 transparent transparent;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform
	}
	.hvr-bubble-float-left:hover,
	.hvr-bubble-float-left:focus,
	.hvr-bubble-float-left:active {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	.hvr-bubble-float-left:hover:before,
	.hvr-bubble-float-left:focus:before,
	.hvr-bubble-float-left:active:before {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	.hvr-icon-back {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-left: 2.2em;
		-webkit-transition-duration: .1s;
		transition-duration: .1s
	}
	.hvr-icon-back:before {
		content: "";
		position: absolute;
		left: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .1s;
		transition-duration: .1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-back:hover:before,
	.hvr-icon-back:focus:before,
	.hvr-icon-back:active:before {
		-webkit-transform: translateX(-4px);
		transform: translateX(-4px)
	}
	.hvr-icon-forward {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .1s;
		transition-duration: .1s
	}
	.hvr-icon-forward:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 1px 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .1s;
		transition-duration: .1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-forward:hover:before,
	.hvr-icon-forward:focus:before,
	.hvr-icon-forward:active:before {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}
	.hvr-icon-down {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-down:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-down:hover:before,
	.hvr-icon-down:focus:before,
	.hvr-icon-down:active:before {
		-webkit-animation-name: hvr-icon-down;
		animation-name: hvr-icon-down;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	.hvr-icon-up {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-up:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-up:hover:before,
	.hvr-icon-up:focus:before,
	.hvr-icon-up:active:before {
		-webkit-animation-name: hvr-icon-up;
		animation-name: hvr-icon-up;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	.hvr-icon-spin {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-spin:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out
	}
	.hvr-icon-spin:hover:before,
	.hvr-icon-spin:focus:before,
	.hvr-icon-spin:active:before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
	.hvr-icon-drop {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-drop:before {
		content: "";
		position: absolute;
		right: 1em;
		opacity: 1;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-drop:hover:before,
	.hvr-icon-drop:focus:before,
	.hvr-icon-drop:active:before {
		opacity: 0;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-animation-name: hvr-icon-drop;
		animation-name: hvr-icon-drop;
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
		animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
	}
	.hvr-icon-fade {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-fade:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-property: color;
		transition-property: color
	}
	.hvr-icon-fade:hover:before,
	.hvr-icon-fade:focus:before,
	.hvr-icon-fade:active:before {
		color: #0f9e5e
	}
	.hvr-icon-float-away {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-float-away:before,
	.hvr-icon-float-away:after {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome
	}
	.hvr-icon-float-away:after {
		opacity: 0;
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	.hvr-icon-float-away:hover:after,
	.hvr-icon-float-away:focus:after,
	.hvr-icon-float-away:active:after {
		-webkit-animation-name: hvr-icon-float-away;
		animation-name: hvr-icon-float-away;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	.hvr-icon-sink-away {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-sink-away:before,
	.hvr-icon-sink-away:after {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-sink-away:after {
		opacity: 0;
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	.hvr-icon-sink-away:hover:after,
	.hvr-icon-sink-away:focus:after,
	.hvr-icon-sink-away:active:after {
		-webkit-animation-name: hvr-icon-sink-away;
		animation-name: hvr-icon-sink-away;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	.hvr-icon-grow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-grow:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-grow:hover:before,
	.hvr-icon-grow:focus:before,
	.hvr-icon-grow:active:before {
		-webkit-transform: scale(1.3) translateZ(0);
		transform: scale(1.3) translateZ(0)
	}
	.hvr-icon-shrink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-shrink:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-shrink:hover:before,
	.hvr-icon-shrink:focus:before,
	.hvr-icon-shrink:active:before {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	.hvr-icon-pulse {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-pulse:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-pulse:hover:before,
	.hvr-icon-pulse:focus:before,
	.hvr-icon-pulse:active:before {
		-webkit-animation-name: hvr-icon-pulse;
		animation-name: hvr-icon-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	.hvr-icon-pulse-grow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-pulse-grow:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-pulse-grow:hover:before,
	.hvr-icon-pulse-grow:focus:before,
	.hvr-icon-pulse-grow:active:before {
		-webkit-animation-name: hvr-icon-pulse-grow;
		animation-name: hvr-icon-pulse-grow;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate
	}
	.hvr-icon-pulse-shrink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em
	}
	.hvr-icon-pulse-shrink:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-pulse-shrink:hover:before,
	.hvr-icon-pulse-shrink:focus:before,
	.hvr-icon-pulse-shrink:active:before {
		-webkit-animation-name: hvr-icon-pulse-shrink;
		animation-name: hvr-icon-pulse-shrink;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate
	}
	.hvr-icon-push {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-push:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-push:hover:before,
	.hvr-icon-push:focus:before,
	.hvr-icon-push:active:before {
		-webkit-animation-name: hvr-icon-push;
		animation-name: hvr-icon-push;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-icon-pop {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-pop:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-pop:hover:before,
	.hvr-icon-pop:focus:before,
	.hvr-icon-pop:active:before {
		-webkit-animation-name: hvr-icon-pop;
		animation-name: hvr-icon-pop;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-icon-bounce {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-bounce:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-bounce:hover:before,
	.hvr-icon-bounce:focus:before,
	.hvr-icon-bounce:active:before {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		-webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
		transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
	}
	.hvr-icon-rotate {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-rotate:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-rotate:hover:before,
	.hvr-icon-rotate:focus:before,
	.hvr-icon-rotate:active:before {
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg)
	}
	.hvr-icon-grow-rotate {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-grow-rotate:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-grow-rotate:hover:before,
	.hvr-icon-grow-rotate:focus:before,
	.hvr-icon-grow-rotate:active:before {
		-webkit-transform: scale(1.5) rotate(12deg);
		transform: scale(1.5) rotate(12deg)
	}
	.hvr-icon-float {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-float:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-float:hover:before,
	.hvr-icon-float:focus:before,
	.hvr-icon-float:active:before {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	.hvr-icon-sink {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-sink:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out
	}
	.hvr-icon-sink:hover:before,
	.hvr-icon-sink:focus:before,
	.hvr-icon-sink:active:before {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}
	.hvr-icon-bob {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-bob:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-bob:hover:before,
	.hvr-icon-bob:focus:before,
	.hvr-icon-bob:active:before {
		-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
		animation-name: hvr-icon-bob-float, hvr-icon-bob;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0, .3s;
		animation-delay: 0, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate
	}
	.hvr-icon-hang {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-hang:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-hang:hover:before,
	.hvr-icon-hang:focus:before,
	.hvr-icon-hang:active:before {
		-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
		animation-name: hvr-icon-hang-sink, hvr-icon-hang;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0, .3s;
		animation-delay: 0, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate
	}
	.hvr-icon-wobble-horizontal {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-wobble-horizontal:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-wobble-horizontal:hover:before,
	.hvr-icon-wobble-horizontal:focus:before,
	.hvr-icon-wobble-horizontal:active:before {
		-webkit-animation-name: hvr-icon-wobble-horizontal;
		animation-name: hvr-icon-wobble-horizontal;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-icon-wobble-vertical {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-wobble-vertical:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-wobble-vertical:hover:before,
	.hvr-icon-wobble-vertical:focus:before,
	.hvr-icon-wobble-vertical:active:before {
		-webkit-animation-name: hvr-icon-wobble-vertical;
		animation-name: hvr-icon-wobble-vertical;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-icon-buzz {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-buzz:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-buzz:hover:before,
	.hvr-icon-buzz:focus:before,
	.hvr-icon-buzz:active:before {
		-webkit-animation-name: hvr-icon-buzz;
		animation-name: hvr-icon-buzz;
		-webkit-animation-duration: .15s;
		animation-duration: .15s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}
	.hvr-icon-buzz-out {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		padding-right: 2.2em;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
	.hvr-icon-buzz-out:before {
		content: "";
		position: absolute;
		right: 1em;
		padding: 0 1px;
		font-family: FontAwesome;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.hvr-icon-buzz-out:hover:before,
	.hvr-icon-buzz-out:focus:before,
	.hvr-icon-buzz-out:active:before {
		-webkit-animation-name: hvr-icon-buzz-out;
		animation-name: hvr-icon-buzz-out;
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1
	}
	.hvr-curl-top-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-curl-top-left:before {
		pointer-events: none;
		position: absolute;
		content: '';
		height: 0;
		width: 0;
		top: 0;
		left: 0;
		background: #fff;
		background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
		z-index: 1000;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: width, height;
		transition-property: width, height
	}
	.hvr-curl-top-left:hover:before,
	.hvr-curl-top-left:focus:before,
	.hvr-curl-top-left:active:before {
		width: 25px;
		height: 25px
	}
	.hvr-curl-top-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-curl-top-right:before {
		pointer-events: none;
		position: absolute;
		content: '';
		height: 0;
		width: 0;
		top: 0;
		right: 0;
		background: #fff;
		background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
		box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: width, height;
		transition-property: width, height
	}
	.hvr-curl-top-right:hover:before,
	.hvr-curl-top-right:focus:before,
	.hvr-curl-top-right:active:before {
		width: 25px;
		height: 25px
	}
	.hvr-curl-bottom-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-curl-bottom-right:before {
		pointer-events: none;
		position: absolute;
		content: '';
		height: 0;
		width: 0;
		bottom: 0;
		right: 0;
		background: #fff;
		background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
		box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: width, height;
		transition-property: width, height
	}
	.hvr-curl-bottom-right:hover:before,
	.hvr-curl-bottom-right:focus:before,
	.hvr-curl-bottom-right:active:before {
		width: 25px;
		height: 25px
	}
	.hvr-curl-bottom-left {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative
	}
	.hvr-curl-bottom-left:before {
		pointer-events: none;
		position: absolute;
		content: '';
		height: 0;
		width: 0;
		bottom: 0;
		left: 0;
		background: #fff;
		background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
		box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-property: width, height;
		transition-property: width, height
	}
	.hvr-curl-bottom-left:hover:before,
	.hvr-curl-bottom-left:focus:before,
	.hvr-curl-bottom-left:active:before {
		width: 25px;
		height: 25px
	}
}

.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 10000;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}

.pswp * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: #222
}

.pswp--ie .pswp__img {
	width: 100%!important;
	height: auto!important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #ccc
}

.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline
}

.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: none;
	opacity: .9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url('https://www.monarchbeachresort.com/Opal/media/Opal/layout/default-skin-ps.png') 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px
}

@media(-webkit-min-device-pixel-ratio:1.1),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url('https://www.monarchbeachresort.com/Opal/media/Opal/layout/default-skin-ps.png')
	}
	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none
	}
}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: visible
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}

.pswp__button--arrow--left {
	left: 0
}

.pswp__button--arrow--right {
	right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, .3);
	height: 30px;
	width: 32px;
	position: absolute
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid rgba(0, 0, 0, 0);
	border-bottom-color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff
}

a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d
}

a.pswp__share--download:hover {
	background: #ddd
}

.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #fff;
	opacity: .75;
	padding: 0 10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption small {
	font-size: 11px;
	color: #bbb
}

.pswp__caption__center {
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #ccc
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url('https://www.monarchbeachresort.com/Opal/media/Opal/layout/preloader.gif') 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: .75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}

@media screen and (max-width:1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
	background: none
}

table.responsive {
	color: #000;
	width: 100%;
	background-color: #fff;
	border: 1px solid #000
}

table.responsive th {
	font-weight: 700;
	padding: 0;
	border: none
}

table th,
table.responsive td {
	padding: 9px 0;
	text-align: center
}

.special-offer footer .container article .responsive th h3 {
	font-size: 26px
}

@media screen and (max-width:1263px) {
	.special-offer footer .container article .responsive th h3 {
		font-size: 23px
	}
}

@media screen and (max-width:1197px) {
	.special-offer footer .container article .responsive th h3 {
		font-size: 18px
	}
}

@media screen and (max-width:1093px) {
	.special-offer footer .container article .responsive th h3 {
		font-size: 100%;
		padding: 0;
		display: block
	}
	.responsive th span {
		float: left
	}
}

@media only screen and (max-width:767px) {
	.pinned br,
	table.responsive td:first-child,
	table.responsive th:first-child,
	table.responsive.pinned td {
		display: none
	}
	table.responsive {
		margin-bottom: 0
	}
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc
	}
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%
	}
	.pinned table td,
	.pinned table th {
		white-space: normal;
		text-align: center;
		font-size: 13px;
		border: 1px solid #000;
		line-height: normal;
		vertical-align: middle
	}
	.pinned td:last-child {
		border-bottom: 0
	}
	.pinned table tr {
		height: 39px
	}
	.pinned table tr.toptitles {
		height: 68px
	}
	.scrollable table.responsive tr {
		height: 39px
	}
	div.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;
		color: #000
	}
	div.table-wrapper div.scrollable table {
		margin-left: 35%
	}
	div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden
	}
	table.responsive td,
	table.responsive th {
		white-space: nowrap;
		overflow: hidden
	}
	.special-offer footer .container article .responsive th h3 {
		font-size: 100%!important;
		padding: 0 1%
	}
	.responsive th span {
		float: none
	}
}

@media only screen and (max-width:710px) {
	.pinned table tr.toptitles {
		height: 84px
	}
}

@media only screen and (max-width:640px) {
	.pinned table tr.toptitles {
		height: 73px
	}
	.pinned {
		width: 41%
	}
	div.table-wrapper div.scrollable table {
		margin-left: 40%
	}
}

@media only screen and (max-width:540px) {
	.pinned table td,
	.pinned table th {
		font-size: 9px
	}
}

@media only screen and (max-width:510px) {
	.pinned table tr.toptitles {
		height: 67px
	}
}

.special-offer footer .container article .responsive th h3 {
	color: #000;
	font-family: Gotham-Light;
	font-weight: 300;
	display: inline
}

.responsive th span {
	font-size: 13px;
	text-transform: none;
	color: #000;
	font-family: Cochin-Italic;
	font-style: italic;
	display: inline;
	font-weight: 400
}

.responsive td:first-child,
.responsive th {
	font-family: Gotham-Medium
}

.responsive th {
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	border: 1px solid #000
}

.responsive tr.toptitles th:last-child {
	text-align: left
}

.responsive td {
	line-height: normal;
	border: 1px solid #000;
	font-size: 14px
}

.responsive td.headline {
	font-family: Gotham-Light;
	text-align: center;
	font-size: 16px;
	background-color: #fff!important
}

.responsive td {
	font-family: Cochin-Italic
}

tr.headtitles th {
	padding: 10px;
	border: 1px solid #000
}

.responsive tr.headtitles th:nth-child(2) {
	background-color: #718291
}

.responsive tr.headtitles th:nth-child(3) {
	background-color: #ed6918
}

.responsive tr.headtitles th:nth-child(4) {
	background-color: #a8c21d
}

.responsive tr>td:nth-child(2) {
	background-color: #c1c4ca
}

.responsive tr>td:nth-child(3) {
	background-color: #f7bc8b
}

.responsive tr>td:nth-child(4) {
	background-color: #dce499
}

.toptitles img {
	width: inherit;
	height: inherit;
	max-width: 100%;
	max-height: 100%
}


/*! Remodal - v0.1.6 - 2014-05-16
 * https://github.com/VodkaBears/remodal
 * Copyright (c) 2014 VodkaBears; */

body.remodal_lock,
html.remodal_lock {
	overflow: hidden
}

.remodal,
[data-remodal-id] {
	visibility: hidden
}

.remodal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	text-align: center
}

.remodal-overlay:after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	content: ''
}

.remodal-overlay>* {
	-webkit-transform: translateZ(0)
}

.remodal,
.remodal * {
	font-family: 'Exo 2', sans-serif
}

.remodal-bg {
	-webkit-transition: -webkit-filter .2s linear;
	-moz-transition: -moz-filter .2s linear;
	-o-transition: -o-filter .2s linear;
	transition: filter .2s linear
}

body.remodal_active .remodal-bg {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px)
}

.remodal-overlay {
	opacity: 0;
	background: rgba(33, 36, 46, .95);
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear
}

body.remodal_active .remodal-overlay {
	opacity: 1
}

.remodal {
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 100%;
	padding: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	background: #f4f4f4;
	background-clip: padding-box;
	color: #182a3c;
	-webkit-box-shadow: 0 0 8px #171a24;
	box-shadow: 0 0 8px #171a24;
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
	-webkit-transition: -webkit-transform .2s linear;
	-moz-transition: -moz-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	transition: transform .2s linear
}

body.remodal_active .remodal {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.remodal,
.remodal-overlay:after {
	vertical-align: middle
}

.remodal-close {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 28px;
	height: 28px;
	text-decoration: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #3e5368;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}

.remodal-close:after {
	display: block;
	font-size: 28px;
	font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif!important;
	content: "Г—";
	line-height: 28px;
	cursor: pointer;
	text-decoration: none;
	color: #3e5368;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}

.remodal-close:active,
.remodal-close:hover {
	background: #3e5368
}

.remodal-close:active.remodal-close:after,
.remodal-close:hover.remodal-close:after {
	color: #f4f4f4
}

.remodal-cancel,
.remodal-confirm {
	display: inline-block;
	width: 120px;
	padding: 9px 0;
	margin: 0 0 5px;
	font-size: 10pt;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background-clip: padding-box;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}

.remodal-confirm {
	border: 2px solid #16a085;
	background: #f4f4f4;
	color: #16a085
}

.remodal-confirm:active,
.remodal-confirm:hover {
	background: #16a085;
	color: #f4f4f4
}

.remodal-cancel {
	border: 2px solid #c0392b;
	background: #f4f4f4;
	color: #c0392b
}

.remodal-cancel:active,
.remodal-cancel:hover {
	background: #c0392b;
	color: #f4f4f4
}

@media only screen and (min-width:40.063em) {
	.remodal {
		max-width: 700px;
		margin: 20px auto;
		min-height: 0;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
}

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

.one {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s
}

.two {
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	animation-delay: 1.7s
}

.three {
	-webkit-animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
	animation-delay: 2.3s
}

.four {
	-webkit-animation-delay: 3.3s;
	-moz-animation-delay: 3.3s;
	animation-delay: 3.3s
}

@media(max-width:767px) {
	.fadeInDown {
		-webkit-animation-name: none!important;
		animation-name: none!important
	}
}

.hide {
	display: none!important
}

.hide.in {
	display: block !important
}

.noscroll {
	position: fixed;
	overflow-y: scroll;
	width: 100%
}

.formOverlayWrapper {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #0b0b0b;
	background: rgba(11, 11, 11, .8)
}

.formOverlayWrapper .formOverlayClose {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 25px;
	z-index: 99;
	font: 800 28px/28px Verdana, Geneva, sans-serif;
	color: #fff;
	cursor: pointer;
	top: -45px;
	right: -15px;
	padding: 10px 14px;
	opacity: .65;
	filter: alpha(opacity=65)
}

.formOverlayWrapper .formOverlayClose i {
	font-size: 20px
}

.formOverlayWrapper .formOverlayClose:hover {
	color: #d7634b;
	opacity: 1;
	filter: alpha(opacity=100)
}

.formOverlayWrapper .formOverlay {
	position: absolute;
	top: 5%;
	bottom: 5%;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 600px;
	height: 90%;
	max-height: 590px;
	background: #fff;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 75px rgba(31, 22, 80, .3);
	-moz-box-shadow: 0 0 75px rgba(31, 22, 80, .3);
	box-shadow: 0 0 75px rgba(31, 22, 80, .3)
}

.formOverlayWrapper.variableHeight .formOverlay {
	height: auto;
	bottom: auto
}

.formOverlayWrapper .formOverlayContent {
	width: 100%;
	height: 100%
}

.formOverlayWrapper .formOverlayContent iframe {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

.formOverlayWrapper .formOverlayContent h2.denied {
	margin: 20px auto;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	padding: 0 20px
}

@media screen and (max-width:520px) {
	.formOverlayWrapper .formOverlay {
		top: 5px;
		bottom: 5px;
		margin: 0 5px;
		height: auto;
		width: auto;
		max-height: inherit
	}
}

body .ui-dialog.ui-resizable {
	font-size: 16px;
	line-height: 25px;
	font: 300 18px/28px 'Lato', sans-serif;
	color: #333;
	position: fixed!important;
	top: 5%!important;
	bottom: 5%;
	right: 0!important;
	left: 0!important;
	max-width: 330px;
	max-height: 90%;
	width: 90%!important;
	height: auto;
	margin: 0 auto;
	padding: 40px;
	-webkit-box-shadow: 0 0;
	-moz-box-shadow: 0 0;
	box-shadow: 0 0;
	overflow: hidden;
	background: transparent;
	border: none
}

body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"] {
	max-width: 600px;
	padding: 40px 0 0
}

body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"]:before,
body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"]:after {
	content: "";
	position: absolute;
	display: none;
	left: 0;
	right: 0;
	width: 100%;
	height: 10px;
	margin: 0 auto;
	z-index: 1001;
	border: 0 solid rgba(0, 0, 0, .2)
}

body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"]:before {
	top: 30px;
	-webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 7px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 10px rgba(0, 0, 0, .2);
	border-width: 0 0 5px
}

body .shadow-blur-top.ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"]:before,
body .shadow-blur-bottom.ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"]:after {
	display: block
}

body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-popUpDialog"]:after {
	-webkit-box-shadow: 0 -7px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 -7px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 -7px 10px rgba(0, 0, 0, .2);
	border-width: 5px 0 0
}

body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-LegendDialog"] {
	top: auto!important;
	left: auto!important;
	bottom: 0
}

body .ui-widget-overlay {
	position: fixed;
	width: 100%!important;
	background: #0b0b0b;
	background: rgba(11, 11, 11, .8)!important
}

.ui-resizable.ui-dialog>* {
	z-index: 1000
}

.ui-resizable.ui-dialog>.ui-widget-header {
	z-index: 1001
}

.ui-resizable.ui-dialog>.ui-resizable-handle {
	display: none!important
}

body .ui-dialog .ui-widget-content,
body #LegendDialog {
	-webkit-box-shadow: 0 0 75px rgba(31, 22, 80, .3);
	-moz-box-shadow: 0 0 75px rgba(31, 22, 80, .3);
	box-shadow: 0 0 75px rgba(31, 22, 80, .3)
}

.ui-dialog .ui-widget-header,
body .ui-dialog .ui-widget-content,
body #LegendDialog {
	border: solid #ddd!important
}

.ui-dialog .ui-widget-header {
	border-width: 1px 1px 0!important;
	padding: 10px!important;
	background: #eee;
	text-align: center
}

body .ui-dialog.ui-resizable[aria-labelledby="ui-dialog-title-LegendDialog"] .ui-widget-header {
	background: #ddd
}

.ui-dialog.ui-draggable .ui-widget-header {
	cursor: default
}

.ui-dialog .ui-widget-header .ui-dialog-title {
	text-align: center;
	font: 700 20px/30px 'Rufina', serif;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 15px;
	margin: 0 auto;
	float: none;
	white-space: normal
}

.ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
	top: -15px;
	right: -1px;
	width: 20px;
	height: 20px;
	color: #d7634b;
	background-color: #eee;
	cursor: pointer
}

#wrapper.events-calendar .ui-dialog .ui-widget-header .ui-dialog-titlebar-close,
#wrapper.events-calendar .ui-dialog .ui-dialog-titlebar-close:hover,
#wrapper.events-calendar .ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 10px 14px!important;
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px
}

.ui-dialog .ui-dialog-titlebar-close:hover {
	color: #333
}

.ui-dialog .ui-widget-header .ui-dialog-titlebar-close span:after {
	content: ""
}

body .ui-dialog .ui-widget-content,
body #LegendDialog {
	border-width: 0 1px 1px!important;
	background: #eee!important;
	margin: 0!important
}

body #popUpDialog {
	max-height: 90%;
	font-size: 16px!important;
	line-height: 25px!important;
	font: 300 18px/28px 'Lato', sans-serif!important;
	padding: 0
}

#popUpDialog::-webkit-scrollbar {
	height: 4px;
	width: 4px
}

#popUpDialog::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .26)
}

#popUpDialog::-webkit-scrollbar-track:hover {
	background-color: rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1)
}

.ui-dialog #LegendDialog.ui-widget-content {
	text-align: center;
	padding-bottom: 30px;
	overflow: visible
}

.ui-dialog #LegendDialog.ui-widget-content table {
	margin: 0 auto;
	width: auto
}

.ui-dialog #LegendDialog.ui-widget-content ul.legend-list {
	margin: 0 auto;
	color: #333
}

body #popUpDialog>table {
	margin: .5em 3%;
	width: 94%
}

.ui-dialog .ui-widget-content>table>tbody>tr:first-of-type {}

.ui-dialog .ui-widget-content>table>tbody>tr:first-of-type>td {
	text-align: right
}

.ui-dialog .ui-widget-content .Label {
	display: block
}

.ui-dialog .ui-widget-content>table>tbody>tr:nth-of-type(2)>td.Label {
	display: none
}

.ui-dialog .ui-widget-content .legend-list .description,
.ui-dialog .ui-widget-content .CalendarContent {
	color: #222;
	font: 300 18px/28px 'Lato', sans-serif!important;
	padding-bottom: 20px
}

.ui-dialog .ui-widget-content>table>tbody>tr:first-of-type>td {
	padding-bottom: 0
}

.ui-dialog .ui-widget-content .CalendarContent a {
	color: #d7634b
}

.ui-dialog .ui-widget-content .CalendarContent a:hover {
	text-decoration: underline
}

.ui-dialog .ui-widget-content .CalendarContent img:not(.not-full) {
	max-width: 100%;
	width: 100%!important;
	height: auto!important
}

.section-wrapper .Calendar>table {
	width: 100%;
	border: none!important;
	background-color: #282726!important
}

.section-wrapper .Calendar table table {
	margin: 0
}

.section-wrapper .Calendar th {
	color: #fff;
	text-align: center;
	border: 1px solid #666!important;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px
}

.section-wrapper .Calendar td {
	vertical-align: top;
	border: 1px solid #ccc!important;
	text-align: right;
	background-color: #fdfbfa!important;
	background-image: -webkit-linear-gradient(top, #fdfbfa, #eee 60%, #e5e5e5);
	background-image: -moz-linear-gradient(top, #fdfbfa, #eee 60%, #e5e5e5);
	background-image: -o-linear-gradient(top, #fdfbfa, #eee 60%, #e5e5e5);
	background-image: linear-gradient(to bottom, #fdfbfa, #eee 60%, #e5e5e5);
	-webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 1px 1px rgba(255, 255, 255, .5);
	box-shadow: inset 1px 1px rgba(255, 255, 255, .5)
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
	color: #363636
}

.section-wrapper .Calendar td[colspan="7"],
.section-wrapper .Calendar td[colspan="7"] td {
	background: #fdfbfa!important;
	border: none!important;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #282726
}

.section-wrapper .Calendar td[colspan="7"] {
	padding: 0;
	border: 1px solid #ccc!important
}

.section-wrapper .Calendar td[style*="15"] a {
	font-size: 30px;
	font-weight: 700
}

.section-wrapper .Calendar td[colspan="7"] a {
	color: #d7634b!important;
	display: block;
	width: 100%
}

.section-wrapper .Calendar td[colspan="7"] a:hover {
	color: #91a5a5!important
}

.section-wrapper .Calendar a {
	text-decoration: none
}

.section-wrapper .Calendar .eventListing {
	text-align: left
}

.section-wrapper .Calendar .eventListing a {
	position: relative;
	font: 400 13px/16px 'Lato', sans-serif;
	display: block;
	background-color: #d7634b;
	border-radius: 3px;
	color: #fff!important;
	padding: 4px 10px 4px 12px;
	margin: 0 -12px 3px;
	text-decoration: none!important
}

.section-wrapper .Calendar tr>td:first-of-type .eventListing a {
	margin-left: 0
}

.section-wrapper .Calendar tr>td:last-of-type .eventListing a {
	margin-right: 0
}

.eventListingMobile {
	margin: 0 0 3px 0;
	border-bottom: 1px solid #999
}

.eventListingMobile a {
	color: #d7634b
}

.eventListingMobile a:hover {
	color: #282726
}

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

.eventDetails>table {
	width: 100%;
	table-layout: fixed
}

.section-wrapper .eventDetails h2,
#content .eventDetails h2 {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 15px
}

.section-wrapper .eventDetails p,
#content .eventDetails p {
	margin: 0;
	color: #333
}

#content .eventDetails p {
	padding-bottom: 10px
}

#content .eventDetails a {
	color: #d7634b
}

#content .eventDetails a:hover {
	color: #362b36
}

.eventDetailsDescription {}

.eventDetailsDescription img {
	width: 100%!important;
	max-width: 100%;
	height: 100%!important;
	padding-top: 10px
}

.eventDetailsDescription,
.eventDetailsDescription strong {
	padding-bottom: 20px;
	display: block
}

.eventDetailsDates {
	margin: 8px 0 0 0;
	padding-top: 8px;
	border-top: 1px solid #ccc!important;
	text-align: right
}

.eventDetailsDates strong {
	font-weight: 700
}

.Calendarv2 #miniCalendar {
	font: inherit;
	padding: 6px 10px
}

.Calendarv2 #Jquerycalendar {
	max-width: none;
	padding: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.Calendarv2 #Jquerycalendar.calendar-loaded {
	opacity: 1
}

.Calendarv2 .fc {
	font-size: 16px;
	line-height: 25px;
	background: #eee;
	font: 300 18px/28px 'Lato', sans-serif
}

.Calendarv2 .fc-header td {
	vertical-align: middle;
	box-shadow: 0 0;
	background: #fdfbfa!important;
	border: none!important;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #282726;
	padding: 5px 10px
}

.Calendarv2 .fc-button-prev,
.Calendarv2 .fc-button-next {
	top: 5px
}

.Calendarv2 .fc-header td.fc-header-left {
	text-align: left
}

.Calendarv2 .fc-header td.fc-header-center {
	text-align: center
}

.Calendarv2 .fc-header td.fc-header-right {
	text-align: right
}

.Calendarv2 .fc,
.Calendarv2 .fc .fc-header,
.Calendarv2 .fc .fc-header *,
.Calendarv2 .fc .fc-content {
	font-size: 1em
}

.Calendarv2 .fc-header td.fc-header-center {
	padding: 5px 10px
}

.Calendarv2 .fc-header .fc-header-title {
	text-align: center
}

.Calendarv2 .fc-header .fc-header-center h2 {
	padding: 0;
	font: 600 18px/28px 'Lato', sans-serif;
	text-transform: none
}

.Calendarv2 .fc-header .fc-state-default,
.Calendarv2 .fc-header .ui-state-default {
	margin-bottom: 0
}

.Calendarv2 .fc-header .fc-button {
	-moz-border-radius: 0 0;
	-webkit-border-radius: 0 0;
	border-radius: 0 0
}

.Calendarv2 .fc-header .fc-button.legend:hover {
	background: #dadada;
	border: 1px solid #999
}

.Calendarv2 .fc-header .fc-button.legend a {
	color: #555!important
}

.Calendarv2 .fc-content .ui-widget-header {
	background: #282726!important
}

.Calendarv2 .fc-event,
.Calendarv2 .fc-agenda .fc-event-time,
.Calendarv2 .fc-event a {
	border: none
}

.fc-event-time {
	display: none!important
}

@media screen and (max-width:650px) {
	#miniCalendar {
		width: 94%;
		border-color: #ccc!important
	}
	.Calendarv2 .fc-view.fc-view-list .ui-widget-content {
		display: table-row!important
	}
	.Calendarv2 .fc-view.fc-view-list .ui-widget-content.fc-cell-has-no-event {
		display: none!important
	}
	.Calendarv2 .fc-header .fc-header-left {
		width: auto
	}
	.Calendarv2 .fc-button-prev,
	.Calendarv2 .fc-button-next {
		top: 7px!important
	}
	.Calendarv2 .fc-button-prev {
		left: 5px
	}
	.Calendarv2 .fc-button-next {
		right: 5px
	}
	.Calendarv2 .fc-content table>tbody>tr>td>div {
		min-height: 1px!important
	}
}

@media screen and (max-width:1020px) {
	#initial-text,
	#online-text,
	#offline-text {
		bottom: 14%!important
	}
}

.swiper-container-2 .caption {
	color: #fff;
	position: absolute;
	left: 40px;
	top: inherit;
	bottom: 0%;
	margin: auto 0;
	transform: translateY(-50%);
	width: 50%;
	text-align: right;
	word-wrap: break-word;
	text-shadow: 2px 2px 2px #000;
	text-align: left
}

.swiper-container-2 .caption h2 {
	font-size: 40px
}

.swiper-container-2 .caption span {
	font-size: 30px;
	text-transform: none;
	color: #fff;
	font-family: Cochin-Italic;
	letter-spacing: 2px;
	font-style: italic;
	margin: 0 12px 0 0;
	display: block
}

@media(max-width:1920px) {
	.swiper-container-2 .caption {
		margin: auto 93px
	}
}

@media(max-width:1885px) {
	.swiper-container-2 .caption {
		margin: auto 50px
	}
}

@media(max-width:1499px) {
	.swiper-container-2 .caption {
		bottom: 30px;
		transform: translateY(-25%)
	}
}

@media(max-width:979px) {
	.swiper-container-2 .caption {
		top: 62%;
		transform: translateY(-50%)
	}
	.swiper-container-2 .caption h2 {
		font-size: 24px
	}
	.swiper-container-2 .caption span {
		font-size: 20px;
		text-transform: none;
		color: #fff;
		font-family: Cochin-Italic;
		letter-spacing: 2px;
		font-style: italic;
		margin: 0 12px 0 0;
		display: block
	}
}

@media(min-width:1024px) {
	.swiper-container .swiper-wrapper .mobile {
		display: none
	}
}

.slider-video {
	position: relative;
	top: 0%;
	transform: translate(0%, -10%);
	transform: scale(0%, 0%)
}

@media(max-width:1517px) {
	.slider-video {
		transform: translate(0%, 0%)
	}
}

#swiper-controls #mute {
	cursor: pointer;
	height: 25px;
	width: 25px;
	position: absolute;
	bottom: 0;
	right: 10px;
	border: none;
	background-size: cover;
	z-index: 9;
	top: inherit
}

#swiper-controls button {
	width: 15px;
	height: 15px;
	border-radius: 0%;
	bottom: 5px;
	right: 50px;
	border: none;
	cursor: pointer;
	position: absolute
}

#swiper-controls button.pause {
	background-image: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/pause-symbol.svg');
	background-size: contain;
	background-color: transparent;
	z-index: 9
}

#swiper-controls button.play {
	background-image: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/play-button.svg');
	background-size: contain;
	background-color: transparent;
	z-index: 9
}

#swiper-controls .first {
	display: none
}

@media(max-width:1024px) {
	#swiper-controls {
		display: none!important
	}
}

.videoHeaderWrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	overflow: hidden
}

.videoHeaderWrap>.videoHeader {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%
}

footer footer .container .footer-container .columnleft .row .c12 .logo {
	float: none
}

footer footer .container .footer-container .columnleft .row {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto
}

footer .logo {
	width: 100%
}

footer footer .container .footer-container .columnleft .row .c4 {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px
}

footer footer .container .footer-container .columnleft .row .c4 img {
	max-height: 118px
}

@media only screen and (max-width:1493px) {
	footer footer .container .footer-container .columnleft .row .c12 .logo {
		max-width: 344px
	}
}

@media only screen and (max-width:1141px) {
	footer .columnright .popular-links ul {
		width: 50%
	}
}

@media only screen and (max-width:1279px) {
	.social-icons ul {
		max-width: 268px;
		margin: 0 auto
	}
	footer footer .container .footer-container .columnleft .row .c12 .logo {
		margin-left: 0
	}
	footer .columnleft {
		width: 50%
	}
	footer .columncenter {
		width: 50%;
		text-align: center
	}
	footer .columncenter .social-icons {
		margin-left: auto;
		margin-right: auto;
		float: none;
		max-width: 100%;
		display: table
	}
	footer .columnright {
		width: 100%
	}
	footer .columnright .popular-links ul {
		width: 100%
	}
	footer .columnright {
		width: 100%;
		float: left;
		margin: 40px 0 0;
		text-align: center
	}
	.popular-link1,
	.popular-link2 {
		display: inline-block;
		float: none;
		margin: 0 10px
	}
	footer .columnright .newsletter {
		float: none;
		margin: 0 auto;
		width: 60%;
		clear: both
	}
}

@media only screen and (max-width:772px) {
	footer .columnleft {
		width: 100%
	}
	footer .columncenter {
		width: 100%
	}
	footer footer .container .footer-container .columnleft .row .c4 {
		width: 33.3%
	}
}

#initial-text,
#online-text,
#offline-text {
	position: fixed;
	bottom: 1%;
	right: 1%;
	z-index: 1002;
	max-width: 600px;
	max-height: 100%
}

#initial-text {
	padding: 7px;
	cursor: pointer;
	background-color: #032165;
	min-width: 215px
}

#initial-text:hover {
	background-color: #000
}

#online-text,
#offline-text {
	padding: 13px 0 0 0
}

.close-chat-div {
	font-size: 22px;
	position: absolute;
	top: 4%;
	right: 0;
	z-index: 1;
	cursor: pointer;
	padding: 15px;
	padding-top: 7px
}

#initial-text img,
.chat-widget-text {
	display: inline
}

#initial-text .chat-widget-text {
	vertical-align: super;
	padding-bottom: 0;
	text-transform: uppercase;
	font: 400 13px/16px 'Gotham-Bold', sans-serif;
	letter-spacing: 0
}

.online-text-body {
	padding: 20px 10px;
	background-color: rgba(255, 255, 255, .9);
	font-family: MyriadPro-Regular;
	letter-spacing: 2px
}

.online-text-body hr {
	display: block;
	background-image: -webkit-linear-gradient(left, #323e48, #fff, #323e48)
}

.online-text-body p,
.online-text-body a {
	color: #323e48
}

.phone-chat a {
	color: #344049;
	font: 400 12px/13px 'Gotham-Bold', sans-serif
}

.online-text-body a {
	text-decoration: underline;
	line-height: 23px
}

.online-text-body a:hover,
.phone-chat a:hover {
	color: #032165
}

.chat-with-us {
	padding: 13px 0 13px 13px;
	font: 400 14px/16px 'Gotham-Bold', sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	background-color: #032165
}

#chat-widget-home .hide {
	display: none
}

.navbar-fixed-top .navbar-inner .container {
	border-top: 1px solid #032165;
}

.phone-chat {
	color: #000;
	position: fixed;
	top: inherit;
	font-size: 14px;
	z-index: 3030;
	text-transform: uppercase;
	font-family: MyriadPro-Regular;
	letter-spacing: 2px;
	padding-bottom: 0;
	padding-top: 0;
	padding-right: 2%;
	right: 0;
	background-color: #fff;
	width: 100%;
	text-align: right;
	margin-top: 9px;
}

.header-padding {
	padding-bottom: 30px
}

.booking-mask {
	top: 9px;
	position: relative;
	right: 0;
	width: auto;
	max-width: 1290px
}

@media screen and (max-width:1020px) {
	.booking-mask {
		top: 58px;
		right: 0%;
		position: relative;
		width: 100%;
	}
	.phone-chat {
		top: 60px;
		text-align: center
	}
}

#gdpr-popup-container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 0;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	display: none;
	background: #ffffffe6;
	border-top: 6px solid #032165;
	background: rgba(255, 255, 255, .8)
}

#gdpr-popup-container p,
#gdpr-popup-container h1 {
	color: #000!important;
	font-size: 18px;
	font-weight: 900;
	padding: 0
}

#gdpr-popup-window {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin: 20px 0;
	height: auto;
	Padding: 10px;
	z-index: 999999;
	text-align: center;
	top: 0
}

#gdpr-popup-container a.close {
	position: relative;
	float: right;
	top: 0;
	right: 5px;
	z-index: 99;
	font-weight: bold;
	font-size: 35px;
	padding: 7px;
	line-height: 1em;
	text-align: center;
	cursor: pointer;
	color: #032165;
	width: 5%
}

#gdpr-popup-container #gdpr-popup-window {
	float: left;
	width: 95%
}

.transparent_class {
	filter: alpha(opacity=50);
	-moz-opacity: .9;
	opacity: .9;
	-ms-opacity: .9
}

.transparent_class {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: .9
}

.accordion_head {
	text-transform: uppercase
}

.accordion_head .fa {
	font-size: 23px;
	position: relative;
	top: 4px;
	color: #ccd4da
}

i {
	-webkit-transition: all 300ms ease-in 0;
	-moz-transition: all 300ms ease-in 0;
	-o-transition: all 300ms ease-in 0;
	transition: all 300ms ease-in 0
}

.ui-state-active i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	height: 25px
}

.accordion_container .accordion_head {
	background: none;
	border: none;
	color: #ccd4da;
	font-weight: 600;
	font-size: 13px
}

.accordion_container .accordion_head a:hover {
	color: #032165
}

.accordion_body {
	margin-left: 10px
}

@media screen and (max-width:1024px) {
	.sub-page-banner #swiper-controls-sub {
		display: none
	}
}

.sub-page-banner #swiper-controls-sub {
	bottom: inherit;
	top: 0;
	right: 50px;
	position: absolute;
	z-index: 1
}

.sub-page-banner button {
	background: none;
	border: none
}

.sub-page-banner .pause {
	background-image: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/pause-symbol.svg');
	background-size: contain;
	height: 20px;
	width: 20px
}

.sub-page-banner .play {
	background-image: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/play-button.svg');
	background-size: contain;
	height: 20px;
	width: 20px
}

.sub-page-banner .unmute-video {
	background-image: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/unmute-white.png');
	background-size: contain;
	height: 20px;
	width: 20px
}

.sub-page-banner .mute-video {
	background-image: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/mute-white.png');
	background-size: contain;
	height: 20px;
	width: 20px
}

iframe#stack-widget-embed-39233 {
	height: 100%!important
}

h2#Social-Widget-h2 {
	text-align: center;
	font-size: 30px;
	color: #fff;
	overflow-wrap: break-word
}

.holidays-slider h2 {
	padding-bottom: 30px;
	text-align: center
}

.holidays-slider #new-carousel .sr {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.holidays-slider #new-carousel fieldset {
	border: none
}

.holidays-slider #new-carousel #carousel-wrapper {
	max-width: 700px
}

.holidays-slider #new-carousel #live ul {
	display: inline-block;
	padding: 0;
	overflow: hidden;
	height: 47px;
	text-align: center;
	display: flex
}

.holidays-slider #new-carousel #live li {
	display: inline-block;
	float: left;
	width: 13.5em;
	text-align: center;
	border: 1px solid #032165;
	border-left: 1px solid #000;
	background-color: #032165;
	font-size: 13px;
	padding: 15px 20px;
	height: 47px;
	flex: 0 0 25%;
	white-space: nowrap
}

.holidays-slider #new-carousel #live li.current {
	background-color: #008bac;
	border: 1px solid #008bac
}

.c8.holidays-slider.end li.tab-link:focus {
	outline: none!important;
	border: 1px solid #fff!important
}

.js #live {
	display: block
}

.holidays-slider #next {
	background: url(https://www.monarchbeachresort.com/getmedia/c56aab39-e2f2-4c46-9d17-ed8f557f338e/right-arrow/) no-repeat;
	height: 43px;
	width: 43px;
	border: none;
	background-position: center center;
	font-size: 0;
	color: transparent
}

.holidays-slider #prev {
	background: url(https://www.monarchbeachresort.com/getmedia/a23a69e6-1571-48b4-abe9-4ba6716c8772/left-arrow/) no-repeat;
	height: 43px;
	width: 43px;
	border: none;
	background-position: center center;
	font-size: 0;
	color: transparent
}

.swiper-slide section .caption {
	min-height: 102px
}

@media(max-width:1266px) {
	#carousel-wrapper {
		max-width: 500px
	}
	#new-carousel table {
		width: 0
	}
	#new-carousel table td {
		width: 0
	}
	#live li {
		flex: 0 0 50%
	}
}

@media(max-width:964px) {
	#carousel-wrapper {
		max-width: 250px
	}
	#live li {
		flex: 0 0 100%
	}
}

.holidays-slider #new-carousel #carousel-wrapper {
	max-width: 900px;
	overflow: hidden
}

@media(max-width:1539px) {
	.holidays-slider #new-carousel #carousel-wrapper {
		max-width: 700px;
		overflow: hidden;
		text-align: center;
		margin: 0 auto
	}
}

@media(max-width:1239px) {
	.holidays-slider #new-carousel #carousel-wrapper {
		max-width: 500px
	}
}

@media(max-width:945px) {
	.holidays-slider #new-carousel #carousel-wrapper {
		max-width: 250px
	}
}

@media(max-width:1070px) {
	div#carousel-wrapper {
		overflow: hidden
	}
	.holidays-slider #new-carousel #live li {
		padding: 15px 10px;
		flex: 0 0 50%
	}
}

@media(max-width:953px) {
	.holidays-slider #new-carousel #live li {
		flex: 0 0 100%;
		padding: 15px 0;
		width: auto
	}
}

#swiperButtons {
	bottom: 0;
	right: 0;
	z-index: 9999;
	position: absolute;
	display: block
}

#swiperButtons .play,
#swiperButtons .pause {
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	display: block
}

#swiperButtons .play {
	background-image: url(https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/play-button.svg)
}

#swiperButtons .pause {
	background-image: url(https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/graphics/pause-symbol.svg)
}

#swiperButtons a {
	margin: 20px
}

select:focus,
a:focus,
input:focus,
button:focus,
span:focus {
	outline: #8bc1ff solid 5px
}

select:target,
a:target,
input:target,
button:target,
span:target {
	outline: 0
}

#slider .slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

#slider .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

#slider .slick-list:focus {
	outline: none
}

#slider .slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

#slider .slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#slider .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

#slider .slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

#slider .slick-track:after {
	clear: both
}

#slider .slick-loading .slick-track {
	visibility: hidden
}

#slider .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	margin: 0
}

[dir='rtl'] .slick-slide {
	float: right
}

#slider .slick-slide img {
	display: block;
	width: 100%
}

#slider .slick-slide.slick-loading img {
	display: none
}

#slider .slick-slide.dragging img {
	pointer-events: none
}

#slider .slick-initialized .slick-slide {
	display: block
}

#slider .slick-loading .slick-slide {
	visibility: hidden
}

#slider .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

#slider .slider {
	margin: 0 auto
}

#slider>.slider {
	margin: 0!important;
	padding: 0!important
}

.slick-next {
	right: 0!important
}

.slick-prev {
	left: 0!important
}

#slider .slider .slider-item {
	position: relative!important
}

#slider .slider-caption {
	background-color: transparent;
	bottom: 0;
	left: 0;
	padding: 2% 2% 10px;
	position: absolute;
	right: 0;
	text-shadow: none;
	margin: 0
}

#slider .slider-buttons {
	top: 0;
	left: 0;
	padding: 4px;
	position: absolute;
	right: 0;
	text-shadow: none;
	margin: 0;
	z-index: 10
}

#slider .slider-buttons .selected {
	background: red none repeat scroll 0 0
}

#slider .slider-buttons .pause:hover,
.slider-buttons .play:hover,
.slider-buttons .pause:focus,
.slider-buttons .play:focus {
	background: red none repeat scroll 0 0
}

#slider .slider-caption a {
	color: #fff;
	font-size: 19.98px;
	letter-spacing: 0;
	font-weight: 700;
	text-transform: uppercase
}

#slider .slider-caption a:after {
	padding-left: 5px
}

#slider .slider-caption p {
	color: #fff;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 27px
}

#slider .slider-caption h2 {
	margin: 0;
	padding: 0;
	font-size: 16px
}

.slick-prev::before,
.slick-next::before {
	font-size: 35px
}

.slick-prev,
.slick-next {
	color: #fff!important;
	z-index: 99999;
	height: 35px;
	width: 35px
}

#slider {
	position: relative
}

#slider .slider-buttons button {
	background: #333 none repeat scroll 0 0;
	border: 2px solid #fff;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	margin: 2px 0 0 2px;
	padding: 2px 0;
	width: 50px
}

#slider button:focus {
	outline: 5px solid #032165!important
}

#slider .slick-dots {
	top: 0;
	bottom: auto;
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%
}

#slider .slider-caption {
	position: relative
}

#slider .slick-dots li {
	margin: 0;
	margin-left: 0
}

.slick-dots li button {
	font-size: 0
}

#slider .slick-dots li button {
	border: none;
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 5px;
	opacity: 1;
	background: #fff
}

#slider .slick-dots li.slick-active button {
	background: #007aff
}

#slider .slick-dots li.slick-active button::before {
	color: #fff
}

#slider .slick-dots li button::before {
	font-size: 30px;
	line-height: inherit
}

#slider .slick-dots li button::before {
	opacity: 1;
	color: #007aff
}

@media screen and (max-width:767px) {
	#slider .slick-dots {
		top: 0
	}
	#slider .slick-dots {
		position: relative
	}
}

#swiperbtns {
	position: absolute;
	z-index: 2;
	color: #000;
	padding: 0 5px
}

#swiperbtns .stop {
	font-size: 10px;
	vertical-align: middle
}

#swiperbtns .play {
	position: relative;
	top: 2px
}

#swiperbtns a:focus.active {
	color: #032165!important
}

.special-offer-right .new-tab:focus::after,
.roomsFooterContent .new-tab:focus::after,
#roomWraps .new-tab:focus::after,
#gridSection .grid .row article p .new-tab:focus::after,
.reserveonline.new-tab:focus::after,
#gridv2 .services .service p a.new-tab:focus::after,
address .new-tab:hover::afteraddress .new-tab:hover::after,
address a.new-tab:focus::after {
	display: inline-block;
	content: "⇱";
	position: relative;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300
}

address a.new-tab:focus:after {
	content: "⇱";
	position: relative;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: table-cell
}

.social-icons ul li a.new-tab:focus span:after {
	content: "⇱";
	position: absolute;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: inherit;
	font-size: 10px
}

.social-icons ul li a.new-tab:hover span:after {
	content: "⇱";
	position: absolute;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: inherit;
	font-size: 10px
}

.special-offer-right .new-tab:hover::after,
.roomsFooterContent .new-tab:hover::after,
#roomWraps .new-tab:hover::after,
#gridSection .grid .row article p .new-tab:hover::after,
#slider .slider-caption a.new-tab:hover::after,
#gridv2 .services .service .button a.new-tab:hover::after,
#gridv2 .services .service p a.new-tab:hover::after,
address .new-tab:hover::after {
	display: inline-block;
	content: "⇱";
	position: relative;
	top: -5px;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300
}

#gridSection .grid .row article p .new-tab:hover::after {
	position: absolute
}

.special-offer-right #social .new-tab::after {
	content: ""
}

footer .columncenter .call-info a:hover::after,
footer .columncenter .call-info a:focus::after {
	content: "⇱";
	position: absolute;
	margin-left: 2px;
	transform: rotate(90deg);
	font-weight: 300;
	display: inherit;
	font-size: 10px
}

.section-title {
	display: block;
	margin: 0
}

.js .collapsing-section {
	display: none
}

.gridImageContainer a {
	display: block
}

.dialog-overlay[aria-hidden="true"],
.hide[aria-hidden="true"] {
	display: none
}

.dialog-overlay:not([aria-hidden="true"]),
.hide:not([aria-hidden="true"]) {
	display: block
}

.main-navigation-list li.hasSubnav>a:focus:after {
	content: "▼"
}

.main-navigation-list ul li ul {
	outline: 2px solid #8bc1ff
}

.main-navigation-list ul li:focus-within>ul,
.main-navigation-list ul li ul:focus {
	visibility: visible;
	opacity: 1
}

.accessibility {
	color: #000;
	font: 400 13px/16px 'Gotham-Bold', sans-serif;
	margin: 0;
	text-align: left
}

.accessibility>a {
	border: 1px solid #032165;
	clip: rect(1px, 1px, 1px, 1px);
	color: #000;
	display: inline-block;
	font: 400 13px/16px 'Gotham-Bold', sans-serif;
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 1px;
	text-transform: uppercase
}

.accessibility>a:focus {
	clip: none;
	font: 700 13px/13px 'Josefin Sans', sans-serif;
	height: auto;
	overflow: visible;
	padding: .5rem;
	position: static;
	width: auto;
	background-color: #fff;
	margin-bottom: 15px;
	border: 1px solid #032165
}

.tabs li.current2:focus {
	border-bottom: 1px solid #fff
}

.c8 .current2 {
	display: block
}

.swiper-container-offers .swiper-pagination-bullets {
	bottom: inherit
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	top: 0
}

.swiper-container-offers>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px
}

.swiper-pagination span:focus {
	outline: 5px solid #032165
}

.swiper-container-offers .swiper-pagination-bullet {
	opacity: 1;
	background: #fff
}

.swiper-container-offers .swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.special-offer-left .specials .swiper-container-offers .swiper-pagination span {
	padding: 0;
	display: inline-block
}

.swiper-container-offers .swiper-pagination-bullet::before {
	content: none
}

.swiper-container-offers .swiper-pagination {
	position: relative
}

.c8.holidays-slider.end li.tab-link:focus {
	outline: 3px solid #fff
}

.c8.holidays-slider.end .bx-wrapper .bx-controls-direction a:focus {
	outline: 3px solid #032165
}

.holidays-slider select {
	margin: 4% 0;
	float: none;
	display: inline-block;
	font: 400 13px/16px 'Gotham-Bold', sans-serif;
	color: #032165;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #032165;
	letter-spacing: 0;
	cursor: pointer;
	vertical-align: middle;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('https://www.monarchbeachresort.com/getmedia/38448479-f985-4a93-9b6d-f88e7bc580df/arrow-down/');
	background-repeat: no-repeat;
	background-position: center right;
	padding: 10px 22px 10px 9px;
	width: 194px;
	transition: border-color .3s;
	-webkit-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-o-transition: border-color .3s
}

.roomsFooterContent h2 {
	color: #000;
	font-weight: 100;
	font-size: 35px
}

.banner .item .caption p {
	text-transform: uppercase;
	font-family: Gotham-Light;
	letter-spacing: 14px;
	margin: 0;
	font-weight: 600;
	padding: 0;
	line-height: 60px;
	color: #fff;
	font-size: 40px
}

.miraval-page .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.accommodations-page .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.gallery-page .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.golf-page .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.membership-page .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.empty .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.dining-page .special-offer footer .container .special-offer-right article h2 {
	color: #fff
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	text-align: center
}

.EditingFormErrorLabel {
	color: #c00;
	font-size: 12px;
	padding-left: 3px
}

#errors-contact a {
	text-decoration: none;
	width: 100%;
	display: block
}

.Error input,
.Error textarea {
	outline: 1px solid red
}

.dining-page main .section-wrapper section a:focus {
	outline: #032165 solid 5px
}

.special-offer-left.fadeInDown.removeSpecialWidgetYes {
	display: none
}

.special-offer-left a.view-offer::after {
	content: " >"
}

footer .logos a {
	display: block;
	width: 100%
}

footer .logos p {
	font-weight: 700;
	font-size: 10px
}

footer .logos img {
	max-width: 118px;
	padding: 0 10px
}

.innerWrap h2 {
	font-family: Gotham-Light;
	color: #000;
	font-size: 35px;
	font-weight: 100
}

.new-holiday-tabs .hide {
	display: none
}

#trip-advisor-wrap a:focus {
	outline: #8bc1ff solid 5px
}

.previewFormMask table td {
	position: relative
}

.previewFormMask table td button {
	position: relative;
	background-color: #e9e9df!important;
	right: 0;
	height: 33px;
	width: 33px;
	padding-top: 0;
	bottom: 0;
	margin: 0;
	padding: 0!important;
	float: left
}

.previewFormMask table td button img {
	height: 20px;
	width: auto
}

.previewFormMask .FormPanel label {
	color: #000;
	padding: 0;
	text-align: left;
	float: left;
	text-indent: inherit;
	font-size: inherit
}

@media screen and (max-width:1020px) {
	.previewFormMask button.ui-datepicker-trigger {
		display: block!important
	}
	.special-offer-right #adaForm td {
		position: relative
	}
	.special-offer-right #adaForm input {
		padding: 18px 13px 0
	}
	.special-offer-right #adaForm button.ui-datepicker-trigger {
		display: block!important;
		position: absolute;
		background-color: #e9e9df!important;
		margin-left: auto;
		right: 0;
		height: 33px;
		width: 33px;
		padding-top: 6px
	}
}

.special-offer-right #adaForm button {
	max-width: 19px
}

.js-document .ada-button {
	background: none;
	border: none;
	color: #344049;
	font: 400 12px/13px 'Gotham-Bold', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px
}

#dialog .c-dialog__box p {
	font-size: 15px;
	padding: 0 0 7px 0;
	margin: 0 0 8px 0;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-weight: bold
}

#dialog .c-dialog__box button {
	float: right;
	background: none;
	border: none;
	outline: none
}

#dialog .c-dialog__box label {
	font-size: 15px;
	display: block;
	color: #000;
	font-weight: normal;
	float: left
}

#dialog .c-dialog__box input {
	width: 20px;
	height: auto;
	position: relative;
	top: 0;
	float: right
}

.c-dialog {
	position: fixed;
	z-index: 100;
	top: auto;
	right: 115px;
	bottom: auto;
	display: flex;
	padding: 2.4rem;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(green, .75);
	transition: .2s
}

.c-dialog__box {
	flex: 1;
	max-width: 17rem;
	margin: auto;
	padding: 1.2rem;
	background-color: #fff;
	border: 1px solid #ccc
}

.c-dialog[aria-hidden="true"] {
	visibility: hidden;
	opacity: 0
}

.high-contrast #video {
	opacity: .2
}

.high-contrast .booking-mask input,
.high-contrast .booking-mask select,
.high-contrast .booking-mask a {
	color: #344049
}

.high-contrast header .header-padding .booking-mask .booking-expand .booking-padding button.ui-datepicker-trigger {}

.high-contrast header .header-padding .booking-mask #booking-submit {
	color: #344049;
	background: #fff
}

.high-contrast .tinted-image {
	background: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .55));
	width: 100vw;
	height: 100vh
}

.high-contrast #initial-text {
	background-color: #fff;
	background-image: url('https://monarchbeachresort.com/getmedia/a9c3337e-e65e-4ba9-92f9-c58fe1c82c9e/butterfly-invert');
	background-repeat: no-repeat;
	background-size: 27px 23px;
	background-position: 5% center;
	border: 1px solid #032165
}

.high-contrast #initial-text .chat-widget-text {
	color: #000
}

.high-contrast #initial-text .chat-widget-text img {
	display: none
}

.high-contrast footer .columncenter a.reservation-btn {
	background-color: #fff;
	color: #000;
	border: 3px solid #032165
}

.high-contrast footer .columnright .newsletter #subscribe_forms button {
	background-color: #fff;
	color: #000;
	border: 3px solid #032165
}

.high-contrast .special-offer,
.high-contrast section .special-events,
.high-contrast .holiday-page .holiday,
.high-contrast .specials.trip-advisor .widSSPData,
.high-contrast .specials.trip-advisor .widSSPData img {
	background: #007e9e!important
}

.high-contrast .book-section {
	background: #fff
}

.high-contrast .book-section footer .container h2,
.high-contrast .book-section footer .container span,
.high-contrast .book-section span a {
	color: #000
}

.high-contrast .book-section a.reserveonline {
	background-color: #007e9e!important;
	color: #fff;
	border: 1px solid #032165
}

.high-contrast .roomsFooterContent a.btn {
	font-weight: 600;
	display: inline-block;
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	border: 1px solid #032165;
	padding: 10px 14px;
	cursor: pointer;
	vertical-align: middle;
	font-family: Gotham-Light
}

.high-contrast #RoomsWrapper h3 {
	color: #000
}

.high-contrast #RoomsWrapper a.btn {
	color: #000
}

.high-contrast .grid .row article .learnWrap .learn a.btn {
	color: #000
}

.high-contrast .grid .row article {
	color: #000
}

.high-contrast .grid .row article h3,
.high-contrast .grid .row article h3 a {
	color: #000!important
}

.high-contrast.membership-page .previewFormMask input {
	background-color: #007e9e!important
}

.high-contrast footer .container .special-offer-right article a.btn {
	color: #000
}

.high-contrast footer .container .special-offer-right article a.btn,
.high-contrast footer .container article.optonal a.btn {
	background: #fff!important;
	border: 1px solid #032165!important
}

.high-contrast .gridContent {
	color: #000
}

.high-contrast #RoomsWrapper h3 {
	color: #000
}

.high-contrast .grid .row article .learnWrap .learn a.btn {
	color: #000
}

.high-contrast footer .columnright .popular-links ul li a:hover {
	color: #fff;
	font-weight: 900
}

.high-contrast .main-navigation-expand li a:hover {
	color: #000;
	font-weight: 900
}

.high-contrast .main-navigation-subnav ul>li a {
	color: #000
}

.high-contrast #RoomsWrapper a.btn:hover {
	color: #000;
	font-weight: 900
}

.high-contrast .grid .row article .learnWrap .learn a.btn:hover {
	font-weight: 900
}

.high-contrast footer .container article a:hover {
	font-weight: 900;
	color: #000
}

.high-contrast .previewFormMask h2 {
	background: transparent
}

.high-contrast .main-navigation-expand li a:hover,
.high-contrast .main-navigation-expand li.HighLighted a {
	font-weight: 900;
	color: #000
}

.high-contrast .phone-chat a:hover {
	font-weight: 900;
	color: #000
}

.high-contrast .sitemap-close a {
	background: #000
}

.high-contrast .sitemap-float {
	background-color: #007e9e
}

.high-contrast .sitemap-content a:hover {
	color: #fff;
	font-weight: 900
}

.high-contrast #RoomsDetailsWrapper #RoomsSection a.btn {
	color: #000
}

.high-contrast .nav-phone a {
	color: #007e9e
}

.high-contrast .holiday ul.tabs li.current {
	color: #000
}

.high-contrast .holiday ul.tabs li {
	color: #000
}

a.skipInstagram {
	display: block;
	text-indent: -999px;
	position: absolute;
	left: -999px
}

a.skipInstagram:focus {
	text-indent: 0;
	position: relative;
	left: 0
}

.text-spacing p.learn {
	margin-bottom: 0!important
}

.high-contrast #gdpr-popup-container {
	background-color: #fff
}

#subscribe_forms fieldset {
	height: auto;
	min-height: 27px;
	background-color: #032165
}

footer .columnright .popular-links ul li {
	overflow-wrap: break-word
}

.ada-font-zoom header {
	position: relative
}

.ada-font-zoom .phone-chat {
	position: relative
}

@media screen and (max-height:30em) {
	header {
		position: relative!important
	}
	.phone-chat {
		position: relative!important;
		top: 9px!important;
		margin-top: 0!important
	}
	.specials.trip-advisor .widSSPOptional+.widSSPOptional {
		margin-bottom: 65px
	}
	.learnWrap {
		position: relative
	}
	footer .columnright .newsletter #subscribe_forms .email-box {
		width: 66%;
		height: 100%
	}
	.gecko footer .columnright .newsletter #subscribe_forms button {
		width: 50%;
		height: 100%
	}
	.banner-and-guestroom-section.cf {
		margin-top: 0!important
	}
	#RoomsWrapper a.btn {
		position: relative
	}
	.booking-mask {
		top: 0
	}
	footer .columnright .newsletter #subscribe_forms .email-box input {
		height: 100%
	}
	.main-navigation-expand {
		position: relative
	}
	.grid .row article h3,
	.grid .row article h3 a {
		word-break: break-all
	}
	.holidays-slider #new-carousel #carousel-wrapper {
		max-width: 215px
	}
}

@media screen and (max-height:575px) {
	.learnWrap {
		position: relative
	}
	#RoomsWrapper a.btn {
		position: relative
	}
}

@media screen and (max-height:70em) {
	#RoomsWrapper p {
		line-height: normal
	}
	.grid .row article h3,
	.grid .row article h3 a {
		line-height: normal
	}
	section .special-events {
		padding: 10px 0 300px
	}
	h2#Social-Widget-h2 {
		line-height: normal
	}
	.specials {
		max-width: 100%
	}
	.accommodations-page .grid .row article h3 {
		max-height: inherit
	}
	.holidays-slider #new-carousel #live ul {
		overflow: visible;
		min-height: 47px;
		height: auto
	}
	.holidays-slider #new-carousel #live li {
		min-height: 47px;
		width: auto;
		white-space: normal;
		height: auto
	}
	p {
		line-height: normal
	}
	.gridWrap {
		line-height: normal
	}
}

@media only screen and (max-width:510px) {
	.scrollable .toptitles {
		height: 63px!important
	}
	.phone-chat a,
	.js-document .ada-button {
		font: 400 10px/13px 'Gotham-Bold', sans-serif;
		letter-spacing: 1px
	}
}

header *,
header *::after,
header *::before {
	box-sizing: border-box
}

/* a:active,
a:focus,
li:active,
li:focus,
button:active,
button:focus,
input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
	box-shadow: 0 0 0 3px #8bc1ff!important;
	outline: none!important
} */

[data-whatintent="mouse"] a:active,
[data-whatintent="mouse"] a:focus,
[data-whatintent="mouse"] li:active,
[data-whatintent="mouse"] li:focus,
[data-whatintent="mouse"] button:active,
[data-whatintent="mouse"] button:focus,
[data-whatintent="mouse"] input:active,
[data-whatintent="mouse"] input:focus,
[data-whatintent="mouse"] select:active,
[data-whatintent="mouse"] select:focus,
[data-whatintent="mouse"] textarea:active,
[data-whatintent="mouse"] textarea:focus {
	box-shadow: none!important
}

.lede {
	font-size: 20px;
	font-weight: 300;
	line-height: 32px
}

/* .well {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	margin: 24px 0;
	padding: 24px
}

.well::after {
	clear: both;
	content: "";
	display: table
}

.well-column>:first-child {
	margin-top: 0!important
}

.well-column>:last-child {
	margin-bottom: 0!important
} */

.list-group {
	list-style: none;
	padding: 0
}

.list-group-item:first-child a {
	border-radius: 4px 4px 0 0
}

.list-group-item:last-child a {
	border-bottom: 1px solid #ddd;
	border-radius: 0 0 4px 4px
}

.list-group-item a {
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	color: #555;
	display: block;
	padding: 16px;
	text-decoration: none;
	transition: all .2s ease
}

.list-group-item a:active,
.list-group-item a:focus {
	box-shadow: 0 0 0 3px orange!important;
	outline: none!important
}

[data-whatintent="mouse"] .list-group-item a:active,
[data-whatintent="mouse"] .list-group-item a:focus {
	box-shadow: none!important
}

.list-group-item a:focus,
.list-group-item a:hover {
	background-color: #f5f5f5
}

.list-group-item a:active,
.list-group-item a:focus {
	position: relative
}

form.well-column button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #337ab7;
	border: 1px solid #2e6da4;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 8px 16px;
	text-align: center;
	transition: all .2s ease
}

form.well-column button:focus,
form.well-column button:hover {
	background-color: #286090;
	border-color: #204d74
}

form.well-column label {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px
}

form.well-column p {
	margin: 16px 0
}

form.well-column p.checkbox label {
	font-weight: 400
}

form.well-column input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 32px;
	margin: 0;
	padding: 0 8px;
	width: 100%;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: all .2s ease
}

form.well-column input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder {
	color: #999
}

form.well-column input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder {
	color: #999
}

form.well-column input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder {
	color: #999
}

[data-whatintent="mouse"] form.well-column input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus {
	border-color: #31708f;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 112, 143, .6)
}

form.well-column input[type="checkbox"],
form.well-column input[type="radio"] {
	outline: none
}

form.well-column select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 32px;
	margin: 0;
	padding: 0 8px;
	width: 100%;
	background-image: url(https://www.monarchbeachresort.com/images/select-arrow.svg);
	background-position: calc(100%- 10px) 50%;
	background-repeat: no-repeat;
	background-size: 10px 6px;
	padding-right: 30px
}

form.well-column select::-ms-expand {
	display: none
}

form.well-column textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 32px;
	margin: 0;
	padding: 0 8px;
	width: 100%;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	height: 5em;
	padding-top: 8px;
	padding-bottom: 8px;
	transition: all .2s ease
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
	box-shadow: 0 0 0 3px #8bc1ff!important;
	outline: none!important
}

.swiper-notification {
	color: transparent;
	font-size: 0
}

[data-whatintent="mouse"] form.well-column textarea:focus {
	border-color: #31708f;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(49, 112, 143, .6)
}

.input-indicator,
.input-intent {
	border-radius: 3px;
	display: inline-block;
	padding: 0 3px;
	transition: all .2s ease
}

[data-whatinput="mouse"] .input-indicator.-mouse,
[data-whatintent="mouse"] .input-intent.-mouse {
	background-color: rgba(51, 122, 183, .2);
	box-shadow: 0 0 0 1px rgba(51, 122, 183, .3);
	color: #337ab7
}

[data-whatinput="keyboard"] .input-indicator.-keyboard,
[data-whatintent="keyboard"] .input-intent.-keyboard {
	background-color: rgba(255, 165, 0, .1);
	box-shadow: 0 0 0 1px rgba(255, 165, 0, .3);
	color: #ffa500
}

[data-whatinput="touch"] .input-indicator.-touch {
	background-color: rgba(138, 109, 59, .1);
	box-shadow: 0 0 0 1px rgba(138, 109, 59, .3);
	color: #8a6d3b
}

[data-whatintent="mouse"] *:focus,
[data-whatintent="touch"] *:focus,
html:not([data-whatinput="keyboard"]) div:focus {
	outline: none
}

@media(min-width:800px) {
	.lede {
		font-size: 22px
	}
	.well-row {
		display: -ms-flexbox;
		display: flex;
		margin-left: -24px
	}
	.well-column {
		padding-left: 24px;
		width: 50%
	}
	form.well-column select {
		min-width: 50%;
		width: auto
	}
}

@media(max-width:799px) {
	.well-column+.well-column {
		border-top: 1px solid #ccc;
		margin-top: 32px;
		padding-top: 24px
	}
}

@media(max-width:767px) {
	#countdown-date-mobile,
	.special-offer-left .countdown-wrap {
		display: block;
		width: auto
	}
	#countdown-date-mobile {
		width: 350px
	}
	#countdown-date,
	.special-offer-right article .countdown-wrap {
		display: none
	}
}

@media(min-width:768px) {
	#countdown-date-mobile,
	.special-offer-left .countdown-wrap {
		display: none
	}
	#countdown-date,
	.special-offer-right .countdown-wrap {
		display: block
	}
}

.countdown-wrap {
	margin: 0 auto;
	text-align: center
}

.countdown-wrap span {
	white-space: normal;
	font-size: 24px;
	font-weight: bold
}

.special-offer-left .countdown-wrap {}

.countdown-date {
	text-align: center;
	color: #fff;
	border: 1px solid #032165;
	padding: 10px 0;
	font-size: 26px;
	font-weight: bold;
	width: 400px;
	margin: 10px 0
}

.countdown-date span {
	font-size: 10px;
	text-transform: uppercase
}

#adaForm .required {
	text-align: left
}

.CaptchaAfterText {
	text-align: left!important;
	text-indent: 10px
}

@font-face {
	font-family: 'weather';
	src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/artill_clean_icons-webfont.eot');
	src: url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/artill_clean_icons-webfont.woff') format('woff'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/artill_clean_icons-webfont.ttf') format('truetype'), url('https://www.monarchbeachresort.com/Monarchbeachresort.com-0092-2016Redesign/media/MB/fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal
}

#weather {
	text-transform: uppercase;
	float: left;
	padding-left: 0;
	padding-top: 14px;
	padding-bottom: 100px
}

#weather i {
	color: #fff;
	font-family: weather;
	font-size: 60px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-transform: none;
	display: table-cell
}

#weather span {
	vertical-align: middle;
	display: table-cell;
	padding: 0 10px
}

.icon-0:before {
	content: ":"
}

.icon-1:before {
	content: "p"
}

.icon-2:before {
	content: "S"
}

.icon-3:before {
	content: "Q"
}

.icon-4:before {
	content: "S"
}

.icon-5:before {
	content: "W"
}

.icon-6:before {
	content: "W"
}

.icon-7:before {
	content: "W"
}

.icon-8:before {
	content: "W"
}

.icon-9:before {
	content: "I"
}

.icon-10:before {
	content: "W"
}

.icon-11:before {
	content: "I"
}

.icon-12:before {
	content: "I"
}

.icon-13:before {
	content: "I"
}

.icon-14:before {
	content: "I"
}

.icon-15:before {
	content: "W"
}

.icon-16:before {
	content: "I"
}

.icon-17:before {
	content: "W"
}

.icon-18:before {
	content: "U"
}

.icon-19:before {
	content: "Z"
}

.icon-20:before {
	content: "Z"
}

.icon-21:before {
	content: "Z"
}

.icon-22:before {
	content: "Z"
}

.icon-23:before {
	content: "Z"
}

.icon-24:before {
	content: "E"
}

.icon-25:before {
	content: "E"
}

.icon-26:before {
	content: "3"
}

.icon-27:before {
	content: "a"
}

.icon-28:before {
	content: "A"
}

.icon-29:before {
	content: "a"
}

.icon-30:before {
	content: "A"
}

.icon-31:before {
	content: "6"
}

.icon-32:before {
	content: "1"
}

.icon-33:before {
	content: "6"
}

.icon-34:before {
	content: "1"
}

.icon-35:before {
	content: "W"
}

.icon-36:before {
	content: "1"
}

.icon-37:before {
	content: "S"
}

.icon-38:before {
	content: "S"
}

.icon-39:before {
	content: "S"
}

.icon-40:before {
	content: "M"
}

.icon-41:before {
	content: "W"
}

.icon-42:before {
	content: "I"
}

.icon-43:before {
	content: "W"
}

.icon-44:before {
	content: "a"
}

.icon-45:before {
	content: "S"
}

.icon-46:before {
	content: "U"
}

.icon-47:before {
	content: "S"
}

#weather h2 {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin: auto;
	padding: inherit;
	text-align: center;
	display: table
}

#weather ul {
	margin: 0;
	padding: 0
}

#weather li {
	background: #fff;
	background: rgba(255, 255, 255, .9);
	padding: 20px;
	display: inline-block;
	border-radius: 5px
}

#weather .currently {
	margin: 0 20px
}

@media only screen and (min-width:1020px)and (max-width:1200px) {
	.main-logo {
		max-width: 186px
	}
}

@media only screen and (max-width:750px) {
	.sslogo {
		float: none
	}
}

#amadeusFrame {
	width: 100%;
	height: 1685px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto
}

@media(max-width:940px) {
	#amadeusFrame {
		height: 2370px!important
	}
}

/* RSWEB Overrides */

@media screen and (max-width:1020px) {
	.navbar.navbar-fixed-top {
		margin-top: 168px !important;
	}
}

.navbar.navbar-fixed-top {
	margin-top: 110px;
	z-index: 800;
}

#foliowarning {
	z-index: 999;
}

.navbar.navbar-fixed-top .navbar-inner {
    background: #FFF;
	color: #000;
	border-top: 1px solid #032165;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.navbar-inner span, .navbar-inner a {
    color: #000;
}

.navbar.navbar-fixed-bottom {
    position: static;
}

#navbarLanguageList {
    display: none;
}

.monarchContent {
    height: auto;
    margin-top: 60px;
}

#footer .navbar footer .container  {
    padding-top: 30px;
}

.nav.pull-right li {
	float: right !important;
	margin-right: 20px;
}

@media screen and (max-width: 979px) and (min-width: 100px){
	.nav.pull-right li {
		margin-right: 0px !important;
	}
}

.nav.pull-right .dropdown-menu li {
	float: none !important;
}

.navbar-inner footer .container {
    width: auto !important;
}

#chat-widget-home {
    display: none;
}

.navbar-fixed-top header {
    border-bottom: 1px solid #032165;
}

#footer .navbar footer .container {
    width: auto !important;
}

.navbar {
     text-transform: none !important;
}

input, select {
    height: auto !important;
}

#newsletter-email {
    margin: 0 !important;
}

.landingBanner {
    background-image: url(../img/landingBanner.jpg);
    min-height: 25vw;
    max-width:100%;
    max-height:100%;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
	background-size: cover;
	/* background-position: top -100px right 0px; */
}

.myWhiteBG {
    background: #FFF;
}

.myWhiteBG a {
    width: 200px;
}

.myGreyBG {
    background: #a6aaac;
}

.myWhiteBG,
.myGreyBG {
    padding: 40px 100px;
}

.myGreyBG * {
    color: #FFF;
}

.withImage {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.btnCont {
    margin: 0 auto;
}

.spaAvailBtn {
    background: #008bac !important;
    margin-top: 15%;
    color: #FFF;
}

.resInfo {
	color: #032165 !important;
}

.memberBtn {
    background: #032165 !important;
    margin-top: 15%;
    color: #FFF;
}
.memberBtn {
    background: #032165 !important;
    margin-top: 15%;
    color: #FFF;
}
.memberBtn:hover {
    background: #FFF !important;
    color: #032165;
	border: 1px solid #032165;
}
.myWhiteBG ul,
.myGreyBG ul {
    list-style: none;
    margin-top: 30px !important;
}

.myWhiteBG img,
.myGreyBG img {
    max-width: 250px;
}

.myWhiteBG li a,
.myGreyBG li a {
    text-decoration: underline;
}

.myWhiteBG li,
.myGreyBG li {
    margin: 5px 0px;
}

.myWhiteBG p,
.myGreyBG p {
    margin-top: 10px;
}

.myWhiteBG h1,
.myGreyBG h1,
.myWhiteBG ul,
.myGreyBG ul {
    margin: 0;
}

.monarchContent * {
	font-family: 'Gotham-Light';
}

.monarchContent h1,
.withImage a
 {
	font-weight: 600;
}
.withImage:last-child {
	padding-bottom: 0;
}

body:not(.content-userLoginForm):not(.content-userResetPasswordForm):not(.content-userProfileForm) {
    background: none !important;
}

.fas.fa-user {
	color: #032165;
}

#userResetPasswordForm .well.span6 .control-group {
    margin-left: 0px !important;
}

.content-userResetPasswordForm [for="userEmailAddress"] {
	white-space: nowrap;
}

@media screen and (max-width: 979px) and (min-width: 481px){
	#footer .navbar-fixed-bottom {
		position: static !important;
	}
}

@media screen and (max-width: 979px) and (min-width: 100px){
	.withImage {
		grid-template-columns: 1fr;
	}

	.myWhiteBG, .myGreyBG {
		padding: 20px 30px;
	}

	.landingBanner {
		margin-top: 220px !important;
	}
}

@media screen and (max-width: 1000px) and (min-width: 100px){
	.navbar.navbar-fixed-top .navbar-inner {
		padding: 0;
	}
}

/* a[href="#/profile"] {
	pointer-events: none;
} */

@media (max-width: 768px){
	body {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

#main{
	min-height: 1000px;
}

section.mainContent {
    margin-top: 200px !important;
}

.content-clubAccount section.mainContent,
.content-clubAccountList section.mainContent  {
    margin-top: 20px !important;
}

.content-clubAccountList .accordion-group {
    margin: 20px 0px;
}

#main input[type="text"], #main input[type="email"], #main input[type="password"], #main input[type="tel"], .content-userLoginForm .controls select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.content-userLoginForm .popover.fade.top.in {
	display: none !important;
}

.userEmail1 span.add-on .fa-caret-right {
    font-size: 25px;
    color: #032165;
}

#navbarServiceTypeList .dropdown-menu li {
    width: 100% !important;
}



#userLanguage .btn {
    background-color: #FFF;
}

.content-userProfileForm input,
.content-userProfileForm select {
	background: #FFF !important;
	min-height: 38px !important;
	border: none;
	border-bottom: 1px solid #bbb !important;
}

.userEmail1 span.add-on {
	display: inline !important;
	min-height: 34px;
    min-width: 28px;
    right: 40px;
    z-index: 999;
    position: relative;
    background: no-repeat;
    border: none;
}

.filled span.add-on {
	display: none !important;
}

body:not(.content-userProfileForm) #userEmail1, body:not(.content-userProfileForm) #userEmail2, body:not(.content-userProfileForm)#userFirstName, body:not(.content-userProfileForm) #userHomeAddress1, body:not(.content-userProfileForm) #userPassword1 {
    width: 70%;
}

.navbar-fixed-top .navbar-inner {
	min-height: 40px;
}

.userLoginForm .control-label .required {
	white-space: nowrap;
}

body:not(.content-cartSummary) #breadcrumbs {
	background-color: #032165;
	font-size: 20px !important;
	color: #FFF;
	padding: 15px;
}

.breadcrumb li,
.breadcrumb a,
.breadcrumb span {
	color: #FFF !important;
}
.navbar-fixed-bottom .navbar-inner {
	display: none;
}

#nav .navbar-inner .brand {
	display: none;
}

.clubBanner {
	background-image: url(../img/clubBanner.jpg);
    height: 25vw;
    max-width: 100%;
    min-height: 200px;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
	background-size: cover;
	/* background-position: top -100px right 0px; */
}

.content-clubAccount .genTop {
	margin-top: 95px;
}

.classActBanner {
	background-image: url(../img/classesActBanner.png);
    height: 25vw;
    max-width: 100%;
    min-height: 200px;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
	background-size: cover;
}

@media (max-width: 1000px){
	.content-spaClassCalendarTpl.normal .genTop {
		margin-top: 210px !important;
	}
}

.spaLocBanner {
    background-image: url(../img/spaLocBanner.png);
    height: 25vw;
    max-width: 100%;
    min-height: 200px;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
    background-size: cover;
}

.spaBookBanner {
	background-image: url(../img/spaBookBanner.jpg);
    height: 25vw;
    max-width: 100%;
    min-height: 200px;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
    background-size: cover;
}

.genCustomTopTitle h1 {
	text-align: center;
	margin-top: 50px;
	color: #979797 !important;
	font-family: 'Gotham-Medium' !important;
}

.genCustomTopTitle p {
	margin-top: 20px;
	font-size: 15px !important;
}

.content-spaPackageTpl .genCustomTopTitle {
	width: 1200px;
	margin: 0 auto;
}

.content-spaLocationListTpl .mainContent.whitebg {
	margin: 0 !important;
}

.payment-div,
.accordion-heading .accordion-toggle {
	background-color: #032165;
	outline: 0px !important;
}

.clubAccount h2, .clubAccount h4 {
	color: #000 !important;
}

.clubAccount h4 {
	font-size: 16px !important;
}

.make--payment--div label {
	color: #000 !important;
}

.make--payment--div label.suggested--payment--text {
	font-size: 18px;
}

.payment--div--text {
	font-weight: 400;
}

.suggested--payment a.btn {
	width: 200px !important;
	border-radius: 2px !important;
	margin-top: 20px;
}

.content-clubAccount #main *,
.content-spaClassCalendarTpl.membership #main *:not(.fc-icon) {
	font-family: 'Gotham-Medium';
}

.content-spaClassCalendarTpl.membership .fc-event {
	background: #979797;
	color: #FFF !important;
	border-radius: 0 !important;
}

.content-spaClassCalendarTpl.membership .fc-event.past {
    background: #dbdbdb;
    border: 1px solid rgba(228, 228, 228, 0.5);
}

.content-spaClassCalendarTpl.membership .fc-day-header {
	padding: 10px 0px !important;
}

.content-spaClassCalendarTpl.membership .fc-unthemed .fc-today {
    background: #f3f3f3 !important;
}

.content-spaClassCalendarTpl.membership .fc-event * {
	color: #FFF !important;
}

.content-spaClassCalendarTpl.membership .fc-button-group button {
	background: none;
	border: none;
	font-family: 'Gotham-Light' !important;
}

.navbar-fixed-top *:not(i) {
	font-family: 'Gotham-Light' !important;
}

.content-spaClassCalendarTpl.membership .fc-state-active {
    background: #032165 !important;
    color: #FFF !important;
}

.content-spaClassCalendarTpl.membership .fc-toolbar.membership {
	background: #032165 !important;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.content-spaClassCalendarTpl.membership .fc-toolbar.membership h3 {
	text-align: left;
}

.content-spaClassCalendarTpl.membership .fc-toolbar.membership .backProfile {
	display: flex;
    align-items: center;
	justify-content: flex-end;
	text-decoration: underline;
}

.content-spaClassCalendarTpl.membership .fc-center h2 {
	color: #000 !important;
    font-family: 'Gotham-Medium' !important;
}

.content-spaClassCalendarTpl.membership .fc-toolbar.membership * {
	color: #FFF !important;
	font-size: 16px !important;
}

.content-spaClassCalendarTpl.membership .fc-toolbar {
	background: #FFF !important;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.content-spaClassCalendarTpl.membership .fc-today-button {
	display: none;
}

.content-spaLocationListTpl #main * {
	font-family: 'Gotham-Medium';
}

.content-userLoginForm #main *:not(i),
.content-userResetPasswordForm #main *:not(i),
.content-userProfileForm #main *:not(i) {
    font-family: 'Gotham-Light';
}

#userResetPasswordForm #userResetCancel,
#userResetPasswordForm #userResetSubmit {
	margin: 10px;
}

.content-userLoginForm #breadcrumbs li {
    font-family: 'Gotham-Medium' !important;
}

.genCustomTopTitle p {
	font-size: 13px;
}

.content-spaLocationListTpl .genCustomTopTitle p {
	margin-left: 10px;
}

.genCustomTopTitle p {
	margin-left: 10px;
	color: #898989;
	font-family: 'Gotham-Light' !important;
}

#club--payment--btn {
	display: block;
	margin-top: 30px !important;
	padding: 10px 0px !important;
	background-color: #979797 !important;
	border-radius: 2px !important;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #032165 !important;
		color: #fff;
}

.navbar-inner .container {
	width: 100% !important;
}

.yellowHeader.breakcrumbs {
	padding: 20px !important;
}

.modal#folioTimedOut {
	display: block !important;
}

#alerts .alert.hide {
    display: block !important;
}

.pull-right.payment--div {
	float: none !important;
}

.wfi-plus-price {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.pull-right.total-purch {
	text-align: right;
}

.pull-right.total-purch p {
	color: #898989;
	margin-right: 20px;
}

.WebFolioItems > .page-header:first-child {
	display: none;
}

.webFolioItem h4.amount {
	display: none;
}

.page-header.webFolioItem {
	padding: 0;
	border: none;
	margin-bottom: 80px;
}

.page-header.webFolioItem * {
	color: #898989;
}

.cartSummary a[href="#/summary/checkout"] {
	background: #b96161 !important;
	color: #FFF;
}

.webFolioItem .removeButton {
	margin: 0;
}

.well.well-small.span9.offset1.clearfix.checkout {
	display: none;
}

.removeCartButton {
	border: none;
	text-decoration: underline;
	padding: 0 !important;
	color: #b96161 !important;
}

.row.specialServices {
	display: none;
}

.cartSummary .addMore h3 {
	margin-top: 0px;
}

.cartSummary .addMore h4 {
	font-family: 'Gotham-Light' !important;
	font-size: 13px;
	color: #898989;
}

.cartSummary .addMore a {
	margin: 10px 0 !important;
	width: 130px;
	border-radius: 0;
	background: #b96161 !important;
	color: #FFF;
}

.cartSummary .addMore a i {
	display: none;
}

.content-cartSummary #breadcrumbs h2 {
	font-size: 15px;
}

.cartSummary a[href="#/membership"] {
	display: none;
}

#cartClear {
	margin-top: 30px !important;
}

#cartClear a,
#cartClear p {
	float: left !important;
	color: #898989;
}

#cartClear p {
	margin: 0px 20px 0 0 !important;
}

.webFolioItem .row {
	margin: 0 !important;
}

.webFolioItem .deposit {
	display: none;
}

h4.total {
	display: none;
}

.webFolioItem .row .span5 {
	/* margin-left: 0px !important; */
	margin: 10px 0px !important;
}
 
.webFolioItem h3 {
	margin: 10px 0px;
	font-size: 13px;
	font-weight: 600;
}

.webFolioItem .row * {
	font-weight: normal !important;
	font-size: 13px;
	font-family: 'Gotham-Light';
}

#content.cartSummary * {
	font-family: 'Gotham-Light';
}

.content-cartSummary .breadcrumb li,
.content-cartSummary .breadcrumb br {
	display: none;
}

.content-cartSummary .breadcrumb {
    background-color: #008eaa;
    font-size: 20px !important;
    color: #FFF;
    padding: 20px;
}

.content-cartSummary .spaLocation,
.content-cartSummary .startDate,
.content-cartSummary .timeBooked {
	margin: 10px 0px !important;
}

.content-cartSummary .span5 .spaCustomer {
	display: none;
}

.content-cartSummary .span12 {
	border: 1px solid #008eaa1f;
}

.content-spaLocationListTpl #locationPicker {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 30px;
}

.loc-select {
	margin: 0 10px;
}

.loc-select h2 {
	background: #008eaa;
	color: #FFF;
	padding: 20px;
	font-size: 15px;
	margin: 0;
}

.loc-select h3 {
	font-size: 13px;
	color: #008eaa;
	margin-left: 35px;
}

.loc-select ul {
	list-style: none;
	margin: 0;
	padding: 0px 20px 20px 20px;
}

.loc-select ul li {
	background-color: #F3F1EE;
	height: 50px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.loc-select ul li span {
	margin-left: 15px;
}  

.loc-select ul li.blur {
	opacity: 0.5;
}

.loc-select div {
	border: 1px solid #008eaa;
}

.loc-select a {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	top: -100px;
	border: 1px solid #b96161;
	color: #b96161;
	border-radius: 0;
	width: 50%;
    min-width: 155px;
}

#stepper-categories .app-body-header,
#stepper-services .app-body-header {
	display: none;
}

.content-spaPackageTpl #main span,
.content-spaPackageTpl #main li,
.content-spaPackageTpl #main a,
.content-spaPackageTpl #main p,
.content-spaPackageTpl #main div {
    font-family: 'Gotham-Light' !important;
}

.content-spaPackageTpl .genCustomTopTitle p {
    margin: 40px 0;
    font-size: 15px !important;
}

.content-spaPackageTpl .breakcrumbs {
    background: #008eaa !important;
    font-size: 20px !important;
    color: #FFF;
    padding: 20px;
}

.content-spaPackageTpl #app .stepper .componentItem, .serviceItem {
    background: #F3F1EE !important;
}

.content-spaPackageTpl #app .stepper .serviceItem.active {
    color: #000;
}

.content-spaPackageTpl #app .stepper .serviceItem {
	padding: 0px 25px;
}

.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover, .content-spaPackageTpl #app .stepper #stepper-services .serviceItem:hover {
    border-color: #F3F1EE;
}

.service-details .details {
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.service-onetime-booker .vdp-datepicker__calendar .cell.day.selected {
	background: #b96161 !important;
}

.service-time-picker button.btn.btn-primary {
	border: 1px solid #bcbcbc !important;
	color: #bcbcbc;
  }

  .main-body-second-section {
	margin-top: 65px;
  }

  .time_picker_selected_date {
    background-color: #b96161 !important;
    border: 1px solid #b96161 !important;
}

.content-spaPackageTpl #app .stepper-container.sp-booker .btn.btn-primary.user-info-reserve-button {
    background: #b96161 !important;
}

.main-body-second-section .service-time-picker-div h1 {
	display: none;
}

.package-review-screen .package-review-screen-review-btn {
    background: #b96161 !important;
}

.webFolioItem h3 span {
	float: right;
}

.modeSelector .yellowHeader {
    background: #008eaa !important;
}

.stepper-container .stepper .yellowHeader.breakcrumbs a {
	color: #FFF;
}

.serviceMins div {
	border: 1px solid #b96161;
	padding: 10px;
	background: #FFF;
	width: 110px;
	font-weight: 800;
}

.serviceMins {
	color: #b96161;
}

#app .stepper-body .serviceItem .serviceMins {
	display: flex;
    align-items: center;
    justify-content: center;
}

#app .stepper-body .serviceItem .serviceMins i {
	margin-left: 20px;
}

.packageSelectionContainer * {
	font-size: 13px;
}

/* Login Page */


.content-userLoginForm .mainContent.whitebg,
.content-userLoginForm .span12,
.content-userLoginForm #userCreateUserForm,
.content-userResetPasswordForm .mainContent.whitebg,
.content-userResetPasswordForm .span12,
.content-userResetPasswordForm #userCreateUserForm,
.content-userProfileForm .mainContent.whitebg,
.content-userProfileForm .span12,
.content-userProfileForm #userCreateUserForm {
	background: transparent;
}

.content-userLoginForm a[href="#/summary"] {
	margin-left: 0 !important;
}

#userCreateUserForm #userPhone {
    width: 48%;
}

.row-fluid.address:before {
    display: none;
}

#userCreateUserForm .row-fluid.address {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* #userCreateUserForm .row-fluid.address.addr0 {
    display: grid;
    grid-template-columns: 1fr 1fr;
} */

#userCreateUserForm .row-fluid.address div {
    width: 100%;
}

#userCreateUserForm .row-fluid.address.addr1 {
    grid-gap: 0px 30px;
}

#userCreateUserForm .row-fluid.address.addr1 div:last-child {
    width: 82% !important;
}

#userCreateUserForm .row-fluid.address.addr2 {
    grid-gap: 0px 30px;
}

#userCreateUserForm .row-fluid.names {
    display: grid;
    grid-template-columns: 1fr 3fr 3fr;
}

.monarchContent .landingBanner #alerts {
	margin-top: 100px;
}

/* .monarchContent .landingBanner #alerts .alert.hide.alert-error:nth-of-type(n+2) {
	display: none !important;
} */

@media screen and (max-width: 768px) and (min-width: 100px){
    #userCreateUserForm .row-fluid.names {
        display: grid;
        grid-template-columns: 1fr 2fr 2fr;
	}
	
	body.content-userLoginForm {
		background-position: 0% 0% !important;
    }
    
    .content-spaClassCalendarTpl.normal .span12 #breadcrumbs {
        margin: 0px !important;
    }

    .content-spaClassCalendarTpl.normal .columnleft .c12 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 1000px) and (min-width: 100px){
	body.content-userLoginForm {
		background-position: 0% 0% !important;
	}

	.monarchContent h1 {
		font-size: 25px;
	}

	.genCustomTopTitle h1 {
		font-size: 25px;
	}

	body:not(.content-clubAccount) .genCustomTopTitle {
		margin-top: 100px;
	}

	body:not(.content-cartSummary) #breadcrumbs {
		padding: 20px !important;
		font-size: 15px !important;
	}
}

@media screen and (max-width: 500px) and (min-width: 100px){
    .columnleft .row .c12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.statement-body * {
		font-size: 11px !important;
	}

	.make--payment--div .account-payment-btn {
		margin-left: 0;
	}

	#customClubButtons {
		width: 100%;
    	margin-bottom: 30px;
	}

	#customClubButtons a {
		margin: 0 auto;
	}

	.suggested--payment--text,
	.payment--div--text {
		width: 100%;
	}

	#club--payment--btn {
		margin: 30px auto !important;
	}

	.navbar.navbar-fixed-top .navbar-inner {
		height: 42px !important;
	}

	.navbar.navbar-fixed-top .nav-collapse.in {
		background: #FFF !important;
		margin-top: 0;
		border-bottom: 1px solid rgba(153, 153, 153, 0.31);
	}

	section.mainContent {
		margin-top: 240px !important;
	}

	.content-userLoginForm #main .container {
		padding: 0px 15px;
	}

	.content-userLoginForm #main section.mainContent {
		margin-top: 220px !important;
	}

	.userPassword1 label,
	.userEmail1 label,
	.userEmail2	label{
		font-size: 12px !important;
	}

	#userCreateUserForm .row-fluid.address {
		display: block !important;
	}

	#userCreateUserForm .row-fluid.names {
		display: block !important;
	}
}


.well.span8.passwords .row-fluid.names {
    display: block !important;
}

#userCreateUserForm .row-fluid.names::before {
    display: none;
}

#userCreateUserForm .row-fluid.names div {
    width: 100%;
}

.B4left {
    float: left;
    margin: 20px 0px;
}

.row-fluid.emails.emails::before {
    display: none;
}

.span4.pristine.loginBtn {
    margin-top: 80px;
    float: right;
}

.well.span8.contact p:not(:first-of-type) {
    display: none;
}

/* [for="userSalutation"] {
    display: none !important;
} */

.row-fluid.emails.emails input,
.row-fluid.passwords input {
    color: #858585;
}

.forgotPwd button {
    border: none;
    padding: 0;
    margin: 0;
    width: auto !important;
    text-decoration: underline;
    font-family: 'Adobe Garamond Pro Regular';
    font-size: 14px;
    color: #858585;
}

.span4.pristine.loginBtn button {
    background: #0d553f;
    color: #FFF;
    border-radius: 0px;
    margin-top: 20px;
    padding: 15px 20px;
    max-width: 180px;
    text-transform: uppercase;
    font-family: Sailec Regular;
    border-radius: 3px;
    float: right;
}

.span4.pristine.loginBtn button:disabled {
    background: #0d553f66 !important;
}

.control-group.form-float.userEmail1,
.control-group.form-float.userEmail2 {
    width: 100%;
}

.row-fluid.emails.emails.newCome {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.userPhoneExt {
    display: none;
}

.B4right {
    float: right;
    border-bottom: 1px dashed;
    font-size: 18px !important;
    color: #0d553f;
    font-weight: 900;
    padding-right: 20px;
    text-decoration: none;
}

.userLoginForm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.well.span8.language {
    display: none;
}

.well.span8.newsletter {
    margin: 30px 0px;
}

.content-userLoginForm .row > .span12,
.content-userResetPasswordForm .row > .span12,
.content-userProfileForm .row > .span12 {
	border: 1px solid #979797;
	background: #fffffff5;
}

.well.span8.confirm.collapse.in .row-fluid > h4 {
	float: left;
	font-weight: 800;
}

.well.span8.confirm.collapse p.span8 {
	font-weight: 800;
}

.content-userLoginForm .row-fluid *:not(i) {
	color: #898989 !important;
}

.well.span8.confirm.collapse.in .row-fluid .span4.userUpdateSubmit {
	float: right;
	border-radius: 0px;
	background: #032165;
	color: #fff!important;
	font-weight: 700;
}

.well.span8.confirm.collapse.in .row-fluid .span4.userUpdateSubmit:hover {
	float: right;
	border-radius: 0px;
	background: #fff;
	color: #032165!important;
	font-weight: 700;
}

#customClubButtons {
	float: right;
}

#customClubButtons a {
	border-radius: 0px;
	background: #032165;
	color: #FFF !important;
	font-weight: 700;
	display: block;
	margin: 10px;
	width: 250px;
	font-family: 'Gotham-Light' !important;
}
#customClubButtons a:hover {
	color: #032165 !important;
}
.clubAccount > .row {
	clear: both;
}

.content-userLoginForm section.mainContent {
    margin-top: 200px !important;
}

/* .content-spaClassCalendarTpl.membership section.mainContent {
    margin-top: 0px !important;
} */

/* .content-userLoginForm .controls {
    white-space: nowrap;
} */

.content-userLoginForm label {
	font-size: 14px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    display: inline !important;
}

.fa.fa-sort {
    position: relative;
    right: 20px;
}

.row-fluid .span4.userUpdateSubmit {
	max-width: 250px !important;
}

#userCreateUserForm.span8 {
    padding-top: 0px;
}

#main input[type="text"],
#main input[type="email"],
#main input[type="password"],
#main input[type="tel"],
.content-userLoginForm .controls select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #d4d4d4;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

#main input[type="text"]:focus,
#main input[type="email"]:focus,
#main input[type="password"]:focus,
#main input[type="tel"]:focus,
.content-userLoginForm .controls select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
body:not(.content-userProfileForm) #userSalutation,
body:not(.content-userProfileForm) #userMainPhone{
    width: 80%;
}

body:not(.content-userProfileForm) #userFirstName,
body:not(.content-userProfileForm) #userEmail2 {
    width: 70%;
}

body:not(.content-userProfileForm) #userHomeAddress1 {
	width: 85%;
}

[for="newPasswordTypeRandom"] {
	font-size: 11px !important;
}

.content-userLoginForm .row-fluid.names .controls,
.content-userLoginForm .row-fluid.address.addr1 .controls,
.content-userLoginForm .row-fluid.address.addr2 .controls {
	white-space: nowrap;
}


#userEmail1,
#userEmail2,
#userPassword1,
.login.span4 .controls.input-append,
.forgot.span4 .controls.input-append,
.content-userLoginForm .forgot.span4 {
	width: 40%;
	min-width: 275px;
}

.forgot.span4 .controls.input-append {
	float: right;
}

.content-userLoginForm .forgot.span4 button {
	/* border: none; */
	/* background: none !important; */
	/* text-align: right; */
	/* text-decoration: underline; */
	/* margin: 0; */
	padding: 10px;
	/* width: auto; */
	float: left;
	/* margin-right: 75px; */
}

.content-userLoginForm .login.span4 button {
	margin-bottom: 5px;
	padding: 10px;
	background: #032165!important;
	color: #FFF !important;
}

.login.span4 {
	width: 100%;
}

[for='newsletter'].control-label {
    display: none;
}

.pwdFields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.radio.newPasswordTypeCustom {
    padding-left: 0px;
    margin-top: 20px;
}

.row-fluid.address:nth-last-child(2),
.row-fluid.address:last-child {
    width: 50%;
    float: left;
}

.row-fluid.address:nth-last-child(2) div:first-child .controls,
.row-fluid.address:last-child div:first-child .controls {
    width: 80%;
}

/* .userLoginForm p strong {
    font-weight: 900;
} */

.row-fluid.names p {
    margin: 20px 0px;
}

/* .fas.fa-check-circle.serviceHeadingIcon {
    color: #0d553f;
    background: #FFF;
    font-size: 20px;
} */

#userCreateSubmit {
    border: 1px solid #032165;
    color: #979797;
    border-radius: 0px;
    margin-top: 20px;
    padding: 10px 20px;
    max-width: 250px;
}

#userCreateUserForm,
.userLoginForm p {
    padding-left: 0px !important;
}

[for="userSalutation"],
[for="userMainPhone"] {
    display: none;
}

.well.span8.contact .row-fluid {
	margin-top: 20px;
}

.accordion-section-title.active {
    background-color: #032165 !important;
}

.columnright .newsletter {
	display: none !important;
}

.booking-padding {
	display: none;
}

body.content-userLoginForm {
	 min-height: 25vw;
	max-width: 100%;
    max-height: 100%;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
    background-size: cover;
    /* background-position: top -60px right 0px; */
}

@media (max-width: 500px){
	.content-userLoginForm #userSalutation,
	.content-userLoginForm #userFirstName,
	.content-userLoginForm #userLastName,
	.content-userLoginForm #userMainPhone,
	.content-userLoginForm #userPhone,
	.content-userLoginForm #userHomeAddress2,
	.content-userLoginForm #userHomeAddress1 {
		width: 100% !important; 
	}

	.content-userLoginForm .submit-controls .row-fluid{
		display: flex;
    	align-items: center;
    	justify-content: center;
	}
}

.address.addr1 .span5.pristine.filled:last-child,
.address.addr2 .span5.pristine.filled:last-child {
	white-space: nowrap;
}

.content-userLoginForm .mainContent.whitebg {
	margin-top: 200px !important;
}

.content-userLoginForm input:not([type='checkbox']) {
	height: 37px !important;
}

.monarchContent p,
.monarchContent a {
	font-size: 13px;
}

.emptyCart h4 {
	display: none;
}

.content-userLoginForm .popover-content {
	display: none;
}

#loginButton:hover {
	color: #000 !important;
}

.login.collapse button {
	background: #FFF !important;
} 

/* Classes */

.content-spaClassCalendarTpl.normal .mainClassCont {
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 5px;
}

.content-spaClassCalendarTpl.normal .time-side {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F3F1EE;
    padding: 20px 15px;
    color: #898989;
}
.content-spaClassCalendarTpl.normal .accordion-group {
    height: auto !important;
}

.content-spaClassCalendarTpl.normal .accordion-heading .accordion-toggle {
    background: #F3F1EE;
    padding: 20px 15px;
    color: #898989;
    outline: none !important;
}

.content-spaClassCalendarTpl.normal .accordion-heading a.accordion-toggle:hover {
    background-color: #F3F1EE;
}

.content-spaClassCalendarTpl.normal .accordion-heading .accordion-toggle i {
    color: #b96161;
}

.content-spaClassCalendarTpl.normal .mainClassCont.active .time-side,
.content-spaClassCalendarTpl.normal .mainClassCont.active .accordion-heading span {
    color: #b96161 !important;
}

.content-spaClassCalendarTpl.normal .fc-event-container {
    padding-bottom: 5px;
}

.content-spaClassCalendarTpl.normal .fc-scroller.fc-day-grid-container {
    margin: 10px 15px 0px 15px;
    height: auto !important;
}

.content-spaClassCalendarTpl.normal .fc-row.fc-week.fc-widget-content {
    height: auto !important;
}

.content-spaClassCalendarTpl.normal .inner-class-cont {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 10px;
}

.inner-class-cont::before,
.inner-class-cont::after {
    display: none !important;
}

.class-stuff button {
    float: right;
    background: #b96161;
    border: none;
    color: #FFF;
    padding: 10px 50px 30px 50px;
}

.class-stuff .dur-price * {
	color: #b96161 !important;
}

.content-spaClassCalendarTpl.normal .row-fluid.spaClassCalendar:first-child {
    display: none;
}

.content-spaClassCalendarTpl.normal #breadcrumbs {
    margin: 0px 30px !important;
    padding: 20px;
    background: #008eaa;
}

.content-spaClassCalendarTpl.normal .spaClassCalendar .span12 {
    margin-top: 0;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-right {
    display: none;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-toolbar {
    display: grid;
    grid-template-columns: 1fr 3fr;
    min-height: 58px;
    padding: 0;
    background: #FFF !important;
    border-bottom: 1px solid #008eaa;
    color: #008eaa;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-day-header.fc-widget-header.fc-mon {
    display: none;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-date-right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-date-right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.content-spaClassCalendarTpl.normal #eventcalendar {
    border: 1px solid #008eaa;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-date-right div:nth-child(odd) {
    border-left: 1px solid #008eaa;
    margin: 0;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-date-right div:nth-child(even) {
    border-left: 1px solid #008eaa;
    margin: 0;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-widget-content {
    border: none;
}

.content-spaClassCalendarTpl.normal #eventcalendar .fc-date-right p span {
    display: block;
}

.content-spaClassCalendarTpl.normal .fc-head-container.fc-widget-header {
    display: none;
}

.cstCalDate {
    display: flex;
    align-items: center;
	justify-content: center;
    cursor: pointer;
    z-index: 800;
}

.cstCalDate > p {
	line-height: 1;
}

.content-spaClassCalendarTpl.normal .fc-date-left {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.content-spaClassCalendarTpl.normal .fc-date-left .fa-calendar {
    margin-left: 5px;
}

.content-spaClassCalendarTpl.normal .cstCalDate.active {
	background: #008eaa;
    color: #FFF;
    border: 1px solid #FFF;
}

.content-spaClassCalendarTpl .genCustomTopTitle h1 {
    color: #abc6c9 !important;
}


a.goToTreat {
	float: left;
	margin-left: 10px;
	color: #b96161;
	font-size: 15px !important;
	text-decoration: underline;
	position: absolute;

}

.content-spaClassCalendarTpl section.mainContent {
    margin-top: 20px !important;
}

@media (max-width: 980px) {
	a.goToTreat {
		display: none;
	}
}

.content-spaClassCalendarTpl.normal .accordion-heading .accordion-toggle span {
	font-size: 14px !important;
}

@media (max-width: 768px) {

	.content-spaClassCalendarTpl.normal #main .container .mainContent .row #content {
		padding: 0;
	}
	.content-spaClassCalendarTpl.normal .span12 {
		margin: 0;
	}

	.modeSelector {
		margin-top: 250px;
	}

	.content-spaLocationListTpl #locationPicker {
		grid-template-columns: 1fr !important;
	}

	.loc-select {
		margin: 20px;
	}

	.mainClassCont,
	.content-spaClassCalendarTpl.normal .inner-class-cont {
		grid-template-columns: 1fr !important;
	}

	.time-side {
		background: #eaf1f1 !important;
	}

	.fc-date-left {
		margin-left: 0 !important;
	}

	.content-spaClassCalendarTpl.normal .spaItem.accordion-body.collapse.in {
		height: auto !important;
	}
}

.content-spaClassCalendarTpl.normal #main *:not(i) {
	font-family: 'Gotham-Medium';
}

.class-stuff p {
    font-family: 'Gotham-Light' !important;
}

.noAvailClass{
	display: flex;
  justify-content: center;
}

.content-spaClassCalendarTpl .modal-header,
.content-spaClassCalendarTpl #eventModalLabel {
    border-bottom: none !important;
}

.spaEventButton.btn {
	position: static !important;
	border-radius: 0;
    background: #b96161 !important;
    color: #FFF !important;
    font-weight: 100 !important;
}

.content-spaClassCalendarTpl .accordion-class-list {
	border-radius: 0px !important;
}

.content-spaClassCalendarTpl .accordion-section-title.active {
	background: #f3f1ee !important;
	color: #b96161 !important;
	font-size: 16px;
}

.content-spaClassCalendarTpl .serviceGroupMemberLabel {
	color: #b96161 !important;
}

.c_spa_class_room_info p {
	text-align: left;
}

.class-list-selection-body-desc p {
	clear: both;
}

.servRepCont {
	white-space: nowrap;
}

.spaClassCalendarTpl #eventModal .row-fluid {
    padding: 20px 10px 0px 30px;
}

h3#eventModalLabel {
	display: none;
}

.content-userProfileForm #userProfileCancel {
	margin-bottom: 0;
}

.content-spaClassCalendarTpl .countOfGuestsLabel {
	display: hidden;
}

.description.span8 * {
	color: #898989 !important;
	font-weight: normal !important;
}

.accordion-section-content {
	background: #FFF;
}

.modal-header button {
	border: 1px solid #008eaa;
    color: #FFF !important;
    background: #008eaa;
    border-radius: 100%;
    width: 25px;
    height: 25px;
}

.content-spaClassCalendarTpl .fa.fa-trash-alt,
.content-spaClassCalendarTpl .fa.fa-sort {
	font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}

.content-spaClassCalendarTpl.membership .fc-event {
    border: none;
}

.spaClassCalendarTpl #eventModal .serviceRecipient,
.spaClassCalendarTpl #eventModal .groupMemberName {
	color: #898989 !important;
}

#spaBookConfirm .row {
	/* margin-top: 0px !important;
	margin-bottom: 0px !important; */
}

.mainContent #content.spaClassConfirmTpl #pmsFormSubmit {
    background: #b96161 !important;
}

a.goToTreat {
	display: none;
}

/* .content-spaClassCalendarTpl.normal .fc-scroller.fc-day-grid-container {
    display: none;
} */

input.customDateSelect {
    position: absolute;
    border-bottom: none !important;
    color: transparent;
    cursor: pointer;
    z-index: 500;
}

.ui-widget-content td > .ui-state-default:hover {
    background-color: #008eaa !important;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-widget-content td > .ui-state-hover{
    background-color: #008eaa !important;
    color: #FFF !important;
}

.fc-unthemed .fc-today {
    background: transparent !important;
}

@media print {
	#nav,
	.navbar.navbar-fixed-top,
	.content-clubAccount #footer,
	.content-clubAccount .genCustomTopTitle,
	.content-clubAccount .genTop,
	.content-clubAccount hr {
		display: none !important;
	}
	
	.content-clubAccount .dl-horizontal {
		border: none !important;
	}

	.account-members.spanClub .dl-horizontal {
		/* border-top: 1px solid black !important; */
		border-bottom: 1px solid black !important;
	}

	.clubAccount > .row {
		display: grid !important;
	}

	.clubAccount > .row > * {
		width: 96%;
		margin: 0;
		min-height: 0 !important;
	}

	.content-clubAccount .transaction-details {
		display: block !important;
		height: auto !important;
	}
  }

  .lb-iframe {
    height: 55vh;
    width: 100%;
  }

  #lightBoxModal .modal-body {
    overflow-y: unset;
    max-height: none;
}

@media (min-width: 900px){
#lightBoxModal {
    width: 50%;
    margin: -280px 0 0 -25%;
}

#lightBoxModal.modal.fade.in {
    top: 40%;
}

}

@media (max-width: 480px){
    #lightBoxModal.modal.fade.in {
        top: 40%;
    }

    #lightBoxModal .modal-header .close {
        padding: 0px;
        margin: 0px;
    }
}

.content-clubAccount .span12, .content {
    width: inherit;
}

.form-float.control-group.invalid .control-label {
    position: relative;
    top: -30px !important;
}

.form-float.control-group.invalid.focused .control-label {
    position: relative;
    top: -17px !important;
}
.content-userLoginForm .radio {
    padding-left: 0px;
}


#userProfileCancel,#userProfileSubmit {
  background-color: #032165 !important;
  color: #fff !important;
  border: 0px !important;
}

#userProfileCancel:hover,#userProfileSubmit:hover {
  background-color: #fff !important;
    color: #032165 !important;
	border: 0px !important;
}

select:focus, a:focus, input:focus, button:focus, span:focus {
    outline: #fff solid 1px;
}



.content-clubAccount #main *, .content-spaClassCalendarTpl.membership #main *:not(.fc-icon) {
    font-family: 'Gotham-Medium';
}
#pagination-container .current {
    color: #032165;
    font-weight: 800;
}

#loginEmail, #loginPassword {
    margin-left: 5px;
    padding-left: 9px;
    /* padding: 8px; */
    height: 39px !important;
    width: 90%;
}

#navbarLoginControl #loginForm {
    width: 230px;
    border-radius: 0pc;
}

.progress-info.progress-striped .bar {
    background-color: #032165;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.content-spaPackageTpl #app .stepper .service-for .service-for-button, .package-review-screen .package-review-screen-review-btn, .loginContainer .segment-body-controls button, .spaEventButton, .AddToWaitList, .summaryV2 .orange-button, .mainContent #content.spaClassConfirmTpl #pmsFormSubmit, .spaClassCalendarTpl .spaEventButton, #userCreateUserForm button#userCreateSubmit, .btn.btn-primary, .forgot button.btn, .userLoginForm a.btn.pull-right, .userLoginForm a.span.btn, #userChangeCancel, #userCreateCancel, .package-review-screen-more-activity-inner-div a.btn.primary, .btn, .c_view_service_link > p > a {
	background: #032165 !important;
	color: #fff !important;
	border-radius: 0px !important;
	border: 1px solid transparent !important;
	/* box-shadow: 0 0 10px 0 rgb(101 101 101 / 50%); */
	margin-bottom: 5px;
	min-width: 200px;
	max-width: 200px !important;
	margin-right: 12px !important;
	font-family: sans-serif;
	outline: none !important;
	/* margin-left: 6px !important; */
	width: auto !important;
	transition: all 0.2s;
	/* height: auto !important; */
}


.vdp-datepicker__calendar .cell.selected, .vdp-datepicker__calendar .cell.selected:hover, .btn.btn-primary.time_picker_selected_date, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, #loginButton:hover, #navLoginForm .form-actions a:hover, #cartClear .btn:hover, .userLoginForm a.btn.pull-right:hover, .userLoginForm a.span.btn:hover, #userChangeCancel:hover, #userCreateCancel:hover, #userProfileCancel:hover, .package-review-screen-more-activity-inner-div a.btn.primary:hover, .activityBtn:hover, a.removeCartButton:hover, .btn:hover, .content-spaPackageTpl #app .stepper .service-for .service-for-button:hover, .c_view_service_link > p > a:hover, #userCreateUserForm button#userCreateSubmit:hover, .btn.span12:hover {
	background-color: #ffffff !important;
	border: 1px solid #032165 !important;
	/* margin-top: 2px; */
	color: #032165 !important;
	outline: none !important;
	text-decoration: none;
}
#navLoginForm .form-actions a {
    margin: 0;
    padding: 8px 0px;
    width: 100%;
    /* margin-right: 16px !important; */
}
#navLoginForm .form-actions {
    padding: 3px;
}
#navLoginForm .form-contents .controls #loginButton {
    margin-left: 5px;
    padding: 8px;
    margin-top: 5px;
}
#navbarServiceTypeList > ul > li.divider{
	display:none;
}

.content-userLoginForm #content > p:nth-child(4){
	display:none;
}
#userCreateUserForm > div:nth-child(6) > div.row-fluid.login.collapse.in{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}
#userCreateUserForm > div:nth-child(6) > div.row-fluid.login.collapse.in > div.control-group.form-float.forgot.span4{
	width:fit-content;
}
#userLanguage.btn-group .active,
.content-userProfileForm .btn-group > .btn.active {
    /* max-width: 46px !important; */
    background-color: #fff !important;
    color: #032165 !important;
}
#userLanguagefr-ca, #userLanguageen-us{
	min-width: max-content;
	margin: 1px !important;
}

#userLanguage{
	display:flex;
}
.profile_page_tab_ul .active a {
    background-color: #032165 !important;
    color: #fff !important;
}

.profile_page_tab_ul a {
	margin-top:2px;
}

.profile_page_tab_ul a:hover {
	
    background-color: #032165 !important;
    color: #fff !important;
}
.btn.accountBtn{
	min-width: 250px;
	margin: auto !important;
	margin-top: 10px !important;
}

.membership-tel h3{
	margin-left: 0px;
	font-weight: bold;
	color: #032165;
}

.membership-tel{
	margin-top: 35px;
	border-top: 1px solid #032165;
	display: flex;
	flex-direction: column;
}

#lightBoxModal.modal.fade {
 display: none;
}

.navbar .btn-navbar .icon-bar {
    background-color: #000 !important;
}

.hamburgerWrapper {
	display: none;
}

@media (max-width: 979px) {
    .navbar-fixed-top .navbar-inner .container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    a.btn.btn-navbar {
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
	min-width: 50px;
    }
    .nav-collapse, .nav-collapse.collapse {
        width: auto;
    }
    .nav-collapse .nav li .dropdown-menu li a {
        text-align: right;
    }
    .hamburgerWrapper {
	display: flex;
    }
    .hamburgerWrapper a {
	align-self: center;
    }
    #navbarLoginControl {
	min-width: 250px;
    }
}

@media (max-width: 768px) {
    .nav-collapse, .nav-collapse.collapse,
    .navbar .nav.pull-right {
	margin-top: 0px;
    }
}