/*Custom Template built by Webtech Evolution Limited - Palmerston North - NZ: © 2018.Template URI: https: //webtech.kiwiPhone: +64 6 354 8336Author Design: Mike Oliver - mike@webtech.kiwiClient: ProFabVersion: 1.0*/
/* RESET */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot,article, aside, canvas, details, figcaption, figure, footer, header, hgroup,menu, nav, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
nav ul {  list-style: none; }
blockquote, q {  quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {  content: '';  content: none; }
a {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  text-decoration: none;  color: inherit; }
a:hover {  text-decoration: none; }
ins {  background-color: #008c98;  color: #000;  text-decoration: none; }
mark {  background-color: #008c98;  color: #000;  font-style: italic;  font-weight: bold; }
del {  text-decoration: line-through; }
abbr[title], dfn[title] {  border-bottom: 1px dotted;  cursor: help; }
hr {  display: block;  height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 0;  padding: 0; }
input, select {  vertical-align: middle; }
input, select, textarea {  outline: none}
body {  font: 12px/1.231 sans-serif;  *font-size: small; }
select, input, textarea, button {  font: 99% sans-serif; }
pre, code, kbd, samp {  font-family: monospace, sans-serif; }
body, select, input, textarea {  color: #444; }
h1,h2,h3,h4,h5,h6 {  font-weight: normal; }
html {  overflow-y: scroll; }
ul, ol {  margin-left: 0; }
ol {  list-style-type: decimal; }
li {  list-style: none; }
nav ul, nav li {  margin: 0; }
small {  font-size: 85%; }
strong, th {  font-weight: bold; }
td, td img {  vertical-align: top; }
sub {  vertical-align: sub;  font-size: smaller; }
sup {  vertical-align: super;  font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea {  overflow: auto; }
.ie6 legend, .ie7 legend {  margin-left: -7px; }
input[type="radio"] {  vertical-align: text-bottom; }
input[type="checkbox"] {  vertical-align: bottom; }
.ie7 input[type="checkbox"] {  vertical-align: baseline; }
.ie6 input {  vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button {  cursor: pointer; }
button, input, select, textarea {  margin: 0; }
::-moz-selection {  background: #343436;  color: #fff;  text-shadow: 1px 1px 1px #000; }
::selection {  background: #343436;  color: #fff;  text-shadow: 1px 1px 1px #000; }
button {  width: auto;  overflow: visible; }
.ie7 img {  -ms-interpolation-mode: bicubic; }
.ir {  display: block;  text-indent: -999em;  overflow: hidden;  background-repeat: no-repeat;  text-align: left;  direction: ltr; }
.hidden {  display: none;  visibility: hidden; }
.visuallyhidden {  position: absolute !important;  clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible {  visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020";  display: block;  height: 0;  visibility: hidden; }
.clearfix:after {  clear: both; }
.clearfix {  zoom: 1; }
/* ======================================================================== Component: Grid ========================================================================== */
/* * 1. Makes grid more robust so that it can be used with other block elements like lists */
.col {  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -ms-flex-wrap: wrap;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;  /* 1 */
 margin: 0;  padding: 0;  list-style: none; }
/* * DEPRECATED * Micro clearfix * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */
.col:before, .col:after {  content: "";  display: block;  overflow: hidden; }
.col:after {  clear: both; }
/* * Grid cell * 1. Space is allocated solely based on content dimensions * 2. Makes grid more robust so that it can be used with other block elements * 3. DEPRECATED Using `float` to support IE9 */
.col > * {  /* 1 */
 -ms-flex: none;  -webkit-flex: none;  flex: none;  /* 2 */
 margin: 0;  /* 3 */
 float: left; }
/* * Remove margin from the last-child */
.col > * >:last-child {  margin-bottom: 0; }
/* Grid gutter ========================================================================== */
/* * Default gutter */
/* Horizontal */
.col {  margin-left: -25px; }
.col > * {  padding-left: 25px; }
[class*='col'] {  box-sizing: border-box; }
/* * Widths */
/* Whole */
.col-1-1 {  width: 100%; }
/* Halves */
.col-1-2, .col-2-4, .col-3-6, .col-5-10 {  width: 50%; }
/* Thirds */
.col-1-3, .col-2-6 {  width: 33.333%; }
.col-2-3, .col-4-6 {  width: 66.666%; }
/* Quarters */
.col-1-4 {  width: 25%; }
.col-3-4 {  width: 75%; }
/* Fifths */
.col-1-5, .col-2-10 {  width: 20%; }
.col-2-5, .col-4-10 {  width: 40%; }
.col-3-5, .col-6-10 {  width: 60%; }
.col-4-5, .col-8-10 {  width: 80%; }
/* Sixths */
.col-1-6 {  width: 16.666%; }
.col-5-6 {  width: 83.333%; }
/* Tenths */
.col-1-10 {  width: 10%; }
.col-3-10 {  width: 30%; }
.col-7-10 {  width: 70%; }
.col-9-10 {  width: 90%; }
body{
	font-family: 'DM Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	background: #141416;
}
h1, h2, h3, h4, h5, h6{
	font-family: DM Sans;
}
p, a{
	font-family: DM Sans;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
}
.top-header {
	border-bottom: 1px solid rgba(255,255,255,.06);
	padding: 22px 0;
}
.top-header p {
	color: #777E91;
	margin: 0;
	padding: 0;
	line-height: 18px;
}
.top-right {
	text-align: right;
	display: flex;
	margin-right: auto;
}
.logo {
	text-align: center;
}
.top-right .moduletable {
	margin-left: auto;
}
.top-right .moduletable {
	margin-left: auto;
	background: url(../images/phone.svg);
	background-repeat: no-repeat;
	padding-left: 50px;
	text-align: left;
}
.top-left .moduletable {
	background: url(../images/mail.svg);
	background-repeat: no-repeat;
	padding-left: 50px;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
	background: none;
}
.uk-navbar-nav.nav.menu {
	margin: 0 auto;
}
.uk-navbar-nav > li > a {
	color: #777E91;
	font-family: DM Sans;
	font-size: 14px;
	height: auto;
	line-height: 1;
	min-height: 0;
	padding: 7px 20px;
	text-transform: none;
	font-weight: 500;
	margin: 0 10px;
	border-radius: 14px;
}
.uk-navbar-nav > li.active > a {
	background: rgba(255,255,255,.1);
	border-radius: 14px;
	color: #8D1C8D;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open {
	color: #8D1C8D;
	outline: none;
	background: rgba(255,255,255,.1);
	border-radius: 14px;
}
.wbg .container {
	position: relative;
	width: 100%;
}
.wbg_img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
}
.wbg .container {
	position: relative;
	width: 100%;
} 
.ladiesview .wbg_img {
	filter: grayscale();
	background-position: center;
}
.wbg-text h3 {
	color: #fff;
	font-size: 24px;
	text-transform: none;
} 
.wbg-text h3 strong {
	color: #8D1C8D;
	font-weight: normal;
}
.wbg-text h1 {
	font-size: 82px;
	color: #fff;
	line-height: 96px;
	margin: 30px 0;
	font-weight: bold;
}
.btn {
	background: #8D1C8D;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #FCFCFD;
	border-radius: 30px;
	padding: 22px 60px;
	line-height: 1;
	transition: .1s ease;
}
.btn:hover {
	color: #8D1C8D;
	background: #fff;
	text-decoration: none;
}
.square {
	max-width: 750px;
}
.wbg-text.uk-container {
	width: 100%;
}
.top-a {
	text-align: center;
	padding: 120px 0;
}
.top-a h3 {
	font-size: 24px;
	color: #fff;
	display: inline-block;
}
.top-a h3::before {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-right: 40px;
}
.top-a h3::after {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-left: 40px;
}
.top-a h2 {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
}
.imagetop-text {
	background: #fff;
	padding: 50px 32px;
}
.imagetop-text h3 {
	font-weight: bold;
	font-size: 28px;
	color: #141416;
	margin-bottom: 10px;
}
.imagetop-text p {
	color: #141416;
	font-size: 20px;
	line-height: 2;
	margin-bottom: 0;
}
.top-b .uk-width-1-3:nth-child(2) .imagetop-text {
	background: #8D1C8D;
}
.top-b .uk-width-1-3:nth-child(2) .imagetop-text * {
	color: #fff;
}
.top-c {
	text-align: center;
	padding: 100px 0;
}
.top-abc::before {
	content: "";
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0.02;
}
.top-d h3 {
	font-size: 58px;
	color: #fff;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 40px;
}
.top-d p {
	color: #fff;
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 30px;
}
.custom.image-right .uk-grid {
	flex-direction: row-reverse;
}
.top-d .imagerighttext {
	border-left: 2px solid #8D1C8D;
	padding-left: 60px;
}
.top-d {
	padding: 100px 0;
}
.top-e h3 {
	font-size: 24px;
	color: #fff;
	display: inline-block;
}
.top-e h3::before {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-right: 40px;
}
.top-e h3::after {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-left: 40px;
}
.top-e h2 {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
}
.top-e {
	text-align: center;
	padding-bottom: 0;
}
.top-e {
	text-align: center;
	padding-top: 0;
	padding-bottom: 130px;
}
.gallery-img {
	height: 507px;
	background-size: cover;
	position: relative;
	filter: grayscale();
	transition: .1s ease;
}
.gallery-img:hover {
	filter: grayscale(0);
}
.gallery-img h3 {
	background: #fff;
	font-size: 28px;
	font-weight: bold;
	color: #141416;
	text-align: center;
	padding: 22px 0;
	line-height: 1;
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: .1s ease;
}
.gallery-img:hover h3 {
	color: #fff;
	background: #8D1C8D;
}
.top-abc {
	position: relative;
}
.center {
	text-align: center;
}
.gallery ul {
	padding-bottom: 100px;
}
.top-f {
	padding-bottom: 100px;
}
.top-g h3 {
	font-size: 24px;
	color: #fff;
	display: inline-block;
}
.top-g h3::before {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-right: 40px;
}
.top-g h3::after {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-left: 40px;
}
.top-g h2 {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
}
.top-g {
	text-align: center;
	padding-bottom: 100px;
}
.gallery-slider {
	width: 100%;
	height: 420px;
	display: block;
	background-size: cover;
}
.uk-position-center-left-out {
	height: 46px;
	width: 46px;
	border: 1px solid #454545;
	border-radius: 100%;
	margin-right: 50px;
}
.uk-position-center-right-out {
	height: 46px;
	width: 46px;
	border: 1px solid #454545;
	border-radius: 100%;
	margin-left: 50px;
}
.uk-position-center-left-out span {
	background: url(../images/arrow-gray.svg);
	width: 18px;
	height: 11px;
	background-repeat: no-repeat;
	display: block;
	transform: rotate(180deg);
	margin-top: 18px;
	margin-left: 14px;
}
.uk-position-center-right-out span {
	background: url(../images/arrow-gray.svg);
	width: 18px;
	height: 11px;
	background-repeat: no-repeat;
	display: block;
	transform: rotate(0);
	margin-top: 18px;
	margin-left: 14px;
}
.uk-position-center-left-out:hover {
	background: #8D1C8D;
	border: 1px solid #8D1C8D;
}
.uk-position-center-right-out:hover {
	background: #8D1C8D;
	border: 1px solid #8D1C8D;
}
.uk-position-center-left-out:hover span {
	background: url(../images/arrow-white2.svg);
	transform: rotate(180deg);
	width: 16px;
}
.uk-position-center-right-out:hover span{
	background: url(../images/arrow-white2.svg);
	transform: rotate(0);
	width: 16px;
}
.bottom-a {
	background: url(../images/bedimage1_3.png);
	background-position: center;
	background-size: cover;
	margin-top: 130px;
	position: relative;
}
.bottom-a::after {
	content: "";
	width: 20%;
	background: #141416;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
.bottom-a .rsform {
	background: #131313;
	padding: 60px;
	max-width: 700px;
	float: right;
	margin-top: 200px;
	z-index: 100;
	position: relative;
}
.bottom-a .moduletable::after {
	clear: both;
	content: "";
	display: block;
}
.bottom-a .rsform {
	background: #131313;
	padding: 60px;
	max-width: 700px;
	float: right;
	margin-top: 200px;
}
.bottom-a h2 {
	font-size: 32px;
	color: #fff;
	font-weight: 700;
}
.bottom-a .uk-form-label.formControlLabel {
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;
}
.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 100px;
	padding: 21px;
	height: auto;
	width: 100%;
}
.bottom-a .uk-grid {
	margin-top: 40px;
}
.uk-form textarea {
	border-radius: 21px;
}
.rsform-submit-button {
	background: #8D1C8D;
	padding: 18px 20px;
	width: 100%;
	border-radius: 100px;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	font-weight: bold;
	line-height: 1;
}
.footer .top-right {
	display: block;
	margin-top: 40px;
}
.footer1 p {
	color: #777E90;
	line-height: 1.2;
}
.footer1 ul {
	column-count: 4;
}
.footer1 .uk-nav-default > li > a {
	color: #777E91;
}
.footer {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
}
.footer::after {
	content: "";
	background: #fff;
	opacity: 0.02;
	width: 52%;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}
.footer1 ul li {
	margin-bottom: 20px;
}
.copyright {
	text-align: center;
	border-top: 1px solid #23262F;
	padding-top: 30px;
	color: #777E90;
	font-size: 14px;
	padding-bottom: 30px;
	margin-top: 50px;
}
.footer {
	padding-top: 100px;
	padding-bottom: 0;
	position: relative;
}
.wbg {
	height: 500px;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
}
.wbg h1 {
	font-size: 82px;
	color: #ffff;
	font-weight: 700;
}
.breadcrumb li, .breadcrumb li a {
	font-size: 24px;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li.active {
	color: #8D1C8D;
}
.wbg_img .container {
	width: 100%;
	z-index: 100;
}
.wbg::before {
	content: "";
	background: linear-gradient(115.97deg, rgba(141, 28, 141, 0.08) -14.18%, rgba(141, 28, 141, 0) 70.27%);
	height: 100%;
	width: 80%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	/* display: block; */
	/* background-color: #8D1C8D; */
}
.wbg-img .container {
	width: 100%;
	z-index: 100;
}
.wbg-img::before {
	content: "";
	background: linear-gradient(115.97deg, rgba(141, 28, 141, 0.08) -14.18%, rgba(141, 28, 141, 0) 70.27%);
	height: 100%;
	width: 80%;
	position: absolute;
	left: 0;
	top: 0;
	/* display: block; */
	/* background-color: #8D1C8D; */
}
.blog-img {
	height: 507px;
	background-size: cover;
	position: relative;
	filter: grayscale();
	transition: .1s ease;
}
.blog-img .page-header h2 {
	background: #fff;
	font-size: 28px;
	font-weight: bold;
	color: #141416;
	text-align: center;
	padding: 22px 0;
	line-height: 1;
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: .1s ease;
	margin: 0;
}
.inner-banner {
	margin-bottom: 0;
}
.ladiesview .wbg_img {
	filter: grayscale();
	background-position: center;
}
.ladiesview .wbg_img::after {
	content: "";
	background: #000;
	opacity: .6;
	width: 100%;
	height: 100%;
	position: absolute;
}
.ladies-item h2 {
	color: #fff;
	font-size: 58px;
	font-weight: bold;
	margin-bottom: 30px;
}
.ladiesview p {
	font-size: 18px;
	margin-bottom: 30px;
}
em {
	color: #8D1C8D;
	font-style: normal;
}
.ladies-item1 {
	background: rgba(255,255,255,.02);
	padding-top: 100px;
}
.ladies-item2 {
	background: #141416;
	padding: 100px 0;
}
.ladies-item2 .uk-grid .uk-width-1-3:nth-child(3n) {
	border-right: 0;
}
.ladies-item2 .uk-grid .uk-width-1-3 {
	border-bottom: 1px solid rgba(255,255,255,.1);
	border-right: 1px solid rgba(255,255,255,.1);
	padding: 40px;
	font-size: 30px;
}
.ladies-item2 .uk-grid {
	border: 1px solid rgba(255,255,255,.1);
	margin-left: 0;
}
.uk-slideshow-items {
	height: 800px;
}
.project-gallery_image {
	height: 100%;
	background-size: cover;
	background-position: center;
}
.project-gallery_thumb::after {
	content: "";
	background: #000;
	opacity: .5;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: .1s ease;
}
.project-gallery_thumb {
	height: 300px;
	background-size: cover;
	/* display: inline-block; */
	position: relative;
	cursor: pointer;
}
.project-gallery_thumb:hover::after {
	content: "";
	opacity: 0;
}
.slider-nav.uk-slider.uk-slider-container {
	clear: both;
	margin-right: -200px;
	z-index: 100;
	position: relative;
}
.ladies-item1_text {
	max-width: 500px;
	float: right;
	clear: both;
	margin-bottom: 40px;
	padding-right: 100px;
}
.slider-nav.uk-slider {
	position: relative;
	margin-right: -200px;
	z-index: 100;
	clear: both;
}
.ladies-item .uk-position-center-right-out span {
	background: url(../images/arrow-white2.svg);
	transform: rotate(0);
	width: 16px;
}
.ladies-item .uk-position-center-right-out{
	background: #8D1C8D;
	border: 1px solid #8D1C8D;
}
.theladies .top-e {
	padding-top: 100px;
}
.lady-hover:hover .blog-img {
	filter: grayscale(0);
}
.lady-hover:hover .page-header h2 {
	background: #8D1C8D;
	color: #fff;
}
.wbg-img {
	height: 100%;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
}
.content_text {
	max-width: 500px;
	float: right;
	clear: both;
	margin-bottom: 40px;
	padding-right: 100px;
}
.content_text h2 {
	color: #fff;
	font-size: 58px;
	font-weight: bold;
	margin-bottom: 30px;
}
.content_text p {
	font-size: 18px;
	margin-bottom: 30px;
}
.content-item {
	padding-top: 100px;
}
.content-top {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 130px;
}
.content-top h3 {
	font-size: 24px;
	color: #fff;
	display: inline-block;
}
.content-top h2 {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
}
.content-top h3::before {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-right: 40px;
}
.content-top h3::after {
	content: "";
	width: 80px;
	height: 3px;
	background: #8D1C8D;
	display: inline-block;
	top: -6px;
	position: relative;
	margin-left: 40px;
}
.lady-hover {
	margin-bottom: 50px;
	display: block;
}
.icons {
	display: none;
}
.page-header h2 {
	color: #fff;
	font-size: 58px;
	font-weight: bold;
	margin-bottom: 30px;
}
.item-content {
	padding-top: 100px;
}
.item-page p {
	font-size: 18px;
	margin-bottom: 30px;
}
.footer1 img {
	margin-bottom: 20px;
	margin-right: 10px;
}
.rsform-submit-button:hover {
	background: #8D1C8D;
}
.rsfp_thankyou_popup_inner {
	background: #8D1C8D;
	width: 40%;
	padding: 20px;
	margin: 0 auto;
	position: relative;
}
#rsfp_thankyou_popup_inner h3 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
#rsfp_thankyou_popup_inner p {
	line-height: 1.2;
	font-size: 18px;
}
.home .main {
	display: none;
}
.footer1 {
	position: relative;
	z-index: 10;
}
.top-abc > div {
	z-index: 10;
	position: relative;
}
a:hover {
	color: #8D1C8D;
}
.wbg-text.uk-container {
	position: relative;
	z-index: 10;
}
/**Modal**/

#modal_screen {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1100;
	background: url(../images/verify.jpg);
	background-size: cover;
}
#modal_screen.nope {
	background-color: #1e0924; 
}
#modal_screen::after {
	content: "";
	background: #8D1C8D;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .2;
}
#modal_content {
	position: fixed;
	z-index: 1101;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#modal_content .content_wrapper {
	padding-top: 0;
	margin:3em auto 0;
	text-align: center;
}
#modal_content h2 {
	margin: 0 0 0 0;
	font-size: 72px;
	font-family: DM Sans;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.02em;
}

#modal_content p {
	max-width: 75%;
	margin: 1.2em auto 0;
	font:11px/1.5em "proxima-nova", Helvetica,arial,sans-serif;
}

#modal_content nav {font-size: 16px; display:table; width: 282px;}
#modal_content nav ul {display:table-row; width: 100%; margin:0; padding:0;}
#modal_content nav li {display: table-cell; text-align: right; width: auto;}

#modal_content nav:after {
	content: "";
	display: block;
	clear: both;
}

#modal_content nav small {
	display: block;
	text-align: center;
	color: #888;
	margin: 1em 0 0;
}

#modal_content nav a.av_btn {
	display:block;
	text-align:center;
	width: 65px;
	border-radius: 23px;
	margin:1em auto 0;
	text-decoration: none;
	padding:1em;
	color: #fff;
	font:normal .7em/1em 'AmericanTypwrterITCW01- 731031';
	text-transform: none;
	letter-spacing: 0;
}

