body {
  margin: 0;
}
img {
	vertical-align: bottom;
}
.top {
/* 	background-color: #072736; */
	background: rgb(7,39,54);
background: linear-gradient(90deg, rgba(7,39,54,1) 0%, rgba(3,20,27,1) 42%, rgba(7,39,54,1) 100%);
}
.pagebg {
	background-color: #fff;
}
img.logo {
	max-width: 120px;
}
img.logotext {
	max-width: 150px;
}
img.logo-sm {
	max-width: 70px;
}
img.logotext-sm {
	max-width: 120px;
}
/* Larger than mobile */
@media (min-width: 300px) {
	.six.columns.logo-text { text-align: center; padding: 0 0 20px 0; }
	.six.columns.logo-text-sm { text-align: center; padding: 20px 0 20px 0; }
	.six.columns.logo { text-align: center; padding: 20px 0 20px 0; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.six.columns.logo-text { text-align: center; padding: 50px 0 20px 0; }
	.six.columns.logo-text-sm { text-align: center; padding: 20px 0 20px 0; }
	.six.columns.logo { text-align: center; padding: 20px 0 20px 0; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	.six.columns.logo-text { text-align: right; padding: 50px 0 20px 0; }
	.six.columns.logo-text-sm { text-align: right; padding: 30px 0 20px 0; }
	.six.columns.logo { text-align: left; padding: 30px 0 20px 0; }
}

/* Larger than desktop */
@media (min-width: 980px) {
	.six.columns.logo-text { text-align: right; padding: 50px 0 20px 0; }
	.six.columns.logo-text-sm { text-align: right; padding: 30px 0 20px 0; }
	.six.columns.logo { text-align: left; padding: 30px 0 20px 0; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.six.columns.logo-text { text-align: right; padding: 50px 0 20px 0; }
	.six.columns.logo-text-sm { text-align: right; padding: 30px 0 20px 0; }
	.six.columns.logo { text-align: left; padding: 30px 0 20px 0; }
}
.index-main-img {
	width: 100%;
	text-align: center;
}
.main-img {
	width: 100%;
	text-align: center;
	margin: 8% 0;
}
.main-img img {
	width: 80%;
	max-width: 900px;
	height: auto;
}
.details {
	padding: 0 10%;
}
.details ul li {
	list-style: circle;
	list-style-position: inside;
}
.details img {
	margin: 6% 0;
}
.wp-block-image {
	margin: 0 !important;
}
.main-img-bg {
	width: 100%;
	height: 60vh;
	max-height: 800px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	margin-bottom: 8%;
}
.more {
	flex: 0 1 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 5%;
}
.more-img, .features-main li.more-img {
	padding-bottom: 30%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.more-img a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.more-text, .features-main li.more-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 20px;
}

@media (max-width: 399px) {
	.more-text, .more-img, .features-main li.more-text, .features-main li.more-img { 	flex: 0 1 100%; width: 100%; }
	.more-img { margin-bottom: 4%; }
	.features-main li { flex-direction: column; }
}

@media (min-width: 400px){
	.more-text, .more-img, .features-main li.more-text, .features-main li.more-img { 	flex: 0 1 100%; width: 100%; }
	.more-img { margin-bottom: 4%; }
	.features-main li { flex-direction: column; }
}
@media (min-width: 750px){
	.more-text, .more-img, .features-main li.more-text, .features-main li.more-img { 	flex: 0 1 50%; width: 50%; }
	.features-main li { flex-direction: row; }
}
@media (min-width: 1040px){
	.more-text, .more-img, .features-main li.more-text, .features-main li.more-img { 	flex: 0 1 50%; width: 50%; }
	.features-main li { flex-direction: row; }
}

.intro-img {
	position: relative;
}
.intro-img img {
	display: none;
}
.intro {
	font-size: 20px;
	line-height: 1.6;
	font-weight: 300;
}
.one-half {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.main-img h1, .main-img h2 {
	font-size: 6rem;
}
/* Larger than mobile */
@media (min-width: 300px) {
	.main-text { font-size: 24px; }
	.one-half { width: 100%; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.main-text { font-size: 28px; }
	.one-half { width: 100%; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	.main-text { font-size: 36px; }
	.one-half { width: 100%; }
}

/* Larger than desktop */
@media (min-width: 980px) {
	.main-text { font-size: 42px; }
	.one-half { width: 50%; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.main-text { font-size: 48px; }
	.one-half { width: 50%; }
}
.mainbg {
	width: 100%;
	background-color: #fff;
}
.lightbg {
	padding: 40px;
	color: #212121;
	background-color: #c5cae9;
}
.lightbg-inside {
	padding: 40px;
	color: #fff;
	background-color: #616161;
}
.darkbg {
	padding: 40px;
	color: #212121;
	background-color: #303f9f;
}
.darkbg-inside {
	padding: 40px;
	color: #fff;
	background-color: #c5cae9;
}
.infonews ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.infonews ul li {
	width: 45%;
}
.infonews ul li img {
	width: 100%;
	height: auto;
}
.info {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.info p {
	padding-left: 8%;
	padding-right: 8%;
	padding-bottom: 2%;
	line-height: 1.6;
}
.info p:last-of-type {
	padding-bottom: 8%;
}
.info h1 {
	text-transform: uppercase;
}
.inforow-1 {
	background-image: url(../images/inforow-1-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.inforow-2 {
	background-color: #101010;
	color: #fff;
}
.textinfo {
	background-color: #fdfaf4;
}
/* Larger than mobile */
@media (min-width: 300px) {
	.infobox-1 { padding: 20px; }
	.infobox-2 { padding: 0; }
	.info p { font-size: 16px; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.infobox-1 { padding: 20px; }
	.infobox-2 { padding: 0; }
	.info p { font-size: 18px; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	.infobox-1 { padding: 30px; }
	.infobox-2 { padding: 0; }
	.info p { font-size: 20px; }
}

/* Larger than desktop */
@media (min-width: 980px) {
	.infobox-1 { padding: 40px; }
	.infobox-2 { padding: 20px; }
	.info p { font-size: 24px; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.infobox-1 { padding: 40px; }
	.infobox-2 { padding: 20px; }
	.info p { font-size: 24px; }
}
.infobox-1-overlay {
/* 	text-align: justify; */
	background-color: #fdfaf4;
}
.infobox-1-overlay a {
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.infobox-1 img, .infobox-2 img {
	width: 100%;
	height: auto;
}
.infobox-2 {
}
.infobox-2-overlay {
	text-align: justify;
}
.infobox-2-overlay h3, .infobox-1-overlay h3, .infobox-4-text h3, .infobox-3 h1, .infobox-3 h2 {
	text-align: center;
	margin-bottom: 40px;
}
.infobox-4-text {
    background-color: #f1ebdf;
}
.infobox-4-text img {
	display: none;
}
.infobox-4-text ul {
	list-style: circle inside;
	margin: 10px;
}
.imgbox {
	margin: 5% 0;
	padding-bottom: 5%;
	border-bottom: 1px solid #ccc;
}
li.card-lg {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}
/*
.imgbox ul li li {
	display: list-item;
}
*/
.card-content {
	width: 100%;
	background-color: #1d1e20;
	padding: 20px 0;
	margin-top: 5%;
}
.card-content a {
	color: #fff;
}
.card-content a:hover {
	color: #C5CAE9;
}
.card-content ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 20px;
}
li.card {
	display: flex;
	flex-direction: column;
	background-color: #505054;
/* 	height: 300px; */
/* 	padding: 20px; */
	margin-bottom: 50px;
	background-position: center center;
	background-size: cover;
}
/*
.card-content ul::after {
	content: '';
	flex: auto;
}
*/
.card-img {
	padding: 20px;
	background-color: #292a2b;
}
.card-img img {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}
.card-title {
	padding: 10px 20px;
	margin-bottom: 0;
}
/*
h5.card-title:before {
	content: "\A";
	display: block;
}
*/
.sub-head {
	text-align: center;
	text-transform: uppercase;
}
/* Larger than mobile */
@media (min-width: 300px) {
	.card-content ul { flex-direction: column; align-content: center; }
	li.card { width: 90%; }
	.infobox-1-overlay { padding: 20px 20px; }
	.infobox-4-text { padding: 20px 20px; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.card-content ul { flex-direction: column; align-content: center; }
	li.card { width: 90%; }
	.infobox-1-overlay { padding: 20px 40px; }
	.infobox-4-text { padding: 20px 20px; }
}

/* Larger than tablet */
@media (min-width: 750px) {
	.card-content ul { flex-direction: row; justify-content: space-around; }
	li.card { width: 45%; }
	.infobox-1-overlay { padding: 20px 40px; }
	.infobox-4-text { padding: 20px 30px; }
}

/* Larger than desktop */
@media (min-width: 980px) {
	.card-content ul { flex-direction: row; justify-content: space-around; }
	li.card { width: 30%; }
	.infobox-1-overlay { padding: 40px 80px; }
	.infobox-4-text { padding: 40px 40px; }
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.card-content ul { flex-direction: row; justify-content: space-around; }
	li.card { width: 30%; }
	.infobox-1-overlay { padding: 40px 40px; }
	.infobox-4-text { padding: 40px 80px; }
}

/*footer*/

.backtofront {
	padding: 2%;
	text-align: center;
	margin-top: 5%;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.copyretc {
	padding: 2%;
	text-align: center;
	margin-top: 5%;
	background-color: #1d1e20;
/* background: linear-gradient(90deg, rgba(7,39,54,1) 0%, rgba(3,20,27,1) 42%, rgba(7,39,54,1) 100%); */
}
.primary {
	color: #fff;
	font-size: 80%;
}
#fullcol {
	height: 50px;
	width: 100%;
	text-align: right;
	margin-right: 25px;
	background-color: transparent;
	position: fixed;
	right: 0;
	bottom: 60px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 1px !important;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: 5px 15px !important;
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
}
.previ {
	float: left;
}
.nexxt {
	float: right;
}
.fillup {
	color: #fdfaf4;
}


/*colors*/

/* Palette generated by Material Palette - materialpalette.com/indigo/grey */

.dark-primary-color    { background: #303F9F; }
.default-primary-color { background: #3F51B5; }
.light-primary-color   { background: #C5CAE9; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #9E9E9E; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }


/* Palette generated by Material Palette - materialpalette.com/yellow/indigo */

.dark-primary-color    { background: #FBC02D; }
.default-primary-color { background: #FFEB3B; }
.light-primary-color   { background: #FFF9C4; }
.text-primary-color    { color: #212121; }
.accent-color          { background: #536DFE; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }