@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'small-condensed';
  src: url("../../fonts/OfficinaSansC-Bold.otf");
  font-display: swap;
}

@font-face {
  font-family: 'header-big';
  src: url('../../fonts/Magistral-Book.woff');
  font-display: swap;
}
@font-face {
  font-family: 'in-box-title';
  src: url('../../fonts/arial-rnd.ttf');
  font-display: swap;
}


.iframe-div {
width:100%;
padding:10px 0px 45% 0px;
position:relative;
}


/* CONTENT STRUCTURE --START-- */
.accordion-wrapper {
	display: inline-block; position: relative;
  left: 50%; transform: translate(-50%, 0);
  margin: 25px 0; padding: 30px;
	max-width: auto; min-height: 0;
	background-color: white;
	border-top-left-radius:8px;
}
.accordion-courses {
	box-shadow: 0 10px 0 0 darkgreen inset;
	border-left: solid 2px darkgreen;
	border-bottom: solid 2px darkgreen;
	background-color: #CCFFCC;
}
.accordion-exams {
	box-shadow: 0 10px 0 0 saddlebrown inset;
	border-left: solid 2px saddlebrown;
	border-bottom: solid 2px saddlebrown;
	background-color: #FBECE1;
}
.accordion-interviews {
	box-shadow: 0 10px 0 0 red inset;
	border-left: solid 2px red;	
	border-bottom: solid 2px red;
	background-color: #FFDFDF;
}
.transition, .accordion-block li i:before, .accordion-block li i:after, .accordion-block p {
  transition: all 0.25s ease-in-out;
}

.flipIn, .accordion-block li, .accordion-wrapper h1 {
  animation: flipdown 0.5s ease both;
}

.no-select, .accordion-block h2 {
  -webkit-tap-highlight-color: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordion-wrapper h1 {
  font-size: 28pt; font-weight: bold;
  text-transform: uppercase; font-family: 'header-big';
  line-height: 1; letter-spacing: 1px;
  text-align: center;
}

.accordion-block h2 {
  display: inline-block;
	margin: 0; padding: 0px 8px;
	font-size:18pt; font-weight: bold;
  line-height: 1.5; letter-spacing: 1px;
  font-family: 'header-big';
  cursor:pointer;
}
.accordion-courses h1, .accordion-courses h2 {
  color: darkgreen; background-color: #CCFFCC;
}
.accordion-exams h1, .accordion-exams h2 {
  color: saddlebrown; background-color: #FBECE1;
}
.accordion-interviews h1, .accordion-interviews h2 {
  color: red; background-color: #FFDFDF;
}

.accordion-block p {
  position: relative; z-index: 2;
  overflow: hidden; opacity: 1;
  max-height: auto;
	color: black;
  font-size: 16pt; line-height: 1.5; text-align: justify;
  font-family: 'box-text'!important;letter-spacing: 0.25px;
  transform: translate(0, 0);
  margin-top: 14px;
}

.accordion-block {
  list-style: none;
  perspective: 900;
  padding: 0; margin: 0;
}
.accordion-block li {
  position: relative;
  padding: 0; margin: 10px 0px 0px 0px;
  padding-bottom: 4px; padding-top: 18px;
}
.accordion-courses .accordion-block li {
  border-top: 2px solid darkgreen;
}
.accordion-exams .accordion-block li {
  border-top: 2px solid saddlebrown;
}
.accordion-interviews .accordion-block li {
  border-top: 2px solid red;
}

/*mark a selected course*/
.accordion-courses .accordion-block li input[type=checkbox]:not(:checked) ~ h2 {
  color: white; background-color:darkgreen;
	border-top-left-radius:8px;
}
.accordion-exams .accordion-block li input[type=checkbox]:not(:checked) ~ h2 {
  color: white; background-color:saddlebrown;
	border-top-left-radius:8px;
}
.accordion-interviews .accordion-block li input[type=checkbox]:not(:checked) ~ h2 {
  color: white; background-color:red;
	border-top-left-radius:8px;
}

/*background in each block*/
.accordion-block li input[type=checkbox]:checked ~ .wrapping-block {
	display: none; position: relative;
}
.accordion-block li input[type=checkbox]:not(:checked) ~ .wrapping-block {
  display: block;
	background-color:white!important;
	padding:6px 12px 12px; margin-top:-1px;
}
.accordion-courses .accordion-block li input[type=checkbox]:not(:checked) ~ .wrapping-block {
  border-top:2px solid darkgreen; border-left:2px solid darkgreen;
}
.accordion-exams .accordion-block li input[type=checkbox]:not(:checked) ~ .wrapping-block {
  border-top:2px solid saddlebrown; border-left:2px solid saddlebrown;
}
.accordion-interviews .accordion-block li input[type=checkbox]:not(:checked) ~ .wrapping-block {
  border-top:2px solid red; border-left:2px solid red;
}


.accordion-block li:last-of-type {
  padding-bottom: 0;
}

.accordion-block li i {
  position: absolute; right: 0;
  transform: translate(-45px, 0);
  margin-top: 15px;
}
.accordion-block li i:before, .accordion-block li i:after {
  content: "";
  position: absolute;
  width: 5px; height: 10px;
}
.accordion-courses .accordion-block li i:before, .accordion-courses .accordion-block li i:after {
  background-color: darkgreen;
}
.accordion-exams .accordion-block li i:before, .accordion-exams .accordion-block li i:after {
  background-color: saddlebrown;
}
.accordion-interviews .accordion-block li i:before, .accordion-interviews .accordion-block li i:after {
  background-color: red;
}

.accordion-block li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion-block li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion-block li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%; height: 100%;
  z-index: 1;
  opacity: 0;
}
.accordion-block li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}

