/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------- HOME PAGE ------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

body {
		background-color: rgb(65, 41, 86);
		text-rendering: optimizelegibility;
}

.page-id-16 .page-wrap {
		background-image: url("https://www.masterclass.stalwartconsults.com/wp-content/uploads/2020/09/Photo-By-Fauxels-From-Pexels-Person-In-Front-Of-His-Laptop-_Modified.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-color: rgb(65, 41, 86);
}

/* STYLES APPLIED TO HEADER -------------------------------------------------------- HEADER */

.site-header {
		background-color: rgb(65, 41, 86) !important;
		padding-top: 15px;
		padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
		#masthead .header-wrap {
				text-align: left;
		}
}

#masthead .header-wrap .container {
		width: 100vw;
		padding: 0px;
}

#masthead .header-wrap .container .row {
		margin: 0px !important;
}

#masthead .header-wrap .container .row .col-xs-12 {
		padding-right: 30px;
		padding-left: 30px;
}

@media only screen and (max-width: 767px) {
		#masthead .header-wrap .container .row .col-xs-12 {
				width: 50%;
		}
}

.site-logo {
		max-width: 140px;
}

#mainnav {
		margin-right: 20px;
}

#mainnav ul li {
		padding: 0px;
}

#mainnav ul li a {
		color: rgb(255, 255, 255) !important;
		font-family: Roboto, Arial;
		font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 500;
		line-height: calc(31px + (34 - 31) * ((100vw - 300px) / (1600 - 300)));
		text-align: center;
		margin-left: 40px;
		transition: all 200ms ease-out;
}

#mainnav ul #menu-item-104 a {
		background-color: rgba(255, 255, 255, 0.08);
		padding: 0px 15px;
		border-radius: 2px;
		box-shadow: 1px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

#mainnav ul #menu-item-104 a:hover {
		filter: brightness(115%);
}

#mainnav ul #menu-item-104 ul {
		right: 0px;
}

#mainnav ul #menu-item-104 .sub-menu {
		width: 290px;
}

#mainnav ul li ul::after {
		background-color: unset;
}

#mainnav ul #menu-item-104 .sub-menu li a {
		background-color: rgb(65, 41, 86);
		font-family: Roboto, Arial !important;
		font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 400;
		line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
		padding: 6px 15px;
		border-top: none;
		width: 290px;
		margin: 0px;
}

@media only screen and (max-width: 1024px) {
		.btn-menu {
				margin: 0px;
				float: right;
  }
  
  .btn-menu .sydney-svg-icon svg {
			position: relative;
			top: -4px;
  }
  
  #mainnav-mobi {
			background-color: rgb(65, 41, 86);
			width: 250px !important;
			top: 25px !important;
			right: 0px;
  }
  
  #mainnav-mobi ul.sub-menu {
			background-color: rgb(65, 41, 86);
  }
  
  #mainnav-mobi ul li {
			border: none;
  }
  
  #mainnav-mobi ul li a {
			color: rgb(255, 255, 255);
			font-family: Roboto, Arial;
			font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
			font-weight: 400;
			line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
			text-align: center;
			padding: 10px 15px;
			margin: 0px;
			transition: all 200ms ease-out;
  }
  
  .btn-submenu svg {
			position: relative;
			top: 13px;
  }
  
  #mainnav-mobi ul.sub-menu > li > a {
			background-color: rgba(255, 255, 255, 0.1);
			font-family: Roboto, Arial !important;
			font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
			line-height: calc(27px + (29 - 27) * ((100vw - 300px) / (1600 - 300)));
			text-align: left;
			padding: 5px 15px;
			border-top: none;
  }
}

.site-header.float-header {
		padding: 15px 0px;
}

@media only screen and (max-width: 1024px) {
		.site-header.fixed {
				position: fixed !important;
		}
}

/* ------------------------------------------------------------------------------- END HEADER */

.page .page-wrap {
		padding-bottom: 0px;
}

@media only screen and (max-width: 1024px) {
		.page .page-wrap {
				padding-top: 59px;
		}
}

.page .page-wrap .content-wrapper {
		background-color: rgb(65, 41, 86);
		padding-top: 0px;
		padding-bottom: 0px;
}

.page.page-id-16 .page-wrap .content-wrapper {
		background-color: transparent;
}

.content-area .hentry {
		padding: 0px;
}

.page header.entry-header {
		margin: 0px;
		display: none;
}

.page footer.entry-footer {
		margin: 0px;
		display: none;
}

/* STYLES APPLIED TO FIRST SECTION -------------------------------------------------------- FIRST */

.disnode {
		background-color: rgba(185, 147, 91, 0.6);
		padding: 100px 30px 120px !important;
		height: 510px;
}

@media only screen and (max-width: 780px) {
		.disnode .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
  }
}

.enta {
		color: rgb(65, 41, 86) !important;
		font-family: Roboto, Arial;
		font-size: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 500;
		line-height: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: center;
		padding: 0px;
		margin: 0px
}

