@font-face {
  font-family: 'AvenirNext-Regular';
  src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNext-Regular.woff') format('woff'), url('../fonts/AvenirNext-Regular.ttf')  format('truetype'), url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirNext-Bold';
  src: url('../fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNext-Bold.woff') format('woff'), url('../fonts/AvenirNext-Bold.ttf')  format('truetype'), url('../fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirNext-Medium';
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNext-Medium.woff') format('woff'), url('../fonts/AvenirNext-Medium.ttf')  format('truetype'), url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext-UltraLight';
  src: url('../fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNext-UltraLight.woff') format('woff'), url('../fonts/AvenirNext-UltraLight.ttf')  format('truetype'), url('../fonts/AvenirNext-UltraLight.svg#AvenirNext-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

	




a{
    color:#c82027;
}
a:hover, a:focus{
  color:#8c1217;
}
body, html { width: 100%; font-family: 'AvenirNext-Regular';}
html{overflow-x: hidden;}
a {text-decoration: none; outline: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover{text-decoration: none;}
.container{max-width: 1468px;}
.pl10{padding-left:10vw;}
.pr10{padding-right:10vw;}
.large-text{font-size:21px; line-height:1.5;}
/* header css*/
#header{position: absolute; top: 0; background: #fff; margin-top: 0px; z-index: 11;}
.header_wrap{display: flex; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px;}
.nav_icon_wrap ul{padding: 0; margin: 0; list-style: none;}
.nav_icon_wrap li{display: inline-block; vertical-align: middle; padding-left: 60px; text-align: center; color: #c82027;
 font-family: 'AvenirNext-Bold'; font-size: 14px; font-weight: 900;text-align: center;text-transform: uppercase;}
.nav_icon_wrap li img{display: block; width:25px; height:25px; margin:0 auto 4px;}
.nav_icon_wrap li a{color: #c82027;}
.nav_icon_wrap .search_wrap form{display: inline-block; vertical-align: bottom;}
.nav_icon_wrap .search_wrap a{display: inline-block;}
.search_wrap .form-control{border: none; padding: 0; height: 0; transition: all 0.5s; width: 0;}
.search_wrap .form-control:focus{box-shadow: none;outline: none;}
.search_wrap.active .form-control{border: none; height: auto; border-radius: 0; border-bottom: 1.8px solid #c82027; transition: all 0.5s; width: 180px;}
.logo img {
    /* max-width: 155px;*/
}
.shrink#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.nav_icon_wrap li a svg {
    width: 27px;
    height: auto;
    display: block;
    margin: 0 auto 5px;
}
.nav_icon_wrap li a svg, .nav_icon_wrap li a path, .nav_icon_wrap li a svg *{ stroke:#c82027 !important}
.nav_icon_wrap li a:hover{color:#34312f}
.nav_icon_wrap li a:hover svg, .nav_icon_wrap li a:hover  path, .nav_icon_wrap li a:hover svg *{ stroke:#34312f !important}
.nav_icon_wrap li a.mem11:hover svg, .nav_icon_wrap li a.mem11:hover path{fill:#34312f !important;}


.mobile_icon_nav li a svg {
    width: 23px;
    display: block; stroke:#c82027 !important;
    margin: 0 auto 5px;
}
.mobile_icon_nav li a svg *{stroke:#c82027 !important;}


.header__nav-button {background: transparent; width: 37px; margin-top: -12px; margin-left: 66px; height: 30px;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.header__nav-button:hover, .header__nav-button:focus {  outline: none; }
.header__nav-button > span {   background: #c82027; display: block; position: absolute; height: 2px; width: 27px; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);   -webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);   -o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);   transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) { top: 8px; left: 10px; }
.header__nav-button > span:nth-child(3) {top: 16px; }
.header__nav-button.header__nav-button_open > span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.header__nav-button.header__nav-button_open > span:nth-child(2) { opacity: 0;left: -60px; }
.header__nav-button.header__nav-button_open > span:nth-child(3) { top: 8px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg); }

.header__nav-button i {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    top: 29px;
    position: absolute; color: #c82027;
 font-family: 'AvenirNext-Bold'; 
}
@media (min-width: 768px){
	.scndry_menu .nav{
		transform: skewX(-10deg) !important;
	}
	.scndry_menu .menu{
		transform: skewX(10deg) !important;
	}
	
	.scndry_menu .nav-submenu{
		transform: skewX(-10deg) !important;left: -65px !important;
	}
	.scndry_menu .menu.subb{
		transform: skewX(10deg) !important;
	}
}

.nav_section_wrap{display: flex; height: 100vh;}
.nav_wrap{width: 20%;/* padding-top: 25%;*/ padding-left: 20px; background: #c82027; transform: skewX(-10deg); /*position: relative;*/ z-index:3; position: absolute; height:101vh;}
.nav_wrap:after{content: ""; width: 999px; left: -997px; top: 0; height: 100%; background: #c82027; position: absolute; display: block; }
.nav_wrap ul{transform: skewX(10deg); list-style: none; padding: 0; margin: 0; position: relative; z-index: 2; display: flex; height: 100%; justify-content: center; flex-direction: column; left:18%;}
.nav_wrap ul li{  color: #f8e6d2; font-family: 'AvenirNext-Bold';font-size: 25px;line-height: 45px;}
.nav_wrap ul li a{color: #f8e6d2;}
.nav_wrap ul li a.active{color:#34312f}
/*.nav_wrap ul li a:hover, .nav_wrap ul li a:focus{color: #fff;}*/
/*.nav_wrap ul li:hover > .nav-submenu{opacity: 1; display: block;}*/
.nav_wrap .nav-submenu{padding-top: 0; z-index: 5; position: absolute;left: 80%; top: 0; transform: skewX(-10deg); background: #34312f;}
.nav_wrap .nav-submenu ul{display: flex; flex-direction: column; justify-content: center; height: 100%; transform: skewX(10deg); padding-left:6%;}
.nav_wrap .nav_element{ color: #34312f; font-family: 'AvenirNext-Bold';font-size: 25px;line-height: 45px;}
.nav_wrap  .nav_element a{  color: #f8e6d2;} 

.inner_page_headerwrap .tablet-show{display: block;}

.bottom_nav{position: absolute; bottom: 50px; /*left: 25px;*/ left: 25%; transform: skewX(10deg); padding: 0 15px;z-index:9999;}
.bottom_nav p{color: #34312f; font-size: 11px; font-family: 'AvenirNext-Bold'; text-transform: uppercase; margin:0;}
/*.bottom_nav a:after{background: #34312f; content: ""; width: 999px; height: 100%; position: absolute; left: -995px; top:0;}*/
.bottom_nav a{position: relative;  background: #34312f; display: block; margin-top: 5px; font-size: 11px; color: #F8E6D2; font-family: 'AvenirNext-Bold'; text-transform: uppercase; padding: 8px 15px; }
ul.submenu{padding-left: 20px; list-style: none; display: none;}
/* header css end*/

#overlay_menu{position: fixed; top: 0;  left: -100%; opacity: 0; transition: 0.5s ease all;  width: 100%;  box-shadow: 0px 2px 15px 5px rgba(99,99,99,0.5); z-index: 10; height: 100vh; background: #fff; }
.nav{width: 305px; float: left; padding-top: 25%; transform: skewX(-5deg); position: relative; z-index: 3; background: #fff;}
.menu{transform: skewX(10deg); padding:0 30px; list-style: none;  margin: 0; position: relative; z-index: 2;}
.menu.subb{transform:skewX(10deg);}
.nav_element{ color: #34312f; font-family: 'AvenirNext-Bold';font-size: 25px;line-height: 45px;}
.nav_element a{  color: #34312f;}
.nav-submenu{width: 455px; /*opacity: 0;*/ display: none;  float: left; height: 100%;  padding-top: 25%;  background: rgba(52,49,47,0.03); transform: skewX(-10deg); position: relative; left: -100px; padding-left: 10%;}

.nav_element a:hover{color: #c82027;}
#overlay_menu.active{opacity: 1; left: 0; }
.nav-submenu.active{opacity: 1; display: block;}
#overlay_menu .container{display: flex; height: 100%;}
#overlay_menu .bottom_nav{transform: skewX(5deg);  z-index: 3; padding: 0 15px;} 
.bottom_nav{display:none;}
.new_homepage .bottom_nav{display:block;}

.menu_active .banner_wrap h2{visibility: hidden; }

.tablet-show{display: none;}
.nav_icon_wrap {
    display: flex;
    align-items: center;
}
.inner_page_headerwrap#header{position: relative; margin-top: 0;}


/* banner css*/
.banner_wrap{padding-top: 13vw; padding-left: 9vw; WIDTH:100%;/*padding-top: 0px; padding-left: 5%;width: 80%;*/display: flex; justify-content: space-between;}
.banner_wrap h2{ color: #34312f;
  font-family: Baskerville;
  font-size: 120px;  width: 40%;
  font-weight: 400;
  line-height: 120px; margin-left:15%}  
  .banner_right_side{/*width: 60%;*/ padding-bottom: 90px; display: flex; position: relative;
    flex-direction: column; min-height:450px;
    justify-content: space-between;}
    .chat_icon{position: absolute; right: 0; bottom: 15px;
}

.callout_wrap{display: flex; justify-content: flex-end;} 
.callout_wrap div{padding: 0 25px; }
.callout_wrap div~div{border-left:solid 3.6px #c82027;} 
.callout_wrap h4{  color: #c82027;font-family: 'AvenirNext-Bold';font-size: 17px; text-transform: uppercase; margin:0;}
.callout_wrap h3{color: #c82027; font-family: 'AvenirNext-Bold';font-size: 36px; margin: 0;  }
.enroll_wrap{text-align: right; position: relative;}
.enroll_wrap:after{content: ""; /*width: 999px;*/ position: absolute; height: 100%; /*right: -995px;*/ top: 0; display: block; background:#c82027;}
 .enroll_wrap a {color: #f8e6d2; background:#c82027;font-family: 'AvenirNext-Bold'; font-size: 36px; padding: 26px 30px; padding-right:240px; display: inline-block;line-height: 1;}
/* oir legancy section css*/
.our_legancy{  background: #c82027 url(../img/Background-Drawing.png) no-repeat top right;  padding-top: 260px; position: relative;}
.our_legancy:after{content: ""; clip-path: polygon(0 0, 100% 100%, 100% 0); position: absolute; z-index: 2; left: 0; height: 138px; width: 100%; bottom: -137px; background:#c82027; display: block; }
.history_wrap{display: flex; align-items: center; margin-bottom: 40px;}
.history_wrap .history_text p b{text-transform: uppercase; font-family: 'AvenirNext-Bold'; display: block;}
.history_wrap .history_text p{ color: #f8e6d2; font-family: 'AvenirNext-Medium';font-size: 17px; font-weight: 400; line-height: 28px;}
.count h3{  color: #f8e6d2;font-family: 'AvenirNext-Bold'; font-size: 130px; text-align: center; letter-spacing: -1.925926px; margin:0;}
.history_wrap .history_text{width: 145px;}
.our_legancy_wrap{display: flex; align-items: flex-end; padding-bottom: 40px;}
.our_legancy_wrap .head h2{ color: #f8e6d2; margin:0; font-family: 'AvenirNext-UltraLight'; font-size: 100px; font-weight: 400;line-height: 100px;text-transform: uppercase;}
.legancy_text { max-width: 640px; margin-left: 40px;}
.legancy_text  p{  color: #f8e6d2;font-family: 'AvenirNext-Medium';font-size: 17px;font-weight: 400; line-height: 23px;}

/* our legancy section css end*/

/* join section css*/
.join_wrap{ background: #f8e6d2; padding-top: 175px; padding-bottom: 103px;}
.join_wrap .container{max-width: 1029px;}
.join_wrap label{  color: #34312f; font-family: 'AvenirNext-Bold';font-size: 17px;font-weight: 400;line-height: 19px;text-transform: uppercase; margin-bottom: 0;}
.join_wrap .input-group{border-bottom: 3.6px solid #c82027; }
.join_wrap .form-control{background: transparent; border: none; border-radius: 0;   color: #34312f; padding: 0;font-family: 'AvenirNext-UltraLight';font-size: 50px; font-weight: 400;text-transform: uppercase; opacity: 0.4975539;}
.join_wrap .btn-submit{width: 56px; background: transparent; border: none; border-radius: 0;}
/* join section css end*/

/* calendar section css*/
.calendar_wrap{background: url(../img/calendar-bg.jpg) no-repeat;padding: 89px 63px 180px; background-size: cover; position: relative;}
.calendar_wrap:after{content: ""; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #000; position: absolute; bottom: -1px; left: 0; width: 100%; height: 127px;}
.calendar_head h2{  color: #f8e6d2;font-family: 'AvenirNext-UltraLight';font-size: 100px;font-weight: 400;line-height: 100px;text-transform: uppercase;}
.calendar_grid{display: flex;padding-left: 7%; padding-right: 4%; margin-top: 60px; }
.first_colum{width: 20%; padding: 0 5px;}
.single_calendar{background: #000; padding: 30px; margin-bottom: 10px; cursor: pointer; position: relative;}
.single_calendar .month{  color: #f8e6d2;font-family: 'AvenirNext-Bold'; font-size: 17px; margin-bottom: 0;font-weight: 400;line-height: 28px;letter-spacing: -0.1455625px; }
.single_calendar .date{color: #f8e6d2;font-family: 'AvenirNext-Bold'; font-size: 64px;font-weight: 400;letter-spacing: -0.02461538px; margin:0;}
.single_calendar p{margin-bottom: 0;   color: #ffffff;font-family: 'AvenirNext-Bold';font-size: 17px;font-weight: 400;line-height: 21px;text-transform: uppercase;}
.single_calendar p.detail{color: #f8e6d2; font-family: 'AvenirNext-Regular';}
.single_calendar p.workshop {color: #c82027;}
.single_calendar .overlay{position: absolute; opacity: 0; transition: 0.5s ease all;  top: 0; left: 0; background:  #c82027; width: 100%; height: 100%; padding: 36px 27px; display: flex;flex-direction: column;justify-content: space-between; }
.view-link{border-top: solid 3.6px #f8e6d2; padding-top: 5px;   color: #f8e6d2;font-family: 'AvenirNext-Bold'; font-size: 17.5px; font-weight: 400; line-height: 29px; text-transform: uppercase; letter-spacing: -0.1455625px;}
.arrow-link{   color: #f8e6d2; text-align: right;   border-bottom: solid 3.6px #f8e6d2}
.arrow-link:hover, .view-link:hover{color: #fff;}
.single_calendar:hover .overlay{opacity: 1;}
.sec_colum{margin-top: 45px;}
.three_colum{margin-top: -126px;}
.four_colum{margin-top: -80px;}
.five_colum{margin-top: 45px;}
/* calendar section css end*/

.art_programs_wrap{background: #000; padding-top: 80px; padding-bottom: 30px;}
.art_wrap{display: flex; overflow: hidden;}
.art_video{width: 75%; background: url(../img/video-bg.jpg); background-size: cover; background-position: center; position: relative; padding-bottom: 102px;}
.art_video:after{content: ""; transition:0.2s ease all; width: 100%; height: 100%; background: rgba(200,32,39,0.75); position: absolute;top:0; left: 0; display: block;}
.art_video_inner{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
.art_video:hover:after{clip-path: polygon(0 0, 85% 38%, 100% 100%, 0% 100%); width:95%}

.art_video h2{color: #F8E6D2; font-family: 'AvenirNext-UltraLight'; font-size: 100px; text-transform: uppercase; padding-left: 66px;}
.watch_video{ background: #34312f; width: 271px; padding: 8px 15px;  text-align: right;}
.watch_video a{  color: #F8E6D2;font-family: 'AvenirNext-Bold';font-size: 17.85px; text-transform: uppercase;}
.art_detail{width: 25%; transition:0.2s ease all; background: #34312F; cursor:pointer; padding-top: 95px; padding-bottom: 102px; padding-left: 13px; padding-right: 56px; position: relative;}
.art_detail:after { content: ""; clip-path: polygon(100% 0, 0% 100%, 100% 100%);background: #34312F; width: 52px; height: 100%; position: absolute; top: 0;left: -51px; z-index: 3;}
.art_detail:hover, .art_detail:hover:after{background:#f8e6d2}
.ms-video-btn { position: absolute;  z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%);display: block;  z-index: 2;}
.ms-video-btn::after {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 22px; border-color: transparent transparent transparent #F8E6D2;-webkit-border-radius: 1px;-moz-border-radius: 1px; border-radius: 1px; content: ""; }
.ms-video-btn:hover::after { border-color: transparent transparent transparent #fff; }

.video_art{display:none; position: absolute; width: 100%; height: 100%; top: -100%; left: 0;opacity: 0; transition: 0.5s ease all;background: #000; z-index: 2;}
.video_art.active{opacity: 1; top: 0; display:block;}
.video_art video{position: absolute; top: 0; height: 100%; left: 0; z-index: 3; width: 100%; }
.art_video_list {  position: absolute; width: 100%; height: 100%; top: 0; left: -100%; opacity: 0; transition: 0.5s ease all; background: #34312F; z-index: 2;opacity: 0; overflow-y: auto;/*transition: visibility 0s linear 300ms, opacity 300ms;*/}
.art_video_list.active{opacity: 1; left: 0;  /*transition: visibility 0s linear 0s, opacity 300ms;*/}
.art_video_list ul { list-style: none; padding: 15px 53px 15px 15px; margin: 0; display: flex;flex-wrap: wrap;}
.art_video_list ul li {width: 25%; padding: 7.5px; position: relative;}
.art_video_list ul li a{display: block;}
.art_video_list ul li .ms-video-btn {
    opacity: 0;
    transition: 0.5s ease all;
    background: rgba(0,0,0,0.5);
    width: auto;
    height: auto;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    transform: none;
}
.art_video_list ul li:hover  .ms-video-btn{opacity: 1;}
 .model-close { position: absolute; right: 15px;  top: 0; z-index: 5;font-size: 39px; color: #fff;}
 .model-close:hover{color: #fff; text-decoration: none;}




.art_detail h4{ color: #f8e6d2;font-family: 'AvenirNext-Bold';font-size: 17px;line-height: 17.49045px;text-transform: uppercase;}
.art_detail h3{  color: #f8e6d2; font-family: 'AvenirNext-Bold';font-size: 36px;font-weight: 700; line-height: 39.8px; margin-bottom: 210px;}
.download_btn{  border-bottom: solid 3.6px #f8e6d2; display: block;  color: #f8e6d2;font-family: 'AvenirNext-Bold';  font-size: 17px;line-height: 23px;text-transform: uppercase; letter-spacing: -0.1484738px;}
.download_btn span{float: right;}
.download_btn:hover{color: #fff; border-bottom-color: #fff}

.art_detail:hover h4, .art_detail:hover h3{color:#34312f}
.art_detail:hover .download_btn{color:#34312f; border-color:#34312f}

.program_box_container{background: #fff; margin-top: 20px; padding-bottom: 15px;}
.program_box_wrap{display: flex; flex-wrap: wrap; }
.adult_box{width: 25%; transition:0.5s ease all; height: 251px;display: flex;flex-direction: column; justify-content: flex-end; background: #000; padding: 24px 30px;}
.adult_box h3{font-family: 'AvenirNext-UltraLight'; color: #C82027;  font-size: 45px; font-weight: 275; line-height: 50px;text-transform: uppercase;}
.youth_box{  background: #34312f;}
.atelier_box{background: #f8e6d2;}
.atelier_box h3{  color: #34312f;}
.workshop_box{ background: #c82027;}
.youth_box h3, .workshop_box h3{color: #f8e6d2;}
.adult_box:hover{clip-path: polygon(0 0, 85% 38%, 100% 100%, 0% 100%);}
/* our communty css*/
.our_community_wrap{padding-left: 42px; padding-top: 326px; padding-bottom: 376px; background: url(../img/Banner-image.jpg) no-repeat center top; background-size: cover; position: relative;}
.our_community_wrap:before{content:"";clip-path: polygon(0 0%, 0% 100%, 100% 0); height: 130px;   background: #f8e6d2; position: absolute; display:  block; top: -1px; left: 0; width: 100%; }
.our_community_wrap h2{ color: #ffffff; font-family: 'AvenirNext-UltraLight';font-size: 100px;font-weight: 400; line-height: 100px;text-transform: uppercase; text-shadow:4px 4px 2px rgba(0,0,0,0.8);}
/* our communty css end*/

/* press section css*/
.press_wrap{  background: #f8e6d2; padding-top: 100px; }
.press_wrap .press_head{  color: #c82027; font-family: 'AvenirNext-UltraLight';font-size: 100px; font-weight: 400;line-height: 100px; margin-bottom: 0;text-transform: uppercase;}
.single_press{padding:78px 64px 105px; height: 100%;  background-size: cover; position: relative;}
.single_press:after{background: rgba(52,49,47,0.4); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}  
.single_press h3{  color: #f8e6d2;font-family: 'AvenirNext-Bold'; font-size: 50px; font-weight: 400; line-height: 55px;}
.single_press_text{max-width: 392px; position: relative; z-index: 2;     display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.single_press_text .read_btn{margin-top: 25px;}
.read_btn{display: block; border-bottom: solid 3.6px #f8e6d2; display: flex; justify-content: space-between;   color: #f8e6d2; font-family: 'AvenirNext-Bold'; font-size: 17px; font-weight: 400; line-height: 28px; text-transform: uppercase; letter-spacing: -0.1414036px;}
.read_btn span{ font-family: "AvenirNext-DemiBold";font-size: 25.5px;font-weight: 400;text-transform: uppercase;letter-spacing: -0.2121053px;}
.read_btn:hover{color: #fff; border-bottom-color:#fff ;}
.press_row{margin-left: -15px; margin-right: -15px;}
.press_row .slick-track{display: flex;}
.press_row .slick-slide{ height: inherit ;}
.press_row:before{content: ""; width: 100%;clip-path: polygon(100% 0, 0% 100%, 100% 100%); height: 130px; margin-bottom: -1px; display: block; background: #c82027;}
.press_row:after{content: ""; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 40%, 0% 100%); display: block; height: 180px; margin-top: -1px; background: #c82027;}
.press_quote_wrap{padding-top: 70px; max-width: 947px; margin: 0 auto; padding-bottom: 58px;  }
/* .press_quote_wrap .slick-prev, .press_quote_wrap .slick_next{display:none !important;} */
.press_quote_wrap h2{  color: #c82027; font-family: 'AvenirNext-Bold'; font-size: 63px; font-weight: 400; line-height: 68px; letter-spacing: -0.5px;}
.author_name{text-align: right;   color: #c82027;font-family: 'AvenirNext-Bold';font-size: 17px;font-weight: 400;line-height: 28px;text-transform: uppercase;}
.slick-dots{position: absolute; bottom: 0; margin-bottom: 0; }
.slick-dots li{width: 9px; height: 9px; background: #ddd; border-radius: 50%;}
.slick-dots li button{display: none;}
.press_wrap .slick-dots{bottom: 73px; z-index: 5;}
/* press section css end*/


/* gallery section css*/
.gallery_section{margin-top: -252px; position: relative; z-index: 2; background:#fff;}
.gallery_wrap{display: flex; align-items: flex-start}
.gallery_section:after{content: ""; width: 100%; height: 137px; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #c82027; bottom:0; display: block; width: 100%; position:relative;}
.made{  background: #c82027; min-width: 229px; width: 229px; padding-left: 66px;}
.made.exh_made{padding-left:15px; min-width:240px;     background: #34312f; }
.made p{  color: #fff; font-family: 'AvenirNext-Bold'; font-size: 17px;font-weight: 400;line-height: 37px; margin-bottom: 0; text-transform: uppercase;}
.made.exh_made p{color: #f8e6d2;}
.gallery_side{padding-left: 68px; padding-right: 0x; width: calc(100% - 229px);}
.gallery_slider  img{width: 100%; height: auto; display: block;}
.gallery_slider .item{padding:5px 7.5px;}
.load_more{width: 22%;   background: #34312f; float: right; min-width:297px;}
.lec .load_more{background:#000; margin-top:20px;}
/*.adult_wrap.exh_listing_wrap:after{background:#00cbff; z-index:3;}*/
.load_more.inside_div {
    width: 22%;
    min-width:297px;
    background: #34312f;
    float: right;
    clear: both;
    position: absolute;
    right: 0;
    bottom: 0;
    left:calc(100% - 200px);
}
[data-slides] {
    background-image:url('../img/DanicaFrancianAtWork-e1494025505607.jpg');
    background-color:#777;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    transition: background 1s linear;
}
.load_more a{  font-family: 'AvenirNext-Bold'; font-size: 17px; font-weight: 400; color: #fff; line-height: 37px; padding: 0 14px;text-transform: uppercase;}
.gallery_side .slick-dots{position: static; margin-top: 10px;}
.gallery_side .slick-dots li{background: #c82027; }
/* gallery section end*/

/* sponsors css*/
.sponsors_wrap{ background: #c82027; padding-top: 72px; margin-top:-1px; position:relative; z-index:2;}
.sponsors_wrap p {color: #f8e6d2;font-family: 'AvenirNext-Bold';font-size: 17px;font-weight: 400;line-height: 28px; text-transform: uppercase;}
.sponsors_logo_wrap{  background: rgba(216,216,216,0.9); padding-top: 75px; padding-bottom: 75px;}  
.sponsors_list .slick-track{display: flex; align-items: center;}
.sponsors_list{margin-bottom: 0;}
.sponsors_list .slick-slide{ height: inherit ;}
.sponsors_list .slick-active:last-child img {  float: right;}
.sponsors_list .slick-dots{bottom: -63px;}
.sponsors_list .slick-dots li{background: #c82027; }
/* sponsors css end*/

/*summercamps css */
.ateliers_wrap.summercamps_wrap{
  background:#00a9c4;
  position:relative;
  z-index:3;
  color:#fff;
  overflow-y: hidden;
}

.ateliers_wrap.summercamps_wrap::after{
  background:#00a9c4;
}

.summercamps_wrap .kids_camps .mg_single_item{width:33.33%;}
/* footer css*/
.footer_wrap{background: #000; }
.footer_row{display: flex;}
.address_wrap{width: 25%; padding-top: 102px; padding-bottom: 102px;   background: #c82027; transform: skewX(-10deg); position: relative;}
.address_wrap:before{content: ""; width: 999px; height: 100%; background: #c82027; position: absolute; left: -995px; top: 0; }
.address_inner{transform: skewX(10deg);}
.address_inner address{max-width: 219px; margin-bottom: 57px;}
.address_inner address p{  color: #f8e6d2;
  font-family: 'AvenirNext-Bold';
  font-size: 15px; margin-bottom: 0;
  line-height: 20px;}
.address_inner h6{font-family: 'AvenirNext-Bold';font-size: 15px; margin-top:0; margin-bottom: 18px; color: #34312F;}
.address_inner p{color:#f8e6d2; margin-bottom: 0; font-size: 15px; }
.address_inner p a{color:#f8e6d2;}
.footer_nav_side{width: 75%; padding-left: 12%; padding-top: 102px;  }
.footer_link h3{font-size: 17px; margin:0; font-family: 'AvenirNext-Bold'; color:#f8e6d2;}
.footer_link ul{padding-left: 0; margin:0; list-style: none;}
.footer_link li{font-size: 15px; line-height: 21px;}
.footer_link li a{color:#f8e6d2; }
.footer_link li a:hover{color: #c82027}
.footer_bottom{margin-top: 50px;}
.copyright_text{text-align: right; color: #F8E6D2; font-size: 15px; width: 200px; float: right;}
.social_icon ul{list-style: none; margin:0; padding: 0;}
.social_icon li{display: inline-block; font-size: 40px; padding-right:55px;}
.social_icon li:last-child{padding-right: 0;}
.social_icon li a{color: #f8e6d2}
.social_icon li a:hover{color:#c82027; }
.mobile-show{display: none;}
.footer_wrap .mobile-show {
    width: 220px;
    margin-top: 15px;
}

.mobile_social_icon{  background: #f8e6d2; padding: 15px 30px; }
.mobile_social_icon ul{display: flex; justify-content: space-between; list-style: none; margin-bottom: 0;padding: 0}
.mobile_social_icon li {font-size: 22px;}
.mobile_social_icon li a{color: #c82027;}
.mobile_search_wrap{background: #c82027; padding: 10px 30px 13px;}
.mobile_search_wrap .form-control{border:none;border-bottom: 1.8px solid #fff; background: transparent; color: #fff; border-radius: 0}
.mobile_search_wrap button{border:none;  color: #ffffff;font-family: 'AvenirNext-Bold';padding-top: 5px;font-size: 8px; background: transparent; text-align: center; text-transform: uppercase;}
.mobile_search_wrap button img{display: block; margin: 0 auto 5px;}
#page{overflow-x: hidden; overflow-y: hidden; }
.container.mobile-space{width: 95%;}

.chat_wrap{position: fixed; bottom: 15px; right: 30px; z-index: 99;display:none;}
/* art page css*/
.summercamp_gallery{background:#f7a72d;}
.summercamp_gallery .gallery_wrap{background:#f7a72d;}
.summercamp_gallery.adult_gallery_section{margin-bottom: 0; margin-top: 0; padding-top:130px; z-index:2;}
.section_video {margin-bottom: 76px;}
.section_video2 {margin-bottom: 0;}
.adult_wrap.video_bannerr{padding-top: 50px;}
.adult_wrap.video_bannerr .side_gallery{margin-top: 0;}
.adult_wrap.video_bannerr:before{z-index:2;}
.video-container{position:relative;overflow:hidden;max-width:100%;height:calc(60 / 100 * 100vh);max-height:calc(60 / 100 * 100vh);min-height:calc(60 / 100 * 100vh)}
.vidbg-container{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#444}
.vidbg-container video{margin:auto;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);max-width:none}
.explore_wrap{padding-top: 45px;  padding-bottom: 80px; background: #c82027;}
.explore_wrap h2{text-align: center; font-size: 80px; text-transform: uppercase;  font-family: 'AvenirNext-UltraLight'; color:#c82027; margin-bottom: 30px;}
.mg_items_container{display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; padding-bottom: 45px;}
.mg_single_item{width: 33.33%; padding:5px;}
.full-gallery .mg_single_item{width: 25%;}
.exh_listing .mg_single_item{width:50%;}
.mg_box_inner{position:relative;/* border-style:solid;padding:0; background:rgba(255,255,255, 0);background:#fff;border:1px solid #000;*/overflow:hidden}
.mgi_thumb_wrap{ padding-top: 60%; display: block; background-size: cover; background-size: contain; background-repeat: no-repeat; background-position: center; /*padding-top:60%;display:block;background-size:cover;background-position:center*/ }
.mgi_overlays{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;overflow:hidden;cursor:pointer}
/*.mgi_primary_ol{position:absolute;height:3000px;width:3000px;top:0;left:0;opacity:0;z-index:5;-webkit-transform:translate3d(-2500px,-2500px,0) rotate(45deg);-ms-transform:translate(-2500px,-2500px) rotate(45deg);transform:translate3d(-2500px,-2500px,0) rotate(45deg);-webkit-transition:transform .4s ease-in-out,opacity .15s linear;-ms-transition:transform .4s ease-in-out,opacity .15s linear;transition:transform .4s ease-in-out,opacity .15s linear;background:#c82027;opacity:0}
.mgi_item_type_ol{width:0;height:0;border-left:67px solid transparent;border-right:0 solid transparent;border-bottom:67px solid #666;background:0 0!important;position:absolute;right:-67px;bottom:-67px;opacity:1;z-index:15;direction:ltr;-webkit-transition:all .45s ease;-ms-transition:all .45s ease;transition:all .45s ease;border-bottom-color:#000}*/
.mgi_primary_ol {position: absolute; height: 3000px; width: 3000px; top: 0; left: 0; opacity: 0; z-index: 5; -webkit-transform: translate3d(-2500px,-2500px,0) rotate(45deg ); -ms-transform: translate(-2500px,-2500px) rotate(45deg); transform: translate3d(-2500px,-2500px,0) rotate(45deg ); -webkit-transition: transform .9s ease-in-out,opacity .2s linear; -ms-transition: transform .9s ease-in-out,opacity .2s linear; transition: transform .9s ease-in-out,opacity .2s linear; background: #847a7a; opacity: 0; } 
.mgi_item_type_ol {width: 0; height: 0; border-left: 67px solid transparent; border-right: 0 solid transparent; border-bottom: 67px solid #666; background: 0 0!important; position: absolute; right: -67px; bottom: -67px; opacity: 1; z-index: 15; direction: ltr; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; border-bottom-color: #6b5d5d; }

.mgi_item_type_ol span{left:-27px;top:36px;position:relative;display:block;height:18px;width:18px;font-family:'FontAwesome';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mgi_item_type_ol span:before{content:"f0c1"; font-family:'FontAwesome';display:block;color:#fff;font-size:18px}
.mgi_item_type_ol span.video-icon:before{content: "f03d";font-family:'FontAwesome';display:block;color:#fff;font-size:18px}
.mgi_item_type_ol span.audio-icon:before{content: "f29e";font-family:'FontAwesome';display:block;color:#fff;font-size:18px}
.mgi_item_type_ol span.pdf-icon:before{content: "f1c1";font-family:'FontAwesome';display:block;color:#fff;font-size:18px}

.mgi_ol_tit_wrap{backface-visibility:hidden;opacity:0;position:absolute;text-align:center;top:28.5%;height:100%;width:100%;z-index:10;-webkit-transform:rotate(-2.5deg) scale(1.05);-ms-transform:rotate(-2.5deg) scale(1.05);transform:rotate(-2.5deg) scale(1.05);-webkit-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s}
.mg_overlay_tit{font-size:13px;line-height:normal;position:relative;text-decoration:none;border-radius:3px;padding:15px 21px;box-shadow:0 0 12px rgba(0,0,0,.05);display:inline-block;overflow:hidden;text-shadow:0px 0 0px rgba(34,34,34,0.4);color:#fff}
.mg_overlay_tit:before{position:absolute;content:"";bottom:-1px;right:-1px;display:inline-block;width:0;height:0;border-bottom:13px solid #aaa;border-left:13px solid transparent;border-bottom-color:rgba(34,34,34, 0.3)}
.mg_box_inner:hover .mgi_primary_ol{opacity:0.6}
.mg_box_inner:hover .mgi_primary_ol{-webkit-transform:translate3d(-600px,-600px,0) rotate(45deg);-ms-transform:translate(-600px,-600px) rotate(45deg);transform:translate3d(-600px,-600px,0) rotate(45deg);-webkit-transition:transform .9s ease-in-out,opacity .2s linear;-ms-transition:transform .9s ease-in-out,opacity .2s linear;transition:transform .9s ease-in-out,opacity .2s linear}
.mg_box_inner:hover .mgi_item_type_ol{bottom:0;right:0}
.mg_box_inner:hover .mgi_ol_tit_wrap{opacity:1;top:29%;-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transition:all .2s ease-in .15s;-ms-transition:all .2s ease-in .15s;transition:all .2s ease-in .15s}
.designModule{margin-bottom: 95px;}
.designModule__headerWithSubtitle h3{padding-top: 30px; border-top: 4px solid #c82027; margin-bottom: 30px; font-size: 70px;  font-family: 'AvenirNext-UltraLight'; color:#c82027; text-transform: uppercase;}
.designModule__headerWithSubtitle h2{padding-bottom: 30px; border-bottom: 4px solid #c82027; margin-bottom: 30px; font-size: 35px;  font-family: 'AvenirNext-UltraLight';  color:#c82027; }
.designModule__headerWithSubtitle p{font-size: 17px; font-family: 'AvenirNext-Medium'; color:#000;}
.designModule__headerWithSubtitle p a{color: #c82027}
.designModule__headerWithSubtitle p a:hover{color: #34312f}
.big_img img{width: 100%; height: auto; display: block;}
.big_img_textContainer {
    width: 87.8vw;
    display: block;
    position: relative;
    background: #fff; margin-top: -10%;
    padding: 76px 115px 0;
}
.big_img_textContainer h4 {
    margin-bottom: 34px;
    color: #000; font-family: 'AvenirNext-Bold';
    font-size: 18px; text-transform: uppercase;
}
.big_img_textContainer h2 {
    color: #000; font-family: 'AvenirNext-Bold';
    font-size: 40px; 
}
.big_img_textContainer p{font-size: 25px; color: #000; margin-bottom: 40px;}

.program_wrap{ margin-top: 80px;}
.img-boxes-events__title{text-align: center; color: #000; margin-bottom: 30px; font-size: 40px; font-family: 'AvenirNext-Bold';}
.img-boxes .s-box {padding: 0 calc(16 / 1920 * 100vw); padding-bottom: calc(25 / 1920 * 100vw);  transition: color 0.5s; will-change: color;}
.img-boxes .s-box__img-wrapper { position: relative;overflow: hidden;}
.img-boxes .s-box__ratio {height: 0%; padding-bottom: 61%;}
.img-boxes .s-box__img { position: absolute;top: 0;left: 0; width: 100%;  height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .8s ease;font-family: "object-fit: cover; object-position: 50% 50%";}
.img-boxes .s-box__content { text-align: center;padding: calc(30 / 1920 * 100vw);   background: #fff; position: relative; max-width: 88%; margin: 0 auto; top: calc(-50 / 1920 * 100vw); margin-bottom: calc(-50 / 1920 * 100vw);}
.img-boxes .s-box__content .category { font-size: 14px; font-family: 'AvenirNext-Bold'; margin: 9px 0 0; text-transform: uppercase;color: #000;}
.img-boxes .s-box__content .title { margin:25px 0; font-family: 'AvenirNext-Bold'; color:#000; font-size: 30px;}
.img-boxes .s-box:hover .s-box__content .category, .img-boxes .s-box:hover .s-box__content .title {color: #c82027;}
.img-boxes .s-box:hover img {transform: scale(1.1);}

.sliderPeople__nav {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; margin-top: 64px; margin-bottom: 55px;}
.sliderPeople__body-item .role {background: #c82027;color:#fff;font-size:14px; line-height: 36px; /*font-family: "Open Sans"; font-weight: 700;*/text-align: center;  text-transform: uppercase;}
.sliderPeople img {width: 100%;}
.sliderPeople__body-item .details { margin: 0 calc(28 / 1920 * 100vw);padding: calc(23.75 / 1920 * 100vw) calc(1.5 / 1920 * 100vw) 0; margin-top: calc(-60 / 1920 * 100vw); background: #fff; z-index: 10; position: relative; text-align: center;}
.sliderPeople__body-item .details .name {font-family: 'AvenirNext-Medium'; text-transform: uppercase; color: #222; margin: 0; font-size: 30px;}
.sliderPeople__body-item .details .position{font-size: 22px; color: #222; font-family: 'AvenirNext-Medium';}
.section__header h3{font-size: 30px; /*color:#000;*/ color:#fff; font-family: 'AvenirNext-Bold';}
.sliderPeople .slick-arrow {color: #000; position: relative; border: 0; padding: 0; z-index: 10; background-color: transparent; cursor: pointer; font-size: 25px; outline: 0;}
.slider_navigation{display: flex; align-items: center;}
.sliderPeople .slick-arrow:after{display: none;}
.sliderPeople .slick-prev, .sliderPeople .slick-next { right: 0;}
.sliderPeople .slick-prev i {transform: rotate(180deg);}
.sliderPeople .slick-next i { transform: rotate(360deg)}
.sliderPeople__body .slick-slide {  padding: 0 calc(21 / 1920 * 100vw);}
.sliderPeople__body {display: flex;flex-wrap: wrap; justify-content: space-between; margin-left: calc(-21 / 1920 * 100vw);margin-right: calc(-21 / 1920 * 100vw);}

.admissions_wrap {margin-top: 150px; margin-bottom: 50px;}
.admissions_singleHeader h2{font-size: 30px; color: #000;  text-transform: capitalize;}
.admissions__treeButtons{max-width: 100%;}
.admissions__treeButtons .btn{display: block; margin-bottom: 40px; color: #000; font-size: 24px; border: 2px solid #000; border-radius: 0; text-transform: capitalize; padding: 25px; line-height: 1}
.admissions__treeButtons .btn:hover{background: #000; color: #fff;}
.address_office{padding-top: 30px; border-top: 1px solid #000;}
.address_office h3{font-size: 30px; color: #000;  text-transform: capitalize; margin-bottom: 20px;}
.address_office address p{font-style: normal; font-size: 25px; color: #000}
.address_office address p a{display: block; color: #000}

.classes_wrap{
    background: #f8e6d2;
    padding-top: 100px; position: relative;
}
.classes_wrap:after {
    content: "";
    width: 100%;
    clip-path: polygon(100% 0, 0% 101%, 101% 101%);
    height: 130px;
    margin-bottom: -2px;
    display: block;
    background: #c82027;
}
.classes_wrap h2 {
    color: #c82027;
    font-family: 'AvenirNext-Bold';
    font-size: 36px;
    font-weight: 400; max-width: 303px;
    line-height: 39.8px;
    margin-bottom: 0;
    text-transform: uppercase;
}


/* class information page css*/
.information_wrap{margin-top: 0;}

.main_img img{margin: 0 auto; display: block; max-width: 100%;}

.available, .unavailable{font-size: 25px; margin-bottom: 20px;font-family: 'AvenirNext-Medium'; color: #f8e6d2}
.available span{color:#34312f;}
.unavailable span{opacity: 0.8;}
.information_left h2 {
    color: #f8e6d2;
    font-size: 30px; font-family: 'AvenirNext-Medium';
    margin-bottom: 10px;
    text-transform: uppercase;
}
.information_img img{margin: 0 auto; width: 100%; height: auto;}
.information_wrap{display: flex; min-height: 542px;  }
.banner_slider .information_wrap .bottom_nav{transform:none;position:static;}
.slick-slider.banner_slider{margin-bottom: 0;}
.banner_slider .information_wrap .bottom_nav a{width:auto; display:inline-block;padding-left:20px; padding-right:20px;}

.information_left {
    width: 30%;
    padding-left: 20px;
    background: #c82027;
   /* transform: skewX(-10deg);*/
    position: relative;
    z-index: 3; padding-top: 5%; padding-bottom: 5%;
}
.information_left_inner{ position: relative; z-index: 3; height: 100%; display: flex; flex-direction: column; /*justify-content: center;*/ padding-left: 15%;}
.information_left:after {
    content: "";
    width: 999px;
    left: -997px;
    top: 0;
    height: 100%;
    z-index: 2;
    background: #c82027;
    position: absolute;
    display: block;
}
.banner_slider .information_left:after{display:none;}
.banner_slider .information_left_inner {padding-left: 5%;}
.information_img{width: 70%; /*padding-left: 5%; padding-top: 15%; padding-bottom: 10%;*/ background-size: cover; position: relative; background-position: center;}
.information_img:after {
    content: "";
    clip-path: polygon(100% 0, 0% 0, 0% 100%);
    background: #c82027;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0; z-index: 2;
    left: -1px;
}
.grey_bg  .information_left{background: #34312f}
.grey_bg  .information_left:after{background: #34312f}
.grey_bg  .information_img:after {
    content: "";
    clip-path: polygon(100% 0, 0% 0, 0% 100%);
    background: #34312f;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0; z-index: 2;
    left: -1px;
}
.small_detail{margin-bottom: 10px;}
.small_detail h5{color: #f8e6d2;font-size: 16px; font-family: 'AvenirNext-Bold';text-transform: uppercase;margin: 0;}
.small_detail p{color: #f8e6d2; font-size: 16px; margin-bottom: 0;}
.small_detail p a{color: #f8e6d2;}
.description_wrap_inner{ padding-top: 50px; padding-bottom: 50px; padding-right: 100px;}
.description_wrap p {
    color: #000;
    font-family: 'AvenirNext-Medium';
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
}
.description_wrap .small_detail p{color: #f8e6d2;}
.description_wrap ul{list-style: none; padding-left: 0;}
.description_wrap li{color: #000;
    font-family: 'AvenirNext-Medium';
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;}
.description_wrap h3{color:#000; font-family: 'AvenirNext-Bold'; font-size: 25px; margin-bottom: 10px;}
.accordion_title .btn-link {
    color: #000;
    font-family: 'AvenirNext-Bold';
    font-size: 25px; display: block; width: 100%; text-align: left; box-shadow: none; border: none;
    margin-bottom: 10px; position: relative; padding-right: 60px;
}
.accordion_title .btn-link:after{content: "f107";    font-family: 'FontAwesome'; display: block; font-size: 25px; color: #000; position: absolute; right: 55px; top: 50%; transform: translateY(-50%);}
.accordion_title .btn-link:hover, .accordion_title .btn-link:focus{text-decoration: none;}
#accordion .card{border:none;}
.sidebar .load_more{background: #34312f; float: none; margin-top: 25px; position: relative; width: auto;}
.sidebar .load_more a{color: #F8E6D2}
.sidebar .load_more:after {
    content: "";
    width: 999px;
    position: absolute;
    height: 100%;
    right: -995px;
    top: 0;
    display: block;
    background: #34312f;
}
.sidebar{background: #c82027; position: relative;
    /*transform: skewX(-8deg);*/}
.sidebar:after{content: ""; width: 100%; height: 100%; display: block; width: 999px; right: -998px; background:#c82027; position: absolute; top: 0; }
.sidebar:before{content: ""; width: 100px; height: 100%; display: block;  background:#c82027; position: absolute; top: 0; left: -99px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
    .sidebar_inner{/*transform: skewX(8deg);*/ z-index: 2; position: relative; padding-left: 15px; padding-right: 15px; padding-top: 50px;}
    .gallery_section.gallery_section-inner{padding-top: 0; margin-top: 0; /*background: #f8e6d2;*/ padding-bottom: 70px;}
    .gallery_section.gallery_section-inner.brown_bg{background:#f8e6d2;}
    .gallery_section-inner:after{display: none;}
    .clear{clear: both;}
.sliderPeople_wrap{background: #fff; }
.designModule__image img{width: 100%; height: auto; display: block;}
.explore_wrap {padding-right: 100px; position:relative;}
.inner_page_headerwrap.shrink#header{position: fixed; top: 0; left: 0; z-index:11;}

/* ateliers page css*/

.ateliers_banner { display: block; position:relative;overflow:hidden;max-width:100%;height:calc(50 / 100 * 100vh);max-height:calc(60 / 100 * 100vh);min-height:calc(35 / 100 * 100vh); background-size: cover; background-position: center;}
.banner_expand_btn .cat_wrap12{display:none;}
.ateliers_banner_innner .banner_expand_btn.expanded{width:850px; min-width:850px;}

.banner_expand_btn.expanded .main_parent{display:none;}
.cat_wrap12 a{display:inline-block; vertical-align:middle; padding-left:15px; padding-right: 20px; }
.ateliers_banner_innner{height:calc(65 / 100 * 100vh);max-height:calc(75 / 100 * 100vh);min-height:calc(65 / 100 * 100vh); background-size: cover; background-position: center;}

.ateliers_banner_innner .load_more{position:absolute; right:0; bottom:10%; min-width:20%;  min-height:37px; transition:0.8s ease; z-index:3;}

.ateliers_wrap{background: #c82027; padding-top: 70px; padding-bottom: 38px; position: relative;}

.ateliers_wrap h2 {
    padding-left: 15px;
    /*padding-top: 25px;*/
    color: #FFF;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-family: 'AvenirNext-UltraLight';
}

.triangle_shape{position: relative;}
.triangle_shape:before {
    content: "";
    z-index: 2;
 clip-path: polygon(100% 0, -5% 100%, 100% 100%);;
    position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -148px;
    background: #c82027;
    display: block;
}
.triangle_shape .ateliers_head {
    margin-top: -50px;
    position: relative;
    z-index: 3;

}
.mg_items_container.side_gallery{padding-left: 20px;}
.side_gallery{margin-top: -50px;position: relative; z-index: 3;}

.mg_items_container.side_gallery_LUP{padding-left: 20px;}
.side_gallery_LUP{margin-top: -50px;position: relative; z-index: 3;}

.ateliers_banner_text{padding-top: 7.5%;}
.ateliers_banner_text h4{color: #f8e6d2; margin-top: 0;font-family: 'AvenirNext-UltraLight';font-size: 25px; font-weight: 400; text-transform: uppercase;}
.ateliers_banner_text h2{    color: #fff ; margin-top: 0!important; font-family: 'AvenirNext-Bold'!important; font-size: 55px; margin-bottom: 30px!important;  line-height: 70px; text-transform: uppercase!important;}

.triangle_shape .ateliers_head{display:  flex; flex-direction: column; justify-content: space-between; height: 100%;}
.ateliers_head h4{color: #f8e6d2; margin-top: 0;font-family: 'AvenirNext-UltraLight';font-size: 25px; font-weight: 400; text-transform: uppercase;}
.ateliers_head h2{    color: #f8e6d2; margin-top: 0;font-family: 'AvenirNext-UltraLight';font-size: 70px; margin-bottom: 30px; font-weight: 400; line-height: 70px; text-transform: uppercase;}
.ateliers_head p { color: #f8e6d2;font-family: 'AvenirNext-Medium';font-size: 25px;font-weight: 400; line-height: 1.5; max-width: 100%; /* max-width: 1000px;*/}
.apply_btn a{color: #f8e6d2; background: #34312f;font-family: 'AvenirNext-Bold'; font-size: 36px; padding: 26px 30px;display: inline-block; line-height: 1;}
.apply_btn{position: relative; margin-top: 35px; display: flex; justify-content: flex-end;}
.apply_btn:after{content: "";width: 999px; position: absolute; height: 100%;right: -995px; top: 0; display: block; background: #34312f;}
.ateliers_wrap:after {content: ""; z-index: 2; clip-path: polygon(0 0, 100% 100%, 100% 0);position: absolute;left: 0; height: 138px; width: 100%;bottom: -137px; background: #383047;display: block;}

.triangle_shape .apply_btn{justify-content: flex-start;}
.triangle_shape .apply_btn:after{right: auto; left: -995px;}


.ateliers_explore{background:#fff; padding-top: 150px; }
.ateliers_explore:after{content: "";width: 100%; height: 150px;      clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #f8e6d2;display: block; display:none;}
.ateliers_explore .mg_single_item { width: 25%;}
.ateliers_explore .mgi_thumb_wrap, .gallery_wrap .mgi_thumb_wrap{padding-top: 80%;}
.gallery_wrap{/*background: #fff; */padding-top: 50px;}
.gallery_wrap.brown_bg{background:#f8e6d2;}
.mg_items_container{width: 100%;}
.side_gallery .mg_single_item, .side_gallery_LUP .mg_single_item  {
    width: 50%;
    padding:0;
}
.full_gallery .mg_single_item {
    width: 25%;
}
.side_gallery .mgi_thumb_wrap, .side_gallery_LUP .mgi_thumb_wrap {padding-top: 75%;} 
.side_gallery .mg_overlay_tit, .side_gallery_LUP .mg_overlay_tit {font-size: 21px; font-weight:bold;}

/* pressroom page css*/
.listing-wrap{background: #f8e6d2; padding-top: 7%; padding-bottom: 7%;}
.listing-section{background: #fff; margin-bottom: 25px; display: flex; flex-direction: column; justify-content: space-between;}
.listing-info {padding: 21px 30px 30px;}
.listing-info h4 {color: #c82027; margin: 0 0 9px;font-family: 'AvenirNext-Bold'; text-transform: capitalize; font-size: 30px;font-weight: 700;}
.listing-info p{color: #333; font-size: 17px; font-family: 'AvenirNext-Bold'; font-size: 17px; text-transform: capitalize;}
.listing-fig img{width: 100%; height: auto; display: block;}
.listing-contact{background: #fff; padding: 21px 30px 30px; display: block;}
.listing-contact h2{color: #c82027; margin: 0 0 9px;font-family: 'AvenirNext-Bold'; text-transform: capitalize; font-size: 30px;font-weight: 700;}
.listing-contact h6{color: #333; font-size: 17px; font-family: 'AvenirNext-Bold'; font-size: 17px; text-transform: capitalize;}
.listing-contact p{color: #333; font-size: 16px;}
.accordion-main {padding: 30px;}
.accordion-main li {display: block; padding:10px 0; }
.accordion-main li a{color: #fff; font-size: 18px; font-family: 'AvenirNext-Bold';}
.accordion-main li a:hover{color:#f8e6d2; }
.press-listing-wrap{padding-top: 50px; padding-bottom: 50px; padding-right: 100px;}
.press-listing-wrap h3{ padding-top: 30px; border-top: 4px solid #c82027;margin-bottom: 30px;font-size: 55px; font-family: 'AvenirNext-UltraLight'; color: #c82027;text-transform: uppercase;}
.press-listing{padding-left: 0; list-style: none;}
.press-listing li{margin-bottom: 25px;}
.press-listing li li {margin-bottom:10px;}
.press-listing a{ color: #34312F; font-family: 'AvenirNext-Bold'; font-size: 22px; font-weight: 400;}
.press-listing a:hover{color: #c82027;}
.press-listing p{font-size: 17px; color: #000;}
.listing-fig a {
    display: block;
    padding-top: 70%;
    background-size: cover;
    background-position: center;
}
/* ateliere inner page */

.designModule__headerWithSubtitle h3 small{font-size: 20px; color: #34312F; font-family: 'AvenirNext-Bold'; display: block;}
.btn-default{background: #fff; color:#34312f; border: 1px solid #34312f; padding: 15px; line-height: 1; font-size: 16px; border-radius: 5px; }
.btn-default:hover{background: #34312f; color: #fff;}

.ateliers_inner_page_wrap {padding-top: 5px; padding-bottom: 70px;}
.ateliers_inner_page_wrap p{font-size: 18px; font-family: 'AvenirNext-Medium';color: #34312F;}
.ateliers_inner_page_wrap a{color:#c82027; }
.ateliers_inner_page_wrap h3{font-size: 22px; color: #34312F; font-family: 'AvenirNext-Bold'; margin-bottom: 22px;}
.ateliers_inner_page_wrap li{font-family: 'AvenirNext-Medium'; font-size: 18px; color: #34312F;}

.classic_teacher_wrap{ padding-top: 40px; padding-bottom: 40px; background: #f8e6d2}
.teacher_img img{width: 100%; height: auto;}
.teacher_detail h3{font-size:35px; color: #c82027; font-family: 'AvenirNext-Bold'; margin-bottom: 22px;}
.teacher_detail p { font-size: 18px;font-family: 'AvenirNext-Medium';color: #34312F;}

/* calendar page css*/
.Calendar_wrapper{margin-top: 40px;}
.calendar-container{padding-left: 5.3%; padding-right: 5.3%; width: 100%;}
.calc_head{position: relative;  width: 100%; border-bottom: 2px solid #000;}
.calc_head .calc-prev, .calc_head .calc-next {
    position: absolute;
    top: 0;
    height: 27px; color: #333; font-size: 17px;
    cursor: pointer;
    background-color: transparent !important;
}
.calc_head .calc-prev i, .calc_head .calc-next i{margin-left: 5px; margin-right: 5px; display: inline-block; vertical-align: baseline;}
.calc_head .calc-next {
    right: 10%;
}
.calc_head .calc-prev{left: 10%;}
.calc_head .calc-prev i {
    transform: rotate(180deg);
}
.month-title{font-size: 25px; color: #333; font-family: 'AvenirNext-Bold'; text-align: center; }


.table.calendar th{text-align: center; border-top: none;}
.table.calendar tbody{background: #000}
.table.calendar td{padding: 0; border-bottom: 10px solid #fff; border-left: 10px solid #fff;}
.table.calendar tr td:first-child{border-left: none;}
.calendar .event_calendar{   min-height: 216px; background: #000; padding: 20px 20px; cursor: pointer;position: relative;margin-bottom: 0; overflow: hidden;}
.event_calendar .date{font-size: 30px;     color: #f8e6d2;font-family: 'AvenirNext-Bold';font-weight: 400; letter-spacing: -0.02461538px; margin: 0;}
.event_cal_info h2 a{ color: #fff; font-family: 'AvenirNext-Bold'; }
.event_cal_info h2{line-height: 21px; font-size: 17px;}
.event_cal_info p{margin-bottom: 5px; font-size: 14px; color: #fff;}
.event_cal_info p a{color: #fff;}
.calendar .view-link{font-size: 13.5px; line-height: 25px;}
.calendar .single_calendar .overlay{top: 200%;}
.calendar .single_calendar:hover .overlay{top:0;}
.calendar  .more-event p{margin-bottom: 0;}
.calendar  .more-event  { color: #c82027; font-family: 'AvenirNext-Bold'; font-size: 14px; font-weight: 400;line-height: 18px;text-transform: uppercase;}
.event_calendar .event_overlay { position: absolute; opacity: 0;transition: 0.5s ease all; top: 200%; left: 0;background: #c82027; width: 100%; height: 100%;padding: 20px 15px; display: flex;flex-direction: column;justify-content: space-between;}
.event_calendar.active .event_overlay{top: 0; opacity: 1;}

/* gallery page css*/
.gallery_list{display: flex; flex-wrap:  wrap; list-style: none; margin: 0; padding: 50px 20px 40px 0;}
.gallery_list li{margin-bottom: 25px; width: 33.33%; padding: 0 7px;}
.gallery_list li a{display: block; font-size: 17px; font-family: 'AvenirNext-Medium';color: #34312F; text-transform: capitalize; text-align: center;}
.gallery_list li p{margin-top: 15px;}
.gallery_list li a:hover{color:#c82027 }
.gallery_list li img{width: 100%; height: auto; display: block;}
/*.gallery_wrap{padding-right: 7%;}*/
.gallery_wrap .mg_single_item {  width: 25%;}

.explore_wrap .load_more{margin-bottom: 30px;}

.photo_gallery_wrap .mg_single_item { width: 33.33%;}
.photo_gallery_wrap .mgi_thumb_wrap {padding-top: 100%;}

/* sai page css*/
.ateliers_head p a{color: #fff}
.sai_gallery{display: flex; max-width: 1000px; list-style: none; padding:0; margin: 20px 0;}
.sai_gallery li{width: 33.33%; padding: 0 2.5px;}
.sai_information_wrap {padding-top: 150px; padding-bottom: 70px;}
.sai_information h3 {font-size: 22px; color: #34312F; font-family: 'AvenirNext-Bold'; margin-bottom: 22px;}
.sai_information p{    font-size: 18px; font-family: 'AvenirNext-Medium';color: #34312F;}
.sai_information li {  font-family: 'AvenirNext-Medium';  font-size: 18px; color: #34312F;}
.sai_information a { color: #c82027;}
.sai_sponsors_wrap {
    position: relative;
    margin-top: -100px;
}
.black-color h4, .black-color h2{color: #c82027;}
.brown_bg{background: #f8e6d2}
.brown_bg.triangle_shape:before{background: #f8e6d2}
.brown_bg.ateliers_wrap:after{background: #f8e6d2; z-index: 4;}
.brown_bg .ateliers_head p{color: #000; font-size: 20px; font-family: 'AvenirNext-Regular';    line-height: inherit;}
.brown_bg .ateliers_head p  a{color: #c82027}
.sai_sponsors_wrap:before { content: "";  width: 100%; height: 137px; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #c82027; position: absolute; top:-136px; left: 0; display: block; width: 100%;}
.side_gallery .sliderPeople, .side_gallery_LUP .sliderPeople__body-item{margin-bottom: 20px; }
.brown_angle, .brown_angle_reverse{position: relative;}
.brown_angle:after{content: ""; width: 100%; height: 150px; background:#f8e6d2; display: block; clip-path: polygon(0 0, 100% 0, 100% 40%, 0% 100%);}
.brown_angle_reverse:after {
    content: "";
    width: 100%;
    height: 12px;
    background: #f8e6d2;
    display: block;
    /* clip-path: polygon(63% -7%, 100% 0%, 100% 100%, 0% 100%); */
}

.gallery_slider  .mg_single_item{width: 100%;}
.teaching_artist_wrap{padding-top: 80px; padding-bottom: 80px;}
.teaching_artist_wrap .sliderPeople__body-item{margin-bottom: 30px;}
.teaching_artist_wrap .sliderPeople__body-item img{width: 100%;}
.sai_information_sponsor .item img{margin: 0 auto; display: block;}
.sliderPeople__body .slick-dots{margin: 20px auto; position: static;}
.sliderPeople__body .slick-dots li{background: #c82027}
.sai_sliderPeople_wrap {
    padding-bottom: 220px;
    padding-top: 40px;
    /*background: #908c96;*/
    background: #34312f;
    position:relative; z-index: 3;
    margin-top: 4rem;
}
.sai_sliderPeople_wrap:before {
    content: "";
    z-index: 2;
    clip-path: polygon(0 40%, 0% 100%, 118% 100%);
    position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -138px;
    /*background: #908c96;*/
    background: #34312f;
    display: block;
}
.sai_sliderPeople_wrap .sliderPeople__nav {margin-top: 0;}


.sidebar_btn {cursor: pointer;height: 35px;position: absolute;width: 35px; display: none; background: #c82027; top: 0;  right: 100%}
.sidebar_btn:before,
.sidebar_btn:after {background: #fff; content: '';height: 5px;left: 6px; position: absolute;top: 14px;width: 21px;transition: transform 500ms ease;}
.sidebar_btn:after { transform-origin: center;}
.sidebar_btn.collapsed:after { transform: rotate(90deg);}
.sidebar_btn.collapsed:before { transform: rotate(180deg);}
.sliderPeople__body-item{position: relative;}
.details-overlay{transition: transform .4s ease-in-out,opacity .15s linear;
    background: rgba(200,32,39,0.6); position: absolute; left: 0; top:0;
    opacity:0; width: 100%; height: 100%;
}
.sai_sliderPeople_wrap .sliderPeople__body-item{position: relative; margin-bottom: 15px; cursor: pointer;height:250px;overflow:hidden;}

.sliderPeople__body-item + h4{color:#fff;}
.ateliers .sliderPeople__body-item + h4{color:#000; margin-top:10px; padding-left:10px;}
.sliderPeople__body-item:hover .details-overlay{opacity: 1;}
.details-overlay a {
    font-size: 15px;
    line-height: normal;
    position: absolute;
    top:30%;
    left: 50%;
  
    text-decoration: none;
    border-radius: 3px;
    padding: 15px 21px;
    box-shadow: 0 0 12px rgba(0,0,0,.05);
    display:block;
    width: 95%;
    overflow: hidden;
    background: rgba(200,32,39, 0.8);
    text-shadow: 0px 0 0px rgba(34,34,34,0.4);
    color: #fff;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-transform: rotate(-2.5deg) scale(1.05) translateX(-50%);
    -ms-transform: rotate(-2.5deg) scale(1.05) translateX(-50%);
    transform: rotate(-2.5deg) scale(1.05) translateX(-50%);
    -webkit-transition: all .2s ease-in 0s;
    -ms-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}
.sliderPeople__body-item:hover .details-overlay a{
    opacity: 1;
    top: 29%;
    -webkit-transform: rotate(0) scale(1) translateX(-50%);
    -ms-transform: rotate(0) scale(1) translateX(-50%);
    transform: rotate(0) scale(1) translateX(-50%);
    -webkit-transition: all .2s ease-in .15s;
    -ms-transition: all .2s ease-in .15s;
    transition: all .2s ease-in .15s;
}

.details-overlay a span{display: block;text-align: center;}
.details-overlay .name{font-size: 18px;}


.sai_sliderPeople_wrap .made{margin-bottom: 15px;}
.sai_sliderPeople_wrap .load_more{clear:both;}

.sai_teacher_wrap {position: relative; 
    padding-top: 40px;
    background: #fff;
    position: relative;
    z-index: 3; padding-top: 150px;
    margin-top: 0;}
/*    .sai_teacher_wrap:before {
    content: "";
    z-index: 2;
    clip-path: polygon(0 40%, 0% 100%, 118% 100%);
    position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -138px;
    background: #f8e6d2;
    display: block;
}*/
.sai_teacher_wrap:after{content: "";
    width: 100%; z-index: 3;
    height: 137px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background: #c82027;
    margin-bottom: -2px;
    display: block; position: relative;
    width: 100%;}
.mtup{margin-top: -2px; position: relative; z-index: 4;}
.sai_teacher_wrap .made{margin-bottom: 20px;}
.sai_teacher_single{position: relative; margin-bottom: 25px;}
.sai_teacher_single:hover .mgi_primary_ol {
    -webkit-transform: translate3d(-600px,-600px,0) rotate(45deg);
    -ms-transform: translate(-600px,-600px) rotate(45deg);
    transform: translate3d(-600px,-600px,0) rotate(45deg);
    -webkit-transition: transform .9s ease-in-out,opacity .2s linear;
    -ms-transition: transform .9s ease-in-out,opacity .2s linear;
    transition: transform .9s ease-in-out,opacity .2s linear; opacity: 0.6;
}
.sai_teacher_single:hover .mgi_item_type_ol {
    bottom: 0;
    right: 0;
}


.sai_teacher_single:hover .mgi_ol_tit_wrap {
    opacity: 1;
    top: 29%;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: all .2s ease-in .15s;
    -ms-transition: all .2s ease-in .15s;
    transition: all .2s ease-in .15s;
}
.adult_wrap.exh_listing_wrap{background:#fff; padding-top:60px;}
.adult_wrap.exh_listing_wrap:before{background:#fff;}
.exh_listing_wrap .mgi_thumb_wrap{padding-top: 80%;}
/* adult page css*/
.adult_wrap:before{clip-path: polygon(0 0, 0% 100%, 100% 100%); background:#000;position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -148px; content: "";}
.adult_wrap{background: #000; position: relative; z-index: 2;}
.adult_wrap:after {
    content: "";
    z-index: 2;
    clip-path: polygon(0 0, 100% 103%, 100% 0);
    position: absolute;
    left: 0;
    height: 138px;
    width: 100%;
    bottom: -137px;
    background: #000;
    display: block;
    z-index:1;
}
.exhibit_wrap:before{clip-path: polygon(0 0, 0% 100%, 103% 100%)!important; 
background:#fff;position: absolute;left: 0;height: 150px;width: 100%;top: -148px; content: "";}
.exhibit_wrap{background: #000; position: relative; z-index: 2;}


.adult_gallery_section{margin-top: 150px; padding-bottom: 30px; margin-bottom: 30px;}
.adult_gallery_section:after{display: none;}
.adult_wrap .ateliers_head{margin-top: -50px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.sliderPeople .section__header{margin-bottom: 25px;}
.youth_wrap {background: #fff ;position: relative; z-index: 2;}
.youth_wrap:before{clip-path: polygon(0 0, 0% 100%, 100% 100%); background:#fff;position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -148px; content: ""; z-index:1;}
.youth_wrap:after {
    content: "";
    z-index: 3;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    position: absolute;
    left: 0;
    height: 138px;
    width: 100%;
    bottom: -137px;
    background: #fff;
    display: block;
}

.gallery_before:after{display: none;}
.youth_gallery_section{padding-bottom: 30px;
    margin-bottom: 0;
    background: #62be78;
    padding-top: 150px;
    margin-top: 0;}

.youth_gallery_section.upcoming_exh{
  background-color:#c0ecff; padding-top:10px;
}
.youth_gallery_section.summercamp_gallery{
  background:#f7a72d;
}
.youth_gallery_section.summercamp_gallery .gallery_wrap{
 background:#f7a72d; 
}
.youth_gallery_section.summercamp_gallery:after{background:#f7a72d;}

.summercamps_wrap.youth_wrap:before{background:#00a9c4;}
.youth_gallery_section.upcoming_exh:after{background:#c0ecff;}
.youth_gallery_section .gallery_wrap{background: #62be78;}
.youth_gallery_section.upcoming_exh .gallery_wrap{background: #c0ecff;}
.youth_gallery_section:after{background:#62be78; position: static; display: block; height: 30px; width: 100%; }
.youth_wrap .ateliers_head p{color: #000;}
.youth_wrap .ateliers_head{margin-top: -50px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.youth_wrap .apply_btn a{background: #c4da87;color: #fff}
.youth_wrap .apply_btn:after {
    content: "";
    width: 999px;
    position: absolute;
    height: 100%;
    right: -995px;
    top: 0;
    display: block;
    background: #c4da87;
}
.art_studio_wrap{background: #fff; position: relative; z-index: 2;}
.art_studio_wrap:before{clip-path: polygon(0 0, 0% 100%, 100% 100%); background:#fff;position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -148px; content: "";}
.art_studio_wrap:after{background: #fff;}
.art_studio_wrap .ateliers_head p{color: #000;}
.art_studio_wrap .ateliers_head{margin-top: -50px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.art_studio_wrap .apply_btn{justify-content: flex-start;}
.art_studio_wrap .apply_btn:after{right: auto; left: -995px;}
.slick-prev, .slick-next{display:none !important;}
.summercamp_banner{background:#e9593c;}

.side_gallery .mg_single_item:nth-child(odd) {
    margin-top: -35px;
}
/*.side_gallery_LUP .mg_single_item:nth-child(odd) {
    margin-top: -35px;
}*/

.ateliers .mg_box_inner {
    position: relative;
    overflow: hidden;
/*    transform: rotate(-7deg);*/
}
.ateliers .ateliers_wrap{background:#fff;}
.ateliers .side_gallery{margin-top:-150px;}
.ateliers .triangle_shape:before{background:#fff;}


 /* ateliers page css new*/
.ateliers .sliderPeople .col-md-4{padding: 0;} 
.ateliers .sai_sliderPeople_wrap .sliderPeople__body-item{margin-bottom: 0;}
.ateliers .sliderPeople>.row {padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.ateliers .ateliers_banner_innner{height: 100vh;}
 .banner_shape{position: relative;}
.banner_shape:after{content: ""; z-index: 1; width: 45%; min-width: 450px; height: 100%; background: rgba(56,8,71,0.5); clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); display: block; position: absolute; top:0;left: 0;}
 .ateliers_banner_text {
    padding-top: 7.5%; position: relative; z-index: 2; max-width: 450px; margin: 0; padding-left: 3%;}
.ateliers .ateliers_head p{font-size:25px; color:#402c1f;line-height:1.5}
.ateliers .triangle_shape .ateliers_head{margin-top: 0;}
.ateliers_banner_slider {margin-bottom: 0;}
.black-shap:after{background: rgba(0,0,0,0.5)}
.banner_shape.banner_gray_shape:after{background:rgba(52,49,47,0.4); }

/* aristides page css */
.aristides_banner.banner_shape:after{width: 35%; min-width: 420px; background: rgba(131,102,130,0.6); }
.aristides_banner {height: 100vh; overflow: hidden;}
.aristides_wrap{background: #000; position: relative; z-index: 2; padding-bottom: 150px; }
.aristides_wrap.triangle_shape:before{background: #000;}
.aristides_wrap .ateliers_head{display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; margin-top: 0; padding-top: 30px;}
.ateliers_head .ateliers_head_text p{font-size: 22px; line-height: inherit; color: #fff;}
.ateliers_head_text{width: 30%; min-width: 450px; padding-right: 15px;}
.ateliers_head .ateliers_head_text .quotes_text{font-size: 42px;}
.ateliers_head .ateliers_head_text .quotes_text span{display: block; font-size: 32px;}
 .btn_right{width: 350px;}
 .btn-dark-wrap:after{left: auto; right: -999px; width: 999px; top: 0;    height: 100%; position: absolute; content: ""; display: block; background: #836682;}
 .btn-dark-wrap { margin-top: 0; margin-bottom: 10px; width: 100%;  position: relative; }
 .btn-dark-wrap a{font-size: 16px; font-family: 'AvenirNext-Bold'; display:block;width: 100%; line-height: 1; padding: 18px; background: #836682; color: #fff}
.ateliers_text{margin-top: 0; padding-right: 15px;}
.ateliers_text p{color: #fff; font-size: 18px;}
.ateliers_text p a{color: #f8e6d2}
.ateliers_text h3{color: #fff;  font-size: 22px;font-family: 'AvenirNext-Bold';margin-bottom: 22px;}
.ateliers_text li{color: #fff; font-size: 18px;}
.ateliers_text li a{color: #f8e6d2}
.classic_teacher_wrap{background: #383047; margin-bottom: 150px; position: relative;}
.classic_teacher_wrap:before {
    content: "";
    z-index: 2;
    clip-path: polygon(0 40%, 0% 100%, 118% 100%);
    position: absolute;
    left: 0;
    height: 150px;
    width: 100%;
    top: -138px;
    background: #383047;
    display: block;
}
.classic_teacher_wrap:after {
    content: "";
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    position: absolute;
    z-index: 2;
    left: 0;
    height: 138px;
    width: 100%;
    bottom: -137px;
    background: #383047;
    display: block;
}
.work_slide{margin-top: 50px; }
.work_slide .slick-dots{position: static; margin-top: 20px;}
.work_slide .slick-dots li.slick-active{background: #c82027}
.aristides_gallery:after{background: #383047}
.teacher_detail .btn_right{margin-top: 30px; float: right;}
.aristides_banner .ateliers_banner_text h4{font-family: 'AvenirNext-Bold';}



/* donation page css*/
section.faq.give{position: relative; overflow: hidden;}
.give h2 {
    font-size: 55px;
    font-family: 'AvenirNext-Bold';
}
.give .information_left,
.give .information_img::after {
    background: #55702A;
}
.give_banner {
    position: absolute;
    height: 100%;
    background: rgb(54 171 167 / 80%) !important;
}
.give_wrap::before {
    z-index: 3;
    background: #5D6C31;
}
.give .video-container {
    height: calc(60 / 100 * 125vh);
    max-height: calc(60 / 100 * 125vh);
    min-height: calc(60 / 100 * 125vh);
}
.give_banner::after {
    content: "";
    clip-path: polygon(100% 0, 0% 0, 0% 100%);
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 100%;
    background: rgb(54 171 167 / 80%) !important;
}
.section_video.give {
    margin-bottom: 0;
}
.give_legacy {
    /*background: #5D6C31 url(../img/Background-Drawing-G.jpg) no-repeat top right;*/
}
.give_legacy::after {
   
}
.give .banner_inner_high .information_left_inner{padding-top: 0%;}
.sd_donor_wrap{padding-left: 30px; padding-right: 30px; padding-top: 150px; padding-bottom: 150px}
.sd_donor_first_col {
  
    font-size: 14px;
     border: 1px solid #7c9828; 
    color: #262a6a;
    padding: 10px;
        max-width: 60%;
    flex: 0 0 60%;
    
}
.sd_donor_inner_1 {
    border: 1px solid #7c9828;
    flex:0 0 10%;
    max-width: 10%;
    padding: 3px;
    
}
.sd_donor_wrap .accordion {
    margin: 0 ;
    padding: 0 ;
    list-style: none;
    width: 100%; padding-bottom: 12px;
}
.sd_donor_data_row {margin-left: 0;margin-right: 0;}
.sd_donor_wrap .accordion .sd_donor_first_col{
    border: 1px solid #7c9828;
    color: #fff;
    padding: 10px;
   
}

.sd_donor_first_col h3{color: #fff; font-size: 22px;}
.sd_donor_wrap .accordion li:last-child .acc-section{border-bottom:1px solid #7c9828;}
.acc-section{padding:15px; border-left: 1px solid #7c9828; border-right: 1px solid #7c9828;}
.acc-section p{color: #fff; margin-bottom: 0;}
.sd_donor_inner_1 img{margin-left: auto; margin-right: auto; display: block;}
.donation_faq{padding-top: 80px; padding-bottom: 60px;}
.donation_faq{padding-left: 0; margin: 0; list-style: none;}
.donation_faq>li{border: 1px solid #c82027; border-top: none;}
.donation_faq>li:first-child{border-top: 1px solid #c82027;}
.donation_faq li>a{padding: 14px 20px; position: relative; display: block; padding-left: 46px; color: #000;font-size: 18px;}
.donation_faq li div{padding:14px 20px;}
.donation_faq li>a:before{content: "+"; position: absolute; font-size: 25px; left: 20px; top: 50%; transform: translateY(-50%);}
.donation_faq li.active>a:before{content: "-";font-size: 30px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.banner_btn {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 150px;
    padding-right: 15px;
}
.banner_btn a {
    font-family: 'AvenirNext-Bold';
    font-size: 17px;
    font-weight: 400;
    background: #34312f;
    margin-bottom: 10px;
    color: #fff; max-width: 300px;
    line-height: 37px; display: block; width: 100%;
    padding: 0 14px; text-align: center;
    text-transform: uppercase; margin-right: 0;
}

.giving_amount{position: relative;}
.donation-form {
    margin-bottom: 0;
    background: linear-gradient(#fff, #f3f3f4, #f3f3f4, #f3f3f4);
    padding: 15px;
    max-width: 300px; transition: 0.5s ease all;
    right: -100%; border: 1px solid rgba(0,0,0,0.2); z-index: 5;
    text-align: center;
    position:relative;
}
.active .donation-form{visibility: visible; right:0;}
.donation-form .btn-default{margin-bottom: 5px;}


/* instructros page css*/
.sai .banner_shape::after {
    background: rgba(24,64,87,0.5);
}
.instructor_wrap.triangle_shape:before{background: #fff;}
.instructor_wrap .press_row {margin-bottom: 0;}
.instructor_wrap .press_row:after, .instructor_wrap .press_row:before{display: none;} 
.instructor_wrap h2{padding-left: 15px; padding-top: 25px; color:#000; font-size: 50px; text-transform: uppercase; margin-bottom: 25px;  font-family: 'AvenirNext-UltraLight';  }
.instructor_wrap .single_press_text{max-width: 100%;}
.single_press_text p{color: #f8e6d2; font-size: 18px;}
.instructor_wrap .single_press{min-height: 450px;}
.instructor_wrap{padding-bottom: 150px;}
.painting{padding-top: 0; background: #c82027}
.painting.triangle_shape:before{background: #c82027; }
.painting h2{color: #fff;}
.sculpting{padding-top: 0; background: #f8e6d2}
.sculpting.triangle_shape:before{background: #f8e6d2; }
.sculpting h2{color:#c82027;}
.printmaking{padding-top: 0; background: #908c96; padding-bottom: 0;}
.printmaking.triangle_shape:before{background: #908c96; }
.printmaking h2{color: #fff}

.printmaking:after {
    content: "";
    width: 100%;
    height: 137px;
    margin-top: 40px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    /*background: #c82027;*/
    display: block;
    width: 100%;
    position: relative;
}

/* faq page css*/
.faq_banner .information_left:after{background: #000;}
.faq_banner  .information_left_inner{height: auto}
.faq_banner:after{background: rgba(0,0,0,0.5);  width: 25%; min-width: inherit;}

.faq_accordion{padding-left: 0; margin: 0; list-style: none;}
.faq_accordion>li{border: 1px solid #fff; border-top: none;}
.faq_accordion>li:first-child{border-top: 1px solid #fff;}
.faq_accordion li>a{padding: 14px 20px; position: relative; display: block; padding-left: 46px; color: #402c1f;font-size: 25px;}
.faq_accordion li div{padding:14px 20px;}
.faq_accordion > li {border: none !important;border-bottom: 1px solid #000 !important;color: #000; width: 100%;}

.faq_accordion li > a::before {
    content: ">";
    position: absolute;
    font-size: 25px;
    right: 20px!important;
    top: 25%;
    transform: rotate(0deg);
}
.faq_accordion li.active > a::before {
    content: ">";
    font-size: 25px;
    position: absolute;
    right: 20px !important;
    top: 25%;
    transform: rotate(90deg);
}
.opportunities_faq{margin-top: 35px;}
.opportunites_banner:after{background: rgba(0,0,0,0.5);   }
.opportunites_banner h2, .faq_banner h2{font-size: 30px;}

/* getting to gage page css*/
.getting_tringle img{display: block ; cursor: pointer; max-width: 100%; width: auto; display: block; height: auto; }
.banner_text .getting_tringle_wrap{flex-direction: row !important; padding-left: 0 !important; padding-right: 0 !important;}
.getting_tringle{width: 33.33%;}
.getting_tringle {
    width: 33.33%;
    background: rgba(0,169,196,0.7);
    transform: skew(-7deg); position: relative;

}
.getting_tringle .aligncenter {
    display: flex;
    height: 100%; transform: skew(7deg);
    align-items: center;
    justify-content: center;
}
.public_bg:after{content: ""; width: 999px; right: -999px; position: absolute; top: 0; height: 100%;  background: rgba(0,169,196,0.7);}
.bus_bg{background: rgba(248,230,210,0.7);}
.car_bg:before{content: ""; width: 999px; left: -999px; position: absolute; top: 0; height: 100%;  background: rgba(0,169,196,0.7);}
.getting_banner .information_left:after{background: #000;}
.getting_tringle_wrap .scroller_wrapper {width: 100%; height: 100%;}
.getting_tringle_wrap .scroller_wrapper div {
    width: 100%;
    height: 100%;
}
.getting_text_slide{margin-top: -70px;}
.aristides_banner .btn_right {
    float: right;
    position: absolute;
    right: 0; z-index: 2;
    bottom: 25%;
}

.speaker_wrap .section__header h3{font-size: 50px; padding-left: 15px; text-transform: uppercase; font-family: 'AvenirNext-UltraLight'; margin-bottom: 25px;}
.banner_slide_overlay{position: relative;}
.banner_slide_overlay .ateliers_banner_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;padding-top: 2%;
}
.drawing_banner::after{background: rgba(255,255,255,0.9); min-width: 660px; width: 100%;}
.drawing_banner h2{font-size: 50px; line-height: 50px; color: #000;}
.drawing_banner .small_detail {margin-bottom: 10px; display: flex; align-items: flex-start;}
.drawing_banner .information_left_inner p{color: #000; line-height: 1.2;}
.drawing_banner .small_detail h5{color: #000; padding-right: 5px; }
.drawing_banner .available span{color: #000}
.banner_slide_overlay .load_more.clearfix {position: absolute; right: 0; bottom: 30%;z-index: 2;}
.f-wrap{flex-wrap: wrap;}
.gallery_wrap .section__header {
    margin-bottom: 25px; width: 100%;
}
.gallery_wrap .section__header h3 {
    font-size: 50px;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: 'AvenirNext-UltraLight';
    margin-bottom: 0;
}
.f-wrap .gallery_side{padding-left: 15px; padding-right: 15px; width: 100%;}


.adult_banner_text h4{color:#fff;}
.adult_banner_text h2{color:#fff;}
.text-white h4{color:#fff;}
.text-white h2{color:#fff;}

.mobile-space{padding-left: 0px !important; padding-right: 0px !important}
.logo{/*width:18%;*/text-align:left;}
.enroll_wrap a:hover{color:#f8e6d2;background:#34312f}


div#tabbed-nav2 {
    padding-top: 50px;
}
#tabbed-nav2 a.z-link {
    font-size: 15px; font-family: 'AvenirNext-Bold'; font-weight:bold; padding-top: 10px;
}

#tabbed-nav2 a.z-link span {
    align-items: center;
}

.z-tabs.clean.horizontal.top > ul > li > a{border:none}
.z-tabs.horizontal.top.white.z-bordered > ul > li > a{border-top:3px solid transparent}
.z-tabs.large.horizontal.top.white.z-bordered > ul > li.z-active > a {
    padding-top: 16px;
}
.z-tabs.horizontal.top.white.z-bordered > ul > li.z-first.z-active > a {
    border-top: 3px solid #e7760f;
}
.z-tabs.horizontal.top.white.z-bordered > ul > li:nth-child(2).z-active > a {
    border-top: 3px solid #F8E6D2;
}
.z-tabs.horizontal.top.white.z-bordered > ul > li:nth-child(3).z-active > a {
    border-top: 3px solid #C82027;

}
.z-tabs.horizontal.top.white.z-bordered > ul > li:nth-child(4).z-active > a {
    border-top: 3px solid #9A48A4;

}
.z-tabs.horizontal.top.white.z-bordered > ul > li.z-last.z-active > a {
    border-top: 3px solid #003377;
}


@media screen and (max-width: 1500px) {
.single_calendar .date{font-size: 50px;}
.single_calendar .month, .single_calendar p{font-size: 15px;}
.calendar_head h2{font-size: 80px; line-height: 80px;}
}

@media screen and (max-width: 1400px) {
.single_calendar{padding: 19px 15px;}
.single_calendar .date{font-size: 40px;}
.single_calendar .month, .single_calendar p{font-size: 10px; line-height: 13px;}
.view-link{font-size: 11px; line-height: 15px;}
.single_press h3{font-size: 43px; line-height: 48px;}
.banner_wrap h2{font-size: 80px; line-height: 80px;}
.nav_wrap{padding-left: 30px;}


.listing-info, .listing-contact { padding: 21px 21px 30px;}


}
@media screen and (max-width: 1285px) {
#tabbed-nav2 a.z-link {
    font-size: 15px;
    font-family: 'AvenirNext-Bold';
    font-weight: bold;
    padding: 15px;
}
}


@media screen and (max-width: 1200px) {
.count h3{font-size: 90px;}
.history_wrap .history_text p{font-size: 15px; line-height: 25px;}
.our_legancy_wrap .head h2{font-size: 80px; line-height: 80px;}
.join_wrap .form-control{font-size: 40px;}
.calendar_head h2, .press_wrap .press_head, .our_community_wrap h2{font-size: 80px; line-height: 80px;}
.art_video h2{font-size: 80px;}
.adult_box h3{font-size: 40px;}
.single_press{padding: 38px 44px;}
.single_press h3{font-size: 24px;line-height: 26.5px;}
.read_btn{font-size: 11px;}
.gallery_side{padding-left: 11px; padding-right: 40px;}
.first_colum{width: 25%;}
.five_colum{display: none;}
.callout_wrap h4{font-size: 11px;}
.callout_wrap h3, .enroll_wrap a{font-size: 18px;}
.admissions__treeButtons{max-width: 1200px;}

.designModule__headerWithSubtitle h3{font-size: 50px;}
 .designModule__headerWithSubtitle h3 small{font-size: 16px;}
.explore_wrap h2{font-size: 60px;}
/*.classes_wrap h2{font-size: 80px; line-height: 80px;}*/

.ateliers_head h2{font-size: 60px; line-height: 60px;}
.apply_btn a{font-size: 22px;}
.press-listing-wrap h3{font-size: 50px;}table.table.calendar{width: 1200px;}
}
@media screen and (max-width:1150px) {
  .nav-submenu{padding-left: 13%; left: -75px;}
  .nav_element{line-height: 1.5;}
}
@media screen and (max-width: 1100px) {
.join_wrap .container{max-width: 513px;}
.join_wrap {padding-top: 150px; padding-bottom: 72px;}
.join_wrap .input-group {border-bottom: 1.8px solid #c82027;}
.calendar_head h2{font-size: 60px; line-height: 60px;}
.adult_box h3{font-size: 30px;}

.listing-info h4, .listing-contact h2{font-size: 25px;}
.listing-info p, .listing-contact h6{font-size: 14px;}
.listing-contact p{font-size: 13px;}

}
@media screen and (max-width: 1000px) {
.calendar_wrap_std {    padding-top: 203px !important; }

.four_colum{display: none;}
.first_colum{width: 33.33%;}
}
@media screen and (max-width: 992px) {
.banner_right_side {position: absolute;bottom:30px; min-height:inherit}

.header__nav-button{margin-top:0}
  .mg_items_container.side_gallery, mg_items_container.side_gallery_LUP{padding-left: 0px;}
  .our_legancy{ background-size: contain;}
.count h3{font-size: 62px;}
.history_wrap .history_text p{font-size: 11px; line-height: 15px;}
.our_legancy_wrap .head h2{font-size: 42px; line-height: 42px;}
.legancy_text{max-width: 348px;}
.legancy_text p{font-size: 11px; line-height: 14.04px; margin-bottom: 0;}
.join_wrap label{font-size: 11px; line-height: 9.5px;}
.join_wrap .form-control{font-size: 25px;}
.join_wrap .btn-submit{width: 38px;}

.calendar_head h2, .press_wrap .press_head, .our_community_wrap h2{font-size: 42px; line-height: 44px;}
.calendar_wrap{padding: 76px 40px 114px}
.calendar_wrap:after{height: 64px;}
.calendar_grid{padding-left: 20px; padding-right: 0;}
.press_row:before{height: 63px;}
.press_row:after{height: 99px;}
.press_quote_wrap h2{font-size: 30px; line-height: inherit;}
.author_name{font-size: 11px; line-height: 15px;}
.press_quote_wrap {padding-top: 20px; max-width: 533px; margin: 0 auto;padding-bottom: 45px;}
.art_video h2{font-size: 42px;}
.watch_video a, .made p, .load_more a{font-size: 12px;}
.our_community_wrap:before{height: 65px;}
.sponsors_wrap p{font-size: 11px; line-height: 15px;}
.gallery_section:after{height: 68px}
.sponsors_wrap{padding-top: 20px;}
.adult_box{padding: 15px; height: 121px;}
.adult_box h3{font-size:18.46px; line-height: 24.26px; margin-bottom: 0; }
.social_icon li{padding-right: 26px; font-size: 24px;}
.footer_link h3{font-size: 16px;margin-bottom:10px;}
.footer_link li, .address_inner address p{font-size: 14px; line-height: 21px;}
.footer_bottom{margin-top: 15px;}
.address_inner h6, .address_inner p{font-size: 12px;}
.address_inner address{margin-bottom: 15px;}
.copyright_text{width: 127px; font-size: 12px;}
.art_detail h4{font-size: 11px; line-height: 10.18px;}
.art_detail h3{font-size: 18px; line-height: 21.17px;}
.download_btn{font-size: 11px; line-height: 15px;border-bottom: 2.38px solid ;}
.watch_video{width: 157px; padding: 3px 15px;}
.made{width: 136px;}
.gallery_side {
    width: calc(100% - 136px);
}
.footer_wrap .mobile-show {width: auto;}
.art_detail h3{margin-bottom: 180px;}
.art_detail{padding-bottom: 97px;}
.nav_icon_wrap li{padding-left: 35px;}
.search_wrap.active .form-control{width: 140px;}

.tablet-show{display: block;}
.nav_section_wrap{height: auto}
.banner_wrap:after{height: 100%; display: block; content: ""; position: absolute; top: 0; left: -15px; width: 35%; clip-path: polygon(100% 0, 0 0, 0 100%); background: #c82027; z-index: -1;}
.slick-slide:after{height: 100%; display: block; content: ""; position: absolute; top: 0; left: -15px; width: 34%; clip-path: polygon(100% 0, 0 0, 0 100%); background: #c82027; z-index: -1; display:none;}
.banner_wrap{display: block; width: 100%; padding-top: 146px; padding-left: 0; position: relative;}
.banner_wrap h2{font-size: 80px; width: 100%; margin-bottom: 40px; padding-left: 30px;}
.chat_icon{display: none;}
.callout_wrap{margin-top: 78px; padding:  20px 5px; width: 100%; background: #fff; justify-content: flex-start;}
.youth_gallery_section:after{display: none;}
.callout_wrap h4{font-size: 14px;}
.callout_wrap h3{font-size: 23px;}
.banner_right_side{width: 100% ;padding-bottom: 0;}
.nav_wrap{display: none;}
.mobile-space{padding: 0;}
.menu_active .banner_wrap h2 {
    visibility: visible;
}

 #header.fix{position: fixed; margin-top: 0; top: 0;}
 .mgi_thumb_wrap {padding-top: 72%;}

/* .classes_wrap h2{font-size: 42px; line-height: 44px; max-width: 430px}*/
 .classes_wrap:after{height: 60px;}
 .information_left{width: 40%;}
 .information_img{width: 60%;}
 .information_left_inner{padding-left: 0;}

 .designModule__image .embed-responsive {margin-bottom: 30px;}
 

 .ateliers_inner_modules{margin-bottom: 15px;}

 .gallery_list li{width: 50%;}

 .ateliers_explore .mg_single_item, .full-gallery .mg_single_item { width: 33.33%;}
 .photo_gallery_wrap .mg_single_item { width: 50%;}
/*
.art_video_list{overflow: hidden; overflow-y: scroll;}*/
 .art_video_list ul li{width: 33.33%;}
 .art_video_list ul li .ms-video-btn::after{    border-width: 10px 0 10px 12px;}

 .faq_banner .information_left{width: 40%;}

 .getting_tringle img{max-width: 82px;}

 .faq_banner:after{width: 40%}
 #tabbed-nav2 a.z-link {
    font-size: 0;
    font-family: 'AvenirNext-Bold';
    font-weight: bold;
    padding: 16px 24px;
}

}
@media screen and (max-width: 767px) {
  .banner_slider .information_left_inner{padding-left: 0;}
  .information_left_inner{height:auto;}
  .banner_slider .bottom_nav{padding-left:0;}
  .banner_slider .slick-dots li{background:#c82027;}
  .banner_slider .slick-dots{position:relative;}
.load_more{width: auto;}
  .ateliers_banner_innner .banner_expand_btn.expanded{width:200px; min-width:0;}
  .side_gallery, .side_gallery_LUP {margin-top: 30px;}
.our_legancy{    padding-left: 60px; padding-top: 70px;}
.art_video{width: 70%}
.art_detail{width: 30%;}
.sponsors_list img {
    margin: 0 auto;
    display: block;
    float: none;
}
.gallery_wrap{flex-wrap: wrap;}

.gallery_side{width: 100%; padding: 37px 15px 0; }
.our_community_wrap{padding-top: 175px; padding-bottom: 175px; padding-left: 20px;}
.our_community_wrap:before{height: 125px;}
.gallery_section{margin-top: -116px;}
.youth_gallery_section{margin-top: 0; padding-top: 70px;}
/*.load_more{display: none;}*/
.ateliers_banner_innner .load_more{width:200px;}
.cat_wrap12 a{display:block;}
.footer_nav_side{display: none;}
.address_wrap{width: 40%}
.mobile-show{display: block;}
#overlay_menu .bottom_nav{display: none;}

.menu{transform: none; width: 100%; display: block;}
.mobile_icon_nav{margin-top: 40px;}
.mobile_icon_nav ul {display: flex; align-items: flex-end; justify-content: space-between; padding: 0 30px;list-style: none;}
.mobile_icon_nav li img{display: block; margin: 0 auto 5px; width: 25px; height: auto;}
.mobile_icon_nav li{font-size: 10px; text-transform: uppercase; text-align: center; font-family: 'AvenirNext-Bold';}
.mobile_icon_nav li a{color: #c82027; }
.nav {
    width: 100%;
    float: none;
    padding-top: 75px;
    transform: none;
    position: relative;
}
.nav_element a{color: #c82027; }
#overlay_menu.active {
    opacity: 1;
    left: 0;
    max-width: 302px; width: 302px;
    z-index: 55;
}
.nav_icon_wrap ul{display: none;}
.nav-submenu.active{display: none;}
#overlay_menu .container{display: block; height: auto; padding: 0;}

.header_wrap{padding-top: 10px; padding-bottom: 10px;}
/*.logo{width: 136px;}*/
.enroll_wrap a{padding: 12px 14px;}
.nav_element{font-size: 17px; line-height: 37px;}
 #header.fix{position: absolute; margin-top: 0px; top: 0;}
#header.inner_page_headerwrap.fix{margin-top: 0; position: fixed; }
.section_video{margin-bottom: 50px;}
 .admissions_wrap{margin-top: 50px;}
 .admissions__treeButtons .btn{font-size: 20px; margin-bottom: 20px; padding: 20px;}
 .address_office h3, .admissions_singleHeader h2{font-size: 25px;}
 .address_office address p{font-size: 20px;}
 .sliderPeople__body-item .details .name{font-size: 25px;}
 .sliderPeople__body-item .details .position{font-size: 22px;}
 .section__header h3{font-size: 25px;}
 .img-boxes .s-box__content .title{font-size: 25px;}
 .sliderPeople__nav{margin-top: 30px; margin-bottom: 25px;}
 .img-boxes-events__title{font-size: 30px; margin-bottom: 20px;}
 .mg_single_item,  .full-gallery .mg_single_item, .ateliers_explore .mg_single_item {width: 50%;}

 .big_img_textContainer p{font-size: 20px;}
 .big_img_textContainer h2{font-size: 30px;}
 .big_img_textContainer{padding: 5% 10% 0}
 
 .information_wrap{flex-wrap: wrap;}
 .information_img{width: 100%; padding-top: 70%;}
 .information_img:after{display: none;}
 .information_left{width: 100%; padding-top: 30px; padding-bottom: 30px;}
 .sidebar .load_more{display: block;}
 .sidebar, .sidebar_inner{transform: none;}

 .apply_btn a{padding: 12px 15px; font-size: 18px;}
 .ateliers_wrap:after{height: 100px; bottom: -100px;}

 .information_wrap{height: auto;}
.teacher_detail{margin-top: 30px;}
.gallery_list{padding: 50px 0 30px;}

.side_gallery .mg_single_item, .side_gallery_LUP .mg_single_item {
    width: 50%;
}
.full_gallery .mg_single_item {
    width: 50%;
}

.sai_sponsors_wrap{position: relative; margin-top: -80px;}

.sai_sponsors_wrap:before { content: "";  width: 100%; height: 80px; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #c82027; position: absolute; top:-79px; left: 0; display: block; width: 100%;}
.accordion_title .btn-link:after{right: 15px}.accordion_title .btn-link{padding-right: 25px;}

.gallery_wrap{padding-right: 0;}
.explore_wrap .load_more{display: block;width: 45%;}
.sai_sliderPeople_wrap{margin-bottom: 80px; padding-bottom: 100px;}
.explore_wrap {padding-right: 0;}
.information_wrap{min-height: inherit;}

.sidebar_toggle {  padding-top: 0; width: calc(100% - 40px); position: fixed;   right: 0; top: 550px; background: #c82027; z-index: 100; transform: translate(100%, -50%); transition: transform .4s ease-in-out;}
.sidebar_toggle.shown {transform: translate(0%, -50%);}
.accordion-main {max-height: 360px;  overflow-y: scroll;}
.sidebar{position: static;}
.sidebar:after, .sidebar:before{display: none;}
.sidebar_btn{display: block;}

.description_wrap_inner{padding-right: 0;}
.press-listing-wrap{padding-right: 0;}

.adult_wrap .ateliers_head{margin-top: 30px;}
.youth_wrap .ateliers_head{margin-top: 30px;}
.adult_gallery_section{margin-top: 100px;}
.summercamps_wrap .kids_camps .mg_single_item{width:50%;}
.ateliers_banner_innner.summercamp_banner{height:calc(50 / 100 * 100vh); min-height:calc(40 / 100 * 100vh); }

.ateliers .side_gallery{margin-top: 0;}
.ateliers .mg_box_inner{transform: none;}
.side_gallery .mg_single_item:nth-child(even) {margin-top: 0;}

.aristides_wrap .ateliers_head{flex-wrap: wrap;}

.aristides_wrap .apply_btn{width: 100%; justify-content: flex-start;}
.triangle_shape .apply_btn.right:after{display: none;}
.classic_teacher_wrap:after{height: 90px; bottom: -90px;}
.classic_teacher_wrap{margin-bottom: 100px;}
.ateliers_head_text{padding-right: 0;}
.btn_right{width: 100%;}
.btn-dark-wrap a{display: inline-block; width: 100%; text-align: center; min-width: 300px;}
.ateliers_head_text{width: 100%;}
.btn-dark-wrap:after{display: none;}
.ateliers_text{padding-right: 0;}
.give_banner{position: relative; padding-bottom: 180px;}
.give .banner_inner_high{flex-direction: column;}
.banner_btn{align-items: center; padding-right: 0; padding-bottom: 50px;}
.give_wrap::before{height: 50px; top: -49px;}
.donation-form{visibility: visible !important; margin-top: 20px;}

.instructor_wrap .single_press {
    min-height: auto;
}
.faq_banner .information_left{width: 40%;}
/*.getting_banner .information_img{padding-top: 0;}

.getting_tringle{padding: 26% 3%;}*/
.getting_banner .information_text_inner{padding-bottom: 0;}
.banner_text .getting_tringle_wrap {
    flex-direction: row !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: absolute;
    left: 0;
    top: 0; 
    width: 100%;
}
.btn_right.banner-overlap{margin-top: 0;}
.aristides_banner .btn_right{width: auto;}
.aristides_banner .btn-dark-wrap a{min-width: auto; font-size: 12px; font-weight: 300; font-family: 'AvenirNext-Regular';}
.gallery_wrap .mg_single_item {width: 50%;}
.banner_slide_overlay .load_more.clearfix {
    position: absolute;
    right: 0;
    bottom: 33%;
    z-index: 2;
    min-width: 150px;
}
.gallery_wrap .section__header{margin-bottom: 0;}
}


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

.calendar_wrap_std {
    padding-top: 55px !important;
}

 #tabbed-nav2 a.z-link {
 
    padding: 15px ;
}

  .sai_sliderPeople_wrap .col-6{max-width: 100%; flex:0 0 100%;}
.adult_box{width: 50%;}
.history_wrap .history_text p{  font-size: 14px; line-height: 17px;}
.count h3{font-size: 86px;}
.our_legancy_wrap{flex-wrap: wrap;}
.head{width: 100%;}
.our_legancy_wrap .head h2{font-size: 47px; line-height: 47px;}
.legancy_text{max-width: 100%; margin-left: 0; margin-top: 10px;}
.legancy_text p{font-size: 14px; line-height: 17px;}
.history_wrap{margin-bottom: 27px;}
.our_legancy:after{height: 127px; bottom: -126px;}
.join_wrap label{font-size: 14px; line-height: 12.68px;}
.join_wrap .form-control{font-size: 28px;}
.art_wrap{flex-wrap: wrap;}
.art_video{width: 100%; padding-top: 126px;}
.art_video h2{padding-left: 15px; font-size: 46px;}
.art_detail {width: 65%;margin: 0 auto; padding-top: 45px;padding-bottom: 45px;}
.art_detail h4{font-size: 14px;}
.art_detail h3{font-size: 23px; line-height: 26.28px; margin-bottom: 70px;}
.adult_box h3{font-size: 21px; line-height: 22.5px;}
.ms-video-btn{top:17%;}
.single_press{padding: 42px 27px 53px;}
.single_press h3{font-size: 36px; line-height: 40px;}
.read_btn{font-size: 14px; line-height: 19px; padding-bottom: 5px;}
.press_row:before{height: 44px;}
.press_wrap{padding-top: 70px;}
.press_row:after {
    height: 202px;
}
.press_wrap .slick-dots{bottom: 164px;}
.author_name, .sponsors_wrap p{font-size: 14px; line-height: 19px;}
.sponsors_logo_wrap{padding-top: 60px;padding-bottom: 60px;}
.sponsors_list .slick-dots {bottom: -54px;}
.address_wrap{width: 85%}
.footer_link li, .address_inner address p{font-size: 14px; line-height: 18px;}
.address_inner address{max-width: 200px;}
.address_inner h6, .address_inner p{font-size: 14px;}
.address_wrap{padding-top: 67px;}
.art_video:before {
    content: "";
    width: 66px;
    height: 100%;
    display: block;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #000;
    position: absolute;
    right: 0;
    z-index: 2;
    top: 1px;
}
.calendar_grid{flex-wrap: wrap; margin-top: 35px; padding-left: 0;}
.first_colum{width: 100%;}
.sec_colum, .three_colum{margin-top: 0;}
.single_calendar {
    padding: 19px 15px;
    max-width: 240px;
    margin: 0 auto 10px;
}
.single_calendar .month, .single_calendar p{font-size: 14px; line-height: 19px;}
.single_calendar .date{font-size: 53px;}
.view-link{font-size: 14px;}
.enroll_wrap a{font-size: 23px;}


.section_video{margin-bottom: 30px;}
 .admissions_wrap{margin-top: 30px;}
 .admissions__treeButtons .btn{font-size: 18px; margin-bottom: 20px; padding: 20px;}
 .address_office h3, .admissions_singleHeader h2{font-size: 20px;}
 .address_office address p{font-size: 15px;}
 .sliderPeople__body-item .details .name{font-size: 20px;}
 .sliderPeople__body-item .details .position{font-size: 18px;}
 .section__header h3{font-size: 25px;}
 .img-boxes .s-box__content .title{font-size: 23px;}
 .sliderPeople__nav{margin-top: 25px;}
 .img-boxes-events__title{font-size: 25px; margin-bottom: 20px;}
  .explore_wrap h2{font-size: 47px;}
 .big_img_textContainer p{font-size: 18px;}
 .big_img_textContainer h2{font-size: 25px;}
 .big_img_textContainer{padding: 5% 10% 0}
 .designModule__headerWithSubtitle h3{font-size: 47px;}
.designModule__headerWithSubtitle p{font-size: 17px;}
.section__header {
    width: 100%;
    text-align: center;
}
.slider_navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
}

.ateliers_head h2{font-size: 47px; line-height: 47px;}
.ateliers_head p{font-size: 14px;}

.press-listing-wrap h3{font-size: 47px;}
.calc_head .calc-prev{left: 0}
.calc_head .calc-next{right: 0}
.sai_teacher_wrap .col-6{max-width: 100%; flex:0 0 100%;}

.aristides_banner.banner_shape:after{width: 35%; min-width: 300px; }
.ateliers_head .ateliers_head_text .quotes_text{font-size: 30px;}
.ateliers_head .ateliers_head_text .quotes_text span{font-size: 25px;}
.ateliers_head .ateliers_head_text p{font-size: 18px; word-break: break-all;}
.ateliers_head_text{min-width: 100%;}

.sd_donor_first_col h3{font-size: 16px;}

.instructor_wrap h2{font-size: 35px;}
 .faq_banner:after{width: 70%}
 .opportunites_banner h2{font-size: 40px;}
 .speaker_wrap .section__header h3{font-size: 35px; text-align: left}
 .drawing_banner h2 {
    font-size: 40px;
    line-height: 40px;
    color: #000; margin-bottom: 15px;
}
.gallery_wrap .section__header{margin-bottom: 0;}
.gallery_wrap .section__header h3{font-size: 35px; text-align: left;}
}
@media screen and (max-width: 480px) {
  .adult_gallery_section{padding-top: 70px;}
  .summercamp_gallery.adult_gallery_section{padding-top: 70px;}
.mg_single_item{width: 100%}
.side_gallery .mg_single_item {
    width: 100%;
}
.full-gallery .mg_single_item { width: 50%;}
.ateliers_banner_text h2 {
    font-size: 32px;  
    line-height: 50px; 
}
.ateliers_wrap{padding-top: 10px;}
.ateliers_explore .mg_single_item { width: 100%;}
.gallery_wrap .mg_single_item {  width: 100%;}
 .photo_gallery_wrap .mg_single_item { width: 100%;}
 .mg_items_container{margin-left: 0; margin-right: 0;}
 .art_video_list ul li{width: 50%}
 .summercamps_wrap .kids_camps .mg_single_item{width:100%;}
 .side_gallery .col-6{max-width: 100%; flex:0 0 100%;}
 .opportunites_banner h2{font-size: 40px;}
 .drawing_banner h2 {
    font-size: 40px;
    line-height: 40px;
    color: #000;
}

.open_studio_intro {
margin-top: 50px;
}
}


@media screen and (min-width:991px) {
  ul.submenu{display: none !important;}
}
.banner_wrap h2{font-size: 52px;
    line-height: initial;}
.information_left_inner h2 {
	font-size:46px;
    font-family: 'AvenirNext-Bold';

}

.ateliers_wrap {color:#000}

.youth_gallery_section.upcoming_exh.gage_gray { background: #34312f  }

.youth_gallery_section.upcoming_exh.gage_gray:after { background: #34312f  }

.youth_gallery_section.upcoming_exh .gallery_wrap.gage_gray { background: #34312f  }

.made.exh_made.gage_cream p { color: #34312f  }
.upcoming_exh .gage_cream { background: #f8e6d2}

.upcoming_exhibitions_text p { color: #f8e6d2; font-size:25px; }

.gage_cream a { color: #34312f  }
#header .container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}
@media screen and (max-width: 992px){
    
    .nav_icon_wrap li {
    padding-left: 35px;
    font-size: 10px;
}
#header .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.banner_wrap h2{margin-left:0}
}

div#scroll-bar {
  min-width: 5%;
  height: 30px; 
  background-color: #c82027;
}

.margin-zero .col-md-12{padding-right: 0;padding-left: 0;}
.margin-zero .mg_items_container{margin-left: 0;margin-right: 0;}

.mgi_ol_titwrap {
display: none;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
text-align: right;
padding: 30px;
transition: 0.5s ease all;
justify-content: flex-end;
flex-direction: column;
}
.mgi_overlays:hover .mgi_ol_titwrap{display: flex !important;}
.mgi_ol_titwrap .arrow-link {
width: 100%;
clear: both;
}
.apply_btn .left{ margin-left:-25px; width: 80%}
.apply_btn .right {margin-right:-25px; Width: 80%}

.mg_box_inner_caption {display: flex;width: 100%;height: 100%;vertical-align: middle;align-items: center;text-align: center;transition: 0.5s ease all;justify-content: center;flex-direction: column;}
.mgi_overlays:hover .mg_box_inner_caption{ display:none; transition: 0.5s ease all;}
.inner_caption{ width: 95%; text-align: center;background-color: rgb(0,0,0, .25);}
.tablet-show:hover i{color:#34312f; transition:0.5s}
.tablet-show:hover span{background:#34312f; transition:0.5s}

.sai-details-overlay {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
vertical-align: middle;
align-items: center;
text-align: right;
padding: 30px;
transition: 0.5s ease all;
justify-content: space-between;
flex-direction: column;
}
.sai-details-overlay a {
display: block;
width: 100%;
font-size: 22px;
font-weight: bold;
}
.sai-details-overlay a.arrow-link {
font-size: 18px;
display: block;
}

.insta_list .slick-arrow{display:none !important;}
@media (min-width:200px) and (max-width:1024px) {
.col-md-left, .col-md-right, .col-inner{ width:100% !important; overflow:hidden;}
.col-md-left, .col-md-right, .col-md-right .ateliers_head p, .col-md-left  .ateliers_head p{ padding:0 15px !important;}
.ateliers .side_gallery {margin-top: 100px !important;}
.ateliers .ateliers_banner_innner {height: auto !important;}
.ateliers_banner_innner {height: calc(65 / 100  50vh); max-height: calc(75 / 100  50vh); min-height: calc(65 / 100 * 50vh); background-size: cover;background-position: center;}
}
/* exhibition */
.single_upcoming_text {
    width: 100%;
    overflow: hidden;
    padding: 0 50px 0 0;}
    
/* getting-started */
@media (min-width:700px) and (max-width:1024px) {
	.G-ROW img{ display:block; width:50% !important; height:auto !important;}
	.faq_accordion li ul li {padding: 5px 0 !important;}
}

@media (min-width:200px) and (max-width:699px) {
	.G-ROW img{ display:block; width:100% !important; height:auto !important;}
	.faq_accordion li ul li {padding: 5px 0 !important;}
}
@media (min-width:200px) and (max-width:991px) {
 .sponsors_wrap {
 
 /*    margin-top: 60px!important; */
   
}

.ateliers_wrap .col-md-9{ margin-left:0 !important}
.ateliers_wrap .col-md-9 iframe{ width:100% !important;}

}


@media (min-width:401px) and (max-width:767px) {
	.slick-current h2 {
    display: block;
    width: 100%;
    width: 400px;
    font-size: 30px !important;
    line-height: normal !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 25px !important;
	float: none !important;
}
.large-text{font-size:17px;}
}
@media (min-width:200px) and (max-width:400px) {
	.slick-current h2 {
    display: block;
    width: 100%;
    width: 320px;
    font-size: 24px !important;
    line-height: normal !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 25px !important;
}
}

/* BOTTOM ANGEL CODE */
.bottom_angle{
    width: 100%;
}
.bottom_angle div{
    height: 152px;
    width: 100%;
    clip-path: polygon(100% 0, -5% 100%, 100% 100%);
    position: relative;
    z-index: 9;
}
.bottom_angle_left{
    width: 100%;
    height: 149px;
    overflow:hidden;
}
.bottom_angle_left div{
    height: 150px;
    width: 100%;
    clip-path: polygon(0 0, 0% 100%, 102% 101%);
    position: relative;
    z-index: 9;
}
.bg_clip{
    margin-top: -150px;
}
/* BOTTOM ANGEL CODE */

.nav_icon_wrap li a i{
   height: 33px;
   display: flex;
   margin-bottom: 4px;
   align-items: flex-end;
}
.nav_icon_wrap li a svg{
   margin: 0 auto 0px;
}

.giv_fnd_btn{
   transition: all 0.3s ease;
}
.giv_fnd_btn:hover{
   backgroud-color:#30b7b3;
}
.banner_flx_btn a{
	background: transparent !important;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner_flx_btn a:hover{
	color:#47525d !important; 
}
@media (min-width: 768px){

	.scndry_menu .bottom_nav{
		transform: skewX(10deg) !important;
		padding: 0 !important;
		left: 70px;
		display:block !important;
	}
}
@media (min-width: 991px){
	.scndry_menu .bottom_nav{left: 70px;}
}
@media (max-width: 767px){
	.homey_menu .submenu{background: rgba(52,49,47,0.03);}
	.scndry_menu .submenu{background: rgba(52,49,47,0.03);}
	
	.scndry_menu .nav-submenu{
		padding-left: 13%;left: -14px !important;padding-top: 15px;
	}
	.mobile_icon_nav ul{justify-content: left;}
	.mobile_icon_nav li{margin-right: 25px;}
}