@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900|Karla:400,400i,700,700i');
@import url('custom/css/jquery.mmenu.all.css');
@import url('custom/css/slick.css');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*
font-family: 'Karla', sans-serif;
font-family: 'Frank Ruhl Libre', serif;
*/

/*****RESET*****/
@import url("custom/css/reset.css");
.home *, header *, footer * { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust:none; }
html, body { height: 100vh; width: 100%; font-size: 16px; line-height: 20px; color: #000000; background: #ffffff; font-family: 'Karla', sans-serif; }
/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* input { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }   */

*::-webkit-input-placeholder{opacity:0.80; } 
*::-moz-placeholder{opacity:0.80; } 
*:-ms-input-placeholder{opacity:0.80; }

/*****GENERAL*****/
a{color:#2a276b; text-decoration:none; transition:all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
.home ul, header ul, footer ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: inline-block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: 700;  }
input, textarea { font-family: 'Karla', sans-serif; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }
p { line-height: 28px; padding-bottom: 25px; }
p a{color:#2a276b; font-weight:700; display:inline-block; vertical-align: top; }
p a:hover{text-decoration:underline;}

h1{font-size:46px; line-height:54px; font-weight:700; font-family: 'Frank Ruhl Libre', serif; }
h2{font-size:33px; color:#2a276b; line-height:37px; font-weight:500; font-family: 'Frank Ruhl Libre', serif; }
h3{ letter-spacing: -0.04em; font-size:32px; color:#2a276b; line-height:36px; font-weight: 400;  }
.tool_headline1{ letter-spacing: -0.04em; font-size:32px; color:#2a276b; line-height:36px; font-weight: 400;  }
h4{ font-size:23px; letter-spacing: 0.02em; text-transform:uppercase; color:#2a276b; line-height:27px; font-style:italic; font-weight:700; }
.tool_headline2{ font-size:23px; letter-spacing: 0.02em; text-transform:uppercase; color:#2a276b; line-height:27px; font-style:italic; font-weight:700; }
h5{ font-size:23px; color:#2a276b; line-height:33px; font-weight:400; font-family: 'Frank Ruhl Libre', serif; }
h5{text-align:center; margin: 0px 0 40px; padding: 20px 45px; border-top: 2px solid #636192; border-bottom: 2px solid #636192; }
h6{ font-size:22px; line-height:26px; font-family: 'Frank Ruhl Libre', serif; font-weight:400; color: #000000}

.alignright{ float:right; margin:0 10px 10px 20px; }
.alignleft{ float:left; margin:14px 25px 10px 0; }

[href^="tel"] { cursor: default; }
[href^="tel"]:hover { text-decoration: none; }

blockquote { text-align:center; margin: 0px 0 40px; padding: 20px 45px; border-top: 2px solid #636192; border-bottom: 2px solid #636192; position: relative; }
blockquote h1, blockquote h2, blockquote h3, blockquote h4 ,blockquote h5, blockquote h6, blockquote p, blockquote span, blockquote a{ font-size:23px; color:#2a276b; line-height:33px; font-weight:400; font-family: 'Frank Ruhl Libre', serif; padding: 0px !important; margin: 0px !important;}

.read_more { font-size: 12px; font-weight:700; padding: 0 25px; min-width:120px; line-height: 35px; display:inline-block; vertical-align: top; border: 1px solid #2a276b; color:#2a276b; text-align:center; border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; text-transform:uppercase; }
.read_more:hover { background:#2a276b; color:#ffffff; box-shadow: 0px 10px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 10px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0px 10px 5px rgba(0,0,0,0.1); }
.read_more.large { font-size: 18px; line-height: 64px; padding: 0 35px; border-radius: 32px; -webkit-border-radius: 32px; -ms-border-radius: 32px; min-width: 215px; } 

.button { border:0; cursor:pointer; font-size: 28px; line-height: 33px; color: #2a276b; padding: 38px 30px; border: 2px solid #faaf4c; min-width: 330px;  font-family: 'Frank Ruhl Libre', serif; font-weight:700;  display: inline-block; vertical-align: top; text-align: center; outline: 2px solid transparent; outline-offset:-4px; }
.button:hover { background: #2a276b; color:#ffffff; outline-color: #faaf4c; }

.back-top { border: 1px solid #ffffff; position: fixed; bottom: 55px; display: none; right: 15px; z-index: 9999; width: 30px; height: 30px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; background: #2a276b; opacity:0; }
.back-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 8px solid transparent; border-bottom-color: #ffffff; margin: -12px 0 0 -8px; }
.back-top.show { opacity: 100; }
a.close, a.mobilemenu { display: none; }

.centering { max-width: 1510px; padding: 0 15px; position: relative; margin: auto; }

/****main_sec****/
#main_sec { height: 100vh; width: 100%; min-height: 100%; position: relative; }
.text_center { text-align:center; }
.heading h2 { font-size: 40px; line-height: 48px; color: #000000; }
.heading h2:after { width: 115px; height: 3px; font-size:0; line-height:0; content:''; background:#faaf4c; display:block; margin:35px auto 35px; }

/****header****/
header { width: 100%; box-shadow: 0px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3); -ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.3); position: absolute; left:0; top:0; z-index:9999; background: rgba(255,255,255,0.65); }
header #logo { z-index:9; width: 300px; height: 100%; position:absolute; left:0px; margin: 0; top:0px; background: #ffffff; }
header #logo:before { width: 5000px; height: 100%; content:''; position:absolute; left:-5000px; top:0; background:#ffffff; }
header #logo a img { max-width: 68%; position:absolute; left:0; top:0; bottom:0; margin:auto; right: 0px;}
header .top_bar { width: 100%; background: #2a276b; }
header.fixed { position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; background: rgba(255,255,255,0.90) }
header.fixed #logo a img { max-width: 68%; }


/****INSIDE PAGE****/
#main_container { text-align:justify; padding: 45px 0 80px 0; width: 100%; overflow:hidden; }
#main_container p { padding-bottom: 30px;  }
#main_container .alignleft { margin-top:0; }  
#main_container > .centering { display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; }
#main_container h2 { text-transform:uppercase; }
#main_container h6 {  padding: 5px 0 20px;}
#main_container .right_content h6 	{ padding-bottom: 20px; }
#main_container .pull-right { margin: 0 0 20px 40px; }
#main_container.full { padding:45px 0; }
hr { margin: 3px 0 38px; border: none; border-bottom: 1px solid #c3b9b5; }
.full .middle_column { display: block; width: 100%; }
.w_right .middle_column { width: 67.4%; display: inline-block; }
h3.toolhead { padding: 10px 13px; font-size: 32px; line-height: 37px; color: #ffffff; background: #2a276b; border-bottom: 4px solid #faaf4c;}
.middle_column h3.toolhead{ margin-bottom: 30px;}
.right_per_detail { overflow: hidden; padding: 0 0 0 30px; }
.right_content { padding: 0px 0px 30px; margin-bottom: 55px; border-bottom: 2px solid #bfbfbf; }
.right_per_detail:last-child .right_content { margin-bottom:0; border:0; }
.right_content h3 { color: #faaf4c; }

.right_content .text { padding: 20px 20px 0px 13px; }
#main_container .right_content .text p { padding-bottom:15px; }
.nav-drop { display: none; }
.right_content img { margin: 0; }

.middle_column.with_right { float: left; }
.middle_column { padding: 0 0 0 44px; }
.middle_column h6:nth-of-type(1) { padding-bottom: 20px; }   
.right_column { width: calc(27% - 2px); border-left: 2px solid #bbbbbd; margin-left: 5%;}
.middle_column.with_right { padding-left:0; width: 68%;}
.middle_column.with_full {  width: 100%; float: left; margin: 0; padding: 0; }

/****page_heading****/
#page_heading { position:absolute; left:0; text-align:center; color: #ffffff; top:56%; width: 100%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); }
#page_heading h1:after { display:none; }
#banner.no-banner #page_heading { top: 75%; }


/****footer****/
footer { width: 100%; overflow: hidden; position: relative; background: #1c1a48 url(custom/images/footer_bg.png) 80% bottom no-repeat; border-top: 5px solid #faaf4c; }
.footer-bar { padding: 55px 0; width: 100%; overflow: hidden; border-bottom: 3px solid #faaf4c; }
footer #footer_logo { float: left; margin: 0 0 0 52px; max-width: 200px; }
footer .address { padding: 12px 0 12px 30px; min-height:200px; margin: 0px 0 0 50px; border-left: 3px solid #faaf4c; float: left; max-width: 474px; width: 100%; }
footer h5 { font-size: 20px; padding-bottom: 10px; letter-spacing: 0.015em; line-height: 30px; font-weight: 700;color:#faaf4c;border-top: none; border-bottom: none; text-align:left; padding:0; margin: 0 0 20px; }
footer address { font-size: 15px; text-transform:uppercase; letter-spacing: 0.02em; font-style:normal; line-height: 19px; color:#ffffff; }
footer .social { float: right; margin: 20px 0 0  ; }
footer .social li { float: left; margin: 0 0 0 32px; font-size: 35px;} 
footer .social li a { color:#ffffff; } 
footer .social li a:hover { color:#faaf4c; } 
footer .social li a svg{ fill:#ffffff; width: 35px; height: 35px;} 
footer .social li a:hover svg{ fill:#faaf4c; } 
footer address a { color:#ffffff; }
footer address span { display:block; padding-bottom: 10px!important; }
footer .copyright-bar { padding: 14px 0; background:#000000; overflow:hidden; color:#ffffff; width:100%; }
footer .copyright-bar span { float: left; text-transform:uppercase; padding: 0 0 0 15px; font-size: 13px; line-height: 16px; } 
footer .copyright-bar span a { color:#ffffff; } 
footer .copyright-bar span a:hover { color:#faaf4c; } 
footer .copyright-bar a.ss { float: right; } 

/*****INSIDE PAGE TOOLS****/
.detail_minical .calendar_form .month_header,
.detail_minical .calendar_options,
.calendar_grid .calendar_grid_headings,
.detail_minical .calendar_grid td,
.calendar_nav,
.calendar_options,
.calendar_grid_day,
.calendar_list_title,
.calendar_list_date,
.slideshow_caption,
.number_pager,
.cycle_overlay,
.post-activity,
.form-item,
.form-label,
.color-button,
.responsive-form input[type="file"],
.responsive-form input, .responsive-form textarea, .responsive-form select,
.news-rss,
.blog_title_all,
.blogtags,
.scrip-writein-row,
.scrip-vendor-name,
.scrip-add-cart-amount,
.scrip-add-cart-qty,
.signup-date,
.grouping-heading,
.login-menu,
.blog-row-header,
.blog-results-row,
.post-nav-left,
.blogattachment,
.header,
.dir-head-link,
.dir-head-back,
.dir-name,
.collapse-btn,
.expandme,
.group-details strong,
.back-to-top,
.profile,
.detail_profiles .staff_header .search_box input[type="text"],
.detail_profiles .popup_box .profile-name,
.detail_profiles .popup_box .profile-title,
.profile-contact,
.detail_profiles .profile-short,
.overlay_details span{font-family: 'Karla', sans-serif;}


/*****HOME PAGE*****/
/*****banner-bar*****/
#banner { z-index:9; height: 100%; width: 100%; min-height:770px;  background-position: center top; overflow: hidden; background-size:cover; position: relative; }
#banner .cycle-slideshow { height: 100%; width: 100%; background: #000; }
#banner .slides {color:#ffffff; position: relative; height: 100%; width: 100%; background-position: center center; background-size:cover; }  
#banner .centering { height: 100%; }
/* #banner .centering:before { width: 5000px; height: 100%; content:''; position:absolute; left:-4530px; top:147px; background: rgba(0,0,0,0.52); z-index:1; } */
#banner .banner_text_bg { width: 485px; height: 100%; content:''; position:absolute; left:0px; top:0px; background: rgba(0,0,0,0.52); z-index:1; }
#banner .inner {  position: relative; color:#ffffff; z-index:2; width: 455px; position:absolute; left:15px; bottom:0; padding: 150px 50px 65px 0; } 
#banner p { font-size: 19px; line-height: 26px; letter-spacing: -0.02em;}
#banner .pager { position:absolute; right:60px; bottom:80px; z-index:999; font-size:0; line-height:0; }
#banner .pager span { width: 25px; height: 25px; cursor: pointer; margin: 0 0 0 15px; display:block; float: left; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #2a276b; }  
#banner .pager span:hover,#banner .pager span.cycle-pager-active { background:#faaf4c; box-shadow:0px 3px 3px rgba(0,0,0,0.5); }
#banner .arrow_btn { float: right; position: relative; width: 36px; height: 36px; transform: rotate(-135deg); margin: 0 5px 0 0; }  
#banner .arrow_btn svg {  width: 36px; height: 36px;}   
#banner .arrow_btn:hover svg path { fill:#ffffff; }
#banner .scroll_page { border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; width: 90px; height: 90px; margin: 0 0 0 -45px; position:absolute; display: block; z-index:999; left: 50%; bottom: -55px; background:#ffffff; padding: 8px 0 0 0; }
#banner .scroll_page svg { width:25px; height:25px; margin:auto; display:block; } 
#banner .scroll_page:hover svg path { fill: #2a276b }


#banner.inside { position: relative; height:auto; min-height: 720px; }
#banner.inside .centering:after { z-index:1; width: 0; height:0; content:''; border: 49px solid transparent; border-bottom: 25px solid #ffffff; position:absolute; left:18px; bottom:0;}
#banner.inside .centering { height:auto; min-height: inherit; }
#banner.inside .centering:before { display: none; }
#banner.inside:before { width: 100%; height:100%; content:''; background: rgba(0,0,0,0.3); position:absolute; left:0; top:0; }
#banner.inside:after { width: 100%; height:303px; content:''; background: url(custom/images/banner_shadow.png) left bottom repeat-x; background-size:1px 100%; position:absolute; left:0; bottom:0; }

#banner.inside.no-banner { text-align:center; background: #2a276b !important; min-height: 325px;  }
#banner.inside.no-banner:before,#banner.inside.no-banner:after { display: none !important; }
#banner.inside.no-banner #breadcrumbs.one-col { text-align: left; left:0px; padding: 0px; /* right: 0px; */ padding-right:40px; bottom: 30px;}
#banner.inside.no-banner .centering::after { display: none; }

#banner .inner span.divider {border-top: 3px solid #faaf4c; width: 40%; display: block; margin: 10px 0 20px; }

/****breadcrumbs****/
#breadcrumbs { position:absolute; left:0px; /* right: 0px; */ padding: 0 0 0 145px; bottom:15px; font-size: 18px; line-height: 18px; color: #ffffff; z-index:9; overflow: hidden; width: 100%; text-align: left;}
#breadcrumbs a { position: relative; display:inline-block; vertical-align: top; font-size: 18px; line-height: 18px;  color: #ffffff; position: relative; border-bottom: 2px solid transparent; }
#breadcrumbs a.active,#breadcrumbs a:hover { border-bottom-color:#ffffff; }
#breadcrumbs a.active { font-weight:700; }
#breadcrumbs .breadcrumb_divide { display:inline-block; vertical-align:top; margin: 0 4px; }


/*****SOCIAL-UPDATE-BAR*****/
.social-update-bar { padding: 65px 0 70px; width:auto; overflow: hidden; }
.social-update-bar .row { margin: 0 -27px; display:flex; -webkit-display:flex; -ms-display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; justify-content: center;}
.social-update-bar .col3 { width: calc( 50% - 30px); padding: 0 15px; display:flex; -webkit-display:flex; -ms-display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;}   
.social-update-bar .inner { position: relative; padding: 32px 35px 65px; width: 100%; border: 1px solid #d0d2d6; }   
.social-update-bar .inner span.event_date{ margin-bottom: 10px;}

.social-update-bar .col3.fb .inner { background-image:url(custom/images/fb_bg_icon.png); background-position: right bottom; background-repeat: no-repeat; background-size: contain;}

.social-update-bar .col3.twitter .inner { background-image:url(custom/images/twitter_bg_icon.png); background-position:left bottom; background-repeat: no-repeat; background-size: contain;}
.social-update-bar .col3.instagram .inner { background-image:url(custom/images/instagram_bg_icon.png); background-position:left top; background-repeat: no-repeat;background-size: contain;}

.social-update-bar .col3.instagram .inner .pic{ display: block; text-align: center; max-width: 65%; margin: 0 auto; float: none; margin-bottom: 25px;}
.social-update-bar .col3.instagram .inner .pic img{ margin: 0 auto;}
.social-update-bar .col3.instagram .inner span.event_date, .social-update-bar .col3.instagram .inner p{ display: block; text-align: left;}

.social-update-bar ul,.social-update-bar .heading { /* width: 100%; */ }
.social-update-bar .heading { padding-bottom: 10px; text-align: center; color:#2a276b; }
.social-update-bar a.pic { float: left; margin:5px 0 0 0; max-width:100px; }
.social-update-bar .text { overflow: hidden; padding: 0 0 20px 20px; }
.social-update-bar .col3 li { width:100%; overflow:hidden; padding-bottom: 38px; }
.social-update-bar .col3 li:last-child { padding-bottom:0px; }
.social-update-bar .date { font-size: 13px; letter-spacing: 0.04em; padding-bottom: 8px; text-transform:uppercase; line-height: 17px; display:block; font-weight:700; color:#faaf4c; }
.social-update-bar p { font-size: 15px; line-height: 18px; }  

.social-update-bar .view_all { font-size: 18px; line-height: 30px;  color:#2a276b; font-weight:700; text-transform: uppercase; font-family: 'Frank Ruhl Libre', serif; } 
.social-update-bar .view_all svg { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; width: 30px; height: 30px; margin: 0 0 0 8px;  transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); display:inline-block; vertical-align: middle; }  
.social-update-bar .view_all:hover { color:#faaf4c; }
.social-update-bar .view_all:hover svg path {fill:#2a276b;}
.social-update-bar .view_all:hover svg { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); }
.social-update-bar .text_center { width: 100%; position:absolute; left:0; bottom:25px; }
.social-update-bar .col3.update a.pic { max-width: 160px; }
.social-update-bar .col3.update .inner ul { padding: 15px 0 0 15px ; } 
.social-update-bar h4 a{font-size: 18px; text-transform:none;}
.social-update-bar h5 { font-size: 25px; line-height: 30px; letter-spacing: -0.01em; padding-bottom: 15px; font-weight:700; border-top: none; border-bottom: none; text-align:left; padding:0; margin: 0 0 20px; }
.social-update-bar h5 a:hover { color:#faaf4c; }
.social-update-bar .update .date { padding:0 0 2px 0; }
.social-update-bar .update .text { padding-left:25px;}
.social-update-bar .update li {padding-bottom: 20px!important;}

.social-update-bar .events .event_date { position: relative; font-size: 66px; line-height: 60px; color: #2a276b; font-weight:700; text-transform:uppercase; width: 65px; text-align:center; float: left; }
.social-update-bar .events .event_date small { font-size: 20px; line-height: 20px; vertical-align: top; display:block; }
.social-update-bar .events .event_date:after { content:''; width: 2px; height: 70px; position:absolute; right:-22px; top:5px; background: #faaf4c; }
.social-update-bar .events .inner ul { padding-top:15px; }
.social-update-bar .events .text { padding-left: 45px; padding-bottom:0; }
.social-update-bar .events li { padding-bottom: 35px; }
.social-update-bar .time { padding-bottom:2px; font-size: 16px; line-height: 20px; font-weight:700;  color:#2a276b; display: block; }

/**** facebook & twitter feed ****/
.social-post{ float: left;}
.social-post:first-child{ margin-top: 0px;margin-bottom:20px;}
.soc-pic{ max-width: 125px; float: left; margin: 0px 7px 30px 0px;}

/*****STORY-BAR*****/
.story-bar { position: relative; width:auto; overflow: hidden; background: #2a276b url(custom/images/story_bg.png) right center no-repeat; background-size: auto 44%; }
.story-bar:after { width: 100%; height: 100%; content:''; position:absolute; left:0; top:0; background:url(custom/images/story_left_bg.png) left center no-repeat; background-size: auto 90%; }
.story-bar.video_option{ padding-bottom: 50px;}
.story-bar .centering { padding: 90px 15px; z-index:1; }
.story-bar .inner { max-width: 1600px; margin:auto; position: relative; z-index:1; }
.story-bar .slider { padding-left: 155px; }
.story-bar .slider .image { margin: 10px 0 45px 0; max-width: 55.5%; float: left; }
.story-bar .slider .text { padding: 0 0 35px 155px; max-width: 44.5%; float: right; color:#ffffff; }
.story-bar .slider .image figure { position: relative; display:block; width: 100%; }
.story-bar .slider .image figure img { width: 100%; position: relative; z-index:1; }
.story-bar .slider .image figure iframe{ max-width: 100%;}
.story-bar .slider-nav { z-index:2; position:absolute; left:0; top:47%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); }
.story-bar .heading h2 { color:#ffffff; }
.story-bar .heading h2:after { width: 60px; margin:25px 0; }
.story-bar .text p { font-size: 18px; line-height: 30px; padding-bottom: 20px; }
.story-bar .read_more { color:#ffffff; border-color: #ffffff; }
.story-bar .read_more:hover { background:#faaf4c; color:#ffffff; border-color: transparent; }
.story-bar figure:after { width: 100%; height:100%; content:''; outline: 12px solid #faaf4c; outline-offset:-12px; position:absolute; left: 40px; top: 40px;z-index: -1; }
.story-bar .slider-nav .slides img { width:100%; }
.story-bar .slider-nav { width:120px; }
.story-bar .slick-vertical .slick-slide { cursor: pointer; overflow:hidden; position: relative; border: 1px solid #faaf4c; margin: 5px auto;}
.story-bar .slick-vertical .slick-slide .icon { opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); width: 130px; height: 115px; display:block; background: rgba(0,0,0,0.5); position:absolute; right:-86px; bottom:-65px; }
.story-bar .slick-vertical .slick-slide .icon svg { width: 30px; height:30px; position:absolute; right:5px; top:32px;}
.story-bar .slick-vertical .slick-slide .icon svg path { fill:#ffffff; }
.story-bar .slick-vertical .slick-slide.slick-current .icon ,.story-bar .slick-vertical .slick-slide:hover .icon { opacity:100; }
.story-bar .centering:before {width: 0; height:0; content:''; border: 45px solid transparent; border-top: 22px solid #ffffff; position:absolute; left:125px; top:0;}
.slick-slide{ height: auto !important;}

/***** Section 2 Video***/
#home_play_button{ display: none; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px;}
#home_play_button i{ color: rgba(255,255,255,80); font-size: 60px; text-align: center; font-family: 'fontawesome'; display: inline-block; font-style: normal;}
.story-bar .slider .image figure:hover #home_play_button{ display: block;}

#home_play_button i.fa-pause-circle{ display: none;}


/*****BOTTOM-BAR*****/
.bottom-bar { padding: 102px 0 93px; text-align:center; width:auto; overflow: hidden; }
.bottom-bar .button { margin: 10px 17px; }
.bottom-bar p{ font-weight: 500; padding: 0px 20%; line-height: 20px;}
.bottom-bar.tool5a {padding-top: 0;}
/******** TOOL FIXES **********/

.calendar_options ul.category{ display: none; list-style: none;}

.calendar_grid_day{
	font-size: 10px !important;
	font-size:0.625rem !important;
}
.detail_minical .calendar_grid .calendar_grid_headings th{
	font-size: 0.875rem !important;
}
.calendar_grid td{
	padding: 0rem !important;
}

.with_both .detail_facultylist .staff_sec tr td.dir-link.right{float: right;}

.detail_profiles .staff_header .profile ul li a{ color: #ffffff !important;}
.right_content .responsive-form li {width: 80%; }
/***ENHANCEMENT***/
.accred {float:right; position:absolute; right: 0; margin-top: 10%;}
/***************************************************************MEDIA QUERIES*******************************************************************/

@media only screen and (max-width: 1509px) {
	.centering { max-width: 1366px; }
	header #logo { left:15px; margin:0; width: 250px; }
	header #logo a img { max-width:72%; } 
	#banner .centering::before { top: 107px; }
	#banner { min-height:600px; }
	#banner .pager { bottom: 40px; }
	#banner .inner { padding-bottom: 25px; }
	.social-update-bar .inner { padding: 20px 20px 60px; }  
	.social-update-bar .col3 { padding: 0 15px; }
	.social-update-bar .row { margin: 0 -15px; }
	.heading h2::after { margin: 15px auto; }
	.social-update-bar .col3.update .inner ul { padding:0; }
	.heading h2 { font-size: 35px; line-height: 40px; }
	.social-update-bar p { padding-bottom: 0; }  
	.social-update-bar .col3 li { padding-bottom: 20px; }
	.social-update-bar .col3.update a.pic { max-width: 130px; }
	.social-update-bar .update .text {  padding-left: 20px; }
	.social-update-bar h5 { font-size: 22px; line-height: 26px; }
	.social-update-bar .events .event_date { font-size: 60px; }
	.social-update-bar { padding: 40px 0 50px; }  
	.social-update-bar .events .inner ul { padding-top:0; }
	.story-bar .slider .image { max-width: 50%; }
	.story-bar .slider .text { max-width: 50%; padding-left:100px;}
	.story-bar .heading h2 br { display:none; }
	.story-bar .heading h2::after { margin:15px 0; }
	.story-bar .text p { font-size: 17px; line-height: 26px; }
	.story-bar .centering { padding: 60px 15px; }
	.bottom-bar { padding: 80px 0; }

	#banner.no-banner #page_heading { top: 65%; }  
	#breadcrumbs { padding: 0 15px; bottom: 35px; }
	#banner.inside { min-height:500px; }
	#banner.inside.no-banner #breadcrumbs { bottom: 15px; }
}

@media only screen and (max-width: 1365px) {
	h1{font-size:40px; line-height:45px; }
	h2{font-size:33px; line-height:37px; }
	h3{ font-size:32px; line-height:36px; }
	h4{ font-size:23px; line-height:27px; }
	h5{ font-size:23px; line-height:33px; }
	h6{ font-size:22px; line-height:26px; }

	.centering { max-width: 1240px; }
	.heading h2 { font-size: 30px; line-height: 35px; }  
	.social-update-bar p { line-height: 22px; }
	.social-update-bar h5 { font-size: 18px; line-height: 22px; }  
	.social-update-bar .events .event_date { font-size: 50px; line-height: 50px; }  
	.social-update-bar .events .event_date::after { height: 60px; }  
	.social-update-bar .text { padding-bottom: 15px; }
	.story-bar figure::after { left:25px; top: 25px;outline-width:8px; outline-offset:-8px; }
	.read_more.large {    border-radius: 32px;    font-size: 18px;    line-height: 50px;    min-width: 180px;    padding: 0 30px;}
	.story-bar .slider .image { margin-bottom: 27px; }
	.story-bar .slider .text { padding-bottom: 20px; }
	.story-bar .centering { padding: 60px 15px 50px; }
	.button { font-size: 22px; line-height: 26px; padding: 20px 20px; min-width:270px; }
	.bottom-bar { padding: 60px 0; }
	footer #footer_logo { margin-left:0; }
	footer .address { margin-left:60px; }
	footer .address { min-height:inherit; }
	
	.read_more{ min-width: auto;}
}

@media only screen and (max-width: 1239px) {
	h1{font-size:35px; line-height:40px; }
	h2{font-size:30px; line-height:34px; }
	h3{ font-size:25px; line-height:30px; }
	h4{ font-size:21px; line-height:25px; }
	h5{ font-size:21px; line-height:28px; }
	h6{ font-size:18px; line-height:22px; }

	header #logo { width: 150px; }
	header.fixed #logo a img,header #logo a img { max-width: 90%; }

	#banner .centering::before { left: -4685px; top: 101px; }
	#banner .inner { width: 300px; padding: 100px 20px 20px 0; }
	.social-update-bar a.pic { max-width: 80px; }
	.social-update-bar .text { padding: 0 0 15px 15px; }
	.social-update-bar .inner { padding: 20px 15px 45px; }
	.social-update-bar .col3 { padding: 0 10px; }
	.social-update-bar .row { margin: 0 -10px; }
	.social-update-bar p { line-height: 19px; font-size: 14px; }
	.social-update-bar h5 { letter-spacing:normal; }
	.social-update-bar .events .event_date { font-size: 35px; line-height: 35px; width: 50px; }
	.social-update-bar .events .event_date small { font-size: 16px; line-height: 16px; }
	.social-update-bar .events .event_date::after { top:0; right: -12px; height: 50px; }
	.social-update-bar .events .text { padding-left:30px; }
	.social-update-bar .text_center { bottom: 10px; }
	.story-bar .slider { padding-left:130px; }
	.story-bar .slider-nav { width: 100px; }
	.story-bar .slider .image { max-width: 45%; }
	.story-bar .slider .text { max-width:55%; padding-left: 60px;}
	.story-bar .slick-vertical .slick-slide .icon svg { width: 20px; height: 20px; }
	.story-bar .slick-vertical .slick-slide .icon { right: -98px; bottom: -69px; }
	.middle_column.with_right { /* padding-right:30px; */ }
	h3.toolhead { font-size: 25px; line-height: 30px; }
	.right_per_detail { padding-left: 15px; }
	.right_content .text { padding: 20px 0 0 0; }  
	.right_content { margin-bottom: 35px; padding-bottom: 15px; } 
	#banner.inside.no-banner { min-height:270px; }
	#banner.no-banner #page_heading { top: 67%; }  
	#banner.inside { min-height:400px; }
	#banner.inside::after { height: 20%; }
	#main_container { padding-bottom: 50px; }
	#banner.inside.no-banner #breadcrumbs.one-col { bottom: 15px; }
	
	
}


@media only screen and (max-width: 1023px) {
	header #logo { width: 150px; }
	#banner .pager span { width: 20px; height: 20px; }
	#banner .pager { right: 20px; bottom:20px; }
	#banner p { font-size: 16px; line-height: 22px; }
	#banner .centering::before { top: 96px; }
	.heading h2 { font-size: 24px; line-height: 28px; }
	.heading h2:after { margin: 10px auto; }
	/* .social-update-bar .col3 { width: 100%;  margin: 0 auto; margin-bottom: 15px; }
	.social-update-bar .col3.events { width: 100%; } */
	.story-bar .text p { font-size: 16px; line-height: 20px; padding-bottom: 15px; }  
	.read_more.large { font-size: 16px; line-height: 20px; padding: 12px 15px; min-width:150px;}
	.story-bar .slider { padding-left:110px; }  
	.story-bar figure::after { top: 15px; left: 15px; outline-offset:-5px; outline-width:5px; }
	.story-bar .slider .image { margin-bottom: 18px; }
	.story-bar .slider .text { padding-left:35px; } 
	.button { min-width:200px; font-size: 18px; line-height:22px; }
	.bottom-bar .button { margin: 10px 12px; }
	.bottom-bar { padding: 40px 0; }
	footer #footer_logo { max-width: 130px; }
	footer .address { margin-left: 30px; padding:0 0 0 20px; }  
	footer .social { margin: 0; }
	footer .social li { font-size: 30px; line-height: 30px; margin-left:20px; }
	footer .social li a svg{ width: 30px; height: 30px;} 
	.footer-bar { padding: 40px 0; }
	footer .copyright-bar span { padding-left:0; }  
	#banner.inside.no-banner { min-height:240px; }
	#banner.no-banner #page_heading { top: 67%; }  
	#main_container p { padding-bottom: 15px; }
	p { line-height: 24px; }
	blockquote { padding: 15px 0%; }
	#banner.inside .centering::after { border-width: 30px 30px 15px; }
	.read_more{ min-width: auto; font-size: 10px; padding: 0 15px;}
	.accred {margin-top: 8%;}
}

@media only screen and (max-width: 960px) {
	.social-update-bar .col3 { width: 100%;  margin: 0 auto; margin-bottom: 15px; }
	.social-update-bar .col3.events, .social-post, .social-update-bar ul, .social-update-bar .heading { width: 100%; }
	.read_more{ min-width: auto; font-size: 12px; padding: 0 25px;}
	
	
}

@media only screen and (max-width: 767px) {
	p { padding-bottom: 15px; }
	h1{font-size:28px; line-height:32px; }
	h2{font-size:25px; line-height:30px; }
	h3{ font-size:22px; line-height:26px; }
	h4{ font-size:20px; line-height:24px; }
	h5{ font-size:20px; line-height:24px; }
	h6{ font-size:16px; line-height:20px; }

	header .top_bar { min-height:47px; }
	header #logo { width: 100px; left:0; left:0; padding: 5px 10px; height:auto; z-index:1; }  
	header #logo a img { max-width: 100%; float: none; display:inline-block; position: static; }  
	header { position: relative; left:auto; top: auto; }
	#banner .centering::before, #banner .banner_text_bg { display:none; }
	#banner .inner { padding: 15px 15px 65px; width: 100%; background: rgba(0,0,0,0.53); left: 0px; bottom: 0px; padding-bottom: 75px;}
	#banner { min-height:0; height:400px; }
	#banner .slides { padding: 0px; text-align:center; }
	#banner .arrow_btn,#banner .arrow_btn svg { width: 25px; height:25px; margin:0; }
	#banner .scroll_page { width: 60px; height: 60px; bottom: -35px; margin-left: -30px; }
	#banner .scroll_page svg { width: 15px; height: 15px; }
	#banner .pager { width: 100%; text-align:center; right:0; bottom: 40px; }
	#banner .pager span { display:inline-block; vertical-align: top; width: 15px; height: 15px; margin: 0 5px; float:none; }
	#banner .centering { padding:0; }
	#banner h1:after { margin:15px auto; }
	#banner .arrow_btn { float: none; margin:auto; display:block; }
	.social-update-bar { padding: 20px 0; }
	.social-update-bar .col3 { width: 100%; }
	.social-update-bar .col3.update a.pic { max-width: 80px; }
	.read_more { min-width:inherit; padding: 0px 15px; line-height: 25px;}
	.social-update-bar .col3.fb .inner { background-size:auto 70%; }
	.story-bar .centering::before { left: 50%; margin-left:-30px; border-width: 15px 30px 30px; }
	.story-bar .slider-nav { display: none;  }
	.story-bar .slider { padding:20px 0 0 0; }
	.story-bar .slider .text{ margin:0; width: 92%; max-width:100%; }
	.story-bar .slider .image {width: 100%;margin:0; max-width:100%;}
	.story-bar figure::after{ display: none;}
	.story-bar .centering { padding: 30px 15px; }
	.story-bar .slider .image  { padding-right:20px; padding-left: 20px; }
	.story-bar .slider .text { padding: 40px 0px 0 0px; }
	.story-bar .slick-arrow { width: 20px; height: 35px; border:0; position:absolute; left:-15px; top:31%; margin: -13px 0 0 0; font-size:25px; line-height: 35px; text-align:center; background: #faaf4c; color:#ffffff; }  
	.story-bar .slick-arrow.slick-next { left:auto; right:-15px; }
	.story-bar .slick-arrow i { line-height: 35px;  vertical-align: top; }
	.story-bar::after { display:none; }
	.story-bar { background-size:40% auto; background-position: right bottom; }
	
	
	.button { font-size: 16px; line-height: 20px; padding: 10px 15px; min-width:150px; }
	.bottom-bar .button { margin: 5px; }
	footer #footer_logo { display:none; }
	.footer-bar { text-align:center; }
	footer .address { margin:0; padding:0; max-width:100%; border:0; width:100%;  }
	footer address { font-size: 14px; line-height: 17px; }
	footer address span {padding-bottom: 5px; }
	.footer-bar { padding: 20px 0; }
	footer .social { width: 100%; text-align:center; text-align:center; padding: 10px 0 0 0; }
	footer .social li { float: none; margin:0 8px; display:inline-block; vertical-align: top; font-size: 20px; line-height: 20px; }
	footer .social li a svg{ width: 20px; height: 20px;} 
	.read_more.large { font-size: 16px; line-height: 20px; padding: 10px 25px; min-width:inherit; }
	footer { background-size: 100% auto; }
	.bottom-bar { padding: 20px 0; }
	footer h5 {text-align:center;}
	.accred {position:relative; width: 100%;margin-top: 0;}

	#banner.inside.no-banner { min-height:0; padding: 20px 0 15px; }
	#banner.inside.no-banner .centering { padding:0; }
	#page_heading,#banner.no-banner #page_heading { position:static; transform: none; -webkit-transform: none; -ms-transform: none;}
	#banner.inside.no-banner #breadcrumbs.one-col,#breadcrumbs { position: static; padding: 20px 0px 0; text-align:center; }
	#breadcrumbs a { font-size: 16px; }
	blockquote { margin-bottom: 20px; }  
	#banner.inside { min-height:100px; }
	#banner.inside .centering { padding: 30px 0px; }
	#banner.inside .centering::after{ left: 50%; margin-left:-30px; }


	#main_container.full,#main_container { padding: 20px 0; }
	.alignright,.middle_column.with_both .alignright { max-width: 100%; margin: 0 0 15px  0; width: 100%; }
	.middle_column.with_right { width: 100%; padding:0; }
	.back-top { display: block; }
	html,body,p { line-height: 22px; }
	.middle_column.with_right { width: 100%;  margin-right: 0px; padding-top:20px; }
	.right_column { width: 100%; }
	.middle_column.with_full { padding: 0px 0px; }
	.right_column { border:0; margin-left: 0; margin-top: 60px; border-top: 1px solid #636192; padding-top: 40px;}
	.right_content img { margin-top:0; }
	.right_per_detail { margin-bottom:0; padding-left:0; padding-top:15px; }
	.right_content .text { padding-left:0; }
	.right_content img { width: 100%; }
	.right_content { margin-bottom: 20px; }
	.right_per_detail:last-child .right_content { padding-bottom:0; }
	.alignright,.alignleft { max-width: 50%; }
	
	.social-update-bar ul {padding-inline-start: 0!important;}
	.social-update-bar ul {padding-left: 0;}
	.social-update-bar .social-post.hasimg p.post-detail {width: 100%; float:none;}

}

@media only screen and (max-width: 639px) {
	.story-bar .slick-arrow { top: 26%; }  
}

@media only screen and (max-width: 479px) {
	.story-bar .slick-arrow { top: 16%; }  
	.alignleft { max-width: 100%; width: 100%; margin: 10px 0; }
	.bottom-bar .button { margin: 5px 0; width: 225px; }
	#breadcrumbs a { font-size: 14px; }
	#breadcrumbs .breadcrumb_divide { margin: 0 2px; }
}



/*keyframes*/
@-webkit-keyframes stickyhead{
0%{opacity:0;-webkit-transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
0%{opacity:0;-moz-transform:translateY(-100%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}

/* SM 3.0 CSS */
.tool_content { font-family: 'Karla', sans-serif;}
#sm3_body footer{ border: none !important;}
.sm3_header_right .account_info a{ font-weight: 500;}