/******************

  www.sfxresorts.com Custom Theme CSS

******************/

/* Start Util Styles  */
	strong {
	    font-weight: bold;
	    font-weight: 600;
	}
	/*.form-control {
	    border: 1px solid #a25e8a;
	}*/
	.container {
	    margin: 0 auto;
	    padding: 0;
	}
	#content-wrap.full-screen {
	    width: 100% !important;
	    max-width: none !important;
	}
	#content-wrap.full-screen .content-area {
	    float: none;
	    padding: 0;
	    width: 100% !important;
	    max-width: none !important;
	}
	.form-group .form-control {
		border-radius: 0;
	}

	.float-none-i {
		float: none !important;
		clear: both !important;
	}

/* End Util Styles  */

/* UberMenu Custom Menu Styles (Customizer) */
	/* main */
	.ubermenu-main {
		background:none;
		border:none;
		box-shadow:none;
	}
	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
		border:none; box-shadow:none;
		font-size:15px;
		text-transform:uppercase;
		color:#555555;
	}
	.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar,
	.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
		left:0;
	}
	.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop,
	.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
		margin-top:0;
	}
	.ubermenu-main.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop { margin-top:0; }
	.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
		font-weight:normal;
	}
	.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
		color:#ffffff;
		background:#9857b5;
	}
	.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
		color:#ffffff;
		background:#444444;
	}
	.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
		background-color:#f9f9f9;
	}
	.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target {
		font-size:15px;
	}
	.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
		color:#6c6c6c;
	}
	.ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
		font-weight:bold;
	}
	.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
		border-bottom:1px solid #e9e9e9;
	}
	.ubermenu-main,
	.ubermenu-main .ubermenu-target,
	.ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target,
	.ubermenu-main div,
	.ubermenu-main p,
	.ubermenu-main input {
		font-family:'Roboto', sans-serif;
		font-weight:300;
	}


	/** UberMenu Custom Menu Item Styles (Menu Item Settings) **/
	.ubermenu .ubermenu-tabs.ubermenu-item-1543 > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel {
		padding:0px;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-1539 {
		background-image:url(/assets/images/about-bg-menu.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;
		background-size:auto;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-1541 {
		background-image:url(/assets/images/timeshare-exchange-menu-bg.jpg);
		background-repeat:no-repeat; background-position:bottom right;
		background-size:auto;
	}
	.ubermenu .ubermenu-tabs.ubermenu-item-1737 > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel {
		padding:0px;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-1740 {
		background-image:url(/assets/images/SFX_Mega_Menu-how-it-works1.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;
		background-size:auto;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-29 {
		width:980px;
		min-width:980px;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-32 {
		width:980px;
		min-width:980px;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-30-3 {
		width:850px;
		min-width:850px;
	}
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-30-2 {
		width:250px;
		min-width:250px;
	}
	#menu-item-1727 .ubermenu-tab-content-panel {
		padding-left: 0px !important;
	}
	#menu-item-1733 .ubermenu-tabs-group {
		width: 200px;
	}
	#menu-item-1733 .ubermenu-tabs-group .ubermenu-tab-content-panel {
		width: 440px;
	}
	@media only screen and (max-width: 1280px) {
		#menu-item-1733 .ubermenu-tabs-group .ubermenu-tab-content-panel {
			width: 350px;
		}
	}
	#menu-item-39>a {
	    font-weight: normal;
	    font-family: 'Roboto',sans-serif;
	    border: none;
	    box-shadow: none;
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #555;
	    cursor: pointer;
	    padding: 10px;
	    display: block;
	    text-decoration: none;
	    position: relative;
	    height: auto;
	    width: auto;
	    max-height: none;
	    min-height: 0;
	    left: auto;
	    right: auto;
	    top: auto;
	    bottom: auto;
	}

	.ubermenu-main .ubermenu-item-level-0.ubermenu-item-signup > .ubermenu-target {
		color: #AD41BB;
	}

	#menu-item-1572 .h3 {
	    margin: 0 0 30px;
	    font-size: 33px;
	    color: #9857b5;
	    text-align: center;
	}
	
/* End UberMenu Custom Menu Styles (Customizer) */

/* Start ADVANCED STYLING */
	.header-one #site-header {
	    height: 87px
	}

	.header-one #site-navigation-wrap,
	.navbar-style-one .dropdown-menu >li >a {
	    height: 94px
	}

	.navbar-style-one .dropdown-menu >li >a {
	    line-height: 113px
	}

	.header-one #site-logo,
	.header-one #site-logo a {
	    height: 67px;
	    line-height: 67px;
	    transition:  none;
	}

	#site-logo img {
	    max-width: 94px;
	    width: 94px;
	}
	
	@media only screen and (max-width:959px) {

	    body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky #site-header-inner, 
	    body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo, 
	    body.shrink-fixed-header #site-header-sticky-wrapper.is-sticky .header-one #site-logo a {
		    height: 67px;
		    line-height: 67px;
	    }
	}

	@media only screen and (min-width:768px) and (max-width:959px) {
	    #site-logo {
	        max-width: 94px
	    }
	}

	@media only screen and (max-width:767px) {
	    #site-logo {
	        max-width: 94px
	    }
	}

	#site-navigation {
		top: 24px;
	}

	.wpb_row .fa:before {
	    box-sizing: content-box!important;
	    -moz-box-sizing: content-box!important;
	    -webkit-box-sizing: content-box!important
	}

	.is-sticky #site-header {
	    border-color: transparent
	}

	.page-header{		
		background-position:50% 0;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
/* End ADVANCED STYLING */

/* Start CUSTOM CSS */
	.directory-state-menu-button.view:before {
	    background-image: url(/assets/images/icon-view.png)
	}

	.directory-state-menu-button.request:before {
	    background-image: url(/assets/images/icon-request.png)
	}

	.directory-state-menu-button.deposit:before {
	    background-image: url(/assets/images/icon-deposit.png)
	}

	.directory-state-menu-button.become-member:before {
	    background-image: url(/assets/images/icon-become.png)
	}

	.resort-entry.featured:before {
	    background-image: url(/assets/images/featured-label.png)
	}

	.want-stay-box:before {
	    background-image: url(/assets/images/arrow-white-left.png)
	}

	#blog-news-feed .vcex-blog-entry-media:before {
	    background-image: url(/assets/images/book-icon.png)
	}

	.three-steps-section .vc_col-sm-4:after,
	.three-steps-section .vc_col-sm-4:before {
	    background-image: url(/assets/images/steps-divider.png)
	}

	.how-it-works-video {
	    background-image: url(/assets/images/noisy-texture-100x100-o14.000000000000002-d20-c-cecfcf-t0.png)
	}

	.bottom-social-widgets .atf-tweet-wrapper {
	    background-image: url(/assets/images/twitter-icon.png)
	}

	.bottom-support-callout-bar .bottom-support-callout-img:before {
	    background-image: url(/assets/images/bottom-viotel-divider.png)
	}

	ul.green-checkboxes-list li {
	    background-image: url(/assets/images/green-checkbox.png)
	}

	ul.orange-checkboxes-list li {
	    background-image: url(/assets/images/orange-checkbox.png)
	}

	.error404 .site-main {
	    background-image: url(/assets/images/404-bg.jpg)
	}

	.benefit-box-title:after {
	    background-image: url(/assets/images/triangle.png)
	}

	.submit-btn button {
	    cursor: pointer;
	    background: #73c153;
	    color: #fff;
	    font-size: 16px;
	    font-weight: bold;
	    padding: 10px 30px;
	    border-radius: 3px;
	    border: none
	}
