﻿
@font-face {
    font-family: "Proxima";
    src: url("fonts/proxima/proximanova-regular.otf");
    
  }

  @font-face {
    font-family: "Proxima Light";
    src: url("fonts/proxima/proximanova-light.otf");
    
  }
  @font-face {
    font-family: "Proxima Bold";
    src: url("fonts/proxima/proximanova-bold.otf");
    
  }

  @font-face {
    font-family: "Proxima Extra Bold";
    src: url("fonts/proxima/proximanova-extrabold.otf");
    
  }


  @font-face {
    font-family: "Proxima Medium";
    src: url("fonts/proxima/proximanova-medium.otf");
    
  }

  @font-face {
    font-family: "Proxima Black";
    src: url("fonts/proxima/proximanova-black.otf");
    
  }

body{ font-family: "Proxima";}
.proximabold{font-family: "Proxima Bold";}
html {
    scroll-behavior: smooth;
  }
.proxy-bold{font-family: "Proxima Bold";}
header{background-color: #fff;box-shadow: 0px 3px 4px 1px rgba(193,177,177,0.75); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;
     padding:25px; position: relative; z-index: 10; }




.wp-padding{ padding-left:25px; padding-right:25px; }
.wp-sep{padding-top: 30px; padding-bottom: 30px}
.courses-properties-wp{padding-top:40px}

.main-nav li{  display: inline-block; padding: 0 5px;}

