@import url('//fonts.googleapis.com/css?family=Libre+Franklin:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url("custom/css/jquery.jscrollpane.css");
@import url("custom/css/font-awesome.min.css");


/* SM 3.0 CSS */
.tool_content {font-family: 'Libre Franklin', sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
#sm3_body footer{ background: none !important; padding: 0; border: none !important;}
#sm3_body .page_heading_row h1{ font-family: inherit; text-transform: none;}
#sm3_body .main-section{ border: none !important;}


/*****RESET*****/
@import url("custom/css/reset.css");
* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust:none; }
html, body { margin: 0px; padding: 0px; width: 100%; font-size: 18px; color: #474747; font-family: 'Libre Franklin', sans-serif; background: #fff; }
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, ol, ul, li,
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; }
.centering { max-width: 1400px; position: relative; margin: auto; }
.wrapper { padding: 0 15px; max-width: 1310px; position: relative; margin: auto; }

*::-webkit-input-placeholder{opacity:1;color: #888; } 
*::-moz-placeholder{opacity:1;color: #888; } 
*:-ms-input-placeholder{opacity:1;color: #888; }

/*****GENERAL*****/
a{color:#15487f; text-decoration:none; outline: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
a:hover{text-decoration:underline;}
ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea { font-family: 'Libre Franklin', sans-serif; color:#000; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; }
input:focus, textarea:focus { outline: none; }

p { padding-bottom: 29px; line-height: 29px; color: #000; font-size: 15px; }
p a{color:#15487f;}

h1{font-size: 25px; line-height: 29px; color: #123a5f; }
h2{font-size: 25px; line-height: 32px; color: #123a5f; letter-spacing: 0.03em; font-weight:500; }
h3{font-size: 23px; line-height: 28px; color: #99badd; font-weight:600; }
h4{font-size: 18px; line-height: 24px; color: #474747; font-weight:400; text-transform:uppercase;}
h4.bold { font-weight:700; color: #123a5f; }
h5{font-size: 17px; line-height: 21px; font-weight:700; color: #123a5f; text-transform:uppercase;}
h6{font-size: 15px; line-height: 19px; color: #123a5f; font-weight:700; }

.alignright{ float:right; margin:10px 0 10px 20px; }
.alignleft{ float:left; margin:10px 10px 10px 0; border:2px solid #5b5658;}

blockquote { padding: 40px 0px; position: relative; margin-top: 20px; margin-bottom: 45px; overflow: hidden; border-top: 1px solid #d5d0ce;  border-bottom: 1px solid #d5d0ce; }
blockquote h6 { color: #123a5f; text-transform:uppercase; letter-spacing: 0.10em; font-size: 15px; line-height: 30px; font-weight: 600; }
h6 { padding: 40px 0px; position: relative; margin-top: 20px; margin-bottom: 45px; overflow: hidden; border-top: 1px solid #d5d0ce;  border-bottom: 1px solid #d5d0ce; color: #123a5f; text-transform:uppercase; letter-spacing: 0.10em; font-size: 15px; line-height: 30px; font-weight: 600;}

::-webkit-input-placeholder {  color: #e1e1e1; opacity: 1;}
::-moz-placeholder {  color: #e1e1e1;  opacity: 1;}
:-ms-input-placeholder {  color: #e1e1e1;  opacity: 1;}
:-moz-placeholder {  color: #e1e1e1;  opacity: 1;}

/****main_sec****/
#main_sec { width: 100%; min-height: 100%; position: relative; margin: 0 auto; overflow: hidden; }

/****HEADER****/
header { width: 100%; float: left; position: absolute; top: 22px; z-index: 999; }
header.inner { position: static; }
header #logo { padding: 30px 33px 28px 33px; background: rgba(255,255,255,0.80); border: 1px solid #d8d7d7; float: left; }
header #logo img { max-width: 314px; }
header .right_side { padding: 0 0 0 393px; }
header .top-bar { width: 100%; margin-bottom: 9px; float: left; background: rgba(255,255,255,0.80); border: 1px solid #d8d7d7; }
header .top-bar ul { float: left; padding: 0 0 0 15px;}
header .top-bar form { padding: 0 60px 0 0; float: right; position: relative; }
header .top-bar .icon { width: 60px; height: 59px; background: #99badd; line-height: 57px; text-align: center; color: #fff; font-size: 27px; position:absolute; right:-1px; top: -1px; }
header .top-bar input[type="submit"] { width: 60px; height: 59px; position: relative; z-index:1; opacity:0; border:0; cursor:pointer; background:#99badd; position:absolute; right:-1px; top: -1px; }
header .top-bar .icon:hover { background:#123a5f; }
header .top-bar input[type="text"] { width: 0; opacity:0; height: 57px; font-size: 15px; padding: 18px 15px 18px 25px; border:0; border-left: 1px solid #d4d4d4; float:right; letter-spacing: 0.05em; font-style:italic; color: #000; font-weight:500; background: none; }
header .top-bar .show input[type="text"] { width: 265px; opacity:1;}
header .top-bar *::-moz-placeholder,header .top-bar *:-ms-input-placeholder,header .top-bar *::-webkit-input-placeholder { opacity:1; color: #f3f3f3; }
header .top-bar li { padding: 0 24px; font-size: 15px; letter-spacing: 0.11em; line-height: 57px; font-weight:500; float: left; text-transform:uppercase;}
header .top-bar li a { color: #474747; display: block; }
header .top-bar li a:hover { text-decoration:none; color: #99badd; }

.mobile-utility-nav{ display:none; width: 100%; }
.mobile-utility-nav .fa-chevron-up{display: none;}

/********************* INSIDE PAGES **************************/

/****BANNER****/
#banner { width: 100%; float: left; position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover; }
#banner img{ max-width: 100%; width: 100%; height: auto;}
#banner .wrapper { }
#page_heading { position: absolute; padding: 25px 40px; bottom: 30px; left: 15px; border: 1px solid rgba(0,0,0,0.2); background: rgba(255,255,255,0.80); }
#page_heading h1 { font-size: 38px; font-weight:500; letter-spacing: 0.03em; line-height: 42px; color: #123a5f; }
#banner.no-banner { background-color: #b3cbe6; background-image: url(custom/images/no-banner.png); background-repeat: no-repeat; background-size: 598px auto; background-position: 92% center; }
#banner.no-banner .wrapper { min-height: 450px; }
#banner.no-banner #page_heading { bottom: 70px; }

#main_container { padding-top:30px; width: 100%; float: left; background: #fff url(custom/images/story_watermark.png) right 22% no-repeat; }
#main_container h4 { text-transform:uppercase; letter-spacing: 0.10em; }
#main_container h4.bold { letter-spacing:normal; } 
#main_container .content { padding: 22px 0 0 0; }
#main_container p { padding-bottom: 29px; color:#474747; letter-spacing: 0.01em; }
#main_container p a { color: #99badd; font-weight: 700; }
#main_container p a:hover { text-decoration: underline; }
#main_container .pull-right { margin: 0 0 20px 40px; }
hr { margin: 3px 0 38px; border: none; border-bottom: 1px solid #c3b9b5; }
.full .middle_column { padding-right: 34px; display: block; width: 100%; }
.w_right .middle_column { width: 67.4%; display: inline-block; }
.w_right .right_column { width: 25%; float: right; }
h3.toolhead { padding: 15px 20px 15px; margin-bottom: 10px; letter-spacing: 0.02em; color: #99badd; background: #123a5f; }
.right_per_detail { overflow: hidden; }
.right_content { background:#f0f0f0; padding-bottom: 15px; border-bottom: 10px solid #99badd; }
.right_content .inner { padding: 18px 26px 0; }
.right_content p,.right_content h1,.right_content h2, .right_content h3, .right_content h4, .right_content h5, .right_content h6 { margin: 0px 28px;}
.right_content h6{ margin-top: 15px; margin-bottom: 15px;}

.left_column { width: 25%;  float: left; } 
.middle_column.with_left { width: 75%; float: left; }
.middle_column.with_right { padding: 30px 50px 0px 0; width: 75%; float: left; }
.middle_column { padding-bottom: 30px; padding-left: 30px; }
.middle_column.none { border: 0px; padding-left: 0px; }

.middle_column ul{ list-style: disc; display: inline-block; margin-left: 30px; margin-top: 10px; margin-bottom: 10px;}
.middle_column ol{ list-style: decimal; display: inline-block; margin-left: 30px; margin-top: 10px; margin-bottom: 10px;}
.middle_column ul li, .middle_column ol li{ padding: 5px 0px; font-size: 15px; color: #474747;}

.middle_column.with_both { padding-right:30px; width: 52%; float: left; }
.right_column { width: 23%; float: right; }
.nav-drop { display: none; }

#main_container  .right_column p { padding-bottom: 10px; }
#main_container.full .middle_column.with_left { width: 100%; float: left; }
#main_container  .right_column blockquote { padding: 12px 0 15px; margin: 5px 0 12px; }

.right_per_detail { width: 100%; float: left; overflow: hidden; margin-top: 30px; }
.right_content blockquote h4 { font-size: 15px; line-height: 26px; }
.right_content h1 { font-size: 24px; line-height: 33px; }
.right_content img { width: 100%;}

.right_content ul{ list-style: disc; display: inline-block; margin-left: 55px; margin-top: 10px; margin-bottom: 10px;}
.right_content ol{ list-style: decimal; display: inline-block; margin-left: 55px; margin-top: 10px; margin-bottom: 10px;}
.right_content ul li, .right_content ol li{ padding: 5px 0px; font-size: 15px; color: #474747; margin-right: 28px;}

.right_content img{ margin-bottom: 20px;}

.right_content form ul{ margin-left: 0px; padding-left: 10px;}

/****footer****/
footer { margin-top: 125px; width: 100%; float: left; position: relative; background: #123a5f; }
footer .back-top { width: 58px; height: 58px; display: block; position: absolute; top: -58px; right: 50%; margin: 0 -640px 0 0; background: url(custom/images/back-top.png) no-repeat left top #0e2745; background-size:100% 200%; }
footer .back-top:hover { background-position: left bottom; background-color:#99badd; }

/**** FOOTER-BAR ****/
.footer-bar { color: #fff; padding: 48px 0 58px; width: 100%; float: left; position: relative; }
.footer-bar #footer-logo { width: 310px; margin: 0 0 0 -100px; }
.footer-bar address { font-style:normal; font-size: 15px; line-height: 23px; padding: 5px 0 45px 0; letter-spacing: 0.02em;}
.footer-bar address a { cursor: default; color: #fff; }
.footer-bar address a:hover { text-decoration:none; }
.footer-bar .left { width: 50%; float: left; padding: 0 0 0 100px; }
.footer-bar .social li { float: left; margin: 0 10px 0 0; }
.footer-bar .social li a {line-height: 40px; text-align: center; font-size: 25px; color: #fff; display: block; } 
.footer-bar .social li a:hover { text-decoration: none; }
.footer-bar .social li a svg{ width: 25px; height: 25px; padding: 1.5px; background: #fff; fill: #123a5f;}
.footer-bar .social li a:hover svg{ background: #fff;}

.footer-bar .right { width: 50%; float: right; }
.footer-bar .row { width:auto; overflow: hidden; margin: 0 -20px; }
.footer-bar .col3 { padding: 10px 20px 0; width: 33.33%; float: left; }
.footer-bar h3 { font-size: 23px ; padding-bottom: 25px; line-height: 27px; color: #fff; font-weight:700; }
.footer-bar .right li { font-size: 15px; line-height: 20px; padding-bottom: 25px; }
.footer-bar .right li a {color: #fff; transition:none; -webkit-transition:none; -ms-transition:none;}
.footer-bar .right li a:hover { color: #99badd; font-weight:700; text-decoration:none; letter-spacing: -0.01em; } 
.footer-bar .tagline { font-size: 23px; line-height: 29px; font-weight:700;padding: 15px 23px; text-transform:uppercase; color: #fff; background:#99badd; position:absolute; left: 15px; bottom: 100%; display: block; transform: translate(0,-48px); -webkit-transform: translate(0,-48px); -ms-transform: translate(0,-48px); letter-spacing: 0.08em; }
.footer-bar .tagline p{ font-size: 23px; line-height: 29px; font-weight:700; text-transform:uppercase; color: #fff !important; padding: 0px; padding-bottom: 0px !important;}

/**** COPYRIGHT-BAR ****/
.copyright-bar { text-align: right; padding: 20px 0; width: 100%; float: left; text-align: center; position: relative; background:#474747; }
.copyright-bar .credit { display: inline-block; vertical-align: top; opacity: 0.30; float: right; margin: 0 0px; }
.copyright-bar .credit:hover { opacity: 100; }  
.copyright-bar .credit img{ max-height: 15px; width: auto;}

/********************* HOME PAGE **************************/

/*****SLIDER-BAR*****/
.slider-bar { width: 100%; float: left; position: relative; z-index: 9; }
.slider-bar .slide { overflow: hidden; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.slider-bar .slide img{ width: 100%; height: auto;}
.slider-bar .caption { padding: 22px 25px 22px; width: 50%; position: absolute; bottom: 80px; right: 0px; background: rgba(255,255,255,0.80); border-bottom: 10px solid #99badd; }
.slider-bar .caption:after { width: 3000px; height: 100%; content:''; position:absolute; right: -3000px; top:0; background: rgba(255,255,255,0.80); border-bottom: 10px solid #99badd; }
.slider-bar .slide .wrapper {  }
.slider-bar h3 { font-size: 20px; letter-spacing: 0.03em; line-height: 27px; font-weight:700; color: #123a5f; }
.slider-bar span { font-size: 15px; letter-spacing: 0.05em; line-height: 19px; font-weight:400; display: block; }
.slider-bar .pager { font-size:0; line-height:0; width: 50%; position:absolute; right:0; bottom: 210px; z-index:999; }
.slider-bar .pager span { display: inline-block; transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; vertical-align: bottom; width: 48px; height: 10px; margin: 0 0 0 10px; background: #e1e1e1; font-size: 0; line-height:0; cursor: pointer; } 
.slider-bar .pager span:first-child { margin:0; } 
.slider-bar .pager span:hover,.slider-bar .pager span.cycle-pager-active { background: #99badd; height: 20px; }
.slider-bar .cycle_btn { cursor: pointer; margin-top:90px; position:absolute; left: 40px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 25px; height: 55px; background:url(custom/images/prev.png) left top no-repeat; background-size: 100% 200%; z-index:999; }
.slider-bar .cycle_btn.cycle-next { background-image:url(custom/images/next.png); left:auto; right:40px; } 
.slider-bar .cycle_btn:hover { background-position: left bottom; }

/*****STORIES-BAR*****/
.stories-bar { padding: 63px 0 61px; width: 100%; float: left; position: relative; background:url(custom/images/story_watermark.png) right 90% no-repeat; }
.stories-bar li { width: 25%; float: left; padding: 4px; }
.stories-bar ul { margin: -4px; overflow: hidden; }
.stories-bar .inner { padding: 28px 28px 40px 28px; border: 1px solid rgba(0,0,0,0.15); transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; height: 100%; background: #fff; }
.stories-bar .inner img { width: 100%; opacity: 0.85; } 
.stories-bar .inner:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.2) , 0px -10px 0px #a7c6e6 inset; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) , 0px -10px 0px #a7c6e6 inset; -ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) , 0px -10px 0px #a7c6e6 inset; } 
.stories-bar a.pic { display: block; margin-bottom: 18px; }
.stories-bar h6 { letter-spacing: 0.05em; margin-bottom: 12px; border: none; padding: 0px;}
.stories-bar p { font-size: 11px; letter-spacing: 0.06em; line-height: 20px; padding:0; }

.heading_bar { width:auto; overflow: hidden; padding-bottom: 52px; }
.heading_bar h2 { display: inline-block; vertical-align: top; color: #123a5f; font-size:38px; line-height: 46px; padding: 4px 0 0 0; letter-spacing: 0.03em; font-weight:500; }
.heading_bar h2:after { width:120px; height: 8px; margin-top:20px; content:''; display: block; background:#9dbcde; }  
.heading_bar a.more { float: right; font-size: 15px; line-height: 48px; color: #474747; text-transform:uppercase; letter-spacing: 0.10em; font-weight:500; padding: 0 20px; border: 1px solid rgba(0,0,0,0.1); background:#fff; }
.heading_bar a.more:hover { background:#99badd; border-color: #99badd; color: #fff; text-decoration:none;}

/**** PICTURE + HEADLINE ******/
.slideshow-stories{ height: auto !important; width: 100% !important; float: left;}
.slideshow-story-item{ float: left; position: relative; width: 24%; margin: 0.5%;}
.slideshow-story-item::after{content:""; border-bottom: 10px solid #99badd; position: absolute; bottom: 0px; display: none; width: 100%;}
.slideshow-story-item:hover::after{display: block;}
.slideshow-story-item a{}
.slideshow-story-item img{ max-width: 100%;}
.slideshow-story-item h6{ border: 0px; position: absolute; bottom: 0px; padding: 15px 10px; background: rgba(255,255,255,0.8); text-transform: none; text-align: left; margin: 0 auto !important; width: 100%;}


/*****EVENT-BAR*****/
.event-bar { padding: 64px 0; width: 100%; float: left; position: relative; background:url(custom/images/event_bg.jpg) center top no-repeat; background-size:cover; }
.event-wrapper{position: relative; padding: 0; max-width: 100%; margin: auto;}
.event-bar .event { overflow: hidden; padding: 30px 30px 55px 95px; background:rgba(255,255,255,0.80); border: 1px solid rgba(0,0,0,0.15); margin-right:10px; position: relative !important; white-space: normal; width: 423.75px; height: 345px;}
.event-bar .slick-arrow { cursor: pointer; position:absolute; left: -35px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 25px; height: 55px; background:url(custom/images/prev.png) left top no-repeat; background-size: 100% 200%; z-index:999; border: 0; font-size:0; line-height:0;}

.event-bar .cycle_btn { cursor: pointer; margin-top:90px; position:absolute; left: 40px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 25px; height: 55px; background:url(custom/images/prev.png) left top no-repeat; background-size: 100% 200%; z-index:999; }
.event-bar .cycle_btn.news-next { background-image:url(custom/images/next.png); left:auto; right:40px; } 
.event-bar .cycle_btn:hover { background-position: left bottom; }

.event-bar .slick-list { margin-right:-10px; }
.event-bar .date { padding: 0 100px 0 0; width:170%; height: 59px; background:#123a5f;  font-size: 23px; line-height: 59px; text-align: right; color: #fff; text-transform:uppercase; letter-spacing: 0.09em; position:absolute; right:100%; top:0; white-space:nowrap; transform-origin: right top; transform: rotate(-90deg); }
.event-bar span.num { border-bottom: 1px solid #123a5f; background:#99badd; color: #123a5f; font-weight:700; text-align: center; line-height: 58px; width: 78px; position:absolute; right:0; top:0; }
.event-bar h3 { font-size: 20px; line-height: 24px; font-weight:700; letter-spacing: 0.04em; }
.event-bar span.time { font-size: 15px; line-height: 19px; color: #474747; display: block;padding: 4px 0; letter-spacing: 0.02em; }  
.event-bar .event li { padding-bottom: 40px; }
.event-bar .event li:last-child { padding-bottom:0; }   
.event-bar .arrow { line-height: 20px; font-size: 25px; color: #e1e1e1; position:absolute; right: 35px; bottom: 30px; }
.event-bar .arrow:hover { color: #123a5f; }  
.event-bar .event a.overlay { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; width: 100%; height: 0; display: block; position:absolute; left:0; top:0; background: rgba(153,186,221,0.8); display: none !important;}
.event-bar .event:hover a.overlay { height: 100%; }


.event-bar .announce_img{ width: 100%; margin: 0 auto; height: 125px; background-size: contain; background-position: center; position: relative; margin-bottom: 10px; background-repeat: no-repeat;}
.event-bar .announce_img a{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}

.scroll-pane
{
	width: 100%;
	height: 270px;
	overflow: auto;
}
.jspContainer{ width: 100%;}
.jspDrag, .jspTrack,.jspVerticalBar{background: none;}
.jspArrow, .jspArrow.jspDisabled{ background: none;}
.jspArrow{ text-indent: inherit;}
.jspArrow:hover{ text-decoration: none !important;}
.jspArrowDown::after{ content:"\f0d7"; font-family: 'FontAwesome'; font-size: 21px; color: #e1e1e1; background: none; display: block;}
.jspArrowUp::after{ content:"\f0d8"; font-family: 'FontAwesome'; font-size: 21px; color: #e1e1e1; background: none; display: block;}
.jspArrowUp.jspDisabled{display: none;}

/*slick controls*/
.slick-arrow { cursor: pointer; position:absolute; left: -35px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 25px; height: 55px; background:url(custom/images/prev.png) left top no-repeat; background-size: 100% 200%; z-index:999; border: 0; font-size:0; line-height:0;}
.slick-arrow.cycle-next { background-image:url(custom/images/next.png); left:auto; right:40px; } 
.slick-arrow:hover { background-position: left bottom; }
.slick-arrow.slick-disabled { opacity:0; width:0; height:0; }
.slick-next { left:auto; right: -35px; background-image:url(custom/images/next.png); }


/*****PICTURE-BAR*****/
.picture-bar { padding: 50px 0 0; width: 100%; float: left; position: relative; }
.picture-bar .pic a ,.picture-bar .pic a img { position: relative; display: block; width: 100%; }
.picture-bar .pic a img { opacity: 0.90; }
.picture-bar .pic { margin-right:10px; position: relative !important;} 
.picture-bar .pic a.overlay { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; width: 100%; height: 0; content:''; position:absolute; left:0; top:0; background: rgba(153,186,221,0.8); } 
.picture-bar .pic:hover a.overlay { height: 100%; } 

.picture-bar .slick-list { overflow: visible !important; }	
.picture-bar .slick-arrow { left: -45px	}
.picture-bar .slick-next { left:auto;	}

.picture-bar .cycle_btn { cursor: pointer; margin-top:90px; position:absolute; left: 40px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 25px; height: 55px; background:url(custom/images/prev.png) left bottom no-repeat; background-size: 100% 200%; z-index:999; }
.picture-bar .cycle_btn.photos-next { background-image:url(custom/images/next.png); background-position: left bottom; left:auto; right:40px; } 
.picture-bar .cycle_btn:hover { background-position: left top; }

/******** TOOL FIXES **********/

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

/******* MEDIA QUERIES *******/
@media only screen and (max-width: 1369px) {
	.event-bar .slick-slider { padding: 0 40px; } 
	.event-bar .slick-arrow { left:0; }
	.event-bar .slick-next { right:0; left:auto;}
}

@media only screen and (max-width: 1309px) {
	.wrapper { padding: 0 15px; max-width: 1180px; }
	header #logo { padding: 30px 20px 28px; }
	header .right_side { padding: 0 0 0 365px; }
	header .top-bar ul { padding-left:0; }
	header .top-bar li { padding: 0 15px; }
	.picture-bar .slick-slider { margin: 0 40px; }
	.event-bar .event { padding: 20px 30px 40px 83px; }
	.event-bar .arrow { bottom: 20px; }
	.event-bar .event li br { display: none; }
	.event-bar .event li { padding-bottom: 20px; }
	footer .back-top { right:15px; margin:0; }
	.full .middle_column { padding-left: 0; padding-right:0; }
}

@media only screen and (max-width: 1179px) {
	.wrapper {  max-width: 1024px; }
	header #logo img { max-width: 230px; }
	header .right_side { padding: 0 0 0 280px; }
	header .top-bar form { position: absolute; right:0; top: 0; } 
	header .top-bar { position: relative; }  
	header .top-bar input[type="text"] { background: #fff; }
	.slider-bar .slide .wrapper {  }
	.slider-bar .caption { bottom: 10px; }
	.slider-bar .cycle_btn { margin-top: 40px; }  
	.stories-bar .inner { padding: 15px; vertical-align: top; }  
	.stories-bar p { line-height: 16px; }  
	.stories-bar h6 { margin-bottom: 8px; }
	.event-bar h3 { font-size: 17px; line-height: 20px; }
	.event-bar .event li { padding-bottom: 15px; }
	.footer_menu .contact { min-width: 200px; }
	.footer-bar .tagline { font-size: 20px; }
	.slider-bar .pager { bottom: 195px; }  
	.middle_column.with_both { padding-left: 20px; padding-right:20px; }
	.right_content .inner { padding: 15px 20px 0px; }
	p { line-height: 25px; }
	#main_container p { padding-bottom: 15px;  }
	#main_container .right_column p br { display: none; }
	blockquote h6 { font-size: 14px; line-height: 22px; letter-spacing: 0.07em; }
	h3.toolhead { font-size: 21px; line-height: 25px; padding: 10px 15px; }  
	blockquote { padding: 25px 0; margin-top:10px; margin-bottom: 25px; }  
	#main_container .content .alignright { max-width: 48%; }
	#banner .wrapper {  }
}

@media only screen and (max-width: 1023px) {
	.wrapper {  max-width: 768px; }
	.event-wrapper{  max-width: 768px;}
	header #logo { padding: 30px 10px 32px; }
	header #logo img { max-width: 140px; }
	header .right_side { padding: 0 0 0 170px; }
	header .top-bar li { letter-spacing:normal; font-size: 13px; line-height: 45px; padding: 0 10px;}
	header .top-bar .icon,header .top-bar input[type="submit"] { line-height: 47px; font-size: 22px; width: 47px; height: 47px; }
	header .top-bar .show input[type="text"] { width: 170px; }
	header .top-bar input[type="text"] { height: 45px; padding-top:10px; padding-bottom: 10px; }
	.stories-bar li { width: 33.33%; }
	.heading_bar h2 { font-size: 30px; line-height: 35px; }
	.heading_bar h2::after { margin-top:10px; width: 100px; }
	.event-bar { padding: 40px 0; }
	.heading_bar { padding-bottom: 30px; }
	.event-bar .date { font-size: 19px; }
	.event-bar .event{ width: 374px;}
	.event-bar span.num { width: 60px; line-height: 57px; }
	.event-bar .date { padding-right:75px; }  
	.footer-bar .tagline { letter-spacing: 0.04em; font-size: 18px; line-height: 22px; padding: 15px 25px; }
	.footer-bar .back-top { height: 52px; top: -100px; width: 52px; }
	.footer-bar .left { width:100%; float: none; margin: 0 auto; padding: 0px; text-align: center;}
	.footer-bar .right { width: 100%; }
	.footer-bar #footer-logo { margin: 0 auto; width: 100%; }
	.footer-bar #footer-logo img{max-width: 300px; text-align: center; margin: 0 auto;}
	.footer-bar address { line-height: 20px; padding: 0 0 20px; }
	.footer-bar .social li { margin-right:5px; float: none; display:inline-block;}
	.footer-bar .social li a { width: 33px; height: 33px; line-height: 33px; font-size: 20px; }
	.footer-bar .social li a svg{ width: 20px; height: 20px; padding: 1.5px; background: #fff; fill: #123a5f;}
	.footer-bar h3 { font-size: 20px; line-height: 25px; padding-bottom: 15px; }
	.footer-bar .col3 { padding: 10px 10px 0; text-align: center; display: inline-block; width: 32%; float: none;}
	.footer-bar .row { margin: 0 auto; width: 100%;}
	.slider-bar .slide .wrapper {  }
	.slider-bar .caption { padding: 15px 20px; }
	.slider-bar .pager { bottom: 145px; }  
	#page_heading h1 { font-size: 30px; line-height: 35px; }
	#page_heading { padding: 15px 25px; }

	.right_content .inner { padding: 10px 10px 0; }
	h2 { font-size: 23px; line-height: 27px; }  
	h3 { font-size: 21px; line-height: 25px; }  
	h4 { font-size: 17px; line-height: 21px; }  
	#main_container .content { padding-top:10px; }   
	p { line-height: 22px; }
	p a { display: inline-block; vertical-align: top; }
	.right_per_detail { margin-top:20px; }
	blockquote h6 { letter-spacing: 0.04em; }	
	.middle_column.with_right { padding: 0 20px 0 0; }
	#banner.no-banner .wrapper { min-height: 390px; }  
	#banner.no-banner { background-size:40% auto; }  
	#banner .wrapper {  }
	.middle_column { padding-left: 20px; }
}

@media only screen and (max-width: 767px) {
	.wrapper {  max-width: 640px; }
	.event-wrapper{ max-width: 640px;}
	header { position:relative; padding: 10px 0; left:auto; top:auto; background:#99badd;}
	header .top-bar ul { display: none; }
	header #logo { padding: 5px 25px; margin-top: 10px;}
	header .right_side { padding:0; }  
	header .top-bar { background: none; border:0; margin:0; position:absolute; right: 15px; top:53px; }
	header .top-bar .icon, header .top-bar input[type="submit"] { width: 88px; border: 1px solid rgba(0,0,0,0.1);  height: 55px; font-size: 30px; line-height: 50px; background: #123a5f; }
	header .top-bar form { width: 290px; padding:0; z-index:1;} 
	header .top-bar input[type="text"] { width: 100%; position:absolute; right:0; top:64px; height: 0px; visibility:hidden; }
	header .top-bar .show input[type="text"] { width:100%; height: 50px; visibility:visible;}
	
	.mobile-utility-nav { display: block; line-height: 40px; color: #fff; font-size: 20px; text-transform: capitalize; text-decoration: none; margin-bottom: 0px; width: 100%; text-align: center; padding: 0; margin-top: 10px; border:0; background: #123a5f; text-align: center; cursor: pointer; position: relative; z-index: 9999;}
	.mobile-utility-nav ul { display: none; background: #fff; position: absolute; width: 100%;}
	.mobile-utility-nav ul.open{ display: block;}
	.mobile-utility-nav .fa-chevron-up{display: none;}
	.mobile-utility-nav ul li{ position: relative; width: 100%; text-align: center; line-height: 40px;}	
	
	.slider-bar .cycle_btn { display: none !important; }
	.slider-bar .pager { width: 100%; bottom: 0; text-align: center; }
	.slider-bar .pager span { float: none; display: inline-block; width: 30px; vertical-align: bottom; margin: 0 3px; }
	.slider-bar .pager span:hover, .slider-bar .pager span.cycle-pager-active { height: 15px; }
	.slider-bar { border-bottom: 10px solid #99badd; }
	.slider-bar .caption { width: 96%; right: 2%; padding: 10px 15px; bottom: 0px; position: relative; display: none;}
	.slider-bar h3,.slider-bar span { letter-spacing:normal; }
	.slider-bar .caption:after { display: none; }  
	.slider-bar .slide .wrapper { }
	.stories-bar li { width: 100%; }
	.event-bar,.stories-bar { padding: 30px 0; }
	.event-bar .event{ width: 295.25px;}
	.event-bar .cycle_btn{display: none;}
	.picture-bar { padding: 30px 0 0;  }
	.heading_bar { padding-bottom: 20px; }
	.heading_bar h2 { display: block; text-align: center; padding:0; font-size: 25px; line-height: 30px; }
	.heading_bar h2::after { width: 85px; margin: 5px auto 10px; height: 5px;}
	.picture-bar .slick-slider,.event-bar .slick-slider { padding:0 0 60px; }
	.heading_bar { text-align: center; }  
	.heading_bar a.more { font-size: 14px; display: inline-block; vertical-align: top; line-height: 40px; padding: 0 15px; float: none; }  
	.picture-bar .slick-arrow,.event-bar .slick-arrow { top:auto; transform:none; -webkit-transform:none; -ms-transform:none; bottom:0; width: 60px; left: auto; right: 70px; height: 50px; background:#123a5f; }
	.picture-bar .slick-arrow.slick-next,.event-bar .slick-arrow.slick-next { right:0; }
	.picture-bar .slick-arrow:after,.event-bar .slick-arrow:after { content:''; width: 20px; height: 35px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:url(custom/images/prev.png) left top no-repeat; background-size: 100% 200%; }
	.picture-bar .slick-next:after,.event-bar .slick-next:after { background-image:url(custom/images/next.png); }
	.picture-bar .slick-arrow:hover ,.event-bar .slick-arrow:hover { background-color: #99badd; } 
	.picture-bar .slick-slider { margin:0; }
	.picture-bar .pic { margin-right:0; }
	.picture-bar .slick-list { overflow: hidden !important; }
	.picture-bar .slick-arrow { left: auto; right: 70px; }
	.picture-bar .slick-next { left:auto; right:0; }
	
	.picture-bar .pic{ width: 320px;}
	
	.slideshow-story-item{ width: 49%;}
	
	.footer-bar .tagline { bottom: auto; top:0; left:0; width:100%; letter-spacing:normal; padding: 15px 10px; transform: none; -webkit-transform: none; -ms-transform: none; text-align: center; }
	.footer-bar { padding:0 0 75px; }
	.footer-bar .wrapper { padding-top:70px; }
	footer { margin-top:20px; }
	footer .back-top { top: auto; bottom:47px; width: 45px; height: 45px; background-color:#99badd; }
	.footer-bar .right,.footer-bar .left { width: 100%; }
	.footer-bar .col3 { width: 100%; }
	.footer-bar .right { padding: 20px 0 0 0; }
	.footer-bar .right li { padding-bottom:5px; }
	.footer-bar .col3 ul { }
	.footer-bar .col3 li { padding:0; font-size: 17px; line-height: 21px; letter-spacing:normal;}
	.footer-bar .col3 li a { padding: 5px 15px;display: block; }
	.footer-bar .col3 li.active a,.footer-bar .col3 li a:hover { color: #fff; font-weight:400; letter-spacing:normal; }

	.footer-bar .col3 h3 { padding: 5px 15px ; position: relative; font-size: 17px; }
	.footer-bar .col3 { padding-top:5px; margin-bottom: 20px;}

	.left_column { margin: 0 -15px;  }
	.right_column,.left_column { width: auto; overflow: hidden; float: none; }

	#main_container { padding-top:0px; }
	#main_container .content .alignright { width: 100%; max-width: 100%; }
	.middle_column.with_both { width: 100%; padding: 15px 0; float: none;}
	#main_container p { padding-bottom: 10px; }
	blockquote { padding: 15px 0; margin-bottom: 15px; }
	#page_heading h1 { font-size: 25px; line-height:30px; }
	#banner.no-banner #page_heading,#page_heading { padding: 10px; bottom: 15px; left: 15px; }
	#banner .wrapper { }
	.w_right .right_column { margin:0; width: auto; float: none; overflow: hidden; }
	.middle_column.with_right { padding: 15px 0; width:100%; float: none; overflow: hidden; }
	#banner.no-banner .wrapper { min-height: 180px; }
	#banner.no-banner { background-size: auto 150% ; }
	.middle_column.with_left { width: 100%; padding: 15px 0 0 0; }
	.full .middle_column { padding: 15px 0 0 0;}
}


@media only screen and (max-width: 479px) {
	.wrapper {  max-width: 320px; }
	.event-wrapper{ max-width: 320px;}
	
	.slideshow-story-item{ width: 100%; margin: 0px;}

}

/****** TOOL SWITCHER *****/
.tool1b,.tool2b,.tool2c{display:none;}

.tool-switch{
	width: 145px;
	position: fixed;
	top: 150px;
	z-index: 9999;
	background: #eeebeb;
	border: 1px solid #2F2F37;
	padding: 10px 0.5%;
	font-family: 'Roboto', sans-serif;
	color: #2F2F37;
	font-size:12px;
	line-height:14px;}
.tool-switch .tool-title.options{
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 20px;
	line-height: 1.25rem;
	font-weight:bold; 
	margin-bottom:10px;}
.tool-switch .switch{margin-bottom:10px;}
.tool-switch .tool-title{
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 20px;
	line-height: 1.25rem;
	letter-spacing: -2px;}
.tool-switch .inner-tool-single .tool-title,.tool-switch .inner-tool-columns .tool-title{font-size:1rem;}
.inner-tool-columns{display:none;}
input[type="radio"]{ margin-right:3px; background-color: #fff; padding: 5px; border:thin solid; -webkit-transition: all 0.3s; -webkit-appearance: radio;}
@media (max-width: 1200px) {
  .tool-switch {
    display: none;
  }
}