/* End CUSTOM CSS */

/* Start CUSTOMIZER STYLING CSS */
	#top-bar-wrap {
	    background-color: #2b2e31
	}

	#top-bar-wrap {
	    border-color: #2b2e31
	}

	#top-bar-wrap,
	#top-bar-content strong {
	    color: #ffffff
	}

	#top-bar-content a,
	#top-bar-social-alt a {
	    color: #ffffff
	}

	#top-bar-content a:hover,
	#top-bar-social-alt a:hover {
	    color: #b88ace
	}

	#top-bar-content a:active,
	#top-bar-social-alt a:active {
	    color: #ffffff
	}

	#site-header-inner {
	    padding-top: 8px
	}

	#site-header-inner {
	    padding-bottom: 18px
	}

	#site-header,
	.footer-has-reveal #site-header,
	#searchform-header-replace,
	.is-sticky #site-header {
	    background-color: #ffffff
	}

	.is-sticky #site-header {
	    opacity: 0.95
	}

	#site-navigation .dropdown-menu >li >a {
	    color: #555555
	}

	#site-navigation .dropdown-menu >li >a:hover,
	#site-navigation .dropdown-menu >li.sfHover >a {
	    color: #a162be
	}

	#site-navigation .dropdown-menu >.current-menu-item >a,
	#site-navigation .dropdown-menu >.current-menu-item >a:hover {
	    color: #a162be
	}

	#site-navigation .dropdown-menu ul >li >a:hover {
	    color: #a162be
	}

	#site-navigation .dropdown-menu ul >li >a:hover {
	    background-color: #ffffff
	}

	#footer {
	    background-color: #2b2e30
	}

	#footer-bottom {
	    background-color: #2b2e30
	}

	#footer-bottom,
	#footer-bottom p {
	    color: #cccccc
	}

	#footer-bottom a {
	    color: #dddddd
	}

	#footer-bottom a:hover {
	    color: #ffffff
	}

	#site-scroll-top {
	    background-color: #5f6264
	}

	#site-scroll-top:hover {
	    background-color: #a162be
	}

	#site-scroll-top {
	    border-color: #5f6264
	}

	#site-scroll-top:hover {
	    border-color: #a162be
	}

	#site-scroll-top {
	    color: #efefef
	}

	#site-scroll-top:hover {
	    color: #ffffff
	}

	#footer-callout-wrap {
	    background-color: #24b8c6
	}

	#footer-callout-wrap {
	    border-color: #24b8c6
	}

	#footer-callout-wrap {
	    color: #ffffff
	}

	.footer-callout-content a {
	    color: #ffffff
	}

	.footer-callout-content a:hover {
	    color: #0c0c0c
	}

	#sidebar {
	    padding: 0 0 0 0
	}

	.site-breadcrumbs {
	    color: #464646
	}

	.site-breadcrumbs .sep {
	    color: #a5a5a5
	}

	.site-breadcrumbs a {
	    color: #a162be
	}

	a,
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover {
	    color: #9857b5
	}

	.wpb_column {
	    margin-bottom: 40px
	}

	.sfx-resort-review-page {
	    padding: 30px;
	    color: #555;
	}
	.sfx-resort-review-page .review-page-title {
	    font-size: 26px;
	}
	.sfx-resort-review-page .sfx-resort-review-item {
	    padding: 10px 0px 20px;
	    border-bottom: solid 1px #ddd;
	}
	.sfx-resort-review-page .sfx-resort-review-item .review-title {
	    font-size: 16px;
	    font-weight: bold;
	    padding: 10px 0px;
	}
	.sfx-resort-review-page .sfx-resort-review-item .resort-reviews {
	    margin-top: 10px;
	    font-style: italic;
	}
	.sfx-resort-review-page .sfx-resort-review-item .resort-rate-result {
	    float: left;
	    margin-right: 15px;
	}
	.sfx-resort-review-page .sfx-resort-review-item .resort-review-author {
	    float: left;
	    font-weight: 600;
	    color: #635aa7;
	}
/* End CUSTOMIZER STYLING CSS */

/* Start RESPONSIVE WIDTHS */
	@media only screen and (min-width:1281px) {
	    .container,
	    .vc_row-fluid.container {
	        width: 1180px !important;
	        max-width: none
	    }
	    .content-area {
	        width: 70%;
	        max-width: none
	    }
	    #sidebar {
	        width: 30%;
	        max-width: none
	    }
	}

	@media only screen and (min-width:960px) and (max-width:1280px) {
	    .container,
	    .vc_row-fluid.container {
	        width: 980px !important;
	        max-width: none
	    }
	    .content-area {
	        width: 680px;
	        max-width: none
	    }
	    #sidebar {
	        width: 250px;
	        max-width: none
	    }
	}

	@media only screen and (min-width:768px) and (max-width:959px) {
	    .container,
	    .vc_row-fluid.container {
	        width: 700px !important;
	        max-width: none
	    }
	    .content-area {
	        width: 100%
	    }
	    #sidebar {
	        width: 100%
	    }
	}

	@media only screen and (max-width:767px) {
	    .container {
	        width: 90% !important;
	        min-width: 0
	    }
	}

	@media only screen and (min-width:480px) and (max-width:767px) {
	    .container {
	        width: 90% !important
	    }
	}
