@charset "UTF-8";
.membership-popup {
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*Start Reset*/
.membership-popup {
	font-size: 71.429%;
	/* change colours to suit your needs */
	/* change border colour to suit your needs */
	/*End Reset*/
}

.membership-popup div, .membership-popup span, .membership-popup object, .membership-popup iframe, .membership-popup h1, .membership-popup h2, .membership-popup h3, .membership-popup h4, .membership-popup h5, .membership-popup h6, .membership-popup p, .membership-popup blockquote, .membership-popup pre, .membership-popup abbr, .membership-popup address, .membership-popup cite, .membership-popup code, .membership-popup del, .membership-popup dfn, .membership-popup em, .membership-popup img, .membership-popup ins, .membership-popup kbd, .membership-popup q, .membership-popup samp, .membership-popup small, .membership-popup strong, .membership-popup sub, .membership-popup sup, .membership-popup var, .membership-popup b, .membership-popup i, .membership-popup dl, .membership-popup dt, .membership-popup dd, .membership-popup ol, .membership-popup ul, .membership-popup li, .membership-popup fieldset, .membership-popup form, .membership-popup label, .membership-popup legend, .membership-popup table, .membership-popup caption, .membership-popup tbody, .membership-popup tfoot, .membership-popup thead, .membership-popup tr, .membership-popup th, .membership-popup td, .membership-popup article, .membership-popup aside, .membership-popup canvas, .membership-popup details, .membership-popup figcaption, .membership-popup figure, .membership-popup footer, .membership-popup header, .membership-popup hgroup, .membership-popup menu, .membership-popup nav, .membership-popup section, .membership-popup summary, .membership-popup time, .membership-popup mark, .membership-popup audio, .membership-popup video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: none;
}