.usdir {
		color: rgb(65, 41, 86);
		font-family: Roboto, Arial;
		font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 300;
		line-height: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: center;
		padding: 0px;
		margin: 10px auto 0px;
}

.disaction {
		background-color: rgb(185, 147, 91);
		color: rgb(65, 41, 86) !important;
		font-family: Roboto, Arial;
		font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 500;
		line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: center;
		white-space: nowrap;
		padding: 0px 15px;
		border-radius: 2px;
		box-shadow: rgba(0, 0, 0, 0.3) 1px 10px 20px 0;
		width: 280px;
		margin: 40px auto;
		display: block;
}

.mags {
		width: 100%;
}

.mags .magr.opcon {
		width: calc(230px + (300 - 230) * ((100vw - 300px) / (1600 - 300))); 
		box-shadow: rgba(0, 0, 0, 0.3) 1px 10px 20px 0;
		margin: auto;
		display: block;
}

/* ------------------------------------------------------------------------------- END FIRST */


/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------- WIDGET AREA ----------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

#sidebar-footer.footer-widgets.widget-area {
		background-color: rgb(65, 41, 86);
		padding: 80px 0px 30px;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#sidebar-footer.footer-widgets.widget-area .container {
		padding: 0px;
		width: 100%;
}

#sidebar-footer.footer-widgets.widget-area .container .col-md-4 {
		padding: 0px 30px;
		width: 100%;
}

.widget-area .widget {
		margin-bottom: 0px;
}

.wiicon {
		display: flex;
}

@media only screen and (max-width: 780px) {
		.wiicon {
				flex-direction: column;
		}
  
		.wilocon, .footer-widgets .widget ul.alphawili, .footer-widgets .widget ul.betawili, 
		.footer-widgets .widget ul.gammawili {
				margin: auto;
		}
  
		.wilocon, .footer-widgets .widget ul.wili li.wiliit, .first-wiliit {
				text-align: center;
		}
}

.wilocon {
		width: calc(200px + (325 - 200) * ((100vw - 300px) / (1600 - 300)));
}

@media only screen and (max-width: 950px) {
		.wilocon, .footer-widgets .widget ul.alphawili, .footer-widgets .widget ul.betawili {
				width: calc(150px + (250 - 150) * ((100vw - 300px) / (1600 - 300))) !important;
		}
}

.wilog {
		max-width: 140px;
		margin-bottom: 40px;
		object-fit: contain;
		position: relative;
		top: 0px;
}

.footer-widgets .widget ul.alphawili, .footer-widgets .widget ul.betawili {
		width: calc(200px + (325 - 200) * ((100vw - 300px) / (1600 - 300)));
		margin-bottom: 50px;
}

.footer-widgets .widget ul.gammawili {
		width: calc(230px + (325 - 230) * ((100vw - 300px) / (1600 - 300)));
		margin-bottom: 50px;
}

ul.wili li.first-wiliit {
		color: rgba(255, 255, 255, 0.4);
		font-family: Roboto, Arial;
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: 0px;
		text-transform: uppercase;
		padding: 0px;
		margin-bottom: 20px;
}

ul.wili li.wiliit {
		color: rgb(255, 255, 255);
		font-family: Roboto, Arial;
		font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 400;
		line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		padding: 0px;
		margin-bottom: 10px;
}

.widget-area a.wihylin {
		color: rgb(255, 255, 255) !important;
		transition: all 200ms ease-out;
}

.widget-area a.wihylin:visited {
		color: rgb(255, 255, 255);
}

.widget-area a.wihylin:hover {
		color: rgba(255, 255, 255, 0.5) !important;
}


/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------- FOOTER ---------------------------------------------------------- */
/* ------------------------------ AND ASSOCIATED ELEMENTS ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

a.go-top {
		background-color: rgb(255, 255, 255);
		border: 1px solid rgb(65, 41, 86);
}

.go-top svg {
		fill: rgb(65, 41, 86);
}

.go-top:hover svg {
		fill: rgb(65, 41, 86);
}

#colophon.site-footer {
		background-color: rgb(65, 41, 86);
		padding-top: 20px;
		padding-bottom: 20px;
}

.site-info {
		color: rgba(255, 255, 255, 0.4);
		font-family: Roboto, Arial;
		font-size: calc(10px + (15 - 10) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 400;
		line-height: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
		text-align: center;
		width: 100%;
		margin: 0;
}


/* -------------------------------------------------------------------------------------------------------- */
/* ---------------------------- PUBLIC SPEAKING AND PRESENTATION -----------------------------------------  */
/* -------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
		.n2-section-smartslider {
				padding-top: 59px;
		}
}

@media only screen and (max-width: 1024px) {
		.page-id-26.page .page-wrap {
				padding-top: 0px;
		}
}

/* STYLES APPLIED TO FIRST SECTION ----------------------------------------------------------- FIRST */