/* End RESPONSIVE WIDTHS */

/* Start Typography CSS */
	body {
	    font-family: Open Sans;
	    font-weight: 400;
	    font-size: 14px;
	    color: #555555;
	    line-height: 22px;
	}

	#top-bar-content {
	    font-family: Lato;
	    font-size: 13px;
	}

	#site-navigation .dropdown-menu a {
	    font-family: Roboto;
	    font-weight: 300;
	    font-size: 15px;
	}

	.site-breadcrumbs {
	    font-family: Open Sans;
	    font-size: 12px;
	    color: #464646;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.theme-heading,
	.heading-typography,
	.widget-title,
	.wpex-widget-recent-posts-title,
	.comment-reply-title {
	    font-family: Lato;
	    font-weight: 400;
	}

	#copyright {
	    font-family: Roboto;
	    font-size: 14px;
	    color: #dddddd;
	}
/* End Typography CSS */

/* Start Partial Copy CSS */
.intro {
	font-family: 'Lato', sans-serif;
	background: #fff;
}
.intro a {
	color: #9961BA;
	text-decoration: underline;
}
.intro a:focus,
.intro a:hover {
	color: #9961BA;
	text-decoration: none;
}
.intro .table-bordered {
    border-top-color: #7688B7;
}
.intro .table-wrapper {
	padding: 0 15px;
}
.intro .bonusweeks-table {
	max-width: 1380px;
	margin: 20px auto;
}
.intro .bonusweeks-table thead {
    background: #8A9CC2;
    color: #fff;
}
.intro .bonusweeks-table>thead>tr>th {
	font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    border-color: #7688B7;
}
.intro .bonusweeks-table>thead>tr>td {
	font-size: 14px;
    vertical-align: top;
    border-color: #7688B7;
}
.intro .bonusweeks-table th.bwindow:after {
	content: 'Number of days booked in advanced of member vacation';
    font-weight: normal;
    display: block;
    max-width: 230px;
	font-size: 16px;
}
@media screen and (min-width: 768px) {
	.intro .bonusweeks-table>thead>tr>th {
		font-size: 16px;
	}
}
@media screen and (min-width: 1200px) {
	.intro .bonusweeks-table>thead>tr>th {
		font-size: 18px;
	}
}
@media screen and (min-width: 1600px) {
	.intro .bonusweeks-table>thead>tr>th {
		font-size: 20px;
	}
}
.intro .bonusweeks-table>tbody>tr>td {
	font-size: 14px;
}
@media screen and (min-width: 768px) {
	.intro .bonusweeks-table>thead>tr>td {
		font-size: 16px;
	}
}
.intro .bonusweeks-table >tbody>tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}
.intro .bonusweeks-table >tbody>tr {
    color: #26334D;
}