.main-nav li a{padding:10px 8px;color:#000000; text-decoration: none;}
.main-nav li a:hover{color: #850032;}

.gen-1{  margin-left:13px;margin-right:13px;}
.gen-2{  margin-left:13px;}







.general-btn{color: #000000;border:2px solid#F3C318;padding:10px 20px; border-radius: 25px; display: inline-block;
     text-decoration: none; background-color: #fff; font-family: "Proxima"; font-size:16px!important}
.general-btn:hover{background-color: #F3C318;}
.wide-btn.general-btn{ min-width:220px;text-align: center;}

.general-btn.secondary{background-color: #F3C318;}
.general-btn.secondary:hover{background-color: #fff;}

@media (min-width: 993px) and (max-width: 1299px) {
   
    .logo img{height: 60px;}
  }
  @media (min-width: 993px) and (max-width: 1230px) {
    header{zoom:.85}
	.main-nav li a{padding:10px 4px;}
  }






  @media  (min-width: 993px) {
    .menu-bar{display: none;}
    .hide-mobile{display: block!important}
  }
@media  (max-width: 992px) {
    .main-nav {text-align: center;}
	.downloads{text-align:center}
    .menu-bar{ position: absolute; right: 25px; top:37px; color: #F3C318; width: 35px;}
    .menu-bar i{ font-size: 40px;}
    .menu-bar.active i:before{ content: "\f00d";}
    .main-nav li{display: block; padding-top: 10px; padding-bottom: 10px;}
    .main-nav li a{ font-size: 1.2em;}  
    .logo{ margin-bottom: 20px;}
    .logo img{ max-width: 250px;}
	header{padding-left:0;padding-right:0}
    header .downloads{ padding-top: 30px;}
    .hide-mobile{display: none;}
	.banner-big-title > div{transform:translateY(0)!important}
	.gen-1,.gen-2{margin-left:0;margin-right:0}
    /*.{hide-mobile{ transition: all 0.5s; height: 0; opacity: 0;;}
    .menu-active .hide-mobile{ opacity: 1; height: auto;}
    */

}
@media  (max-width: 921px) {
header .downloads a{ display:block; margin-top:10px; margin-bottom:20px;margin-left:0!important;margin-right:0!important}
}

#home-banner{ position: relative;}


.banner-big-title{font-family: "Proxima Medium"; font-size: 2.7em; line-height: normal;}
.banner-big-title strong{font-family: "Proxima Extra Bold";}



@media (min-width: 768px)
{
	/*
.banner-info{background-color: rgba(255, 255, 255, 0.6); max-width: 80%; position: absolute;  padding: 25px; 
        top: 50%;left: 0%;transform: translateY(-55%); border-top-right-radius: 100px; border-bottom-right-radius: 100px; }    
#home-banner { transform: translateY(-20px);}

*/

.banner-info{position: absolute; top: 50%;left: 0%;right:0;transform: translateY(-55%);}
.banner-info .banner-bg{position:relative}
.banner-info .banner-bg:before{background-color: rgba(255, 255, 255, 0.6);   padding: 25px; 
        border-top-right-radius: 100px; border-bottom-right-radius: 100px;position:absolute;left:0;top:-10px;bottom:-10px;width:86%;content:"";z-index:-1; }    
#home-banner{ transform: translateY(-20px);}

.banner-info label{ font-size: 1.3em;}
.banner-btn{position: absolute;bottom: -90px;left: 25px;}
.banner-btn a{ padding-left: 50px; padding-right: 50px; }
}

@media (min-width: 1400px)
{

.banner-info label{ font-size: 1.2em;}
./*
.banner-big-title{font-size: 3.5em; }
*/
.banner-info{ transform: translateY(-50%); }

}

@media (min-width: 1000px) and (max-width: 1200px) {

    .banner-big-title{font-size:2em;}

  }
  
@media (min-width: 768px) and (max-width: 1100px) {
    .general-btn{ padding-left: 8px; padding-right: 8px;}
    .banner-big-title{font-size:1.8em;}
    .banner-info{ transform: translateY(-60%); }
    .banner-btn{ bottom: -65px;}
  }
  
  
  

 
 
 
@media (max-width: 767px)
{
    .banner-big-title{font-size:2em;}
    .banner-info{padding: 30px 0;}
    .banner-info label{ padding: 20px 0 20px 0;}
    .banner-info .banner-btn{ text-align: center; padding: 0 25px;}
    .banner-info .banner-btn a{ display: block;}

}

.course-properties{padding-bottom:25px; font-size: 1.1em;}
.course-properties > div{ text-align: center; padding-top: 15px; padding-bottom: 15px; border:2px solid #840132; border-radius: 25px;
padding-left: 15px;padding-right: 15px; line-height: normal;}
.course-properties .c-img{height: 75px;}
.course-properties img{  max-height: 65px; max-width: 100%;}
.course-properties label{ display: block; font-size: .9em;}

.wp-title-bold{color:#515151; font-size:2.25em; font-family: "Proxima Bold"; margin-top:0; line-height:normal}
.wp-title{color:#000000;padding:0px 20px 50px 20px; font-family: "Proxima Light"; font-size: 1.95em;}
.pwered-by{color:#000000}

@media (min-width: 992px)
{

    .wp-title-bold{font-size:3.25em;margin-top:-8px}
    .wp-title{ font-size: 2.75em;}



}
.program-wp .wp-title-bold{margin-bottom: 0;}
.program-top-left{ background-color: #850032; color:#fff; border-bottom-right-radius: 50px; } 
.program-top-right{padding-left:0 ;padding-right:0}

.program-bottom-right{background-color: #828282;border-top-left-radius: 50px; color:#fff;   }


.skill-item{color: #000000; position: relative; padding: 20px 30px 20px 50px; margin-bottom: 20px; }
.skill-item span{color: #850032; font-family: "Proxima Black";}
.skill-item:before{content: ""; position: absolute;left:0;top:0;bottom:0;width: 15px; background-color: #828282; border-radius: 2px;}


@media (min-width: 768px)
{

    .skill-item{min-height:105px;}
	.skill-item{ padding-left:50px;padding-right:80px}


}

.benefit-item{ display: flex;align-items: center!important;}

.benefit-item{display: flex;align-items: center!important; margin-bottom: 20px;color: #000000; }
.b-item-txt{padding-right: 25px; padding-left: 25px;;}
.b-item-txt span{color: #850032; font-family: "Proxima Black";}
.benefit-item .b-item-img img{ width: 55px;}


@media (min-width: 992px)
{

.benefit-item{padding-left:35px}


}

.isprogram-wp ul{ margin: 0; padding: 0; list-style: none;}
.isprogram-wp  li{ padding-bottom: 20px; position: relative; padding-left: 30px;}
.isprogram-wp li:before{ position: absolute; content: ""; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; left:0; top:10px; }
.isprogram-wp  li a{color:inherit}
.is-you{ background-color: #850032; color:#fff; border-bottom-right-radius: 50px; padding: 30px;}
.you-have{ background-color: #828282; color:#fff; border-top-left-radius: 50px; padding: 40px 30px;}
.ispr-label{white-space:nowrap; padding-bottom: 20px; padding-right: 20px;font-family: "Proxima Light"; font-size: 1.7em;    transform: translateY(-13px);}

.course-details-wp {counter-reset: coursenumber; }
.course-details-wp .accordion-item{ background-color: #828282; margin-bottom: 20px; color:#fff; border-radius: 10px!important;}
.course-details-wp .accordion-button{ background-color: transparent;color:#fff; outline: none; border-radius: none!important; padding-left:35px}
.course-details-wp .course-listing .accordion-button:before{counter-increment: coursenumber;  content: counter(coursenumber) " \00a0"; font-weight: bold; font-size: 1.5rem;    position: absolute;left: 15px;top: 13px;}
.course-details-wp .accordion-button:focus{border:none;box-shadow:none}
.course-details-wp .accordion-button:not(.collapsed){background-color: transparent; box-shadow: none;}
.course-details-wp .accordion-button::after{font-family: "Font Awesome 6 Free";    content: "\f13a"; background: none;
     width: auto;height: auto; font-weight: 900; color: #F3C318;}
.course-details-wp .prerequisite .accordion-item{font-size: 1.1em;font-family: "Proxima Bold"}
/*
.course-details-wp .prerequisite .accordion-item{ background-color: rgba(222, 224, 223, 0.5);  color:#828282;}    
.prerequisite button span{ font-family: "Proxima Black";font-size: 1.5rem; display: inline-block;}     
.prerequisite .accordion-button{color:#828282}
*/

.grey-bg{background-color: rgba(222, 224, 223, 0.5); padding:20px;}
.tuition-subtitle{padding:0px 0 20px 0;  font-size:1.5em;}

.tuition-wp .wp-title{ padding-bottom: 22px;}
.tuition-item{ background-color: #fff; border-radius: 25px; text-align: center; padding-top: 25px;padding-bottom:25px;
margin-bottom: 25px; font-size: 1.3em; }
.tuition-item .tuition-img{ min-height: 60px}
.tuition-item .tuition-img label{margin-left:20px; transform:translateY(-7px); display:inline-block;  font-family: "Proxima bold";}
.tuition-advise{padding-top:50px; padding-bottom: 20px;}
.tuition-price span{font-family: "Proxima bold";}
.tuition-item .hint{ font-style:italic; font-size:.8em}
.tuition-brief{padding-bottom:20px;}
.tuition-brief span{    color: #850032;font-family: "Proxima bold";}
@media (min-width: 768px)
{

.tuition-brief{min-height:80px;}


}

.study-plan-wp{ color: #fff;}
.plan-sub-header{padding-bottom: 20px; font-family: "Proxima Bold"}
.plan-sub-header span{ font-size: 1.3em;}
.study-item-left{ background-color: #850032;border-bottom-right-radius: 40px;border-top-right-radius: 40px;}
.study-item-right{ background-color: #828282;border-bottom-left-radius: 40px;border-top-left-radius: 40px;}

@media (min-width: 768px)
{
.study-plan-wp .col-md-5 {
    flex: 0 0 auto;
    width: 45.66666667%;
    min-height: 150px;
}

.prerequisite button span{margin-right:58px;}
}

.course-time{padding-top:60px; color: #000;}
.ctime-top-left{background-color: #EDEEEE;border-bottom-right-radius: 50px; padding: 20px 30px;}
.next-start-date{ font-family: "Proxima Bold"; font-size:1.2em}
.next-start-date span{text-transform: uppercase;color: #850032; font-size: 2em; text-transform: uppercase;}

.ctime-bottom-right{background-color: #828282;border-top-left-radius: 50px; color:#fff; padding: 20px 30px;}

.instrctor-item{ padding: 20px 30px; text-align: center; height: auto; }
.instrctor-item img{ max-width: 100%; border-radius: 50%; display: inline-block;}
.instructors-list .instrctor-item:nth-child(even) img{border:5px solid #850032}
.instructors-list .instrctor-item:nth-child(odd) img{border:5px solid #707070}
.instrctor-item h4{ padding-top: 20px; min-height: 60px;font-size: 1.8em;}
.instrctor-item h5{ padding-top: 5px; padding-bottom: 10px; font-family: "Proxima Bold"; font-size: 1em;}
.instrctor-item p{ font-size: .85em; position: relative; padding-top:20px ;}
.instrctor-item p:before{ position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top:0; width: 120px; height: 5px; background-color: #850032; content:""}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0; line-height: 0; position: absolute; top: 50%;display: block; width: 20px;
    height: 20px;padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Font Awesome 6 Free"; 
    background: none;
    width: auto;height: auto; font-weight: 900;
     color: #F3C318
}

.slick-prev
{
    left: -25px;
}

.slick-prev:before
{
    content: "\f137";
}


.slick-next
{
    right: -25px;
}
.slick-next:before
{
    content: "\f138";
}

.contacts-info a{ background-position: left top; background-repeat: no-repeat; background-size: 80px; display: inline-block;
    font-size: 1.4em;padding: 25px 50px 25px 100px; text-decoration: none;}
 .whatsapp-setup{background-image:url('../images/whatsapp-icon.svg');color:#828282}   
 .mail-setup{background-image: url('../images/email-icon.svg');color:#850032}

 .program-item{ display: block; text-decoration: none; color: #000;padding: 20px 15px;
    border:2px solid #840132; border-radius: 25px; text-align: center;transition: all .2s ease-in-out;}
.program-item h4{ min-height: 62px; margin: 0; padding-bottom: 10px;; font-size: 1.4em; font-family: "Proxima Bold";}
.program-item h5{ min-height: 70px; margin: 0; padding-bottom:15px;font-size: 1.4em; max-width: 100%; border-radius: 50%; display: inline-block;}
.program-item img{max-width: 100%;border-radius: 50%;display: inline-block;}


.programlisting .row .col-lg-3,.program-item-blockin{ padding-left: 15px; padding-right: 15px; height: auto;}
.program-item:hover { color: #840132; }
@media (min-width: 768px)
{
.program-item{
    min-height: 400px;
}
}



footer{background-color: #850032;border-top-left-radius: 25px; border-top-right-radius: 25px; padding: 40px; color: #fff; font-size: .9em;} 
footer a  {color: inherit; text-decoration: underline;}
footer h4{ margin: 0; padding: 0 0 10px 0;font-family: "Proxima Bold"; font-size: 1.1em; } 
.socila-media a{ display: inline-block; margin: 0 6px;}
.socila-media a i{ font-size: 22px;}
.middle-footer > div{ padding-bottom: 30px;}
.bottom-footer div:nth-child(1){ font-family: "Proxima Bold"; ;}
.topfooter-blockin { padding-bottom: 20px;}
@media (min-width: 800px)
{
.blockin-sep{
    padding-left:30px; padding-right: 30px;
}
}


.logo{ display: inline-block;}
.logo img{  transition: 0.6s;}
.sticky header{ position:fixed;width: 100%;top: 0; z-index:999}

@media (min-width: 768px)
{
.img-fit img{ display: none;}
.img-fit{ background-position: center top; background-repeat: no-repeat; background-size:contain;}
}
@media (max-width: 767px)
{

.img-fit{ background-image: none!important;}
}

.form-wp{ padding:25px 5vw; background-color: #828282; border-radius: 50px; }
.form-wp .hint{ font-style: italic; font-size: .9em; padding-bottom: 20px; color: #fff;}
.form-group{ padding-bottom: 20px;}
.form-input{ width: 100%; border-radius: 3px; border:0; background-color: #fff; color: #000;  font-family: "Proxima Medium";;
font-size: .9 em; padding: 8px 12px}
.form-group > .iti{ display: block;}
.iput-radio-form{ position: relative; }
.iput-radio-form label{ display: block; text-align: center; padding: 8px; background-color: #fff; border-radius: 5px;
cursor: pointer; }
.iput-radio-form input[type="radio"]{ position: absolute;z-index: -1;}
.iput-radio-form input[type="radio"]:checked+label,.iput-radio-form input[type="radio"]:checked+em+label {
  background-color: #F3C318;
}
.form-group .form-label{color: #fff;    font-family: "Proxima Black";}
.form-group,.error-position-absolute{ padding-bottom: 30px; position: relative;}
.error-position-absolute .error{ position: absolute; bottom: -21px;left:0; white-space: nowrap;}


.iti{display:block;}
.iti__flag-container{ height:40px; bottom:auto}

.input-group.date{ position: relative;}
.input-group.date .input-group-append{ position: absolute; right: 1px; top: 3px;}

.form-group select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background-position: calc(100% - 12px) center !important;
    background:#fff url("../images/down-arrow.png") no-repeat;

}

.form-notification-info{ background: url("../images/sheet.svg") left top no-repeat; color: #fff; padding: 0px 0px 7px 50px; line-height: normal;}


.form-group select {
  color: grey;
}

.form-group select option {
  color: black;
}

.form-group select:has(option:checked:not([value])),
.form-group select:has(option:checked:not([value=""])) {
  color: black;
}

.form-group select:has(option:checked:not([value])) option,
.form-group select:has(option:checked:not([value=""])) option {
  color: black;
}

.hide {
  display: none;
}
.application-name{font-family: "Proxima Black"; margin: 0;padding: 0; font-family: "Proxima Black"; font-size: 1.5em;}

@media (min-width: 1200px)
{
  .application-name{padding-left: 8vw;}
  .aplplication-position{ transform: translateY(-100px);}
}

.contact-methods{color: #850032; font-size: 2.2em; font-family: "Proxima Bold";}
.contact-methods a{color: inherit; text-decoration: none;}
.contact-methods span{color: #000;font-family: "Proxima";}
.thank-you-banner-txt{font-size: 1.2em;}

.font-size13,.skill-item,#accordionCourses,.b-item-txt{font-size:1.3em}
.paddingsepvh{ padding:30px 20px;}
#accordionCourses .accordion-button,#accordionCourses .accordion-header{font-size:inherit}

.paddingleft1vw{padding-left:1vw}
.downloads{white-space:nowrap}


#goback {
  display: inline-block;
  background-color: #F3C318;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-decoration:none
}
#goback::after {
  content: "\f077";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#goback:hover {
  cursor: pointer;
  background-color: #828282;
}
#goback:active {
  background-color: #828282;
}
#goback.show {
  opacity: 1;
  visibility: visible;
}

.videobox{ position:relative}

.videobox video {
  width: 100%;
  height: auto;
}

@media (min-width: 768px)
{
.videobox video {
  height: 100%;
}
}


@media (max-width: 991px)
{
		#goback{display:none}
}



@media (max-width: 767px)
{

.banner-btn2.pt-5{
 padding-top:20px!important
}
.benefit-item{display:block;text-align:center}
.b-item-img{padding-bottom:10px}
.hidemobile{display:none}
.isprogram-wp .is-you{margin-bottom:20px}
.course-details-wp .wp-title{text-align:left!important;padding-left:0}
.wp-title{padding-bottom:25px;}
.study-plan-wp .wp-title{padding-bottom:5px;}
.study-item-right{background-color: #850032; }
.study-item-left{background-color: #828282;margin-bottom:20px;}
.ctime-top-left{border-top-left-radius:50px;border-bottom-right-radius:0}
.ctime-bottom-right{border-top-left-radius: 0px;border-bottom-left-radius: 50px; padding-bottom:35px!important}
.instructors-list .slick-prev,.instructors-list  .slick-next{top:30%}
.isprogram-wp .container .col-md-7{padding:0}
.is-you{background-color:transparent;padding-top:10px}
.is-you > div+div{ background-color:#850032;padding:20px;border-bottom-left-radius: 50px;}
.ispr-label{color:#000;padding-bottom:5px;padding-top:10px}

.you-have{background-color:transparent;padding-top:10px}
.you-have > div+div{ background-color:#828282;padding:20px;border-bottom-right-radius: 50px;}
.ispr-label{color:#000;padding-bottom:5px;padding-top:10px;padding-left:12px}
.thank-you-wp.wp-sep{padding-top:0}

}

@media (max-width: 575px)
{
.general-btn{display:block; text-align:center}
.courses-properties-wp{ width:55%;margin:0 auto}
.course-properties > div{padding:25px;}
.instructors-wp .grey-bg{background:#fff; padding:0 35px;}
.otherprograms-wp .container {padding-left:35px;padding-right:35px;}
.wp-sep{padding-top:25px;padding-top:25px;}
footer{padding-left:0;padding-right:0}
}