.accordion-block li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion-block li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}


.accordion-block li:nth-of-type(1) {
  animation-delay: 0.25s;
}
.accordion-block li:nth-of-type(2) {
  animation-delay: 0.5s;
}
.accordion-block li:nth-of-type(3) {
  animation-delay: 0.75s;
}
.accordion-block li:nth-of-type(4) {
  animation-delay: 1s;
}
.accordion-block li:nth-of-type(5) {
  animation-delay: 1.25s;
}
.accordion-block li:nth-of-type(6) {
  animation-delay: 1.5s;
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
/* CONTENT STRUCTURE --END-- */


.centre-pic {
  display:block;
  margin: 5px auto; padding: 0px auto;
  width:40%;
}
.centre-pic-2 {
  display:block;
  margin: 25px auto; padding: 0px auto;
  width:85%;
}
.centre-pic-3 {
  display:block;
  margin: 5px auto; padding: 0px auto;
  width:60%;
}

.centre-pic-big {
  display:block; width:45%;
  margin: 25px auto; padding: 0px auto;
}.centre-pic-big-2 {
  display:block; width:20%;
  margin: 25px auto; padding: 0px auto;
}
figurecaption {
  font-size:10pt;
}
#testdaf_pic {
	border:5px solid white;
	border-radius:12px;
	cursor:pointer;
}
#testdaf_pic:hover {
	border:5px solid PALETURQUOISE;
	cursor:pointer;
}
.img-logo-1 {
	width:20%; height:auto;
	float:left;
	margin:0px 10px 0px 0px;
}
.img-logo-2 {
	width:20%; height:auto;
	float:left; clear: left;
	margin:0px 10px 5px 0px;
}
.img-logo-3 {
	width:20%; height:auto;
	margin:0px 0px 0px 0px;
}
.img-logo-l {
	display:block; 
	border:5px solid hsla(0,0%,100%,0.6)!important;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 0px 5px 5px 0px;
}
.tmp-flex {
	display: flex;
	flex-direction: row; flex-wrap: wrap;
	justify-content: center; align-content: center; align-items: center;
}


/* READ MORE link --START */
.readmore a {
	display:inline-block;
  font-size:17pt; font-weight: bold; line-height: 1.25!important;
	font-family: 'moreless'; text-decoration: none;
  padding: 0px 12px; letter-spacing: 1px;
	border-radius: 12px;
}
.readmore-courses a {
    color: white; background-color:darkgreen;
		border: solid 3px darkgreen;
}
.readmore-courses a:hover {
    color:darkgreen; background-color: #CCFFCC;
}
.readmore-exams a {
    color: white; background-color: saddlebrown;
		border: solid 3px saddlebrown;
}
.readmore-exams a:hover {
    color:saddlebrown; background-color: #FBECE1;
}
.readmore-interviews a {
    color: white; background-color: red;
		border: solid 3px red;
}
.readmore-interviews a:hover {
    color:red; background-color: #FFDFDF;
}
/* READ MORE link --END */