@media screen and (max-width: 960px) {
	.intro .bonusweeks-table .table-head,
	.intro .bonusweeks-table thead {
		display: none;
	}
	.intro .bonusweeks-table tbody td { 
		display: block;
		padding: .6rem;
		vertical-align: middle;
	}
	.intro .bonusweeks-table tbody tr { 
		margin-bottom: 20px;
		display: block;
	}
	.intro .bonusweeks-table tbody td:before {
		content: attr(data-th);
		display: inline-block;
		background: #8A9CC2;
		color: #fff;
		width: 12rem;
		padding: .6rem;
		margin-right: 10px;
	    font-weight: bold;
	    vertical-align: middle;
	}
	.intro .table>tbody>tr>td,
	.intro .table>thead>tr>th,
	.intro .table>thead>tr>td  {
		padding: 0;
	}
	.intro .bonusweeks-table >tbody>tr.copy td:before {
		display: none;
	} 
	.intro .bonusweeks-table >tbody>tr.copy td {
		border: none;
	}
	.intro .table-bordered {
	    border: none;
	}
}
.intro {
	margin: 0 auto;
	max-width: 1410px;
	padding: 0 15px;
	font-size: 14px;
    color: #26334D;
    line-height: 160%;
}
.intro a {
	white-space: nowrap;
}
.intro h1 {
	color: #8A9CC2;
	font-size: 20px;
}
.intro h2 {
	color: #8A9CC2;
	font-size: 18px;
}
@media screen and (min-width: 768px) {
	.intro {
		/*font-size: 16px;*/
	}
	.intro h1 {
		font-size: 24px;
	}
	.intro h2 {
		font-size: 20px;
	}
}
@media screen and (min-width: 1200px) {
	.intro {
		/*font-size: 18px;*/
	}
	.intro h1 {
		font-size: 28px;
	}
	.intro h2 {
		font-size: 24px;
	}
}
@media screen and (min-width: 1600px) {
	.intro {
		/*font-size: 18px;*/
	}
	.intro h1 {
		font-size: 36px;
	}
	.intro h2 {
		font-size: 28px;
	}
}
/* End Partial Copy CSS */

/* Start Cookie Notice CSS */

.cookie-notice__fixer {
    -webkit-transition: height 0s 0.25s;
    -moz-transition: height 0s 0.25s;
    -ms-transition: height 0s 0.25s;
    -o-transition: height 0s 0.25s;
    transition: height 0s 0.25s;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    z-index: 90;
    text-align: center
}

.cookie-notice--active .cookie-notice__fixer {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    -ms-transition: height 0s;
    -o-transition: height 0s;
    transition: height 0s;
    height: 190px
}
.cookie-notice--active.has_error .cookie-notice__fixer {
    height: 290px
}

@media (max-width: 767px) {
    .cookie-notice--active .cookie-notice__fixer {
        height: 170px
    }
    .cookie-notice--active.has_error .cookie-notice__fixer {
        height: 270px
    }
}

.cookie-notice__background {
    opacity: 0;
    -webkit-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -moz-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -ms-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -o-transition: height 0s 0.25s ease, opacity 0.25s ease;
    transition: height 0s 0.25s ease, opacity 0.25s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1A3046;
}