.membership-popup article, .membership-popup aside, .membership-popup details, .membership-popup figcaption, .membership-popup figure, .membership-popup footer, .membership-popup header, .membership-popup hgroup, .membership-popup menu, .membership-popup nav, .membership-popup section, .membership-popup main {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.membership-popup div, .membership-popup span, .membership-popup ul, .membership-popup li, .membership-popup fieldset, .membership-popup input, .membership-popup textarea, .membership-popup blockquote {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.membership-popup ul {
	list-style: none;
}

.membership-popup td, .membership-popup th {
	vertical-align: top;
}

.membership-popup a {
	text-decoration: none;
}

.membership-popup table {
	border-collapse: separate;
	border-spacing: 0;
}

.membership-popup caption, .membership-popup th, .membership-popup td {
	text-align: left;
	font-weight: normal;
}

.membership-popup blockquote:before, .membership-popup blockquote:after,
.membership-popup q:before, .membership-popup q:after {
	content: "";
}

.membership-popup blockquote, .membership-popup q {
	quotes: "" "";
}

.membership-popup strong, .membership-popup b {
	font-weight: bold;
}

.membership-popup em, .membership-popup i {
	font-style: italic;
}

.membership-popup ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

.membership-popup mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

.membership-popup del {
	text-decoration: line-through;
}

.membership-popup abbr[title], .membership-popup dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

.membership-popup table {
	border-collapse: collapse;
	border-spacing: 0;
}

.membership-popup hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

.membership-popup input[type="submit"], .membership-popup select {
	vertical-align: middle;
	outline: none;
	-webkit-appearance: none;
}

.membership-popup textarea {
	outline: none;
}

.membership-popup .clearfix:after, .membership-popup .memcontainer:after, .membership-popup .membership__buttons:after, .membership-popup .clearfix:before, .membership-popup .memcontainer:before, .membership-popup .membership__buttons:before {
	content: "";
	display: table;
}

.membership-popup .clearfix:after, .membership-popup .memcontainer:after, .membership-popup .membership__buttons:after {
	clear: both;
}

.membership-popup .skip {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	width: 600px;
	color: #FFF;
}

.membership-popup .skip:focus, .membership-popup .skip:active {
	position: static;
	width: auto;
	height: auto;
	left: 0px;
	margin-right: 10px;
}

.membership-popup .noreveal:focus, .membership-popup .noreveal:active {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	width: 600px;
	color: #FFF;
}

.membership-popup .access, .membership-popup .element-invisible {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.membership-popup .for-print {
	display: none;
}

.membership-popup button, .membership-popup input[type="submit"], .membership-popup label[for], .membership-popup [tabindex="0"] {
	cursor: pointer;
}

.membership-popup button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.membership-popup textarea {
	resize: vertical;
}

.membership-popup img {
	max-width: 100%;
	height: auto;
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.ttf?vqt2ge") format("truetype"), url("../fonts/icomoon.woff?vqt2ge") format("woff"), url("../fonts/icomoon.svg?vqt2ge#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
	content: "";
}

.icon-video:before {
	content: "";
}

.icon-arrow-down:before {
	content: "";
}

.icon-check:before {
	content: "�";
}

.icon-arrow-right {
	background: none;
}

.icon-arrow-right:before {
	content: "";
}

.icon-close:before {
	content: "";
}

.membership .membership__title, .membership-popup .membership__title {
	font: 300 3.5em/1.2 "Lato", sans-serif;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	.membership .membership__title, .membership-popup .membership__title {
		font-size: 4.5em;
	}
}

@media screen and (min-width: 1024px) {
	.membership .membership__title, .membership-popup .membership__title {
		font-size: 6em;
		margin-top: -10px;
		margin-bottom: 23px;
	}
}

.membership .membership__rule, .membership-popup .membership__rule {
	height: 6px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	border: 0;
	width: 70px;
	margin-bottom: 30px;
	background: #fff;
	text-align: left;
}

@media screen and (min-width: 1024px) {
	.membership .membership__rule, .membership-popup .membership__rule {
		margin-bottom: 33px;
	}
}

.membership .membership__rule--primary, .membership-popup .membership__rule--primary {
	background: #275a70;
}

.membership .membership__rule--secondary, .membership-popup .membership__rule--secondary {
	background: #e2282a;
}

.membership .membership__rule--tertiary, .membership-popup .membership__rule--tertiary {
	background: #94b2a4;
}

.membership .memcontent blockquote, .membership-popup .memcontent blockquote {
	font-style: normal;
	margin-bottom: 30px;
	padding-left: 13px;
}

.membership .memcontent blockquote p, .membership-popup .memcontent blockquote p {
	font-size: 1.8em;
	font-weight: 400;
	margin-bottom: 15px;
	position: relative;
}

.membership .memcontent blockquote p:first-of-type:before, .membership .memcontent blockquote p:last-of-type:after, .membership-popup .memcontent blockquote p:first-of-type:before, .membership-popup .memcontent blockquote p:last-of-type:after {
	position: absolute;
}

.membership .memcontent blockquote p:first-of-type:before, .membership-popup .memcontent blockquote p:first-of-type:before {
	content: "\201C";
	left: -10px;
}

.membership .memcontent blockquote p:last-of-type:after, .membership-popup .memcontent blockquote p:last-of-type:after {
	content: "\201D";
	bottom: 0;
	padding-left: 0;
}

@media screen and (min-width: 768px) {
	.membership .memcontent blockquote p, .membership-popup .memcontent blockquote p {
		font-size: 2.4em;
		line-height: 1.4;
		margin-bottom: 21px;
	}
}

.membership .memcontent blockquote footer p, .membership-popup .memcontent blockquote footer p {
	font-size: 1.6em;
	margin-bottom: 0;
}

.membership .memcontent blockquote footer p:before, .membership .memcontent blockquote footer p:after, .membership-popup .memcontent blockquote footer p:before, .membership-popup .memcontent blockquote footer p:after {
	display: none;
}

@media screen and (min-width: 768px) {
	.membership .memcontent blockquote footer p, .membership-popup .memcontent blockquote footer p {
		font-size: 1.8em;
		margin-bottom: 10px;
	}
}

.membership .memcontent blockquote footer cite, .membership-popup .memcontent blockquote footer cite {
	font-size: 1.6em;
	font-style: italic;
}

@media screen and (min-width: 768px) {
	.membership .memcontent blockquote footer cite, .membership-popup .memcontent blockquote footer cite {
		font-size: 1.8em;
	}
}

.membership .membership-video blockquote, .membership-popup .membership-video blockquote {
	color: #fff;
	padding-left: 0;
}

@media screen and (min-width: 1024px) {
	.membership .membership-video blockquote, .membership-popup .membership-video blockquote {
		margin-bottom: 0;
	}
}

.membership .membership-video blockquote p, .membership-popup .membership-video blockquote p {
	font-size: 2em;
}

@media screen and (min-width: 640px) {
	.membership .membership-video blockquote p, .membership-popup .membership-video blockquote p {
		font-size: 4em;
		font-weight: 300;
		line-height: 1.3;
	}
	.membership .membership-video blockquote p:first-of-type:before, .membership-popup .membership-video blockquote p:first-of-type:before {
		left: -15px;
	}
}

@media screen and (min-width: 1024px) {
	.membership .membership-video blockquote p, .membership-popup .membership-video blockquote p {
		font-size: 4em;
	}
	.membership .membership-video blockquote p:first-of-type:before, .membership-popup .membership-video blockquote p:first-of-type:before {
		left: -20px;
	}
}

@media screen and (min-width: 1024px) {
	.membership .membership-video blockquote footer, .membership-popup .membership-video blockquote footer {
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

.membership .membership-video blockquote footer p, .membership-popup .membership-video blockquote footer p {
	font-weight: 400;
}

@media screen and (min-width: 640px) {
	.membership .membership-video blockquote footer p, .membership-popup .membership-video blockquote footer p {
		font-size: 2em;
		margin-bottom: 8px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
	.membership .membership-video blockquote footer p span, .membership-popup .membership-video blockquote footer p span {
		display: block;
	}
}

@media screen and (min-width: 640px) {
	.membership .membership-video blockquote footer cite, .membership-popup .membership-video blockquote footer cite {
		font-size: 2em;
	}
}

#wap-menu .main_menu_container {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	#wap-menu .main_menu_container {
		margin-top: 38px;
	}
}

@media screen and (min-width: 980px) {
	#wap-menu .main_menu_container {
		margin-top: 58px;
	}
}

@media screen and (min-width: 768px) {
	#wap-menu .selectnav {
		max-width: 280px;
		float: right;
		margin-right: 20px;
	}
}

#wap-menu .block {
	padding: 0;
}

#wap-menu .content > .sf-menu {
	width: 81%;
	float: right;
}