.unherocon {
		background-color: rgb(65, 41, 86);
		padding: 0px 20px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 780px) {
		.unherocon .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
  	}
}

.qumasin {
		height: 50px;
		position: relative;
}

@media only screen and (max-width: 770px) {
		.qumasin {
				height: 130px;
  	}
  
  	.quiin {
				flex-direction: column;    
		}
}

.quiin {
		width: 100%;
		display: flex;
		justify-content: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.progrin {
		margin: 0px 25px;
		display: flex;
		align-items: center;
}

.deticon {
		width: 24px;
		height: 24px;
		margin-right: 15px;
}

.prosche {
		color: rgba(255, 255, 255, 0.65);
		font-family: Roboto, Arial;
		font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 300;
		line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: left;
		white-space: nowrap;
		padding: 0px;
		margin: 0px;
}

.prosche a {
		color: rgb(185, 147, 91) !important;
}

.prosche a:hover {
		font-weight: 400;
}

.deticon.varsi {
		width: 28px;
		height: 28px;
}

/* ------------------------------------------------------------------------------- END FIRST */

/* STYLES APPLIED TO SECOND SECTION -------------------------------------------------- SECOND */

.c-overview {
		background-color: rgb(65, 41, 86);
		padding: 100px 30px 80px !important;
}

@media only screen and (max-width: 780px) {
		.c-overview .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
  	}
}

.clovercon {
  max-width: calc(300px + (550 - 300) * ((100vw - 300px) / (1600 - 300)));
  margin: auto;
}