@media screen and (max-width : 1100px ){
.caption-txt {
	bottom: -25px;
  font-size: 16pt;
}

.iframe-div {
width:100%;
padding:10px 0px 50% 0px;
position:relative;
}

.accordion-wrapper h1 {
  font-size: 28pt;
  line-height: 1; letter-spacing: 1px;
}
.accordion-block h2 {
	margin: 0; padding: 0px 8px;
	font-size:19pt;
  line-height: 1.5; letter-spacing: 1px;
}
.accordion-block p {
  font-size: 17pt; line-height: 1.4;
  letter-spacing: 0.5px;
}

.img-logo-1 {
	width:30%; height:auto;
	float:left;
}
.img-logo-2 {
	width:30%; height:auto;
	float:left; clear: left;
}
.img-logo-3 {
	width:40%; height:auto;
	float:left; clear: left;
}
}



@media screen and (max-width : 850px ){
.caption-txt {
	bottom: -25px;
  font-size: 14.5pt;
}

.iframe-div {
width:100%;
padding:10px 0px 60% 0px;
position:relative;
}

.accordion-wrapper h1 {
  font-size: 26pt;
  line-height: 1; letter-spacing: 1.5px;
}
.accordion-block h2 {
	margin: 0; padding: 0px 8px;
	font-size:18pt;
  line-height: 1.5; letter-spacing: 1px;
}
.accordion-block p {
  font-size: 16pt; line-height: 1.5;
  letter-spacing: 0.5px;
}
.readmore a {
	display:inline-block;
  font-size:18pt;
  padding: 0px 12px; letter-spacing: 1.5px;
}

.centre-pic {
  display:block;
  margin: 2px auto; padding: 0px auto;
  width:60%;
}
.img-logo-1 {
	width:40%; height:auto;
	float:left;
}
.img-logo-2 {
	width:40%; height:auto;
	float:left; clear: left;
}
.img-logo-3 {
	width:60%; height:auto;
	float:left; clear: left;
}
.iframe-div {
width:100%;
padding:10px 0px 60% 0px;
position:relative;
}
}



@media screen and (max-width : 550px ){
.caption-txt {
	bottom: -25px;
  font-size: 13pt;
}

.iframe-div {
width:100%;
padding:10px 0px 80% 0px;
position:relative;
}

.accordion-wrapper {
	display:block;
  max-width: 100%;
	margin: 12px 0px;
}
.accordion-block li input[type=checkbox]:not(:checked) ~ .wrapping-block {
	padding:6px; margin-top:0px;
}
.accordion-wrapper h1 {
  font-size: 26pt;
  line-height: 1; letter-spacing: 1.5px;
}
.accordion-block h2 {
	margin: 0; padding: 0px 8px;
	font-size:17pt;
  line-height: 1.25; letter-spacing: 0.25px;
}
.accordion-block p {
  font-size: 15pt; line-height: 1.5;
  letter-spacing: 0.25px;
}
.accordion-block li i {
  position: absolute; right: 0;
  transform: translate(-20px, 0);
  margin: 10px!important;
}

.readmore a {
	display:inline-block;
  font-size:15pt;
  padding: 0px 12px; letter-spacing: 0.5px;
}

.centre-pic {
  display:block;
  margin: 2px auto; padding: 0px auto;
  width:80%;
}
.centre-pic-3 {
  display:block;
  margin: 2px auto; padding: 0px auto;
  width:100%;
}


.img-logo-1 {
	width:75%; height:auto;
	float:none;
	margin:0px auto 0px 0px;
}
.img-logo-2 {
	width:70%; height:auto;
	float:none; clear:both;
	margin:0px 0px 5px auto;
}
.img-logo-3 {
	width:70%; height:auto;
	float:none; clear:both;
	margin:0px 0px 5px 0px;
}
}