@media screen and (min-width: 1024px) {
	#wap-menu .content > .sf-menu {
		width: 77%;
	}
}

@media screen and (min-width: 1200px) {
	#wap-menu .content > .sf-menu {
		width: 82%;
	}
}

#wap-menu .content > .sf-menu > li {
	margin: 0 9px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#wap-menu .content > .sf-menu > li {
		margin: 0 7px;
	}
}

@media screen and (min-width: 1200px) {
	#wap-menu .content > .sf-menu > li {
		margin: 0 18px;
	}
}

#wap-menu .membtn {
	background: none;
	padding: 0;
	border: 0;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2;
	padding: 20px;
}

@media screen and (min-width: 640px) {
	#wap-menu .membtn {
		padding: 30px;
	}
}

#wap-menu .membtn .hover {
	font-size: 1.45em;
	position: relative;
	right: -17px;
	top: 4px;
	text-align: right;
	width: 0;
	line-height: .1;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .25s;
	        transition: all .25s;
}

#wap-menu .membtn--nav {
    width: 130px;
    float: right;
	font-size: 1.2em;
	padding: 9px 15px;
	font-weight: 300;
	letter-spacing: .04em;
	color: #fff;
	background: #e2282a;
	text-align: center;
	text-transform: none;
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 0px;
	position: relative;
	overflow: hidden;
}

#wap-menu .membtn--nav > span {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .5s;
	        transition: opacity .5s;
}

#wap-menu .membtn--nav .hover {
	position: absolute;
	top: -10px;
	left: 0;
	right: auto;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	text-align: center;
	-webkit-transition: top .25s .25s, opacity .5s .125s;
	        transition: top .25s .25s, opacity .5s .125s;
	color: #fff;
}

@media screen and (min-width: 768px) {
	#wap-menu .membtn--nav {
		float: right;
	}
}

@media screen and (min-width: 980px) {
	#wap-menu .membtn--nav {
		margin-top: -9px;
	}
}

#wap-menu .membtn--nav:hover, #wap-menu .membtn--nav:focus {
	color: #fff;
}

#wap-menu .membtn--nav:hover > span, #wap-menu .membtn--nav:focus > span {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#wap-menu .membtn--nav:hover .hover, #wap-menu .membtn--nav:focus .hover {
	width: 100% !important;
	top: 17px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: top .25s, opacity .5s 0s;
	        transition: top .25s, opacity .5s 0s;
}

.membership-popup .membtn {
	background: none;
	padding: 0;
	border: 0;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2;
	padding: 20px;
}