.is-resizing .cookie-notice__background {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.cookie-notice--active .cookie-notice__background {
    opacity: 1;
    -webkit-transition: height 0s, opacity 0.25s ease;
    -moz-transition: height 0s, opacity 0.25s ease;
    -ms-transition: height 0s, opacity 0.25s ease;
    -o-transition: height 0s, opacity 0.25s ease;
    transition: height 0s, opacity 0.25s ease
}

.is-resizing .cookie-notice--active .cookie-notice__background {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.cookie-notice__container {
    position: relative
}

.cookie-notice__text {
    opacity: 0;
    -webkit-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -moz-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -ms-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -o-transition: height 0s 0.25s ease, opacity 0.25s ease;
    transition: height 0s 0.25s ease, opacity 0.25s ease;
    font: normal 18px/30px 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
    max-width: 720px;
    padding: 0 15px;
    margin: 30px auto 15px;
    color: #ffffff
}

.cookie-notice .error-message {
    font: normal 16px/30px 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
}

.is-resizing .cookie-notice__text {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.cookie-notice__text a {
    text-decoration: underline !important;
    /*color: #AD41BB;*/
    color: #FFFFFF !important;
}

.cookie-notice__text a:hover {
    text-decoration: none;
    color: #AD41BB !important;
}

.cookie-notice__text p {
    margin: 0
}

@media (max-width: 767px) {
    .cookie-notice__text {
        font: normal 14px/22px 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
        padding: 0 20px
    }
}

.cookie-notice--active .cookie-notice__text {
    opacity: 1;
    -webkit-transition: height 0s, opacity 0.25s ease;
    -moz-transition: height 0s, opacity 0.25s ease;
    -ms-transition: height 0s, opacity 0.25s ease;
    -o-transition: height 0s, opacity 0.25s ease;
    transition: height 0s, opacity 0.25s ease
}

.is-resizing .cookie-notice--active .cookie-notice__text {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.cookie-notice__close {
    opacity: 0;
    -webkit-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -moz-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -ms-transition: height 0s 0.25s ease, opacity 0.25s ease;
    -o-transition: height 0s 0.25s ease, opacity 0.25s ease;
    transition: height 0s 0.25s ease, opacity 0.25s ease;
    display: inline-block;
    font: normal 18px/30px 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
    background: none;
    color: #ffffff;
    border: 2px solid #ffffff;
    margin: 0 auto 30px;
    padding: 0.5em 50px;
    cursor: pointer
}

.cookie-notice__close:hover {
	opacity: 0.5 !important;
}

.is-resizing .cookie-notice__close {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

@media (max-width: 767px) {
    .cookie-notice__close {
        font: normal 14px/22px 'Open Sans', Tahoma, Arial, helvetica, sans-serif;
        padding: 0.5em 20px
    }
}

.cookie-notice--active .cookie-notice__close {
    opacity: 1;
    -webkit-transition: height 0s, opacity 0.25s ease;
    -moz-transition: height 0s, opacity 0.25s ease;
    -ms-transition: height 0s, opacity 0.25s ease;
    -o-transition: height 0s, opacity 0.25s ease;
    transition: height 0s, opacity 0.25s ease
}

.is-resizing .cookie-notice--active .cookie-notice__close {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.cookies__table {
    border-collapse: collapse;
    line-height: 25px;
    width: 100%
}

.cookies__table th,
.cookies__table td {
    border: 1px solid #222228;
    vertical-align: top;
    padding: 5px 10px;
    text-align: left
}

/* End Cookie Notice CSS */

.stick {
	position: fixed;
	top: 150px;
	z-index: 1;
}

.textUsOverlay{
    position: fixed;
    bottom: 5px;
    left: 5px;
    display: block;
    background: url(/assets/images/SignUpSpeechBubbleMagenta.png);
    width: 150px;
    height: 75px;
    z-index: 999;
}

#textModal .modal-body {
    background-color: #1A3046;
    padding: 0;
}

#textModal .col-right {
    background: #1A3046;
    color: #fff;
    padding: 10px;
}

#textModal .col-right .text-form,
#textModal .col-right .text-success {
    padding: 0 40px;
}

@media (min-width: 992px) {

    #textModal .modal-body {
        background-image: url('/assets/images/bg_sign_up_text.png');
        background-repeat: no-repeat;
        /*background-size: cover;*/
        background-size: contain;
        background-position: 0 50%;
    }

}
@media (max-width: 991px) {

    #textModal .col-left {
        min-height: 300px;
        background-image: url('/assets/images/bg_sign_up_text.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 50%;
    }

}

#frm-text-signup .error.invalid-feedback {
    display: block;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/* Start Mobile Responsive Edits CSS */

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

	#site-logo img {
		width: auto !important;
		max-width: 95px !important;
		height: 65px !important;
	}

}

/* End Mobile Responsive Edits CSS */

/* google translate fix  */
@media screen and (min-width: 96px) {
	#google_translate_wrapper {
		min-width: 60px;
	}
}