.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* General */
html,
body,
.wrapper { min-height: 100%; }

@media (max-width: 575px) {
	.row { margin: 0 !important; }
}

.form-messages .success { color: #009999; }
.form-messages .error { color: #ff0000; }
.modal-body form input { display: block; margin: 10px 0; padding: 10px 15px; width: 100%; background-color: #fafafa; border: 1px solid #d6d6d6; }
.modal-footer .btn.btn-primary { border-radius: 0; background-color: #7b8bb7; border: 0; }
.modal-footer .btn.btn-secondary { border-radius: 0; background-color: #a4a4a4; border: 0; }
/* General */


.intro { padding-bottom: 60px; min-height: 300px; background-color: #242c42; background-position: center; background-repeat: no-repeat; background-size: cover; }
.intro .header { padding: 30px 15px; border-bottom: 2px solid #ffffff; }
.intro .details { padding: 80px 15px; }
.intro .details h1 { padding-bottom: 20px;color: #FFFFFF; font-family: 'Dancing Script', cursive; text-align: center; font-size: 80px; line-height: 74px; }
.intro .header .logocenter {  display: block;  margin: auto;  width: 10%;}

.intro .details ul { display: block; margin: 0; padding: 0; }
.intro .details ul li { display: block; margin: 0; padding: 0; color: #FFFFFF; }

.intro .details h2 { margin-bottom: 20px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 36px; line-height: 42px; }
.intro .details h3 { margin-top: 40px; margin-bottom: 20px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 40px; line-height: 30px; }
.intro .details h4 { margin-bottom: 15px; color: #FFFFFF; font-weight: bold; font-size: 18px; line-height: 24px; }
.intro .details p { color: #FFFFFF; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 28px; line-height: 40px; }
.intro .details .title-underline { display: block; margin-bottom: 40px; background-color: #00ffff; height: 5px; max-width: 150px; }
.intro .details .date-hour { color: #FFFFFF; font-weight: bold; }
.intro .details .date-hour ul { display: block; margin: 10px 0 0 0; padding: 0; }
.intro .details .date-hour ul li { display: block; margin: 0; padding: 5px 0px 5px 35px; }
.intro .details .date-hour ul li.date { background: url("./media/data.png") no-repeat left center; background-size: 23px 25px; }
.intro .details .date-hour ul li.hour { background: url("./media/ceass.png") no-repeat left center; background-size: 26px 24px; }
.intro .details .btn { font-weight: bold; width: 250px; border-radius: 80px;   background-color: #dd0000; /* Green */  border: none;  color: white;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.intro .details .hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.intro .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 40%);}
.intro .details .img-cover-right { bottom: -100px; }
.intro .details .img-cover { width: 100%; height: auto; }
@media (min-width: 1200px) {
	.intro .header { padding: 30px 65px; max-width: 1240px; }
}

@media (max-width: 767px) {
	.intro { padding-bottom: 40px;}
	.intro .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.intro .details h1 { font-size: 48px; line-height: 36px;}
	.intro .details h3 { font-size: 32px;}
	.intro .details p { font-size: 20px;}
	.intro .details .btn { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 26px; border-radius: 60px; padding: 14px 50px; }
	
}
@media (max-width: 575px) {
	.intro { padding-bottom: 50px;}
	.intro .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.intro .details h1 { font-size: 50px; line-height: 26px;}
	.intro .details h3 { font-size: 32px;}
	.intro .details p { font-size: 20px;}
	.intro .details .btn { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 26px; border-radius: 60px; padding: 14px 50px; }
}

.section-2 { padding-top: 80px; padding-bottom: 200px; background-color: #ffffff; }
.section-2 p { color: #242c42; font-family: 'Montserrat', sans-serif;  text-align: justify; font-size: 23px; line-height: 40px;}
.section-2 .btn {  width: 250px; border-radius: 80px;   background-color: #dd0000; /* Green */  border: none;  color: white;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-2 .hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.section-2 .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 180%);}

.section-2 .img-section { margin-top: 75px; width: 100%; height: 80%; }
.section-2 .check-mark { color: #FFFFFF; font-size: 34px; }
.section-2 .check-mark ul { display: block; margin: 0px 0 0 0px; padding: 0; }
.section-2 .check-mark ul li { display: block; margin-left: 30px; padding: 5px 0px 5px 60px; margin-bottom: 10px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 40px; list-style-type: disc; }
.section-2 .check-mark ul li.check { background: url("./media/bifa.png") no-repeat left center; background-size: 35px 35px; }

.section-2 .footer { padding: 20px 0; margin-top: 30px; margin-bottom: 30px;  border-top: 1px solid #242c42; }
.section-2 .footer span {font-size: 20px;}
.section-2 .footer h4 { padding: 30px 0; margin-top: 30px; margin-bottom: -80px; color: #242c42; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px; line-height: 40px; }
.section-2 .footer h5 { padding: 30px 0; margin-top: 30px; margin-bottom: -200px; color: #242c42; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px; line-height: 40px; }
@media (max-width: 767px){
	.section-2 {padding-bottom: 60px; padding-top: 20px;}
	.section-2 p {padding-top: 30px; font-size: 23px; line-height: 40px;}	
	
	

	.section-2 .footer h4 { padding: 30px 0; margin-top: 30px; margin-bottom: -100px; color: #FFFFFF; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px; line-height: 40px; }
	.section-2 .footer h5 { padding: 30px 0; margin-top: 40px; margin-bottom: -320px; color: #FFFFFF; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px; line-height: 40px; }
	.section-2 .btncenter {  -ms-transform: translate(-50%, -50%); transform: translate(-50%, 80%);}
	.section-2 .check-mark ul { display: block; margin: 0px 0 0 0px; padding: 0; }
	.section-2 .check-mark ul li { display: block; margin-left: 30px; padding: 5px 0px 5px 60px; margin-bottom: 10px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 40px; list-style-type: disc; }
	.section-2 .check-mark ul li.check { background: url("./media/bifa.png") no-repeat top left; background-size: 35px 35px; }
}

@media (max-width: 575px) {
	.section-2 {padding-bottom: 60px; padding-top: 20px;}
	

	.section-2 .footer h4 { padding: 30px 0; margin-top: 30px; margin-bottom: -100px; color: #FFFFFF; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px; line-height: 40px; }
.section-2 .footer h5 { padding: 30px 0; margin-top: 40px; margin-bottom: -320px; color: #FFFFFF; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px; line-height: 40px; }
.section-2 .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 80%);}

}

.section-3 { padding-top: 80px; padding-bottom: 100px; background-color: #FFFFFF; background-position: center; background-repeat: no-repeat; background-size: cover; }
.section-3 .details p { color: #FFFFFF; text-align: center; font-family: 'Montserrat', sans-serif;  font-size: 20px; line-height: 15px;}
.section-3 .details h2 { margin-bottom: 10px; margin-top: 15px; margin-left:-10px; margin-right: -20px; text-align: center; color: #FFFFFF; font-family: 'Raleway', sans-serif; font-size: 32px; line-height: 30px; }
.section-3 .details h3 { margin-top: 40px; margin-bottom: 20px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 24px; line-height: 30px; }
.section-3 .details h4 { margin-top: 50px; color: #FFFFFF; text-decoration: line-through; font-family: 'Amiri', serif; font-weight: bold; font-size: 30px; text-align: center; line-height: 60px; }
.section-3 .details h6 { margin-top: 0px; margin-bottom: 20px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 24px; line-height: 30px; }
.section-3 .details h1 { padding-bottom: 70px; color: #DD0000; font-family: 'Dancing Script', cursive; text-align: center; font-size: 80px; line-height: 74px; }


.section-3 .details h5 {margin-left:-10px; margin-right: -20px; margin-top: 20px; margin-bottom: 10px; text-align: center; color: #efe828; font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 35px; }
.section-3 .details .btn {  width: 250px; border-radius: 80px;   background-color: #dd0000;  border: none;  color: white;  padding: 15px 25px 0px 25px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-3 .details .hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.section-3 .details .btncenter {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -10%);}
.section-3 .details .row .col {padding: 30px 30px 100px 30px; margin: 5px; background-color: #242c42; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.section-3 .details .row .col1 {  position: relative; flex: 0 0 10%; }
.section-3 .details .row .col2 {  position: relative; flex: 0 0 80%; }
.section-3 .details .btninfosec3{  width: 220px; border-radius: 80px;   background-color: #efe828;  border: none;  color: #242c42;  padding: 10px 30px 13px 30px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-3 .details .btncenterinfosec3 {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 25%);}

.section-3 .details .btninfo {  width: 120px; border-radius: 80px;   background-color: #efe828;  border: none;  color: #242c42;  padding: 5px 5px 7px 5px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 14px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
.section-3 .details .btncenterinfo {   margin: 0; position: absolute; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, 25%);}


.section-3 .details .img-arrow { margin-top: 40px; padding-bottom: 30px;}
.section-3 .details .img-section { width: 100%; height: auto; }

.section-3 .details .check-mark { color: #FFFFFF; font-size: 34px; }
.section-3 .details .check-mark ul { display: block; margin: 0px 0 0 0px; padding: 0; }
.section-3 .details .check-mark ul li { display: block;  margin-left: -10px; margin-right: -15px; padding: 0px 0px 5px 25px; margin-bottom: 0px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 23px;  }
.section-3 .details .check-mark ul li.check { background: url("./media/bifa.png") no-repeat left top; background-size: 15px 15px; }


.section-3 .details .footer { padding: 45px 0; margin-top: -80px; margin-bottom: 30px; border-bottom: 1px solid #ffffff; }
.section-3 .details .footer h4 { padding: 30px 0; margin-top: 30px; margin-bottom: -120px; color: #FFFFFF; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 23px;  }

@media (max-width: 991px) {
	.section-3 .details .row .col { flex-basis: 100%;  max-width: 100%; height: auto; }
	.section-3 .details h1 {padding-bottom: 70px; text-align: center; font-size: 50px; line-height: 34px; }
	.section-3 .details .img-arrow { margin-top: 40px; }
	.section-3 .details .row .col1 {  position: relative; flex: 0 0 10%; }
	.section-3 .details .row .col2 {  position: relative; flex: 0 0 80%; }

}
@media (max-width: 767px){
	.section-3 {padding-bottom: 0px; padding-top: 20px;}
	.section-3 h5 {padding: 0px 15px; font-size: 23px; line-height: 40px;}
	.section-3 .footer { padding: 30px 0; }
	.section-3 .footer h4 { margin-bottom: -150px;}
	.section-3 .details .btncenter {  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -10%);}
	.section-3 .details .btn {  width: 250px; height: 60px;  border-radius: 80px;   background-color: #dd0000;  border: none;  color: white;  padding: 0px 5px 0px 5px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 24px;  margin: 4px 2px;  cursor: pointer; transition-duration: 0.4s; }
	.section-3 .details p { margin-bottom: 24px; margin-top: 18px; color: #FFFFFF; text-align: center; font-family: 'Montserrat', sans-serif;  font-size: 20px; line-height: 0px;}
	.section-3 .details h1 {padding-bottom: 70px; text-align: center; font-size: 40px; line-height: 74px; }
	.section-3 .details .img-arrow { margin-top: 40px; }
	.section-3 .details .row .col1 {  position: relative; flex: 0 0 10%; }
	.section-3 .details .row .col2 {  position: relative; flex: 0 0 80%; }

	
	.section-3 .details .row .col { flex-basis: 100%;  max-width: 100%; height: auto; }
}

@media (max-width: 575px) {
	.section-3 .details h1 {padding-bottom: 30px; text-align: center; font-size: 30px; line-height: 34px; }
	.section-3 .details .img-arrow { margin-top: 25px; padding-bottom: 0px; }
	.section-3 .details .row .col1 {  position: relative; flex: 0 0 10%; }
	.section-3 .details .row .col2 {  position: relative; flex: 0 0 80%; }
	.section-3 {padding-bottom: 100px; }
}

.section-4 { padding-top: 60px; padding-bottom: 80px;min-height: 300px; background-color: #242c42; background-position: center; background-repeat: no-repeat; background-size: cover; }

.section-4 .details h1 { padding-bottom: 20px;color: #dd0000; font-family: 'Dancing Script', cursive; text-align: center; font-size: 80px; line-height: 74px; }

.section-4 .details h2 { margin-bottom: 20px; text-align: center; color: #ffffff; font-weight: bold; font-size: 36px; line-height: 42px; }
.section-4 .details h3 { margin-top: 40px; margin-bottom: 20px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 40px; line-height: 30px; }
.section-4 .details h4 { margin-bottom: 15px; color: #ffffff; font-weight: bold; font-size: 18px; line-height: 24px; }

.section-4 .details p { color: #ffffff; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 28px; line-height: 40px; }
.section-4 .details a { color: #efe828;}

@media (max-width: 991px) {
	.section-4 .details h1 { font-size: 50px; line-height: 46px;}
	.section-4 .details h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 38px; }

}

@media (max-width: 767px) {
	.section-4 { padding-bottom: 30px; padding-top: 30px;}
	.section-4 .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.section-4 .details h1 { font-size: 50px; line-height: 46px;}
	.section-4 .details h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 38px; }

	.section-4 .details p { font-size: 20px;}
	.section-4 .details .btn { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 26px; border-radius: 60px; padding: 14px 50px; }
	
}
@media (max-width: 575px) {
	.section-4 { padding-bottom: 30px; padding-top: 30px;}
	.section-4 .header .logocenter {  display: block;  margin: auto;  width: 35%; }
	.section-4 .details h1 { font-size: 50px; line-height: 46px;}
	.section-4 .details h3 { margin-top: 0px; margin-bottom: 0px; text-align: center; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 38px; }

	.section-4 .details p { font-size: 20px;}
	.section-4 .details .btn { text-align: center; color: #FFFFFF; font-weight: bold; font-size: 26px; border-radius: 60px; padding: 14px 50px; }
}

/* .section-3 { padding: 80px 0; background-color: #d8becf; }
.section-3 .btn { margin-top: 30px; background-color: #254e22; border: 0; color: #ffffff; } 
.section-2 .check-mark { color: #FFFFFF; font-weight: bold; }
.section-2 .check-mark ul { display: block; margin: 30px 0 0 0; padding: 0; }
.section-2 .check-mark ul li { display: block; margin-left: 30px; padding: 5px 0px 5px 60px; margin-bottom: 20px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 40px; }

.section-4 { padding: 80px 0; background-color: #96ba9d; }
.section-4 p { font-size: 20px; }
.section-4 ul { display: block; margin: 0; padding: 0; }
.section-4 ul li { display: block; margin: 0; padding: 5px 0 5px 25px; text-align: justify; background: url("./media/check-circle-outline.png") no-repeat left center; background-size: 16px 16px; line-height: 18px; }
 */