@media screen and (min-width: 640px) {
	.membership-popup .membtn {
		padding: 30px;
	}
}

.membership-popup .membtn .hover {
	font-size: 1.45em;
	position: relative;
	right: -17px;
	top: 4px;
	text-align: right;
	width: 0;
	line-height: .1;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all .25s;
	        transition: all .25s;
}

.membership-popup .membtn--primary {
	background: #275a70;
	color: #fff;
}

.membership-popup .membtn--secondary {
	background: #e2282a;
	color: #fff;
}

.membership-popup .membtn--outline {
	border: 1px solid #fff;
	color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px 20px;
	text-align: center;
	font-weight: 400;
}

@media screen and (min-width: 640px) {
	.membership-popup .membtn--outline {
		padding: 13px 30px;
	}
}

.membership-popup .membtn-alt {
	text-transform: none;
	font-style: italic;
	padding: 0;
	width: 100%;
	text-align: left;
	color: #666666;
	display: block;
}

.membership-popup .membtn--text {
	text-transform: none;
	font-style: italic;
	margin-top: 0;
	width: 100%;
	padding: 0;
	text-align: left;
	background: none;
	padding: 0;
	border: 0;
	-webkit-transition: all .25s;
	        transition: all .25s;
}

.membership-popup .membtn--text .hover {
	font-size: 1.3em;
	top: 4px;
}

.membership-popup .membtn--text:hover .hover, .membership-popup .membtn--text:focus .hover {
	right: 0;
}

@media screen and (min-width: 768px) {
	.membership-popup .membtn--text {
		margin-left: 0;
	}
}

