/*
Theme Name: Strong Tower Suites Stylesheet
Author: Strong Tower Development

*/

/*--------------------------------------------------------------
# Application
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	overflow: scroll;
	overflow-x: hidden;
}

body {
  margin: 0;
  background-color: #FCFCFC;
}

@font-face {
    font-family: 'AEBF Roman';
    src: url('fonts/Ogg-Roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AEBF Italic';
    src: url('fonts/OggItalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

p, a, h1, h2, h3, h4, li {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

ol, ul {
  list-style: none;
}

ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-padding-start: 0px;
  -webkit-padding-end: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
main,
menu,
nav,
section,
summary {
  clear: both;
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
  font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
	padding: 0;
	border-collapse: collapse;
}


.successcontainer {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 500;
}

.success {
	position: absolute;
	top: 22;
	left: 0;
	right: 0;
	display: block;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #dff0d9;
	border: 1px solid #d6e9c8;
	border-radius: 8px;
	z-index: 500;
}

.success p {
	color: #387640;
	font-size: 1.1rem;
	padding: 1rem 0 1rem 1rem;
}

.success .fa {
	margin: 0 1.5% 0 2%;
}

.close-btn {
	cursor: pointer;
	float: right;
	color: inherit;
	font-weight: bold;
	font-size: 1.2rem;
	margin-right: 2%;
}

.failure-container {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 500;
}

.failure {
	position: absolute;
	top: 22;
	left: 0;
	right: 0;
	display: block;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #f3dede;
	border: 1px solid #edccd1;
	border-radius: 8px;
	z-index: 500;
}

.failure p {
	color: #ad4344;
	font-size: 1.1rem;
	padding: 1rem 0 1rem 1rem;
}

.failure .fa {
	margin: 0 1.5% 0 2%;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
header {
	position: absolute;
    display: block;
    width: 100%;
    height: auto;
    overflow: none;
}

.main-navigation {
    display: block;
	width: 80%;
	max-width: 1150px;
	margin: 0 auto;
	height: auto;
	overflow: auto;
	margin-top: 2em;
}

.site-logo {
    float: left;
    width: 90px;
    height: auto;
}

.res-site-logo {
	position: relative;
    top: -92px;
	display: block;
    width: 80px;
    height: auto;
}

.links-container, .links-container-alt {
	float: right;
	margin-top: 2em;
}

.links-container ul, .links-container-alt ul {
    list-style: none;
	list-style-type: none;
	font-size: 14px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	color: #fff;
}

.links-container li, .links-container-alt li {
	display: inline;
	margin-right: 2.5em;
}

.links-container li:last-child, .links-container-alt li:last-child {
	margin-right: 0;
}

.links-container li a, .links-container-alt li a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	transition: all .25s ease-out;
		-webkit-transition: all .25s ease-out;
}

.links-container li a:link {
	color: white;
}

.links-container li a:visited {
	color: white;
}

.links-container li a:hover {
	color: rgba(255,255,255,0.5);
}

.links-container li a:active {
	display: inline;
	color: white;
}

.links-container-alt li a:link {
	color: rgba(18,22,62,1);
}

.links-container-alt li a:visited {
	color: rgba(18,22,62,1);
}

.links-container-alt li a:hover {
	color: rgba(18,22,62,0.5);
}

.links-container-alt li a:active {
	color: rgba(18,22,62,1);
}

.navbar-header, .navbar-header-alt {
	opacity: 0;
	display: none;
	position: relative;
	z-index: 10;
	float: right;
	cursor: pointer;
	margin-top: -0.8em;
	pointer-events: visible;
}

.toggle-button, .toggle-button-alt {
	position: absolute;
    height: 20px;
    width: auto;
    cursor: pointer;
    z-index: 100;
    right: 0.5px;
    top: 15px;
}

.bar {
    background-color: white;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    border: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.bar-alt {
    background-color: #12163E;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    border: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.xbar {
	background-color: #202945;
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	border: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.xbar-alt {
	background-color: white;
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	border: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.xleft {
	transform: translateY(2.2px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(2.2px) translateX(0) rotate(45deg);
}

.xright {
	transform: translateY(0px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(0px) translateX(0) rotate(-45deg);
}

.au-bar {
background-color: #0f1620;
	display: block;
	width: 25px;
	height: 3px;
	border: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.au-bar-alt {
	background-color: white;
		display: block;
		width: 25px;
		height: 3px;
		border: 0;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
	}

.toggle-active .au-bar {
	background-color: white;
	margin-top: 5px;
}

.toggle-active-alt .au-bar {
	background-color: #0f1620;
	margin-top: 5px;
}

.toggle-active .bar {
	margin-top: 5px;
}

.toggle-active-alt .bar-alt {
	margin-top: 5px;
}

.bar + .bar, .au-bar + .au-bar {
    margin-top: 3px;
}

.bar-alt + .bar-alt, .au-bar-alt + .au-bar-alt {
	margin-top: 3px;
}

.middle {
    top: 11px;
}

.bottom {
    top: 22px;
}

.toggle-button:hover {
    opacity: .7;
}

.toggle-button-alt:hover {
	opacity: .7;
}

.toggle-active .bar {
    background-color: #ffffff;
}

.toggle-active-alt .bar-alt {
	background-color: #fff;
}

.toggle-active .top {
	transform: translateY(3px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(0px) translateX(0) rotate(45deg);
}

.toggle-active-alt .top {
	transform: translateY(3px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(0px) translateX(0) rotate(45deg);
}

.toggle-active .middle {
   opacity: 0;
}

.toggle-active-alt .middle {
	opacity: 0;
}

.toggle-active .bottom {
	transform: translateY(-13px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
}

.toggle-active-alt .bottom {
	transform: translateY(-13px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
}

.overlay {
	display: block;
	width: 100%;
    position: fixed;
    background-color: #12163E;
    top: 0;
    left: 0;
    width: 100%;
	height: 0;
	z-index: 10;
    visibility: hidden;
	opacity: 1;
	transition: opacity .35s, visibility .35s, height .35s;
    	-webkit-transition: opacity .35s, visibility .35s, height .35s;
}

.nav-active {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.overlay-menu {
	display: block;
	width: 80%;
	height: auto;
	margin: 170px auto 0 auto;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s, visibility .25s;
    	-webkit-transition: opacity .25s, visibility .25s;
}

.overlay ul {
	width: 100%;
    font-family: 'AEB Roman', serif;
	font-size: 2.5em;
	text-align: right;
    list-style: none;
    padding: 0;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

.ul-active {
	height: 100%;
    opacity: 1;
    visibility: visible;
}

.overlay ul li {
	margin-bottom: 30px;
}

.overlay ul li a {
    color: rgba(255,255,255,1);
	text-decoration: none;
}

.overlay ul li a:hover {
    color: rgba(255,255,255,0.6);
}

@media screen and (max-width: 540px) {
	#nav-link {
		display: none;
	}

	#nav-link-alt {
		display: none;
	}

	.navbar-header {
		opacity: 1;
		display: inline;
	}

	.navbar-header-alt {
		opacity: 1;
		display: inline;
	}
}

/*--------------------------------------------------------------
## Presets
--------------------------------------------------------------*/
p {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

section {
	display: block;
	width: 100%;
	height: auto;
	overflow: none;
}

h1 {
	font-family: 'AEBF Roman', serif;
	font-size: 3em;
	color: white;
	line-height: 1.18;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

h2 {
	font-family: 'AEBF Roman', serif;
	font-size: 2em;
	color: white;
	line-height: 1.2;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

h3 {
	font-family: 'AEBF Roman', serif;
	font-size: 1.5em;
	color: #12163E;
	line-height: 1.2;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

h4 {
	font-family: 'AEBF Roman', serif;
	font-size: 3em;
	color: #12163E;
	line-height: 1.2;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

@media screen and (max-width: 440px) {
	h1 {
		font-size: 2em;
	}
}

.cd-top {
	display: inline-block;
	position: fixed;
	bottom: 15px;
	right: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 4px;
	background-color: #12163E;
	color: white;
	visibility: hidden;
	border-radius: 50%;
	opacity: 0;
	z-index: 1000;
	padding: 0.5em 0.53em;
	text-decoration: none;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
  }
  
  .cd-top .fa-angle-up {
	color: #ffffff;
	font-size: 2rem;
	padding: 30px 30px;
	border-radius: 50%;
  }
  
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
  }
  
  .cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
  }
  
  .cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
  }
  
  .no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
  }
  
@media only screen and (max-width: 480px) {
	.cd-top {
		display: none;
	}
}

/*--------------------------------------------------------------
## Hero Section
--------------------------------------------------------------*/
.container {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
	max-width: 1150px;
}

.alt-container {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
	max-width: 1150px;
	overflow: auto;
}

.hero {
	display: block;
	background-color: #12163E;
	width: 100%;
	height: 670px;
	overflow: hidden;
}

.hero-img {
	opacity: 1;
    float: right;
    width: 600px;
    height: auto;
    z-index: -100;
    margin: -310px -40px 0 0;
    transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

.hero-header {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	display: block;
	width: 80%;
	max-width: 1150px;
	margin: 4.5em auto 0 auto;
}

.hero-content h1 {
	display: block;
	overflow: auto;
}

.hero-card {
	display: block;
	width: 450px;
	height: auto;
	overflow: auto;
	margin-top: 2.5em;
	border-radius: 5px;
	background-color: white;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

.hero-card-content {
	display: block;
	overflow: auto;
	width: 88%;
	padding: 1.5em 0;
	margin: 0 auto;
}

.hero-card-img {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	background-color: grey;
	border-radius: 3px;
}

.hero-card-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
	border-radius: 3px;
}

.hero-card-body {
	display: block;
	margin-left: 7.5em;
}

.body-header {
	font-weight: 600;
	color: #12163E;
}

.copy-txt, .body-txt {
	color: #636363;
	line-height: 1.5;
	font-weight: 400;
}

.body-txt {
	letter-spacing: 0.01em;
}

.copy-txt {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.hero-card-body a {
	display: block;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: 600;
	color: rgba(18, 22, 62, 1);
	margin-top: 0.4em;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}

.hero-card-body a:hover {
	color: rgba(18, 22, 62, 0.6);
}

@media screen and (max-width: 880px) {
	.hero-card {
		width: 350px;
	}
}

@media screen and (max-width: 760px) {
	.hero-img {
		display: none;
	}

	.hero-header {
		margin: 4em auto 0 auto;
	}

	.hero-card {
		width: 450px;
	}
}

@media screen and (max-width: 540px) {
	.hero-img {
		display: none;
	}

	.hero-card {
		width: 100%;
	}

	.hero-header {
		margin: 3.4em auto 0 auto;
	}

	.hero-content h1 {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 414px) {
	.container {
		width: 90%;
	}
}

@media screen and (max-width: 400px) {
	.hero {
		height: 550px;
	}

	.hero-content h1 {
		font-size: 2em;
	}

	.hero-header {
		margin: 3.6em auto 0 auto;
	}

	p {
		font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
		font-size: 12px;
	}

	.hero-card-body a {
		font-size: 11px;
		margin-top: 2.15em;
	}
}

/*--------------------------------------------------------------
## Body Section
--------------------------------------------------------------*/
section.body-section {
	display: block;
	width: 100%;
	height: auto;
	overflow: none;
	margin-top: 130px;
}

section.mama-section {
	display: block;
	width: 100%;
	height: auto;
	overflow: none;
	padding-top: 220px;
}

.about-img {
	display: block;
	float: left;
	width: 50%;
	height: 355px;
	border-radius: 5px;
	background-color: grey;
}

.about-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center;
	border-radius: 5px;
	box-shadow: 0 26px 22px -12px rgba(18,22,62,0.08);
}

.about-content {
	display: block;
	overflow: auto;
	padding-left: 2.5em;
}

.about-content h1 {
	margin-top: 0.1em;
	color: #12163E;
}

.about-content p {
	width: 320px;
	margin-top: 2em;
}

.flexbox {
	display: flex;   
		display: -webkit-flex;
	flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	height: auto;
}

.priority-card {
	position: relative;
	display: block;
	width: 23.5%;
	height: 380px;
	background-color: #FFFFFF;
	border-radius: 5px;
	transform: scale(1.0);
	overflow: auto;
	margin-bottom: 2em;
	box-shadow: 0 26px 22px -12px rgba(18,22,62,0.08);
	transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
}

.priority-card:hover {
	transform: scale(1.1);
	box-shadow: 0 28px 30px 10px rgba(18,22,62,0.08);
}

.priority-card img {
	display: block;
	width: 100px;
	height: auto;
	margin: 4em auto 0 auto;
}

.pc-content {
	width: 80%;
	height: auto;
	margin: 0 auto;
	overflow: auto;
}

.pc-content h3 {
	text-align: center;
	margin-top: 0.5em;
}

.pc-content p {
	text-align: center;
	margin-top: 2em;
}

@media screen and (max-width: 1105px) {
	.about-content h1 {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 990px) {
	.priority-card {
		width: 48%;
	}
}

@media screen and (max-width: 960px) {
	.about-img {
		width: 45%;
	}
}

@media screen and (max-width: 870px) {
	.about-img {
		display: none;
	}

	.about-content h1 {
		font-size: 3em;
	}

	.about-content p {
		width: 450px;
	}
}

@media screen and (max-width: 615px) {
	.about-content p {
		width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.about-content p {
		width: 100%;
	}

	.about-content h1 {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 510px) {
	.priority-card {
		width: 100%;
	}
}

@media screen and (max-width: 470px) {
	.about-content h1 {
		font-size: 2em;
	}
}

/*--------------------------------------------------------------
## Essay Section
--------------------------------------------------------------*/
.essay-container {
	background-color: #EDEDED;
	border-radius: 5px;
	box-shadow: 0 26px 22px -12px rgba(18,22,62,0.2);
	transform: scale(1.0);
    transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
}

.essay-container:hover {
	transform: scale(1.05);
}

.essay-content-block {
	width: 85%;
	height: auto;
	margin: 0 auto;
	overflow: auto;
	padding: 4em 0;
}

.essay-header {
	display: block;
	float: left;
	width: 55%;
	height: auto;
	overflow: auto;
}

.essay-header h1 {
	color: #12163E;
	margin-bottom: 0.1em;
}

.essay-header p {
	width: 90%;
	color: #3F3F3F;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: 400;
}

.essay-header a {
	display: block;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    color: rgba(18, 22, 62, 1);
    margin-top: 1.2em;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
}

.essay-header a:hover {
    color: rgba(18, 22, 62, 0.6);
}

.essay-svg img {
	float: right;
	width: 44%;
	overflow: auto;
	margin-top: .5em;
}

@media screen and (max-width: 1180px) {
	.essay-header h1 {
		font-size: 2.5em;
	}

	.essay-svg img {
		width: 40%;
		margin-top: 1em;
	}
}

@media screen and (max-width: 960px) {
	.essay-header h1 {
		font-size: 2em;
	}

	.essay-svg img {
		width: 40%;
		margin-top: 1em;
	}

	.essay-header p {
		width: 90%;
		color: #3F3F3F;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}

@media screen and (max-width: 768px) {
	.essay-header {
		float: unset;
		width: 90%;
		margin: 0 auto;
	}
	
	.essay-header h1 {
		font-size: 2.5em;
		margin-top: 1.5em;
		margin-bottom: 0.2em;
	}
	
	.essay-svg {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.essay-svg img {
		float: unset;
		display: block;
		width: 100%;
	}

	.essay-header p {
		overflow: auto;
		display: block;
	}

	.essay-header a {
		margin-top: 2em;
	}
}

@media screen and (max-width: 768px) {
	.essay-header h1 {
		font-size: 2em;
	}
}

/*--------------------------------------------------------------
## Donation Section
--------------------------------------------------------------*/
.full-section {
	background-color: #12163E;
	overflow: auto;
	overflow-x: hidden;
}

.donation-container {
	display: block;
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 8em 0 0 0;
	overflow: auto;
}

.circle-container {
	display: flex;   
		display: -webkit-flex;
	flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	justify-content: space-between;
	width: 70%;
	float: left;
}

.donation-circle {
	float: left;
	border: 1px solid #fff;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	cursor: pointer;
	transform: scale(1.0);
	transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
}

.donation-circle:hover {
	transform: scale(1.1);
}

.donation-circle h2 {
	text-align: center;
}

.dc-content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	color: white;
	text-align: center;
	width: auto;
	height: auto;
}

.dc-content p { color: rgba(255, 255, 255, 0.7); }
.dc-big h2 { font-size: 4em; line-height: .6; }

.donation-header {
	float: right;
	text-align: right;
	margin-top: -0.8em;
}

.donation-header h1 {
	margin-bottom: 0.4em;
}

.donation-header button {
	border: none;
	padding: 1.2em 2.5em;
	font-size: 14px;
	background-color: #F9F9F9;
	border-radius: 3px;
	font-weight: 500;
	opacity: 1;
	transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
}

.donation-header button:hover {
	opacity: 0.7;
}

@media screen and (max-width: 1040px) {
	.circle-container {
		display: flex;   
			display: -webkit-flex;
		flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		float: left;
		overflow: auto;
		margin-bottom: 3.5em;
	}
	
	.donation-header {
		overflow: auto;
		float: unset;
		display: block;
		width: max-content;
		text-align: center;
		margin: 0 auto 0 auto;
	}

	.donation-header button {
		padding: 1.2em 2.5em;
	}
}

@media screen and (max-width: 730px) {
	.circle-container {
		justify-content: center;
	}

	.donation-circle {
		width: 200px;
		height: 200px;
		margin-bottom: 2em;
	}

	.dc-pad {
		margin-right: 2em;
	}
}

@media screen and (max-width: 622px) {
	.circle-container {
		justify-content: center;
	}

	.donation-circle {
		width: 200px;
		height: 200px;
		margin-bottom: 2em;
	}

	.dc-pad {
		margin-right: 0em;
	}

	.dc-pad2 {
		margin-right: 0em;
	}
}

.contact-container {
	display: block;
	width: 70%;
	max-width: 1150px;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 8em 0 0 0;
}

.contacts {
	display: block;
	width: 450px;
	height: auto;
	overflow: auto;
	margin: 1.5em 0;
}

.phone-no {
	display: block;
	float: left;
}

.emails {
	float: right;
	text-align: right;
}

.contacts li {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.4;
}

.aeb-contact input[type="text"], .aeb-contact input[type="email"] {
	box-sizing: border-box;
	display: block;
	width: 450px;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 14px;
	font-weight: 300;
	color: white;
	border-radius: 5px;
	padding: 1.2em 0 1.2em 1em;
	margin-bottom: 2em;
	z-index: 10;
	transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
}

.aeb-contact input[type="text"]::-webkit-input-placeholder, .aeb-contact input[type="email"]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-contact input[type="text"]::-moz-placeholder, .aeb-contact input[type="email"]::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-contact input[type="text"]:-ms-input-placeholder, .aeb-contact input[type="email"]:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-contact input[type="text"]:-moz-placeholder, .aeb-contact input[type="email"]:-moz-placeholder { /* Firefox 18- */
	color: rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-contact input[type="text"]:hover {
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.aeb-contact input[type="email"]:hover {
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.aeb-contact input[type="text"]:focus {
	border: 1px solid rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 1);
	outline: none;
}

.aeb-contact input[type="email"]:focus {
	border: 1px solid rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 1);
	outline: none;
}

.aeb-contact input[type="text"]:focus::placeholder {
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 0;
	padding-bottom: 0;
}

.aeb-contact input[type="email"]:focus::placeholder {
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 0;
	padding-bottom: 0;
}

.aeb-contact textarea {
	width: 435px;
	height: 100px;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 14px;
	font-weight: 300;
	color: white;
	outline: none;
	border-radius: 5px;
	padding: 1.2em 0 1.2em 1em;
	resize: none;
	transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
}

.aeb-contact textarea:hover {
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.aeb-contact textarea::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
}

.aeb-contact textarea:focus {
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.aeb-contact textarea:focus::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

/*--------------------------------------------------------------
## Newsletter Form
--------------------------------------------------------------*/
.aeb-newsletter_form {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.aeb-newsletter_form input[type="text"], .aeb-newsletter_form input[type="email"] {
	box-sizing: border-box;
	display: block;
	width: 100%;
	background-color: transparent;
	border: 1px solid rgba(18, 22, 62, 0.2);
	font-size: 14px;
	font-weight: 300;
	color: rgba(18, 22, 62, 0.7);
	border-radius: 5px;
	padding: 1.2em 0 1.2em 1em;
	margin-bottom: 2em;
	z-index: 10;
	transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
}

.aeb-newsletter_form input[type="text"]::-webkit-input-placeholder, .aeb-newsletter_form input[type="email"]::-webkit-input-placeholder {
	color: rgba(18, 22, 62, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-newsletter_form input[type="text"]::-moz-placeholder, .aeb-newsletter_form input[type="email"]::-moz-placeholder {
	color: rgba(18, 22, 62, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-newsletter_form input[type="text"]:-ms-input-placeholder, .aeb-newsletter_form input[type="email"]:-ms-input-placeholder {
	color: rgba(18, 22, 62, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-newsletter_form input[type="text"]:-moz-placeholder, .aeb-newsletter_form input[type="email"]:-moz-placeholder { /* Firefox 18- */
	color: rgba(18, 22, 62, 0.2);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
}

.aeb-newsletter_form input[type="text"]:hover {
	border: 1px solid rgba(18, 22, 62, 0.7);
}

.aeb-newsletter_form input[type="email"]:hover {
	border: 1px solid rgba(18, 22, 62, 0.7);
}

.aeb-newsletter_form input[type="text"]:focus {
	border: 1px solid rgba(18, 22, 62, 0.7);
	color: rgba(18, 22, 62, 1);
	outline: none;
}

.aeb-newsletter_form input[type="email"]:focus {
	border: 1px solid rgba(18, 22, 62, 0.7);
	color: rgba(18, 22, 62, 0.7);
	outline: none;
}

.aeb-newsletter_form input[type="text"]:focus::placeholder {
	color: rgba(18, 22, 62, 0.7);
	margin-bottom: 0;
	padding-bottom: 0;
}

.aeb-newsletter_form input[type="email"]:focus::placeholder {
	color: rgba(18, 22, 62, 0.7);
	margin-bottom: 0;
	padding-bottom: 0;
}

.contact-submit{
	display: block;
	opacity: 1;
	width: 450px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	background: #F9F9F9;
	border-radius: 5px;
	padding: 1.2em 0;
	margin-top: 1em;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

.contact-submit:hover {
	opacity: 0.7;
}

.newsletter-submit{
	display: block;
	opacity: 1;
	width: 100%;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	background: #8BC161;
	color: white;
	border-radius: 5px;
	padding: 1.2em 0;
	margin-top: 1em;
	transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
}

.newsletter-submit:hover {
	opacity: 0.7;
}

.full-section img {
	display: block;
	opacity: 1;
    float: right;
    width: 600px;
    height: auto;
    margin: -580px -40px 0 0;
    transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
}

@media screen and (max-width: 1084px) {
	.contact-submit {
		margin-bottom: 4em;
	}
	
	.full-section img {
		width: 500px;
		margin: -580px -40px 0 0;
	}
}

@media screen and (max-width: 980px) {
	.contact-submit {
		margin-bottom: 4em;
	}
	
	.full-section img {
		display: none;
	}

	.form-container h1 {
		display: block;
		width: max-content;
		margin: 0 auto;
		text-align: center;
	}

	.contacts {
		overflow: auto;
		width: 100%;
		margin: 1.5em auto;
	}

	.phone-no {
		float: unset;
		text-align: center;
	}

	.emails {
		float: unset;
		display: block;
		text-align: center;
	}

	.contacts li {
		line-height: 1.6;
	}

	.aeb-contact {
		display: block;
		width: max-content;
		height: auto;
		overflow: auto;
		margin: 0 auto;
		overflow-x: hidden;
	}

	.contact-submit {
		margin-bottom: 8em;
	}
}

@media screen and (max-width: 650px) {
	.aeb-contact {
		display: block;
		width: 100%;
	}

	.aeb-contact input[type="text"], .aeb-contact input[type="email"] {
		width: 100%;
	}

	.aeb-contact textarea {
		display: block;
		width: 95.9%;
	}

	.contact-submit {
		width: 100%;
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
}

footer > div {
	padding: 4em 0 1em 0;
}

.logonews {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
}

.footer-logo {
	display: block;
	float: left;
	width: 100px;
}

.aeb-newsletter {
	display: block;
	float: right;
	margin-top: 1.5em;
}

.aeb-newsletter button {
	width: 300px;
	background: #8BC161;
	border: none;
	border-radius: 5px;
	padding: 1.2em 0;
	color: white;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
}

.aeb-newsletter button:hover {
	background: rgba(139,193,97,0.7);
}

.alt-container p {
	clear: both;
	display: block;
	margin-top: 4em;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	color: rgba(18,22,62,0.3);
	font-weight: 400;
}

@media screen and (max-width: 540px) {
	.footer-logo {
		float: unset;
		margin: 0 auto;
	}

	.aeb-newsletter {
		float: unset;
		margin-top: 2em 0;
		text-align: center;
	}
	
	.aeb-newsletter button {
		width: 60%;
		line-height: 1.3;
	}

	.alt-container p {
		text-align: center;
	}
}

/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
section.mama-section {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	padding-top: 220px;
}

.mama-section .container h4 {
	display: block;
}

.about-header {
	display: block;
	width: 78%;
	margin: 0 auto;
}

.head-detail {
	display: block;
	width: 60%;
	font-family: 'AEBF Italic', serif;
	font-size: 1.5em;
	color: #636363;
}

.all-text {
	display: block;
	width: 78%;
	margin: 0 auto;
	height: auto;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 4em;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}

.all-text img {
	margin: 0 auto;
	float: right;
	z-index: -10;
	margin: 2em;
	width: 360px;
	height: auto;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}

.about-main-img {
	margin-top: -200px !important;
}

.icon-img-full img {
	width: 280px !important;
	margin-top: 0 !important;
}

.firstcharacter {
	font-family: 'AEBF Roman', serif;
	float: left;
	color: #12163E;
	font-size: 105px;
	line-height: 100px;
	padding-top: 4px;
	padding-right: 0.2em;
}

.body-header {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
}

.block-body {
	color: #636363;
}

.about-mama {
	color: #12163E !important;
	margin: 2em 0 0.5em 0;
}

.about-mama:first-child {
	margin: 0 0 1em 0;
}

.text-break {
	display: block;
	width: 100%;
	height: auto;
	padding: 3em 0;
	margin: 5em 0;
	overflow: auto;
	border-top: 1px solid #12163E;
	border-bottom: 1px solid #12163E;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}

.cal-content {
	display: block;
	width: auto;
	margin: 0 auto;
}

.essay-cal {
	box-sizing: border-box;
	display: block;
	width: 45%;
	float: left;
	height: auto;
	padding: 4em 3em;
	margin: 3.3em 3em 2em 0;
	overflow: auto;
	border: 1px solid rgba(18,22,62,0.2);
	border-radius: 5px;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}

.text-width {
	width: 80%;
	margin-top: 0.5em;
}

.text-break p {
	font-family: 'AEBF Roman', serfif;
	font-size: 2.5em;
	line-height: 1.2;
	color: #12163E;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}

.feature-section {
	margin-top: 4em !important;
}

.block-body img {
	display: block;
	margin: 3em 0;
	width: 100%;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
}

@media screen and (max-width: 1030px) {
	.all-text img {
		margin: 0 auto;
		position: relative;
		float: right;
		z-index: -10;
		margin-left: 2em;
		width: 300px;
		height: auto;
	}

	.about-main-img {
		margin-top: 0 !important;
	}

	.block-body img {
		display: block !important;
		margin: 3em 0 !important;
		width: 100% !important;
		transition: all .25s ease-out !important;
		-webkit-transition: all .25s ease-out !important;
	}
}

@media screen and (max-width: 860px) {
	.about-header {
		width: 90%;
	}

	.essay-cal {
		width: 100%;
	}
	
	.all-text {
		width: 90%;
	}
}

@media screen and (max-width: 780px) {
	h4 {
		font-size: 2.5em;
	}

	.head-detail {
		width: 60%;
		font-size: 1em;
	}
}

@media screen and (max-width: 720px) {
	.all-text img {
		width: 200px;
	}

	.text-break p {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 650px) {
	
	h4 {
		font-size: 2em;
	}

	.head-detail {
		width: 60%;
		font-size: 1em;
	}

}

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

	.all-text img {
		display: none;
	}

	.block-body img {
		display: block;
	}

}

/*--------------------------------------------------------------
## Newsletter Modal
--------------------------------------------------------------*/
.newsletter-modal {
	display: none;
	position: fixed;
	z-index: 10000000 !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	background-color: rgba(32,41,69, 0.8);
	animation-name: newsletteranimate;
	-webkit-animation-name: newsletteranimate;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.3s
}

.donations-modal {
	display: none;
	position: fixed;
	z-index: 10000000 !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	background-color: rgba(32,41,69, 0.8);
	animation-name: newsletteranimate;
	-webkit-animation-name: newsletteranimate;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.3s
}

.essaylearn-modal {
	display: none;
	position: fixed;
	z-index: 10000000 !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	background-color: rgba(32,41,69, 0.8);
	animation-name: newsletteranimate;
	-webkit-animation-name: newsletteranimate;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.3s
}

@-webkit-keyframes newsletteranimate {
	from {top: 0; opacity: 0;}
	to {top: 0; opacity: 1;}
}

@keyframes newsletteranimate {
	from {top: 0; opacity: 0}
	to {top: 0; opacity: 1}
}

.newsletter-modal .modal-content, .donations-modal .modal-content {
	display: block;
	width: 60%;
	max-width: 1150px;
	height: 100vh;
	margin: 0 auto;
	overflow-y: auto;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}

.newsletter-modal .modal-content nav {
	display: block;
	width:88%;
	height: 100%;
	max-width: 1150px;
	margin: 20px auto 0 auto;
	overflow: hidden;
}

.donations-modal .modal-content nav {
	display: block;
	width:88%;
	height: 100%;
	max-width: 1150px;
	margin: 20px auto 0 auto;
	overflow: hidden;
}

.newsletter-modal .modal-content nav img {
width: 120px;
}

.donations-modal .modal-content nav img {
	width: 120px;
}

.newsletter-close, .donations-close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 18px;
	height: auto;
	cursor: pointer;
}

.newsletter-close:hover, .donations-modal:hover {
opacity: 0.65;
}

.newsletter-close img:hover {
opacity: 0.55;
}

@-webkit-keyframes newslettermodal {
	0% {
		top: 110px;
		opacity: 0; 
		transform: scale(0.8);
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0.3;
	}

	100% {
		top: 0; 
		opacity: 1; 
		transform: scale(1.0);
	}
}

@keyframes newslettermodal {
		0% {
		top: 110px; 
		opacity: 0; 
		transform: scale(0.8);
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0.3;
	}

	100% {
		top: 0; 
		opacity: 1; 
		transform: scale(1.0);
	}
}

.newsletter-modal .canpar-modal-content, .donations-modal .canpar-modal-content {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 50%;
	max-width: 1150px;
	height: auto;
	margin: 100px auto 0 auto;
	background-color: white;
	border-radius: 3px;
	overflow: hidden;
	animation-name: newslettermodal;
	-webkit-animation-name: newslettermodal;
	animation-delay: 0.1s;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
	opacity: 0;
}

.newsletter-modal .modal-content .canpar-modal-content .container, .donations-modal .modal-content .canpar-modal-content .container {
	display: block;
	width: 100%;
	min-height: 400px;
	max-height: 450px;
	overflow: auto;
}

.canpar-modal-content .container img {
	position: absolute;
	width: 420px;
	left: -248px;
	overflow: hidden;
	opacity: 0.1;
}

.newscontent {
	display: inline-block;
	width: 60%;
	height: 100%;
}

.newsletter-content {
	width: 85%;
	height: auto;
	overflow: auto;
	margin: 4em auto 4em auto;
}

.newsletter-content h4 {
	width: 100%;
	height: auto;
	font-size: 2.5em;
	text-align: center;
	margin: 0 auto 0.5em auto;
}

.newscontent form {
	display: block;
	width: 70%;
	height: auto;
	margin: 35px auto 0 auto;
	overflow: hidden;
}

.newsletter-header {
	display: block;
	width: 100%;
	overflow: hidden;
}

.newsletter-content p {
	color: #12163E;
	text-align: center;
	margin-top: 0.5em;
}

.newsletter-content table {
	width: 100%;
	margin: 2em 0 0 0;
}

.newsletter-content th {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.newsletter-content th, td {
	padding: 0.5em;
	font-size: 14px;
	border: 1px solid rgba(18, 22, 62, 0.2);
	text-align: center;
	color: #12163E;
}

.newsletter-content td {
	color: #636363;
}

@media screen and (max-width: 900px) {
	.newscontent form {
		width: 60%;
		margin: 15px auto 0 auto;
	}
}

@media screen and (max-width: 800px) {
	.newscontent form {
		width: 60%;
		margin: 38px auto 35px auto;
	}

	.newsimg {
		display: none;
	}

	.newscontent {
		width: 100%;
	}

	.newsletter-modal .modal-content .canpar-modal-content .container {
		max-height: auto;
	}

	.newsletter-modal .canpar-modal-content, .donations-modal .canpar-modal-content {
		width: 80%;
	}
}

@media screen and (max-width: 600px) {
	.newsletter-header h3 {
		font-size: 18px;
		line-height: 20px;
	}
}

@media screen and (max-width: 450px) {
	.newsletter-modal .canpar-modal-content {
		width: 80%;
	}
}