#thankyou {

  display:none;

}

.hidden{

  display:none;

}
.close {
  
  cursor:pointer;
}
.close:after, .close:before {
  content:"";
  height:20px;
  width:20px;
  border-top:1px solid #000;
  position:absolute;
  top: 10%;
  right: 10%;
  transform:rotate(-45deg);
  }
      
  .close:before {
		right: calc(10% + 13px);
		transform:rotate(45deg);
		}
  
 .close:hover {
 		
    opacity:0.3;
    
  }
  

textarea {
    resize: none;
  line-height:1.8rem;
}
.mb-3 {
  margin-bottom:1rem;
}

.contact-row {
  margin-top:3rem;
}

.modal-container {
  height: auto;
  width:80%;
  max-width: 1000px;
  margin: auto;
}

.grid-contact {
    display: flex;
    background: white;
    border-radius: 10px;
    height: auto;
    width: 100%;
}

.contact-content {
    width: 100%;
    margin: 2rem 4rem 0rem 4rem;
}

.personal-contact { 
  display:flex;
}
.case-marg-user {margin-top:-10%}
@media screen and (min-width:960px) {
  .mtmb {margin-top:5%!important;margin-bottom:5%!important;}
  .case-marg-user {margin-top:-5%}
}

.mtmb {
  margin-top:10%;
  margin-bottom:10%;
}
.contact-wrapper {
 width:100%;
}
.contact-col-image {
  padding:0!important;
}
.contact-col-image img {
  object-position:top;
}

.contact-col * {
  color:black;
} 
.contact-type {
  color:gray;
}
.text-left {
  text-align:left;
}
.personal-contact-borders {
  border-top:3px solid black;
  border-bottom:3px solid black;
}
.case-personal-contact-borders {

  border-bottom:3px solid black;
}
.contact-col-image {
    padding:4%;
  justify-content:center;
  margin:auto;
}
.contact-col {
  padding:4%;
}
.contact-image {
  width:100%;
  object-fit:cover;
}
.case-user {
}


.bottom-borders,
#modal .modal-wrapper figure.main {
	position: relative;
}

.bottom-borders:before,
#modal .modal-wrapper figure.main:before,
.bottom-borders:after,
#modal .modal-wrapper figure.main:after {
	content: '';
	display: block;
	background: #ffffff;
	position: absolute;
	height: 6.4rem;
	width: 50%;
}

.bottom-borders:before,
#modal .modal-wrapper figure.main:before {
	left: 0;
	bottom: 0;
	z-index: 2;
	border-top-right-radius: 36rem;
}

@media screen and (min-width: 768px) {

	.bottom-borders:before,
	#modal .modal-wrapper figure.main:before {
		border-top-right-radius: 64px;
	}
}

.bottom-borders:after,
#modal .modal-wrapper figure.main:after {
	right: 0;
	bottom: 0;
	z-index: 2;
	border-top-left-radius: 36rem;
}

@media screen and (min-width: 768px) {

	.bottom-borders:after,
	#modal .modal-wrapper figure.main:after {
		border-top-left-radius: 64px;
	}
}

.bottom-borders.gray:before,
#modal .modal-wrapper figure.gray.main:before,
.bottom-borders.gray:after,
#modal .modal-wrapper figure.gray.main:after {
	background: #EDF1F2;
}

#modal-blur {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(1%, transparent), to(rgba(0, 0, 0, 0.2)));
	background: -webkit-linear-gradient(0, transparent 1%, rgba(0, 0, 0, 0.2));
	background: -o-linear-gradient(0, transparent 1%, rgba(0, 0, 0, 0.2));
	background: linear-gradient(0, transparent 1%, rgba(0, 0, 0, 0.2));
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	z-index: 6;
	visibility: hidden;
}

#modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 6;
	overflow: auto;
	visibility: hidden;
	cursor: url("data:image/svg+xml,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m31.0575764 26.5404258c1.2499023 1.2499024 1.2499023 3.2747442 0 4.5246466-.6199528.6249512-1.439887.9349276-2.2598241.9349276-.8199372 0-1.6378726-.3124756-2.2618229-.9374268l-10.5371775-10.5316786-10.53617655 10.5291794c-.62495118.6299496-1.44388746.939926-2.26282374.939926s-1.63687319-.3099764-2.26232483-.939926c-1.24990237-1.2499024-1.24990237-3.2747442 0-4.5246466l10.53917772-10.5391762-10.53917772-10.53417782c-1.24990237-1.24990238-1.24990237-3.27474422 0-4.5246466 1.24990238-1.24990237 3.27474422-1.24990237 4.5246466 0l10.53667702 10.54417612 10.5391762-10.53917773c1.2499024-1.24990237 3.2747442-1.24990237 4.5246466 0 1.2499024 1.24990238 1.2499024 3.27474422 0 4.5246466l-10.5391762 10.53917623 10.5341778 10.5341778z' fill='%23fff' transform='translate(-.000001 -.002343)'/%3E%3C/svg%3E") 16 16, pointer;
}

#modal .modal-wrapper {
	position: relative;
	z-index: 4;
	margin: 96px 0;
	height: calc(100% - 194px);
}