.membership-popup .membtn--alt {
	padding: 11px 20px;
	font-weight: 400;
	letter-spacing: .04em;
	text-align: center;
	display: inline-block;
	min-width: 240px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (min-width: 640px) {
	.membership-popup .membtn--alt {
		width: auto;
		font-size: 2.4em;
		min-width: 300px;
		padding: 20px 30px;
	}
	.membership-popup .membtn--alt .hover {
		top: 6px;
	}
}

.membership-popup .membtn--nav {
	font-size: 1.2em;
	padding: 9px 15px;
	font-weight: 300;
	letter-spacing: .04em;
	color: #fff;
	background: #e2282a;
	text-align: center;
	text-transform: none;
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

.membership-popup .membtn--nav .hover {
	position: absolute;
	top: -10px;
	left: 0;
	right: auto;
	width: 100%;
	text-align: center;
	-webkit-transition: top .25s .25s;
	        transition: top .25s .25s;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.membership-popup .membtn--nav {
		float: right;
	}
}

@media screen and (min-width: 980px) {
	.membership-popup .membtn--nav {
		margin-top: -9px;
	}
}

.membership-popup .membtn--nav:hover, .membership-popup .membtn--nav:focus {
	color: #fff;
}

.membership-popup .membtn--nav:hover > span, .membership-popup .membtn--nav:focus > span {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.membership-popup .membtn--nav:hover .hover, .membership-popup .membtn--nav:focus .hover {
	width: 100% !important;
	top: 17px;
}

.membership-popup .membtn:hover .hover, .membership-popup .membtn:focus .hover, .touchevents .membership-popup .membtn .hover {
	width: 31px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.membership-popup {
	position: fixed;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	background-color: #fff;
	top: 0;
	left: 50%;
	z-index: 2000;
	overflow-y: scroll;
	padding: 25px 0;
	visibility: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 0;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: width .5s .3s, opacity .5s .3s, visibility 0s .8s;
	        transition: width .5s .3s, opacity .5s .3s, visibility 0s .8s;
}

.show-popup .membership-popup {
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	width: 100%;
	overflow-y: scroll;
	top: 0;
	-webkit-transition: width .5s, opacity .5s;
	        transition: width .5s, opacity .5s;
}

.show-popup .membership-popup:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition-delay: .5s;
	        transition-delay: .5s;
}

.membership-popup:before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .5s;
	        transition: opacity .5s;
}

@media screen and (min-width: 480px) and (min-height: 640px) {
	.membership-popup:before {
		background: url(../images/ocean_construction_md.jpg) no-repeat -32px 100% #fff;
	}
}

@media screen and (min-width: 640px) and (min-height: 640px) {
	.membership-popup:before {
		background: url(../images/ocean_construction_md.jpg) no-repeat 0px 100% #fff;
	}
}

@media screen and (min-width: 768px) and (min-height: 640px) {
	.membership-popup:before {
		background: url(../images/ocean_construction_lg.jpg) no-repeat -70px 100% #fff;
	}
}

@media screen and (min-width: 1200px) and (min-height: 640px) {
	.membership-popup:before {
		background: url(../images/ocean_construction.jpg) no-repeat -150px 100% #fff;
		background-size: contain;
		height: -webkit-calc(100% + 132px);
		height: calc(100% + 132px);
	}
}

@media screen and (min-width: 1200px) and (min-height: 640px) {
	.membership-popup {
		padding: 102px 0;
		height: -webkit-calc(100% - 204px);
		height: calc(100% - 204px);
	}
}

.membership-popup .memcontainer {
	position: relative;
	padding: 0 40px;
	max-width: 1170px;
	margin: auto;
}

@media screen and (min-width: 1200px) {
	.membership-popup .memcontainer {
		margin-left: 10%;
	}
}

@media screen and (min-width: 1400px) {
	.membership-popup .memcontainer {
		margin-left: 24%;
	}
}

@media screen and (min-width: 1680px) {
	.membership-popup .memcontainer {
		margin-left: 27.5%;
	}
}

.membership-popup .logo {
	display: block;
	margin: 0 0 20px;
	max-width: 120px;
}

@media screen and (min-width: 768px) {
	.membership-popup .logo {
		float: left;
		width: 20%;
		max-width: 166px;
	}
}

.membership-popup .icon-close {
	position: absolute;
	top: -5px;
	right: 20px;
	font-size: 3em;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .25s;
	        transition: opacity .25s;
}

.membership-popup .icon-close:hover, .membership-popup .icon-close:focus {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

@media screen and (min-width: 768px) {
	.membership-popup .icon-close {
		font-size: 4em;
		top: -10px;
		right: 20px;
	}
}

@media screen and (min-width: 1200px) {
	.membership-popup .icon-close {
		top: -78px;
		right: 200px;
	}
}

.membership-popup .membership__buttons {
	margin-bottom: 40px;
	margin-top: 48px;
	position: relative;
}

.membership-popup .membership__buttons .membtn {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.membership-popup .membership__buttons .membtn--text {
	text-align: left;
}

@media screen and (min-width: 640px) {
	.membership-popup .membership__buttons .membtn {
		float: left;
		width: 39%;
	}
	.membership-popup .membership__buttons .membtn + .membtn {
		float: right;
	}
	.membership-popup .membership__buttons .membtn--text {
		width: auto !important;
	}
}

@media screen and (min-width: 768px) {
	.membership-popup .membership__buttons .membtn {
		display: inline-block;
		vertical-align: middle;
		width: 35%;
	}
}

@media screen and (min-width: 1024px) {
	.membership-popup .membership__buttons .membtn {
		display: inline-block;
		vertical-align: middle;
		width: 32%;
		margin-bottom: 0;
	}
	.membership-popup .membership__buttons .membtn + .membtn {
		float: none;
		margin-left: 5%;
	}
	.membership-popup .membership__buttons .membtn--text {
		width: auto;
		min-width: 156px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		right: -118px;
		-webkit-transition: all .25s;
		        transition: all .25s;
		margin: 0;
	}
	.membership-popup .membership__buttons .membtn--text:hover, .membership-popup .membership__buttons .membtn--text:focus {
		right: -110px;
	}
}

.membership-popup .btn-container .membtn {
	display: block;
	width: 100%;
}

.membership-popup .btn-container .membtn + .membtn {
	margin-top: 17px;
}

@media screen and (min-width: 640px) {
	.membership-popup .btn-container .membtn {
		display: inline-block;
		width: 240px;
		vertical-align: top;
	}
	.membership-popup .btn-container .membtn + .membtn {
		margin-top: 0px;
		margin-left: 20px;
	}
}

@media screen and (min-width: 768px) {
	.membership-popup .memcontent {
		float: left;
		width: 71%;
		margin-left: 4.5%;
	}
}

@media screen and (min-width: 1024px) {
	.membership-popup .memcontent {
		width: 58%;
		margin-left: 2.5%;
	}
}

.show-popup {
	overflow-y: hidden;
}

.faded {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s .5s;
	        transition: opacity .3s .5s;
	position: relative;
}

.show-popup .faded {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition-delay: .5s;
	        transition-delay: .5s;
}