.catchsent {
  color: rgb(255, 255, 255) !important;
  font-family: Roboto, Arial;
  font-size: calc(35px + (55 - 35) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(45px + (70 - 45) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
  margin: 0px 0px 30px;
}

.clover {
  color: rgba(255, 255, 255, 0.5);
  font-family: Roboto, Arial;
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 50px;
}

li.cloverliit:before {
  content: "";
  background-image: url('https://spotlight.stalwartconsults.com/wp-content/uploads/2020/07/Icon-Made-By-Prettycons-From-www.flaticon.com-Arrow.svg');
  width: 20px;
  height: 35px;
  position: absolute;
  top: -5px;
  left: -50px;
}

li.cloverliit {
  list-style-type: none;
  color: rgb(255, 255, 255);
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(26px + (28 - 26) * ((100vw - 300px) / (1600 - 300)));
  text-align: left;
  margin-bottom: 15px;
  position: relative;
}

.regicon {
  background-color: rgb(185, 147, 91);
  padding: 50px;
  max-width: 550px;
  margin: auto;
}

@media only screen and (max-width: 300px) {
  .regicon {
    width: 238px;
  }
}

.pricetag {
  height: calc(36px + (60 - 36) * ((100vw - 300px) / (1600 - 300)));
  position: relative;
}

.linethr {
  background-color: rgb(65, 41, 86);
  width: calc(150px + (250 - 150) * ((100vw - 300px) / (1600 - 300)));
  height: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.enfee {
  color: rgba(65, 41, 86, 0.7);
  font-family: Roboto, Arial;
  font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  line-height: calc(40px + (60 - 40) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
}

.nenoffer {
  color: rgb(65, 41, 86);
  font-family: Roboto, Arial;
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 900;
  line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border: 2px dashed rgb(65, 41, 86);
  width: 130px;
  margin: 20px auto;
}

p.enfee.discos {
  color: rgb(65, 41, 86);
  font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: calc(40px + (70 - 40) * ((100vw - 300px) / (1600 - 300))) !important;
}

.endisfee {
  color: rgb(65, 41, 86);
  font-family: Roboto, Arial;
  font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 400;
  line-height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
}

.nenfee {
  font-size: calc(25px + (45 - 25) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  line-height: calc(35px + (55 - 35) * ((100vw - 300px) / (1600 - 300)));
}

p .grin {
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
}

p .grin .grodi {
		font-weight: 700;
}

.en-action {
  background-color: rgb(65, 41, 86);
  color: rgb(185, 147, 91) !important;
  font-family: Roboto, Arial;
  font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  white-space: nowrap;
  padding: 0px 15px;
  border-radius: 2px;
  width: 210px;
  margin: 40px auto 0px;
  display: block;
}

@media only screen and (max-width: 370px) {
  .en-action {
    width: 140px !important;
  }
}

/* ------------------------------------------------------------------------------- END SECOND */

/* STYLES APPLIED TO THIRD SECTION ------------------------------------------- THIRD */

.learob {
  background-color: rgb(65, 41, 86);
  padding: 80px 30px !important;
}

@media only screen and (max-width: 780px) {
  .learob .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.comodu {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 920px) {
  .comodu {
    max-width: 450px;
    margin: auto;
    flex-direction: column;
  }
  
  div.comodu.secoles {
    flex-direction: column-reverse;
  }
}

.mothum {
  width: 300px;
  margin: 30px;
}

@media only screen and (max-width: 450px) {
  .mothum {
    width: auto;
  }
  
  .lecate {
    text-align: center !important;
  }
}

.modthu {
  border-radius: 20px;
  opacity: 0.7;
}

.coursemodule {
  margin: 30px;
}

.lecate {
  color: rgb(185, 147, 91) !important;
  font-family: Roboto, Arial;
  font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(35px + (45 - 35) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: left;
  padding: 0px;
}

.coules {
  color: rgba(255, 255, 255, 0.65) !important;
  font-family: Roboto, Arial;
  margin-bottom: 5px !important;
}

/* ------------------------------------------------------------------------------- END THIRD */

/* STYLES APPLIED TO FOURTH SECTION AFTER SLIDER ------------------------------------------- FOURTH */

.incon {
  background-color: rgb(65, 41, 86);
  padding: 80px 30px !important;
}

@media only screen and (max-width: 780px) {
  .incon .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.ipicon {
  max-width: 250px;
  margin: auto
}

.ipic {
  border-radius: 50%;
  opacity: 0.8;
}

.i-name {
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial;
  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(24px + (26 - 24) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
  margin: 20px auto;
}

.ipro {
  max-width: calc(300px + (800 - 300) * ((100vw - 300px) / (1600 - 300)));
  margin: auto;
}

/* ------------------------------------------------------------------------------- END FOURTH */

/* STYLES APPLIED TO FIFTH SECTION AFTER SLIDER ------------------------------------------- FIFTH */

.tarmar {
  background-color: rgb(185, 147, 91);
  padding: 80px 30px !important;
  margin-bottom: -20px;
}

@media only screen and (max-width: 780px) {
  .tarmar .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.tamat {
  color: rgb(65, 41, 86) !important;
  font-family: Roboto, Arial;
  font-size: calc(35px + (55 - 35) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(45px + (70 - 45) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
  margin: 0px 0px 30px;
}

.tarau {
  color: rgb(65, 41, 86) !important;
  max-width: calc(300px + (800 - 300) * ((100vw - 300px) / (1600 - 300)));
  margin: auto;
}

/* ------------------------------------------------------------------------------- END FIFTH */



/* -------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- REGISTER ME -------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

/* STYLES APPLIED TO FIRST SECTION --------------------------------------------------------------------- FIRST */

.entgate {
  background-color: rgb(65, 41, 86);
  padding: 80px 30px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 780px) {
  .entgate .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.clovercon .clover.enguid {
  margin-bottom: 25px;
}

#fetchi {
  background-color: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

#fetchi:hover {
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.startaction {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgb(255, 255, 255) !important;
  font-family: Roboto, Arial;
  font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  white-space: nowrap;
  padding: 0px 15px;
  border-radius: 2px;
  width: 210px;
  box-shadow: 1px 10px 20px 0 rgba(0, 0, 0, 0.2);
  margin: 40px auto;
  display: block;
}

.clovercon a.startaction.chaining {
  margin: 25px auto;
}

#chained:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.callpap {
  color: rgb(185, 147, 91);
  font-family: Roboto, Arial;
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
  margin: auto;
  display: block;
}

.callpap:visited {
  color: rgb(185, 147, 91);
}

.callpap:hover, .callpap:focus {
  color: rgba(185, 147, 91, 0.5);
}

/* ------------------------------------------------------------------------------- END FIRST */

/* STYLES APPLIED TO SECOND SECTION --------------------------------------------------------------------- SECOND */

.regispay {
  background-color: rgb(65, 41, 86);
  padding: 80px 30px !important;
}

@media only screen and (max-width: 780px) {
  .regispay .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

div.linethr.whitethr {
  background-color: rgb(185, 147, 91);
}

p.enfee.payin {
  color: rgba(185, 147, 91, 0.7);
}

p.nenoffer.whitevar {
  color: rgb(255, 255, 255);
  border: 1px dashed rgb(255, 255, 255);
}

p.enfee.discspec {
  color: rgb(185, 147, 91);
  font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: calc(40px + (70 - 40) * ((100vw - 300px) / (1600 - 300))) !important;
}

h2.endisfee.whitepar {
  color: rgb(255, 255, 255) !important;
}

.condir {
  color: rgba(255, 255, 255, 0.65);
  font-family: Roboto, Arial;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(26px + (28 - 26) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  padding: 0px;
  max-width: calc(300px + (850 - 300) * ((100vw - 300px) / (1600 - 300)));
  margin: auto;
}

.condir a {
  color: rgba(255, 255, 255, 0.65) !important;
  transition: all 200ms ease-out;
}

.condir a:visited {
  color: rgba(255, 255, 255, 0.65);
}

.condir a:hover {
  color: rgb(255, 255, 255) !important;
}

.condir a .whaten {
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
  border-bottom: 1px solid rgb(255, 255, 255);
}

#gregisin {
  display: none;
}

/* ------------------------------------------------------------------------------- END SECOND */

/* STYLES APPLIED TO SECTION OF FORMS --------------------------------------------------------------------- FORMS */

/* ROW 001____________________ */

.registype {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 80px 30px 0px !important;
}

@media only screen and (max-width: 780px) {
  .registype .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.regiscate {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: center;
}

#i-cate {
  border-bottom: 2px solid rgb(255, 255, 255);
}

.cate {
  color: rgba(255, 255, 255, 0.65);
  font-family: Roboto, Arial;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  padding: 0px 0px 25px;
}

.sucate {
  margin: 0px 25px;
}

/* ROW 002____________________ */

.regisform {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0px 30px !important;
}

@media only screen and (max-width: 780px) {
  .regisform .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

#paystack-form {
  font-family: Roboto, Arial !important;
  font-weight: 300;
  max-width: 670px;
}

.j-forms .label {
  margin-bottom: 10px;
  display: none;
}

.j-forms .label.emsg {
  color: rgb(185, 147, 91);
  font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(23px + (25 - 23) * ((100vw - 300px) / (1600 - 300)));
}

.j-forms .input input {
  background-color: rgb(65, 41, 86);
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 10px 20px;
  border: none;
  height: 50px;
}

.j-forms .input input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.j-forms .input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.j-forms .input input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.j-forms input[type="text"]:hover, .j-forms input[type="email"]:hover, .j-forms textarea[type="text"]:hover, 
.j-forms input[type="text"]:active, .j-forms input[type="email"]:active, .j-forms textarea[type="text"]:active, 
.j-forms input[type="text"]:focus, .j-forms input[type="email"]:focus, .j-forms textarea[type="text"]:focus, 
.j-forms input[type="text"]:focus-within, .j-forms input[type="email"]:focus-within, .j-forms textarea[type="text"]:focus-within, 
.j-forms input[type="text"]:visited, .j-forms input[type="email"]:visited, .j-forms textarea[type="text"]:visited {
  background-color: rgb(52, 33, 69);
  border: none !important;
}

.j-forms .checkbox {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 300 !important;
}

.j-forms .checkbox i {
  padding: 2px;
  border-radius: 2px;
  border: none;
}

.j-forms .checkbox input:hover + i {
  border: none;
}

.j-forms .checkbox input:checked + i {
  border: none;
}

.j-forms .checkbox i::after {
  border-bottom: solid rgb(65, 41, 86);
  border-left: solid rgb(65, 41, 86);
  top: 5px;
  left: 5px;
}

#s-paycurspec, #g-paycurspec {
  color: rgba(255, 255, 255, 0.4);
  display: block;
}

.j-forms .input textarea {
  background-color: rgb(65, 41, 86);
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 10px 20px;
  border: none;
}

.j-forms .input textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.j-forms .input textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

.j-forms .input textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

div.span12.unit label.emsg.penumess {
  text-align: center;
}

div.span12.unit.penuzone {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 650px) {
  div.span12.unit.penuzone {
    flex-direction: column;
  }
  
  img.paystack-cardlogos.allicon {
    margin: 0px 0px 10px;
  }
  
  .j-forms .primary-btn, .j-forms .secondary-btn {
    margin: 10px 0px;
  }
}

@media only screen and (max-width: 400px) {
  img.paystack-cardlogos.allicon {
    object-fit: contain;
  }
}

.j-forms .primary-btn, .j-forms .secondary-btn {
  background-color: rgb(185, 147, 91) !important;
  color: rgb(65, 41, 86) !important;
  font-family: Roboto, Arial;
  font-size: 17px;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0px;
  text-transform: none;
  border-radius: 2px;
  width: 150px;
}

.j-forms .secondary-btn:hover {
  opacity: 0.65;
}

#ps-gform {
  display: none;
}

.switchdets {
  width: 100%;
  float: left;
}

.toggleuser {
  background-color: rgba(255, 255, 255, 0.06);
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial;
  font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  white-space: nowrap;
  padding: 0px 15px;
  border-radius: 2px;
  width: 150px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 10px 20px 0px;
  cursor: pointer;
}

.switchdets p.toggleuser.singletoggle {
  margin: 0px auto 40px;
}

#partonedata, #parttwodata, #partthreedata, #partfourdata {
  display: none;
}

.doutogframe {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 400px) {
  .doutogframe {
    flex-direction: column;
    align-items: center;
  }
  
  p.toggleuser.doubletoggle.bottomtoggle {
    margin-top: 20px;
  }
}

.doubletoggle {
  margin: 0px 10px;
}

/* ROW 003____________________ */

.finregis {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0px 30px 80px !important;
}

@media only screen and (max-width: 780px) {
  .finregis .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

#finre {
  display: none;
}

#firstpartner {
  border-bottom: 2px solid rgb(255, 255, 255);
}

.showthis {
  padding: 0px 0px 25px;
  margin: 0px 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.nucate {
  background-color: rgb(185, 147, 91);
  color: rgb(65, 41, 86);
  font-family: Roboto, Arial;
  font-size: 17px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0px;
  text-align: center;
  padding: 0px 15px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px;
}

#secondpartner, #thirdpartner, #fourthpartner, #fifthpartner {
  opacity: 0.4;
}

/* ------------------------------------------------------------------------------- END SECTION OF FORMS */

/* STYLES APPLIED TO FIRST SECTION AFTER SECTION OF FORMS ------------------------------------------------- FIRST */

/* ROW 001____________________ */

.almetoreg {
  background-color: rgb(65, 41, 86);
  padding: 80px 30px !important;
}

@media only screen and (max-width: 780px) {
  .almetoreg .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.mashlist li.mashlitem.cenall {
  text-align: center;
}

.claf {
  font-weight: 900;
}

.bdets {
  background-color: rgba(185, 147, 91, 0.2);
  color: rgb(255, 255, 255);
  font-weight: 400;
  text-align: center;
  padding: 10px;
  margin: 10px 0px;
}

li.cloverliit p.condir.opavar {
  color: rgb(255, 255, 255);
  text-align: left;
}

li.cloverliit p.condir.opavar a.invopa {
  color: rgb(255, 255, 255) !important;
}

li.cloverliit p.condir.opavar a.invopa:hover {
  color: rgba(255, 255, 255, 0.65) !important;
}

.useralert {
  color: rgb(185, 147, 91);
}

/* ROW 002____________________ */

.alterform {
  background-color: rgb(65, 41, 86);
  padding: 0px 30px 80px !important;
}

@media only screen and (max-width: 780px) {
  .alterform .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

div.wpforms-container-full {
  font-family: Roboto, Arial !important;
  font-size: 16px;
  font-weight: 300;
  padding: 50px;
  max-width: 660px;
  box-shadow: 1px 10px 20px 0 rgba(0, 0, 0, 0.3);
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 0px;
  margin-bottom: 25px;
}

div.wpforms-container-full .wpforms-form input[type="text"], 
div.wpforms-container-full .wpforms-form input[type="email"] {
  background-color: rgb(65, 41, 86);
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 10px 20px;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-left: none;
  height: 50px;
}

div.wpforms-container-full .wpforms-form input[type="text"]::placeholder, 
div.wpforms-container-full .wpforms-form input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

div.wpforms-container-full .wpforms-form input[type="text"]:-ms-input-placeholder, 
div.wpforms-container-full .wpforms-form input[type="email"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

div.wpforms-container-full .wpforms-form input[type="text"]::-ms-input-placeholder, 
div.wpforms-container-full .wpforms-form input[type="email"]::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

div.wpforms-container-full .wpforms-form input[type="text"]:hover, 
div.wpforms-container-full .wpforms-form input[type="email"]:hover, 
div.wpforms-container-full .wpforms-form input[type="text"]:active, 
div.wpforms-container-full .wpforms-form input[type="email"]:active, 
div.wpforms-container-full .wpforms-form input[type="text"]:focus, 
div.wpforms-container-full .wpforms-form input[type="email"]:focus, 
div.wpforms-container-full .wpforms-form input[type="text"]:focus-within, 
div.wpforms-container-full .wpforms-form input[type="email"]:focus-within, 
div.wpforms-container-full .wpforms-form input[type="text"]:visited, 
div.wpforms-container-full .wpforms-form input[type="email"]:visited {
  background-color: rgb(52, 33, 69);
  border: none !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul {
  width: 199px;
}

div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li {
  padding: 0px !important;
  width: 88px;
}

div.wpforms-container-full .wpforms-form input[type="checkbox"] {
  transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 300;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error {
  border: 1px solid rgba(185, 147, 91, 0.3);
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: rgb(185, 147, 91);
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 400;
  line-height: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
  background-color: rgb(65, 41, 86);
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 10px 20px;
  border: none;
  height: 100px;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:hover, 
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:active, 
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:focus, 
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:focus-within,
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium:visited {
  background-color: rgb(52, 33, 69);
  border: none !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
  background-color: rgb(185, 147, 91) !important;
  color: rgb(65, 41, 86) !important;
  font-family: Roboto, Arial;
  font-size: 17px;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0px;
  padding: 0px 15px;
  border: none;
  border-radius: 2px;
  width: 150px;
  margin: auto;
  display: block;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
  border: none;
}

/* ------------------------------------------------------------------------------- END FIRST */



/* -------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ CONTACT US -------------------------------------------------  */
/* -------------------------------------------------------------------------------------------------------- */

.page-id-653 .page-wrap {
		background-image: url(https://www.masterclass.stalwartconsults.com/wp-content/uploads/2021/04/Victoria.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-color: rgb(65, 41, 86);
}

.page.page-id-653 .page-wrap .content-wrapper {
		background-color: transparent;
}

/* STYLES APPLIED TO FIRST SECTION --------------------------------------------------------------------- FIRST */

/* ROW 001____________________ */

.finus {
		background-color: rgba(24, 25, 27, 0.5);
		padding: 80px 30px !important;
		height: 530px;
}

@media only screen and (max-width: 780px) {
		.finus .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
		}
}

.findu {
		position: relative;
		top: 70px;
		left: 100px;
}

.merre {
		color: rgb(255, 255, 255) !important;
		font-family: Roboto, Arial;
		font-size: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 700;
		line-height: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: left;
		padding: 0px;
}

.merequ {
		background-color: rgb(185, 147, 91);
		color: rgb(24, 25, 27);
		font-family: Roboto, Arial;
		font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 500;
		line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: center;
		text-transform: none;
		white-space: nowrap;
		padding: 0px 15px;
		border-radius: 2px;
		width: 150px;
		box-shadow: rgba(0, 0, 0, 0.65) 1px 10px 20px 0;
		display: block;
}

.merequ:hover {
  background-color: rgb(24, 25, 27);
  color: rgb(255, 255, 255) !important;
}

/* ROW 002____________________ */

.condet {
		background-color: rgb(65, 41, 86);
		padding: 50px 30px !important;
}

@media only screen and (max-width: 780px) {
		.condet .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
		}
}

.conde {
		display: flex;
		justify-content: center;
}

@media only screen and (max-width: 1024px) {
		.conde {
				flex-direction: column;
		}
}

.contad {
		background-color: rgba(255, 255, 255, 0.03);
		padding: 30px;
		box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 20px 0;
		margin: 0px 15px;
		flex-basis: 25%;
}

.icos {
		background-color: rgba(255, 255, 255, 0.03);
		padding: 20px;
		border-radius: 50%;
		width: 76px;
		margin: auto;
}

.cico {
		width: 36px;
		height: 36px;
}

.deta {
		text-align: center;
}

.conhe {
		color: rgb(255, 255, 255) !important;
		font-family: Roboto, Arial;
		font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 400;
		line-height: calc(35px + (45 - 35) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		padding: 0px;
}

.condir a.acam {
		color: rgb(185, 147, 91);
		font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
		line-height: calc(24px + (26 - 24) * ((100vw - 300px) / (1600 - 300)));
		word-break: break-word;
}

/* ------------------------------------------------------------------------------- END FIRST */



/* -------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- CLASS MANUAL -------------------------------------------------  */
/* -------------------------------------------------------------------------------------------------------- */

.page-id-553 .page-wrap {
  background-image: url(https://www.masterclass.stalwartconsults.com/wp-content/uploads/2020/11/Photo-By-Ola-Dapo-From-Pexels-Computer-Monitor-And-A-Laptop-On-A-Table-_Edited.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: rgb(65, 41, 86);
}

.page.page-id-553 .page-wrap .content-wrapper {
  background-color: transparent;
}

/* STYLES APPLIED TO FIRST SECTION --------------------------------------------------------------------- FIRST */

.ccostuming {
  background-color: rgba(24, 25, 27, 0.5);
  padding: 80px 30px !important;
  height: 680px;
  margin-bottom: -20px;
}

@media only screen and (max-width: 780px) {
  .ccostuming .panel-grid-cell {
    padding: 0px !important;
    margin: 0px !important;
  }
}

.ccentries {
  height: 680px;
  position: relative;
}

.ccent {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
}

.rea {
  color: rgb(255, 255, 255) !important;
  font-family: Roboto, Arial;
  font-size: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: left;
  padding: 0px;
}

.coscall {
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial;
  font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  line-height: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: left;
  padding: 0px;
}

.opcon {
  margin-top: 25px;
  display: inline-block;
  position: relative;
}

.obut {
  background-color: rgb(185, 147, 91);
  color: rgb(24, 25, 27);
  font-family: Roboto, Arial;
  font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 0px;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  padding: 0px 15px;
  border: none;
  border-radius: 2px;
  width: calc(230px + (300 - 230) * ((100vw - 300px) / (1600 - 300)));
  box-shadow: rgba(0, 0, 0, 0.1) 1px 10px 20px 0;
}

.opcon:hover .obut {
  background-color: rgba(185, 147, 91, 0.8);
  color: rgb(24, 25, 27);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

button.obut .fa {
  font-size: 17px;
  margin-left: 25px;
}

.su-options {
  background-color: rgb(185, 147, 91);
  width: calc(230px + (300 - 230) * ((100vw - 300px) / (1600 - 300)));
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px;
  display: none;
  position: absolute;
  z-index: 1;
}

.opcon:hover .su-options {
  display: block;
}

.su-options a {
  color: rgb(24, 25, 27) !important;
  font-family: Roboto, Arial;
  font-size: calc(12px + (17 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  line-height: calc(40px + (45 - 40) * ((100vw - 300px) / (1600 - 300)));
  text-align: center;
  text-decoration: none;
  padding: 0px 15px;
  display: block;
}

.su-options a:hover {
  background-color: rgb(24, 25, 27);
  color: rgb(255, 255, 255) !important;
}



/* -------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ MASTERMIND -------------------------------------------------  */
/* -------------------------------------------------------------------------------------------------------- */

/* STYLES APPLIED TO FIRST SECTION ------------------------------------------------------------------- FIRST */

.mastad {
		background-color: rgb(24, 25, 27);
		padding: 50px 30px 80px !important;
}

@media only screen and (max-width: 780px) {
		.mastad .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
		}
}

.masad {
		max-width: 780px;
		margin: auto;
}

.encon {
		background-color: rgb(65, 41, 86);
		color: rgb(255, 255, 255) !important;
		font-family: Roboto, Arial;
		font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 500;
		line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: center;
		text-transform: none;
		white-space: nowrap;
		padding: 0px 15px;
		border-radius: 2px;
		width: 150px;
		box-shadow: rgba(0, 0, 0, 0.65) 1px 10px 20px 0;
		margin: 25px auto;
		display: block;
}

.encon:hover {
		color: rgba(255, 255, 255, 0.5) !important;
}

/* ------------------------------------------------------------------------------- END FIRST */

/* STYLES APPLIED TO SECOND SECTION ------------------------------------------------------------------- SECOND */

.introb {
		background-color: rgb(65, 41, 86);
		padding: 80px 30px !important;
}

@media only screen and (max-width: 780px) {
		.introb .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
		}
}

.introp {
		max-width: calc(300px + (1024 - 300) * ((100vw - 300px) / (1600 - 300)));
		margin: auto;
}

.studin {
		margin-top: 40px;
}

.clover.mapro {
		margin-bottom: 0px;
}

.magros { 
		color: rgb(185, 147, 91);
		font-weight: 900;
}

.aiden {
		color: rgb(255, 255, 255);
}

.cheof {
		color: rgba(255, 255, 255, 0.5) !important;
		border-bottom: 1px solid rgb(255, 255, 255);
}

/* ------------------------------------------------------------------------------- END SECOND */

/* STYLES APPLIED TO THIRD SECTION ------------------------------------------------------------------- THIRD */

.grobo {
		background-color: rgb(65, 41, 86);
		padding: 0px 30px 80px !important;
}

@media only screen and (max-width: 780px) {
		.grobo .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
		}
}

.stug {
		display: flex;
		justify-content: center;
}

@media only screen and (max-width: 535px) {
		.stug {
				flex-direction: column;
		}
}

.categor {
		color: rgb(255, 255, 255);
		font-family: Roboto, Arial;
		font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 400;
		line-height: calc(28px + (30 - 28) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: left;
		padding: 50px;
		border: 1px solid rgba(255, 255, 255, 0.3);
}
.stuca {
		font-size: calc(20px + (35 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 700;
		line-height: calc(20px + (35 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.repri {
		color: rgb(185, 147, 91);
		font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 700;
		line-height: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.noti {
		font-weight: 700;
}

.jogro {
		background-color: rgb(185, 147, 91);
		color: rgb(65, 41, 86);
		font-family: Roboto, Arial;
		font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
		font-weight: 500;
		line-height: calc(42px + (45 - 42) * ((100vw - 300px) / (1600 - 300)));
		letter-spacing: 0px;
		text-align: center;
		text-transform: none;
		white-space: nowrap;
		padding: 0px 15px;
		border-radius: 2px;
		width: 150px;
		box-shadow: rgba(0, 0, 0, 0.65) 1px 10px 20px 0;
		margin-top: 25px;
		display: block;
}

/* ------------------------------------------------------------------------------- END THIRD */

/* STYLES APPLIED TO FOURTH SECTION ------------------------------------------------------------------- FOURTH */

.grojofor {
		background-color: rgb(65, 41, 86);
		padding: 80px 30px !important;
}

@media only screen and (max-width: 960px) {
		.grojofor {
				flex-direction: column;
		}
		
		.grojofor .panel-grid-cell {
				width: 100% !important;
		}
		
		.regins {
				padding: 0px 30px;
				max-width: 780px !important;
				margin: auto;
				float: none !important;
		}
		
		li.cloverliit p.condir.opavar.tep {
				max-width: 100%;
				margin: 0px;
		}
		
		.ifcon {
				max-width: 780px;
				margin: 50px auto 0px;
		}
		
		iframe {
				max-width: 780px;
				width: 100%;
		}
}

@media only screen and (max-width: 780px) {
		.grojofor .panel-grid-cell {
				padding: 0px !important;
				margin: 0px !important;
		}
}

.regins {
		max-width: calc(300px + (450 - 300) * ((100vw - 300px) / (1600 - 300)));
		float: right;
}

/* ------------------------------------------------------------------------------- END FOURTH */