#modal .modal-wrapper figure.main {
	-ms-grid-row: 1;
	grid-row-start: 1;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 11;
	grid-column-end: 12;
	-webkit-border-top-right-radius: 24px;
	border-top-right-radius: 24px;
	-webkit-border-top-left-radius: 24px;
	border-top-left-radius: 24px;
	background-clip: padding-box;
	overflow: hidden;
}

@media screen and (min-width: 960px) {
	#modal .modal-wrapper figure.main {
		-ms-grid-column: 2;
		grid-column-start: 2;
	}
}

#modal .modal-wrapper .content-wrapper {
	cursor: auto;
	-ms-grid-row: 2;
	grid-row-start: 2;
	grid-row-end: 4;
	-ms-grid-column: 8;
	grid-column-start: 8;
	border-radius: 2%;
	-ms-grid-column-span: 8;
	grid-column-end: 8;
	background: #ffffff;
}

@media screen and (min-width: 960px) {
	#modal .modal-wrapper .content-wrapper {
		-ms-grid-column: 2;
		grid-column-start: 4;
	}
}

#modal .modal-wrapper .contact-content {
	cursor: auto;
	-ms-grid-row: 2;
	grid-row-start: 2;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 11;
	grid-column-end: 12;
	padding: 48px 2.4rem 24px 2.4rem;
}

@media screen and (min-width: 960px) {
	#modal .modal-wrapper .content {
		-ms-grid-column: 4;
		grid-column-start: 4;
		-ms-grid-column-span: 4;
		grid-column-end: 8;
		padding: 48px 48px 96px 48px;
		grid-row-start: 2;
		grid-row-end: 4;
	}
}

#modal .modal-wrapper .content .text {
	margin-top: 48px;
}

.session-modal .content-wrapper {
	-ms-grid-row: 2 !important;
	grid-row-start: 2 !important;
}

@media screen and (min-width: 768px) {
	.session-modal .content-wrapper {
		-ms-grid-row: 1 !important;
		grid-row-start: 1 !important;
		-webkit-border-radius: 24px !important;
		border-radius: 24px !important;
		background-clip: padding-box !important;
		/* stops bg color from leaking outside the border: */
	}
}

.session-modal .content {
	-ms-grid-row: 2 !important;
	grid-row-start: 2 !important;
	-ms-grid-column: 1 !important;
	grid-column-start: 1 !important;
	-ms-grid-column-span: 10;
	grid-column-end: 11;
}

@media screen and (min-width: 768px) {
	.session-modal .content {
		-ms-grid-row: 1 !important;
		grid-row-start: 1 !important;
		-ms-grid-column: 6 !important;
		grid-column-start: 6 !important;
		-ms-grid-column-span: 5;
		grid-column-end: 11;
		padding-left: 48px !important;
	}
}

.session-modal .image {
	-ms-grid-row: 1 !important;
	grid-row-start: 1 !important;
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span: 11;
	grid-column-end: 12;
	overflow: hidden;
	background: #ffffff;
	border-top-left-radius: 24px;
}

@media screen and (min-width: 768px) {
	.session-modal .image {
		-ms-grid-column: 2;
		grid-column-start: 2;
		-ms-grid-column-span: 4;
		grid-column-end: 6;
	}
}

.session-modal .image img {
	border-top-left-radius: 24px;
	border-bottom-right-radius: 24px;
}

.session-modal .image .details {
	padding: 2.4rem 2.4rem 0 2.4rem;
	color: #009CBD;
	font-family: "TheSerif B7";
}

@media screen and (min-width: 768px) {
	.session-modal .image .details {
		padding: 48px;
	}
}

#podcast-modal .content-wrapper {
	-webkit-border-radius: 24px !important;
	border-radius: 24px !important;
	background-clip: padding-box !important;
	/* stops bg color from leaking outside the border: */
}

#podcast-modal .content {
	padding: 96px 0 !important;
}

#podcast-modal .soundcloud {
	margin-top: 48px;
}

.grid {
	width: 100%;
	max-width: initial;
	margin: auto;
	display: -ms-grid;
	height: 100%;
	display: grid;
	grid-column-gap: 24px;
	-ms-grid-columns: minmax(24px) (minmax(0, 84px))[12] minmax(24px);
	grid-template-columns: minmax(24px) repeat(12, minmax(0, 84px)) minmax(24px);
}

@media screen and (min-width: 960px) {
	.grid {
		-ms-grid-columns: (minmax(0, 84px))[12];
		grid-template-columns: repeat(10, minmax(0, 10%));
		grid-template-rows: repeat(5, minmax(0, 20%));
	}
}
#annoying-button {
  display: none;
}
.button{

display:inline-block;
    background-color: inherit;
    color: #fff!important;
    padding: 10px;
    width: auto;
    border: none;
    outline: none;
  z-index:0;
    flex: 0;
    word-break: break-word;
    text-align: left;
    cursor: pointer;
    padding: 1rem 3rem 1rem 3rem;
    transition: 0.3s;
    font-size: 23px;
    margin: 2rem 0!important;
    background: #000;
}
body {
  z-index:1;
}

/* Change background color of buttons on hover */
 .button:hover {
  background-color: #666;
}

/* Create an active/current "tab button" class */
 .button.active {
  background-color: #666;
}
.contact-content *{
  color:#000;
}



/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:project-wfill-contact] [48.229] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 171 */