#modal_content nav .av_go {
	background-color: #7fbf4d;
}

#modal_content nav .av_no {
	background-color: #938d95;
}

#modal_content nav .av_btn:hover {
	background-color: #1e0924;
}


@media (min-width: 688px) {
	#modal_content {
		top: 10em;
		top: 30vh;
		left: 30vw;
		width: 90%;
		max-width: 700px;
		height:500px;
		padding:3em;
		border-radius: 100%;
		background-position: center 3em;
		background-size: 160px auto;
		font-size: 16px;
	}

	#modal_content .content_wrapper {
		padding-top: 0;
		margin:3em auto 0;
		text-align: center;
	}

	#modal_content p {
		font-size: 1em;
		line-height: 1.9em;
	}

	#modal_content nav {
		width: 600px;
		margin: 0 auto;
	}
	#modal_content nav a.av_btn {
		padding: 26px 70px;
		border-radius: 84px;
		font-size: 26px;
		border: 1px solid #8D1C8D;
		background: none;
		color: #8D1C8D;
		font-family: DM Sans;
		font-weight: bold;
		width: 100%;
		box-sizing: border-box;
		max-width: 260px;
	}
	#modal_content nav a.av_btn.av_go {
		background: #8D1C8D;
		color: #fff;
	}
	#modal_content nav a.av_btn:hover {
		background: #8D1C8D;
		color: #fff;
	}
}