/*
 * Globals
 */


body {
  font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  line-height: 1.618;
}

html{
  scroll-behavior: smooth;
/*   -webkit-overflow-scrolling: touch; */
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* text-transform: capitalize; */
  font-weight: normal;
  line-height: 1.5
}
h1, .h1{font-weight: 300}
/* h2, .h2{text-transform: uppercase;} */
main h2{color:#FF005A}
a,a:hover{color:#0071A9}
.aaa-pink-text{color:#FF005A}
.aaa-yellow-text{color:#FBDE3F}
.text-black{color:#000}
.text-grey{color:#bababa}
.hover-no-underline:hover{text-decoration: none;}
.page-section{padding-top:4rem; padding-bottom:4rem}
.page-section-top{padding-top:4rem}
.page-section-bottom{padding-bottom:4rem}
.page-small-section{padding-top:2rem; padding-bottom:2rem}
.page-small-section-top{padding-top:2rem}
.page-small-section-bottom{padding-bottom:2rem}
.page-large-section{padding-top:6rem; padding-bottom:6rem}
.page-large-section-top{padding-top:6rem}
.page-large-section-bottom{padding-bottom:6rem}
.margin-center{margin-left:auto; margin-right:auto}
.grey-border-bottom{border-bottom:1px solid #ccc}

.semibold{font-weight: 600}
.font-bold,strong,.strong{font-weight: 700}
.font-light{font-weight: 300}
.uppercase{text-transform: uppercase;}
.small-font{font-size:14px}
.large-font{font-size:18px}
.normal-font{font-size:1rem!important; }
.normal-weight{font-weight: 400!important}
.hideOnDesktop{display:none!important}
.hideOnMobileBlock{display:block!important}
.hideOnMobileFlex{display:flex!important}

.shadowed-box-wrap{box-shadow: 0 16px 32px rgba(0,0,0,0.25)}
.max-width-content{max-width: 850px; margin: 0 auto;}


header{padding-top:2rem;padding-bottom:2rem;background-color:transparent; color:#fff;position: fixed; top:0; left:0;right:0; width:100%; z-index: 9; transition: padding .3s ease}
.page-on-scrolling header{padding-top:1rem; padding-bottom:1rem;background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(18px)}
.logo-col{flex: 1 1 auto; padding: 0 1rem;}
.header-logo-link svg{width:280px; height:56px}
.full-nav-col{display:flex; flex: 0 0 auto; align-items: center}
.header-logo-link{display: inline-block; height:48px}
/* .header-logo-link svg{width:48px; height:auto} */
.header-links-col{display: flex; align-items: center}
.header-links-col a{margin-right:1rem}
.page-banner-container{height:540px; background-color:#000; color:#fff; }
.home-banner-container{height:720px}
.page-section-banner{background-color: #efefef;height: 100%;background-size: cover;background-position: center;position: relative;overflow: hidden;background-blend-mode: luminosity}
.page-section-banner::after{content:''; width:100%;height:100%; background-color: #00000050; background: radial-gradient(circle, rgba(0,0,0,0.3) 50%, rgba(0,0,0,1) 100%); z-index: 2; position: absolute;top:0;left:0}
.page-section-video{position: absolute;  top: 50%;left: 0; height: auto;transform: translateY(-50%);filter: grayscale(1);}
.banner-content-container{display: flex;z-index: 3; align-items: center;justify-content: center;text-align: center;}
.home .banner-content-container{position: relative; z-index: 3; padding-top: 8rem; display: block; text-align: left}
.banner-content-container h1{line-height: 1.2; font-size:3.5rem}
.banner-content-container h1 span{color:#fff}

.banner-content-row{padding:0 15px}
.circles-spin-row{margin-top:3rem; margin-bottom:3rem}
.banner-circle-col{display: flex; justify-content: center}
.banner-circle{display:flex; width:160px; height:160px; border-radius:80px;position:relative; background-color:rgba(0,0,0,0.5); justify-content:center; align-items:center;font-size:14px;font-weight:300; box-shadow: 0px 0 18px 0 rgba(0,0,0,0.5); color:#fff}
.banner-circle:hover{text-decoration: none;color:#fff}
.banner-circle::before{content:''; display: block; position: absolute; width:180px; height:180px; border-radius:90px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #FBDE3F;transition: border .5s ease}
.banner-circle:hover::before{border:15px solid #FBDE3F}
.banner-circle-col:nth-child(1) .banner-circle::before{animation: dashspin1 1s; transform: rotate(-135deg)}
.banner-circle-col:nth-child(2) .banner-circle::before{animation: dashspin2 1s;transform: rotate(0)}
.banner-circle-col:nth-child(3) .banner-circle::before{animation: dashspin3 1s;transform: rotate(135deg)}
.oba-notes{font-style: italic; font-weight: 600}
.container-w-grey-bg{background-image: linear-gradient(325deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 40%, rgba(0,0,0,0) 40%), linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 30%, rgba(0,0,0,0) 30%); background-position: top left, bottom right; background-attachment:fixed;}
.home-form-wrap{margin:2rem 5.5rem; padding:2rem; background-color:#fff; animation: fadeInUp 1s; animation-delay: .3s; animation-fill-mode: both;}
.page-form-wrap{margin:2rem 5.5rem;padding:2rem; background-color:#fff;}
@keyframes dashspin1 { from{transform: rotate(-720deg)} 	to{transform: rotate(-135deg)} }
@keyframes dashspin2 { from{transform: rotate(-720deg)} 	to{transform: rotate(0)} }
@keyframes dashspin3 { from{transform: rotate(-720deg)} 	to{transform: rotate(135deg)} }
@keyframes fadeInUp {from{transform: translateY(100%);opacity:0}  to{transform: translateY(-7.5rem);opacity:1}}

.page-banner-container h1{color:#FBDE3F}
.page-h1-sub{font-size:1.75rem; font-weight: 300; font-style: italic; line-height: 1.2}
.single-post-main-container{margin-top:-8rem; background-color:#fff; position: relative;   z-index: 3; margin-bottom:4rem}

.programs-container h2,.related-programs-container h2{color:#FF005A}
.frontpage-content-row{color:#fff;margin-bottom:4rem}
.frontpage-content-row,.related-programs-container{background:#292929;  padding-bottom:0; position: relative}
.frontpage-content-row::before,.related-programs-container::before{content:''; width:100%;height:10vw; background-color: #292929; transform: skewY(5deg);position: absolute; bottom: -5vw;}
.related-programs-container::before{transform: none; bottom:-10vw; clip-path: polygon(100% 0, 0 0, 100% 100%)}
.frontpage-content-row .faculty-description, .frontpage-content-row .program-cards-row{color:#fff}
.faculty-description{font-weight:300}
.program-card{overflow: hidden;  height:360px; border-radius:5px; border:1px solid #7d7d7d;padding:1rem; background-color:#292929; color:#fff; background-blend-mode:luminosity; position:relative;display: flex; align-items: flex-end;background-size: cover;background-position: center}
.program-card::before{content:''; width:100%; height:100%; background-image:linear-gradient(180deg, rgba(0,0,0,0) 66.66%, rgba(0,0,0,0.8) 100%);position: absolute; top:0; left:0; right:0; bottom:0}
.program-title{position: relative; z-index: 1; text-align: center; width:100%}
.program-hover-panel{width:100%; height:100%; background-color:rgba(250,250,250,0.75);position: absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; display:flex; justify-content: center; align-items: center; opacity:0; visibility: hidden; transition: opacity .3s ease}
.program-card:hover .program-hover-panel{opacity:1; visibility: visible;}
.faculty-section-anchor{display: block; position: relative; top: -80px; visibility: hidden;}
#faculty-section-beauty{background-image:url(../images/f2-bg.png),linear-gradient(0, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%), linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 30%, rgba(0,0,0,0) 30%); background-repeat: no-repeat;background-position: center left;background-attachment: fixed}
/* #faculty-section-makeup h2{margin-top:4vw} */
#faculty-section-hair {background-image:repeating-linear-gradient(-10deg,#f4f4f4,#f4f4f4 10px,#fff 10px,#fff 24px);background-position: bottom right;background-attachment: fixed; position:relative; overflow: hidden}
#faculty-section-hair::before {content:''; width:100vw;height:17.63vw; background-color: #fff; transform: skewY(-10deg);position: absolute; top: -8.815vw; z-index: 0}
#faculty-section-hair::after {content:''; width:100vw;height:17.63vw; background-color: #fff; transform: skewY(10deg);position: absolute; bottom: -8.815vw; z-index: 0}
.stripes-bg{background-image:repeating-linear-gradient(-10deg,#f4f4f4,#f4f4f4 10px,#fff 10px,#fff 24px);background-position: bottom right;background-attachment: fixed; position:absolute; right:0; bottom:0; width:100%; height:100%; clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 70%);}
.faculty-content-container{position: relative; z-index: 2}
.program-card-col{margin-bottom:2rem}
/* .related-programs-container{margin-bottom:5rem} */

.single-post-default-content p{margin: 0}
.program-details-col{display: flex; flex-direction: column; justify-content: center}
.program-details-col h3{font-size:1.25rem; color:#FF005A;margin-bottom:0}
.program-img-col{display:flex; justify-content: center; align-items: center;position: relative; overflow: hidden}
.img-wraper{width:100%;  padding:0 1rem }
.img-wraper img{width:100%; height:auto; filter:grayscale(1)}


.accordion .card{border:0; border-bottom:1px solid #ccc!important; border-radius: 0; }
.accordion .card:last-child{border-bottom:1px solid #fff!important;}
.accordion .card-header{padding:0;border:0;background-color:#fff;}
.accordion .card-header .btn-link{width:100%; text-align: left; color:#FF005A; font-size:1.25rem; font-weight: 400; text-transform: uppercase; display: flex; justify-content: flex-start; align-items: center; border:0; padding:1rem 0 }
.accordion .card-header .btn-link.collapsed{color:#2E2E2E}
.accordion .card-header .btn-link::before{display: block; content: url("../images/arrow-left.svg"); margin-right: 15px; color: #0071A9; transition: transform 0.2s ease 0s;transform:rotate(90deg)}
.accordion .card-header .btn-link.collapsed::before{transform:rotate(-90deg)}
.accordion .card-header .btn-link:hover,.accordion .card-header .btn-link:focus{text-decoration: none;}
.accordion .card-body{padding:1rem;border-top: 1px dotted #e0e0e0;}
.accordion .card-body p:last-child{margin-bottom:0}

.salon-location-dropdown{ margin-top:1rem; font-size: 20px;
  border-radius: 5px;
  border:2px solid #ffffff80;
  color:#FBDE3F;
  -webkit-appearance: none;
  padding: 8px 32px;
  background-color: rgba(255, 255, 255, .1);
  background-image: url(../images/arrow-down-2.svg), url(../images/marker-dropdown.svg);
  background-position: right center, left center;
  background-repeat: no-repeat;}
.salon-location-dropdown option{color:#000}

.gform_wrapper.gf-request-info-form_wrapper .gfield_select{ height:36px;border:0; border-radius:0; border-bottom: 1px solid #00C7FF;background-color: transparent}
.gform_wrapper.gf-request-info-form_wrapper  textarea{margin-top: 16px; border-color:#E1E1E1;background-color: transparent}
.gform_wrapper.gf-request-info-form_wrapper  li.hidden_label input{margin-top: 0}
.gform_wrapper.gf-request-info-form_wrapper  input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){border:0; border-radius:0; border-bottom: 1px solid #00C7FF;background-color: transparent}
.gform_wrapper.gf-request-info-form_wrapper  .gfield_html{font-size:14px}
.gform_wrapper.gf-request-info-form_wrapper  .gform_footer{margin:0;padding-bottom:0;display: flex; justify-content: center}
.gform_wrapper  .gform_footer input.button, .gform_wrapper.gf-request-info-form_wrapper  .gform_footer input[type=submit]{margin:0; display: inline-block; height:44px; border-radius:2rem; padding:8px 20px; text-decoration: none; background-color:#00C7FF; color:#fff; border:1px solid #00C7FF; transition: color .2s, background-color .2s, border-color .2s}
.gform_wrapper  .gform_footer input.button:hover, .gform_wrapper.gf-request-info-form_wrapper  .gform_footer input[type=submit]:hover{color:#00C7FF; background-color: #fff}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{margin-top:0}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{margin-top:1px}
footer{background-color:#f5f5f5}
.footer-menu{width:100%}
#menu-footer-menu{display: flex; justify-content: space-between;}
#menu-footer-menu, #menu-footer-menu .sub-menu{list-style: none; padding:0}
#menu-footer-menu a{color:#2e2e2e; font-weight: bold}
#menu-footer-menu .sub-menu a{ font-weight: 300}
#menu-footer-menu>li{margin-bottom:1rem;padding:1rem}
.partner-logo-col{display: flex; justify-content: center; align-items: center}
	.aaabbb-btn{display:inline-block; height:44px; border-radius:2rem; padding:8px 20px; text-decoration: none; background-color:#00C7FF; color:#fff; border:1px solid #00C7FF; transition: color .2s, background-color .2s, border-color .2s}
	.aaabbb-btn:hover{text-decoration: none; color:#00C7FF; background-color: #fff; }
	.aaabbb-white-btn{border:1px solid #fff; background-color:transparent}
	.aaabbb-white-btn:hover{background-color:#ffffff80;color:#000}
	.aaabbb-hl-btn{border:1px solid #FF005A; background-color:#FF005A}
	.aaabbb-hl-btn:hover{background-color:#FF005A80; color:#fff}


	#menu-main-menu{padding:0; margin:0; list-style: none}
  #menu-footer-menu>li{margin-bottom:0}
	#menu-main-menu li a{display: inline-block; font-weight: bold; text-transform: uppercase; padding:0.375rem 1rem; color:#fff}
	.menu-btn-wrap{width:44px; height:44px;margin-right: 12px; font-size:40px; display: flex; align-items: center; cursor:pointer}
	.full-menu{ color: #fff; position: fixed; height: 100%; width: 100vw; padding-top: 1rem; padding-bottom: 1rem; background-color:rgba(0,0,0,0.95); top: 0; right: 0; z-index: 18;  overflow-y: auto; transition: transform .5s ease}
	.full-menu-from-bottom{color:inherit; background-color:rgba(255,255,255,0.95);     backdrop-filter: blur(18px);}
	.full-menu-container{position: relative; height:100%; display:flex; align-items:center; justify-content: center}
  .full-form-container{ height:100%}

	.full-menu-closer{position: absolute; right:1.5rem; top:2rem; cursor:pointer;}

  .mobile-float-ctas{display:none}
  .footer-credit-row{margin-bottom:0;padding:2rem 0; align-items: flex-end;justify-content: space-between}
@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
  .hideOnMobileBlock{display:none!important}
  .hideOnMobileFlex{display:none!important}
  .hideOnDesktop{display:block!important}
  .page-section{padding-top:2rem; padding-bottom:2rem}
  .page-section-top{padding-top:2rem}
  .page-section-bottom{padding-bottom:2rem}
  .page-small-section{padding-top:1rem; padding-bottom:1rem}
  .page-small-section-top{padding-top:1rem}
  .page-small-section-bottom{padding-bottom:1rem}
  .page-large-section{padding-top:3rem; padding-bottom:3rem}
  .page-large-section-top{padding-top:3rem}
  .page-large-section-bottom{padding-bottom:3rem}
  .single-post-main-container{margin-top:0}

  .single-programs .single-post-main-container{margin-top:-320px;}
  /* .single-post-main-container .img-wraper{display: none} */
  .home-banner-container{height:400px}
  .banner-content-container h1{font-size:1.75rem}
  .home-form-wrap, .page-form-wrap{margin-left:0; margin-right:0}
  @keyframes fadeInUp {from{transform: translateY(100%);opacity:0}  to{transform: translateY(0);opacity:1}}
  #menu-footer-menu{display: block}
  .logo-col{padding:0 0 0 15px}
  .circles-spin-row{margin-top:1.5rem; margin-bottom:0}
  .banner-circle{border-radius: 5px; min-width:200px; max-width:100%; height:auto; padding:.5rem 1rem; margin-bottom:.75rem; font-size:18px; background-color:rgba(0,0,0,0.67);box-shadow: none}
  .banner-circle::before{display: none}
  .mobile-float-ctas{position:fixed;bottom:0; left:0; right:0; width:100%;height:3rem; background-color:#FF005A; display:flex; justify-content:space-around; align-items:center;z-index: 9}
  .mb-float-cta-col{}
  .mobile-float-ctas .mb-float-cta{color:#fff;display:flex; flex: 0 0 50%;   max-width: 50%;height:100%; align-items: center; justify-content: center;}
  .mobile-float-ctas .mb-float-cta:last-child{border-left:1px solid rgba(0,0,0,0.25)}
  .footer-credit-row{margin-bottom:3rem;padding:1rem 0; justify-content: flex-end}
  .oba-notes{font-size: 14px; font-weight: normal}
  .program-card-col{margin-bottom: 1rem}
  .program-details-col{margin-top: 1rem}
}
@media screen and (max-width: 767px) {
header{padding-top:1rem;padding-bottom:1rem}
.page-on-scrolling header{padding-top:.5rem;padding-bottom:.5rem}
.header-logo-link svg{width:240px; height:48px}
.page-h1-sub{font-size: 1.25rem;margin-top:.5rem}
.home .banner-content-container{padding-top:5rem}
.banner-content-container h1{font-size:2.25rem }
.home .banner-content-container h1{text-align: left}
.banner-location-section{padding-top:2rem}
.banner-circle{ min-width:250px }
/* .banner-campus-col{margin-bottom:.5rem} */
.banner-campus-col .aaabbb-white-btn{border-color:transparent;background-color:transparent}
.home .page-banner-container{height:540px}
.page-banner-container{height:400px}
.faculty-content-container{background-color: #ffffff;padding-top:1rem}
.oba-notes{font-size: 13px; padding-right:0}

}

@media screen and (max-width: 449px) {
}