@charset "utf-8";







/*







Theme Name: Loreto College







*/















/*







font-family: 'Roboto', sans-serif;







font-family: 'Open Sans', sans-serif;







*/















@font-face {







	font-family: 'BickhamScriptMM';







	src: url('fonts/bickhamscript.eot');







	src: url('fonts/bickhamscript.eot?#iefix') format('embedded-opentype'),url('fonts/bickhamscript.svg#bickhamscript') format('svg'),url('fonts/bickhamscript.ttf') format('truetype'),url('fonts/bickhamscript.woff') format('woff'),url('fonts/bickhamscript.woff2') format('woff2');







	font-weight: 400;







	font-style: normal;







}







@font-face {







	font-family: 'BickhamScriptPro-Bold';







	src: url('fonts/bickhamscriptprobold.eot');







	src: url('fonts/bickhamscriptprobold.eot?#iefix') format('embedded-opentype'),url('fonts/bickhamscriptprobold.svg#bickhamscriptprobold') format('svg'),url('fonts/bickhamscriptprobold.ttf') format('truetype'),url('fonts/bickhamscriptprobold.woff') format('woff'),url('fonts/bickhamscriptprobold.woff2') format('woff2');







	font-weight: 400;







	font-style: normal;







}







































*,







*:before,







*:after {







  -webkit-box-sizing: border-box;







     -moz-box-sizing: border-box;







          box-sizing: border-box;







}















html { background:none; height:100%; -webkit-text-size-adjust: 100%;}







body { min-height:100%; background:#ffffff; font-size:15px; color:#747474; font-family: 'Open Sans'; font-weight:400; padding-left:100px; }























#main{ position:relative;}







.mobile_logo{ display:none;}















/*------------------------------------------------------------------------------------------- Header -*/







#nav_overlay{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.75); display:none; cursor:pointer; z-index:998;cursor:url(images/cursor_close.png),auto;/-webkit-transition-duration:750ms,0ms,375ms;-moz-transition-duration:750ms,0ms,375ms;-o-transition-duration:750ms,0ms,375ms;transition-duration:750ms,0ms,375ms;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.14),linear,ease-in-out;-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.14),linear,ease-in-out;-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.14),linear,ease-in-out;transition-timing-function:cubic-bezier(.175,.885,.32,1.14),linear,ease-in-out;-webkit-transition-delay:0ms,0ms,0ms;-moz-transition-delay:0ms,0ms,0ms;-o-transition-delay:0ms,0ms,0ms;transition-delay:0ms,0ms,0ms;}







#header{ position:fixed; left:0px; top:0px; width:100px; height:100%; background:#638bc0; z-index:1000; }







#header .shadow_right{ position:absolute; top:0px; left:100%; width:9px; height:100%; background:url(images/shadow_right.png) repeat-y left top;}







#header a{ color:#fff;}







#header .home_link{ background:#224087; font-size:22px; display:block; width:100%; text-align:center; height:50px; line-height:50px;}







#header .home_link:hover{ background:#4366a4;} 







#header .social{ position:absolute; left:0px; bottom:10px; margin:0; width:100%;}







#header .social li{ text-align:center;}







#header .social a{ opacity:0.5; display:block; font-size:20px; padding:9px 0px;}







#header .social a:hover{ opacity:1;}







#header button{ height:90px; position:relative; color:#fff; font-size:24px; border:0; width:100%; text-align:center; cursor:pointer; height:90px; padding:0px; background:none;}







#header button:hover,







#header button.current{ background:#224087;}







#header button.current:hover{ background:#395393;}







#header button i,







#header button.contact_toggle span,







#header button.search_toggle span







#header button.mylcc span







#header button.quicklinks span







#header button.enrolments span{







	-moz-transition-delay: .5s;







	transition-delay: .5s;







	-moz-transition: opacity .75s cubic-bezier(.23, 1, .32, 1);







	transition: opacity .75s cubic-bezier(.23, 1, .32, 1)







}







#header button span.icon_cross{ display:block; width:22px; height:25px; position:absolute; left:50%; top:32px; opacity:0; margin-left:-11px; background:url(images/icon_cross.png) no-repeat center center;}







#header button.mylcc span.icon_mylcc{ display:inline-block; width:53px; height:58px; background:url(images/my_LCC.png) no-repeat center center; vertical-align:middle;} 















#header button.current span,







#header button.current i{ opacity:0;}







#header button.current span.icon_cross{ opacity:1;}







































#header button.header_hamburger > span{ display:block; width:30px; height:27px; position:relative; margin:0px auto;}







#header button.header_hamburger span span{ display:block; height:2px; position:absolute; left:0px; width:100%; background:#fff;







	-webkit-transform: rotate(0deg);







	-moz-transform: rotate(0deg);







	-ms-transform: rotate(0deg);







	transform: rotate(0deg);







	-moz-transition: .75s cubic-bezier(.23, 1, .32, 1);







	transition: .75s cubic-bezier(.23, 1, .32, 1)







}







#header button.header_hamburger span .header_hamburger1 {top: 0}







#header button.header_hamburger span .header_hamburger2, 







#header button.header_hamburger span .header_hamburger3 {top: 8px}







#header button.header_hamburger span .header_hamburger4 {top: 16px}







#header button.header_hamburger.current span{ opacity:1;}







#header button.header_hamburger.current span .header_hamburger1 {







	top: 8px;







	width: 0;







	left: 50%







}







#header button.header_hamburger.current span .header_hamburger2 {







	-webkit-transform: rotate(45deg);







	-moz-transform: rotate(45deg);







	-ms-transform: rotate(45deg);







	transform: rotate(45deg)







}







#header button.header_hamburger.current span .header_hamburger3 {







	-webkit-transform: rotate(-45deg);







	-moz-transform: rotate(-45deg);







	-ms-transform: rotate(-45deg);







	transform: rotate(-45deg)







}







#header button.header_hamburger.current span .header_hamburger4 {







	top: 8px;







	width: 0;







	left: 50%







}































/*------------------- Main Nav -*/







#mobile_nav_wraper{ display:none; background:#224087;}

#mobile_nav_wraper #mobile_main-menu1{ display: block;}





#nav_wraper{ position:fixed; height:100%; background:rgba(34,64,135,0.9); width:843px; left:-743px; top:0px; z-index:999;}







#nav_wraper .top_logo_bar{ margin-bottom:36px;}







#nav_wraper .top_logo_bar a{ display:block; padding-left:45px; padding-top:32px;}







.nav_content{ height:calc(100% - 157px);}







.nav_content .scroll-pane{ height:100%;}







.main-menu1{ max-width:255px;}







.main-menu1 a{ line-height:1.4; display:block; padding-right:20px; position:relative; text-decoration:none;}







.main-menu1 a:hover{ text-decoration:underline;}







.accordsuffix{ position:absolute; right:0px; top:6px; z-index:2; width:20px; text-align:right;}







.accordsuffix:before{font-family: 'FontAwesome'; content:"\f055"; color:#83b6fa; font-size:14px !important;}







.main-menu1 > li > a > .accordsuffix{ top:15px;}







.main-menu1 > li > a > .accordsuffix:before{ color:#fff;}







.selected_li > a > .accordsuffix:before{ content:"\f056";}







.main-menu1 > li > a{  text-transform:uppercase; color:#fff; font-weight:700; font-size:16px; padding-top:16px; padding-bottom:16px;}

.main-menu1 > li > a:hover{ text-decoration:none; color:#83b6fa;}





.main-menu1 .sub-menu{ display:none;}







.main-menu1 > li > .sub-menu{ border-bottom:1px solid #6b91c3; padding-bottom:28px; margin-bottom:19px;}







.main-menu1 ul a{ color:#83b6fa; font-size:14px; font-weight:300; padding-top:5px; padding-bottom:5px;}







.main-menu1 ul a:hover{ text-decoration:underline;}







.main-menu1 ul ul a{ color:#fff; padding-left:20px;}







.mainNav_content{ padding-right:30px;}







.mainNav_left{ float:left; width:50%; padding-left:45px;}







.mainNav_right{ float:left; width:50%; padding-left:45px;}















.main-menu2{ max-width:255px; border-bottom:1px solid #6b91c3; margin-bottom:21px; padding-bottom:25px;}







.main-menu2 a{ position:relative; padding-left:29px; line-height:1.4; text-transform:uppercase; display:block; text-decoration:none; color:#fff; font-weight:700; font-size:16px; padding-top:12px; padding-bottom:11px;}







.main-menu2 a:hover{ text-decoration:none; color:#83b6fa;}







.main-menu2 i{ color:#83b6fa; font-size:16px; left:0px; top:15px; position:absolute;}















.main-menu3{ max-width:255px; border-bottom:1px solid #6b91c3; margin-bottom:39px; padding-bottom:25px;}







.main-menu3 a{ position:relative; padding-left:29px; line-height:1.4; text-transform:capitalize; display:block; text-decoration:none; color:#fff; font-weight:700; font-size:16px; padding-top:12px; padding-bottom:11px;}







.main-menu3 a:hover{ text-decoration:none; color:#83b6fa;}







.main-menu3 a:before{ content:"\f178"; display:block; font-family: 'FontAwesome'; position:absolute; left:0px; top:13px; color:#83b6fa;}















.main-menu4{ max-width:255px;}







.main-menu4 li{ margin-top:22px;}







.main-menu4 a{ border:1px solid #638bc0; padding-top:12px; width:162px; height:50px; display:block; text-decoration:none; color:#fff;font-weight:700; font-size:16px; text-align:center;}







.main-menu4 li:first-child a{ background:#638bc0;}







.main-menu4 li:first-child a:hover,







.main-menu4 a:hover{ background:#4366a4; text-decoration:none; color:#fff; border:1px solid #4366a4;}















/*------------------- Contact Popup  -*/







#mobile_contact_popup{ display:none;}







#contact_popup{ position:fixed; height:100%; background:#fff; width:843px; left:-743px; top:0px; z-index:999;}







#contact_popup .top_logo_bar{ margin-bottom:36px;}







#contact_popup .top_logo_bar a{ display:block; padding-left:45px; padding-top:32px;}







.contactContent{ height:calc(100% - 157px);}







.contactContent .scroll-pane{ height:100%;}







.contactContent .row{ padding-right:45px; padding-left:45px;}







.contactContent .contact_left{ float:left; width:255px;}







.contact_left ul{ padding:0px 0px 4px; margin:0px 0px 36px; border-bottom:1px solid #e1e1e1;}







.contact_left ul li{ padding:0px 0px 25px 23px; margin:0px; position:relative; font-weight:700; color:#224087; font-size:16px;}







.contact_left ul li span{ display:block; font-weight:300; color:#638bc0; padding-bottom:5px;}







.contact_left ul li i{ color:#224087; font-size:16px; position:absolute; left:0px; top:2px;}







.contact_left ul li a{color:#224087; text-decoration:none;}







.contact_left ul li a:hover{color:#224087; text-decoration: underline;}







.contact_left ul:last-child{ border-bottom:0; margin-bottom:0;}







.contact_right{ float:right; width:400px;}







.contact_right .social{ overflow:hidden;}







.contact_right .social li{ float:left; margin-right:10px;}







.contact_us_online{ margin-top:22px; border-top:1px solid #e1e1e1; color:#224087; font-size:16px; padding-top:35px; margin-bottom:25px; overflow:hidden;}







.contact_us_online strong{ display:block; float:left; width:162px; margin-right:29px;}







.contact_us_online a{ display:block; float:left; color:#224087; text-decoration:none;}







#contact_popup .main-menu4{ padding:0px; margin:0px; width:100%; overflow:hidden;}







#contact_popup .main-menu4 li{ padding:0px 29px 20px 0px; margin:0px; float:left;}







#contact_popup .main-menu4 li:last-child{ padding-right:0;}







#contact_popup .main-menu4 a{ background:#FFF; font-size:14px; text-transform:uppercase; font-weight:700; padding:17px 10px; border:1px solid #638bc0; line-height:1; border-radius:0px; color:#638bc0; display:inline-block; -webkit-appearance: none; cursor:pointer; text-decoration:none; width:162px; text-align:center;}







#contact_popup .main-menu4 li:first-child a{ background:#638bc0; color:#fff;}







#contact_popup .main-menu4 li:first-child a:hover,







#contact_popup .main-menu4 a:hover{ background:#4366a4; color:#fff; text-decoration:none; border:1px solid #4366a4;}























/*------------------- Search Popup  -*/







#search_popup{ position:fixed; height:90px; background:#fff; width:843px; left:-743px; top:230px; z-index:999;}







#search_popup .searchform{ position:relative; width:100%; height:100%; padding-right:90px;}







#search_popup .searchform input{ width:100%; height:100%; border:0; padding-left:45px; padding-right:45px; color:#b9b9b9;font-size:24px; font-weight:300; font-style:italic; font-family: 'Open Sans', sans-serif;}







#search_popup .searchform button{ border:0; cursor:pointer; color:#fff; font-size:24px; background:#638bc0; width:90px; height:100%; position:absolute; right:0px; top:0px;}







#search_popup .searchform button:hover{ background:#224087;}























/*------------------- My loreto  -*/







#mylcc_popup{ position:fixed; width:226px; left:-126px; top:320px; z-index:999;}







#mylcc_popup h4{ margin:0;height:90px; padding-top:36px; background:#fff; font-size:14px; line-height:1.4; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:700; padding-left:22px; color:#224087;}







#mylcc_popup ul{ background:rgba(34,64,135,0.8); margin:0;}







#mylcc_popup a{ color:#83b6fa; display:block; text-decoration:none; padding:15px 22px; line-height:1.4; font-size:14px;font-family: 'Open Sans', sans-serif; font-weight:300;}







#mylcc_popup a i,







#mylcc_popup a span{ display:none;}







#mylcc_popup ul li:first-child a{ padding-top:20px;}







#mylcc_popup ul li:last-child a{ padding-bottom:20px;}







#mylcc_popup a:hover{ color:#fff; background:#638bc0;}























/*------------------- Quicklinks -*/







#quicklinks_popup{ position:fixed; width:226px; left:-126px; top:410px; z-index:999;}







#quicklinks_popup h4{ margin:0;height:90px; padding-top:36px; background:#fff; font-size:14px; line-height:1.4; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:700; padding-left:22px; color:#224087;}







#quicklinks_popup ul{ background:rgba(34,64,135,0.8); margin:0;}







#quicklinks_popup a{ color:#83b6fa; display:block; text-decoration:none; padding:15px 22px; line-height:1.4; font-size:14px;font-family: 'Open Sans', sans-serif; font-weight:300;}







#quicklinks_popup ul li:first-child a{ padding-top:20px;}







#quicklinks_popup ul li:last-child a{ padding-bottom:20px;}







#quicklinks_popup a:hover{ color:#fff; background:#638bc0;}























/*------------------- Enrolments -*/







#enrolments_popup{ position:fixed; left:-160px; top:500px; z-index:999;}







#enrolments_popup a{ display:block; width:260px; height:90px; padding-top:36px; background:#fff;font-family: 'Open Sans', sans-serif; line-height:1.4; font-size:14px; font-weight:700; padding-left:22px; color:#224087; text-transform:uppercase; text-decoration:none;}







#enrolments_popup a:hover{ background:#638bc0; color:#fff;}































/*------------------------------------------------------------------------------------------- Top Bar -*/







#top_wraper{ position:absolute; width:100%; top:0px; left:0px; z-index:10; padding:32px 30px 0px 45px;}







#logo{ float:left;}







#logo a{ display:block; text-decoration:none;}







#logo a span{ color:#ebcc23; font-size:30px; display:block;font-family: 'BickhamScriptPro-Bold';}







#top_wraper .breadcrumb{ float:right; font-size:12px; font-weight:300; float:right; color:#fff;}







#top_wraper .breadcrumb a{ text-decoration:none; color:#fff;}







#top_wraper .breadcrumb a:hover{ text-decoration:underline;}







#top_wraper .breadcrumb > span{ padding-left:3px; padding-right:3px;}























/*------------------------------------------------------------------------------------------- Home -*/







#homeBanner{ position:relative;}







#homeBanner .bx-wrapper{ position:relative; z-index:1;}







#homeBanner .bx-prev,







#homeBanner .bx-next{ display:block; position:absolute; width:45px; height:85px; text-indent:-999em; top:38%; outline:none; opacity:0; z-index:100;}







#homeBanner .bx-wrapper:hover .bx-prev,



#homeBanner .bx-wrapper:hover .bx-next{ opacity:1;}







#homeBanner .bx-prev{ background:url(images/home_slider_arrowLeft.png) no-repeat center center; left:3%;}







#homeBanner .bx-next{ background:url(images/home_slider_arrowRight.png) no-repeat center center; right:3%;}







.backstretch{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}







.backstretch:after,{ content:""; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:100%; background:url(images/bottom_gradient.png) repeat-x bottom;}







.backstretch:before{ content:""; display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(images/top_gradient.png) repeat-x top;}



#homeBanner .backstretch:after,



#homeBanner .backstretch:before{ display:none;}







#homeBanner .backstretch .top_gradient{width:100%; height:100%; background:url(images/bottom_gradient.png) repeat-x bottom;}



#homeBanner .backstretch .bottom_gradient{width:100%; height:100%; background:url(images/top_gradient.png) repeat-x top;}







.backstretch img{ opacity:0;}







@media screen and (min-width:1100px) and (min-height:600px) {







.backstretch {







	-moz-transition: -moz-transform 1.5s linear;







	transition: -webkit-transform 1.5s linear;







	transition: transform 1.5s linear;







	-webkit-backface-visibility: hidden;







	-moz-backface-visibility: hidden;







	backface-visibility: hidden







}







.zoomhover:hover .backstretch {







	-webkit-transform: scale(1.1);







	-moz-transform: scale(1.1);







	-ms-transform: scale(1.1);







	transform: scale(1.1);







	-moz-transition: -moz-transform 4.8s linear;







	transition: -webkit-transform 4.8s linear;







	transition: transform 4.8s linear







}







}







.slider_Arrow{ display:block; font-size:16px; text-transform:uppercase; font-weight:300; position:absolute; width:110px; left:50%; margin-left:-55px; z-index:10; color:#fff; text-decoration:none; text-align:center;}







.slider_Arrow:hover{ color:#638bc0; text-decoration:none;}







.slider_Arrow i{ font-size:36px;}















/* .call_to_action_panel{ position:absolute; left:0px; bottom:0px; text-align:center; width:100%; height:197px; border-top:4px solid #ecac00; background:#fff; z-index:10;} */
.call_to_action_panel{ position:absolute; left:0px; bottom:0px; text-align:center; width:100%; height:197px; background:#fff; z-index:10;}







.call_to_action{ max-width:936px; min-height:84px; padding-left:98px; padding-right:162px; margin:0px auto; position:relative;}







.call_to_action .Crest{ position:absolute; left:0px; top:50%; margin-top:-42px;}







.call_to_action .text{ display:inline-block; width:100%; padding-left:35px; padding-right:35px; vertical-align:middle;}







.call_to_action .text h2{ font-size:48px;font-family: 'Roboto', sans-serif; margin-bottom:2px; font-weight:100;}







.call_to_action .text p{ font-size:18px; font-weight:300; color:#747474; margin-bottom:0px;}







.call_to_action .button{ position:absolute; width:162px; padding-left:10px; padding-right:10px; right:0px; top:50%; margin-top:-25px;}























.home_panels{ text-align:center;}







.home_panels .row{ overflow:hidden;}







.home_panels .zoomhover{ overflow:hidden; position:relative;}







.home_panels .backstretch:before,







.home_panels .backstretch:after{ display:none;}















.loreto_college_section{ float:left; width:60%; height:756px;}







.loreto_college_text{ position:absolute; z-index:2; left:0px; bottom:0px; width:100%; height:100%; background:url(images/section_bottom_gradient.png) repeat-x bottom left; background-color:rgba(0,0,0,0.2);}







.zoomhover:hover .loreto_college_text{ background-color:rgba(0,0,0,0.4);}







.loreto_college_text .text{ width:100%; position:absolute; left:0px; bottom:78px; padding-left:15px; padding-right:15px;}







.loreto_college_text h4{ color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; margin-bottom:26px;}







.loreto_college_text .whiteCrest{ margin-bottom:38px;}







.loreto_college_text .links{ border-top:1px solid #ebcc23; display:inline-block; color:#fff; font-size:18px; font-weight:300; padding-top:27px;}







.loreto_college_text .links p{ margin-bottom:0px;}







.loreto_college_text .links a{ color:#fff; text-decoration:none;







  border-bottom: 1px solid transparent;







  -moz-transition: color .75s cubic-bezier(.23, 1, .32, 1), border .75s cubic-bezier(.23, 1, .32, 1);







  transition: color .75s cubic-bezier(.23, 1, .32, 1), border .75s cubic-bezier(.23, 1, .32, 1)







}







.loreto_college_text .links a:hover{ border-bottom:1px solid #fff;}























.enrollments_section{ float:left; width:40%; height:378px;}







.enrollmentsBox_text{ color:#fff; display:block; position:absolute; text-decoration:none; left:0px; top:0px; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.2);}







.enrollmentsBox_text:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(images/section_bottom_gradient.png) repeat-x bottom left;}







.enrollmentsBox_text:hover{ background:rgba(0,0,0,0.4);}







.enrollmentsBox_text h4{ color:#fff; position:absolute; width:100%; left:0px; bottom:76px; z-index:2; padding-left:15px; padding-right:15px; font-size:18px; text-transform:uppercase; font-weight:700; margin-bottom:0px;}







.enrollmentsBox_text h4 span.text{ position:relative;}







.enrollmentsBox_text h4 span.text:after{







	width: 0px;







	position: absolute;







	bottom: 0px;







	left: 50%;







	-webkit-transform: translateX(-50%);







	-moz-transform: translateX(-50%);







	-ms-transform: translateX(-50%);







	transform: translateX(-50%);







	content: '';







	border-top: 1px solid #fff;







	-moz-transition: all .75s cubic-bezier(.23, 1, .32, 1);







	transition: all .75s cubic-bezier(.23, 1, .32, 1)







}







.enrollmentsBox_text:hover h4 span.text:after{ width:100%;}







.enrollmentsBox_text h4 i{ font-size:40px; margin-bottom:12px;}







.testimonials_section{ float:left; width:40%; height:378px;}







.testimonialsLink{ float:left; width:50%; display:block; height:100%; text-decoration:none;







  -webkit-transition: all 0.75s;







  -moz-transition: all 0.75s;







  -o-transition: all 0.75s;







  transition: all 0.75s;}







.testimonialsLink h4{ color:#638bc0; margin-bottom:0px; font-size:18px;text-transform:uppercase; font-weight:700;}







.testimonialsLink h4 span.text{ position:relative; display:inline-block;}







.testimonialsLink h4 span.text:after{







	width: 0px;







	position: absolute;







	bottom: 0px;







	left: 50%;







	-webkit-transform: translateX(-50%);







	-moz-transform: translateX(-50%);







	-ms-transform: translateX(-50%);







	transform: translateX(-50%);







	content: '';







	border-top: 1px solid #fff;







	-moz-transition: all .75s cubic-bezier(.23, 1, .32, 1);







	transition: all .75s cubic-bezier(.23, 1, .32, 1)







}







.testimonialsLink:hover{ text-decoration:none;}







.testimonials_section:hover .testimonialsLink h4 span.text:after{ width:100%;}







.testimonialsLink h4 i{ margin-bottom:12px; font-size:40px; margin-bottom:12px;}  







.testimonials_section:hover .testimonialsLink{background:#638bc0;}







.testimonials_section:hover .testimonialsLink h4{ color:#fff;}







.testimonials_section .testimonialsImg{ overflow:hidden; position:relative; float:right; width:50%; height:100%;}







.testimonials_section .testimonialsImg a.imgLink{ display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(images/section_bottom_gradient.png) repeat-x bottom left; background-color:rgba(0,0,0,0.2); z-index:2;}







.testimonials_section:hover .testimonialsImg a.imgLink{ background-color:rgba(0,0,0,0.4);}























.events_section{ float:left; width:20%; height:378px;}







.events_section .events_section_text{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2;background:url(images/section_bottom_gradient.png) repeat-x bottom left; background-color:rgba(0,0,0,0.2); z-index:2;}







.events_section .events_section_text:hover{ background-color:rgba(0,0,0,0.4);}







.events_section h4{ color:#fff; position:absolute; width:100%; left:0px; bottom:76px; z-index:2; padding-left:15px; padding-right:15px; font-size:18px; text-transform:uppercase; font-weight:700; margin-bottom:0px;}







.events_section h4 span.text{ position:relative;}







.events_section h4 span.text:after{







	width: 0px;







	position: absolute;







	bottom: 0px;







	left: 50%;







	-webkit-transform: translateX(-50%);







	-moz-transform: translateX(-50%);







	-ms-transform: translateX(-50%);







	transform: translateX(-50%);







	content: '';







	border-top: 1px solid #fff;







	-moz-transition: all .75s cubic-bezier(.23, 1, .32, 1);







	transition: all .75s cubic-bezier(.23, 1, .32, 1)







}







.events_section:hover h4 span.text:after{ width:100%;}







.events_section h4 i{ font-size:40px; margin-bottom:12px;}























.news_section{ float:left; width:20%; height:378px; color:#638bc0;}







.news_section ,







.news_section *{







  -webkit-transition: all 0.75s;







  -moz-transition: all 0.75s;







  -o-transition: all 0.75s;







  transition: all 0.75s;







} 







.news_section h4{text-transform:uppercase; font-weight:700; margin-bottom:5px;}







.news_section h4 i{ font-size:40px; margin-bottom:12px;} 







.news_section a{ color:#638bc0; font-size:12px; text-transform:uppercase; font-weight:300; text-decoration:none;  border-bottom: 1px solid transparent;







  -moz-transition: color .75s cubic-bezier(.23, 1, .32, 1), border .75s cubic-bezier(.23, 1, .32, 1);







  transition: color .75s cubic-bezier(.23, 1, .32, 1), border .75s cubic-bezier(.23, 1, .32, 1)}







.news_section a:hover{ border-bottom:1px solid #fff; text-decoration:none;} 







.news_section p{ margin-bottom:0px;} 







.news_section:hover{ background:#638bc0; color:#fff;}







.news_section:hover h4{ color:#fff;}







.news_section:hover a{ color:#fff;}























.tours_section{ float:left; width:20%; height:378px;}







.tours_section .tours_section_text{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2;background:url(images/section_bottom_gradient.png) repeat-x bottom left; background-color:rgba(0,0,0,0.2); z-index:2;}







.tours_section .tours_section_text:hover{ background-color:rgba(0,0,0,0.4);}







.tours_section h4{ color:#fff; position:absolute; width:100%; left:0px; bottom:76px; z-index:2; padding-left:15px; padding-right:15px; font-size:18px; text-transform:uppercase; font-weight:700; margin-bottom:0px;}







.tours_section h4 span.text{ position:relative;}







.tours_section h4 span.text:after{







	width: 0px;







	position: absolute;







	bottom: 0px;







	left: 50%;







	-webkit-transform: translateX(-50%);







	-moz-transform: translateX(-50%);







	-ms-transform: translateX(-50%);







	transform: translateX(-50%);







	content: '';







	border-top: 1px solid #fff;







	-moz-transition: all .75s cubic-bezier(.23, 1, .32, 1);







	transition: all .75s cubic-bezier(.23, 1, .32, 1)







}







.tours_section:hover h4 span.text:after{ width:100%;}







.tours_section h4 i{ font-size:40px; margin-bottom:12px;}























.prospectus_section{ float:left; width:40%; height:378px;}







.prospectus_section .prospectus_section_text{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2;background:url(images/section_bottom_gradient.png) repeat-x bottom left; background-color:rgba(0,0,0,0.2); z-index:2;}







.prospectus_section .prospectus_section_text:hover{ background-color:rgba(0,0,0,0.4);}







.prospectus_section h4{ color:#fff; position:absolute; width:100%; left:0px; bottom:76px; z-index:2; padding-left:15px; padding-right:15px; font-size:18px; text-transform:uppercase; font-weight:700; margin-bottom:0px;}







.prospectus_section h4 span.text{ position:relative;}







.prospectus_section h4 span.text:after{







	width: 0px;







	position: absolute;







	bottom: 0px;







	left: 50%;







	-webkit-transform: translateX(-50%);







	-moz-transform: translateX(-50%);







	-ms-transform: translateX(-50%);







	transform: translateX(-50%);







	content: '';







	border-top: 1px solid #fff;







	-moz-transition: all .75s cubic-bezier(.23, 1, .32, 1);







	transition: all .75s cubic-bezier(.23, 1, .32, 1)







}







.prospectus_section:hover h4 span.text:after{ width:100%;}







.prospectus_section h4 i{ font-size:40px; margin-bottom:12px;}























































.home_bottom_panel{ height:550px; text-align:center; overflow:hidden;}







.home_bottom_panel .backstretch:before{background:rgba(0,0,0,0.2); opacity:0;}







.home_bottom_panel:hover .backstretch:before{ opacity:1;}







.home_bottom_panel .backstretch:after{ display:none;}







.home_bottom_panel .leftImage{ float:left; width:50%; position:relative; height:100%; overflow:hidden;}







.home_bottom_panel .leftImage .mobileImg{ opacity:0;}







.home_bottom_panel .home_bottom_right{ float:right; width:50%; height:100%; background:url(images/bg_home_bottom_right.png) left top no-repeat;}







.home_bottom_panel .home_bottom_text{ max-width:640px; padding-left:15px; padding-right:15px; margin:0px auto;}







.home_bottom_panel .home_bottom_text .button{ width:162px; padding-left:15px; padding-right:15px; margin-left:10px; margin-right:10px;}







.home_bottom_panel .home_bottom_text h2{ font-size:36px; font-weight:100;font-family: 'Roboto', sans-serif; margin-bottom:15px;}







.home_bottom_panel .home_bottom_text .blueCrest{ margin-bottom:10px;}







.home_bottom_panel .home_bottom_text p{ color:#747474; font-size:15px; line-height:2; font-weight:300;}







































@media (min-width: 1101px){







#mylcc_popup,







#search_popup{ display:block !important;}







}























































@media (max-width: 1100px){



html{ height: auto;}



body{ padding-left:0px;}







#header{ position:relative; width:100%; height:auto; min-height:190px; padding-top:20px; padding-left:20px; padding-right:20px;}

#header:before{ content:""; display:block; width:100%; height:10px; bottom:-10px; left:0px; position:absolute; background:url(images/top_shadow.png) repeat-x top; z-index:10;}



#header button{ width:auto; height:30px;}







#header button:hover,







#header button.current,







#header button.current:hover{ background:none;}







#header button.header_hamburger:hover span span,







#header button.header_hamburger.current span span{ background:#224087;}







#header button.search_toggle{ width:30px; text-align:center; position:absolute; top:15px; right:20px;} 







#header button.contact_toggle{ width:30px; text-align:center; position:absolute; top:15px; right:79px;}







#header button.mylcc{ width:30px; position:absolute; top:14px; right:142px;} 















#search_popup .searchform input{font-size:18px;}















#header button span.icon_cross{ top:5px;}







#header button i{ opacity:0.5;}







#header button:hover i{ opacity:1;}







#header button.current i{ opacity:0;}







#header button.mylcc span.icon_mylcc{ width:25px; height:27px; background-size:100% auto; opacity:0.5;}







#header button.mylcc:hover span.icon_mylcc{ opacity:1;}







#header button.mylcc.current i{ display:none;}







#header button.mylcc.current span.icon_mylcc{ opacity:0;}















#header button.quicklinks,







#header button.enrolments,







#header .home_link,







#header .social,







#header .shadow_right,







#top_wraper{ display:none;}















a.mobile_logo{ display:block; text-align:center; position:absolute; left:0px; top:73px; width:100%; padding-left:20px; padding-right:20px; text-decoration:none;}







a.mobile_logo img{ margin-bottom:4px;}







a.mobile_logo:hover{ text-decoration:none;}







a.mobile_logo span{ color:#ebcc23; font-size:30px; display:block;font-family: 'BickhamScriptPro-Bold';}















#nav_overlay{ width:0; height:0;}















#nav_wraper,







#contact_popup{ left:-843px !important;}







#quicklinks_popup,







#enrolments_popup{ position:static; width:100%; height:auto; display:none;}















#mobile_nav_wraper{ position:relative; padding-bottom:65px; padding-top:30px;}







#mobile_nav_wraper:before{ content:""; display:none; width:100%; height:10px; top:0px; left:0px; position:absolute; background:url(images/top_shadow.png) repeat-x top; z-index:10;}







.mainNav_left,







.mainNav_right{ width:100%; float:none;}







.mainNav_right{ padding-top:28px;  padding-left:50px; padding-right:50px;}







.mainNav_left{ padding-left:0px; padding-right:0px;}







.main-menu1{ max-width:none;}







.main-menu1 ul a{ padding-top:10px; padding-bottom:10px;}







.main-menu1 a:after{ content:""; height:1px; width:100%;position:absolute; left:0px; bottom:0px; background:#638bc0;}







.main-menu1 > li > a{ padding-left:50px; padding-right:50px; padding-top:11px; padding-bottom:14px; overflow:hidden;}







.main-menu1 > li > a:after{ width:calc(100% - 100px); left:50px; right:50px; }







.main-menu1 > li > a:hover{ text-decoration:none; background:#638bc0; color:#fff; margin-top:-1px; padding-top:12px;}







.main-menu1 > li > a > .accordsuffix{ right:50px; top:10px;}







.main-menu1 > li > a:hover > .accordsuffix{ top:11px;}







.main-menu1 .sub-menu{ padding-left:30px; }







.main-menu1 > li > .sub-menu{ margin-left:50px; margin-right:50px;border:0; margin-bottom:0px; padding-bottom:0px;}







.main-menu1 > li:first-child > a,







.main-menu1 > li:last-child > a{ padding-left:74px;}







.main-menu1 > li:first-child > a:before{font-family: 'FontAwesome'; content:"\f015"; font-size:16px; position:absolute; left:50px; top:12px;}







.main-menu1 > li:first-child > a:hover:before{ top:13px;}







.main-menu1 > li:last-child > a:before{font-family: 'FontAwesome'; content:"\f003"; font-size:16px; position:absolute; left:50px; top:11px;}







.main-menu1 > li:last-child > a:hover:before{ top:12px;}







.main-menu1 ul ul a{ padding-left:0px;}







.main-menu4{ max-width:none;}







.main-menu4 a{ margin:0px auto;}























#mylcc_popup{ background:#224087; padding-bottom:48px; padding-top:30px; position:relative; left:0px !important; top:auto; width:100%; height:auto; display:none;}







#mylcc_popup:before{ content:""; display:none; width:100%; height:10px; top:0px; left:0px; position:absolute; background:url(images/top_shadow.png) repeat-x top; z-index:10;}







#mylcc_popup h4{ display:none;}







#mylcc_popup ul{ background:none;}







#mylcc_popup a{ padding-left:50px; padding-right:50px; color:#fff; font-size:16px; position:relative;padding-top:11px; padding-bottom:14px; font-size:16px; font-weight:700;}







#mylcc_popup ul li:first-child a{ padding-top:11px;}







#mylcc_popup a:after{ width:calc(100% - 100px); left:50px; content:""; height:1px; position:absolute; bottom:0px; background:#638bc0;}







#mylcc_popup a:hover{ text-decoration:none; margin-top:-1px; padding-top:12px; background:#638bc0;}







#mylcc_popup ul li:first-child a:hover{ padding-top:12px;}







#mylcc_popup a i,







#mylcc_popup a span{ padding-right:5px; display:inline-block;}























#mobile_contact_popup{ position:relative; padding-top:44px; padding-bottom:57px;}







#mobile_contact_popup:before{ content:""; display:none; width:100%; height:10px; top:0px; left:0px; position:absolute; background:url(images/top_shadow.png) repeat-x top; z-index:10;}







.contactContent .row{ padding-left:50px; padding-right:50px;}







.contactContent .contact_left{ width:50%; padding-right:25px;}







.contactContent .contact_right{ width:50%; padding-left:25px;}







.contactContent .contact_address{ padding-bottom:35px !important;}







.contactContent .contact_map{ margin-bottom:46px;}







.contactContent .connect_with_us{ border-bottom:1px solid #e1e1e1; padding-bottom:33px; margin-bottom:30px;}







.contactContent .connect_with_us strong{ color:#224087; display:block; margin-bottom:25px;}







.contactContent .contact_us_online_link{ display:block; padding-top:8px; text-decoration:none; border-bottom:1px solid #e1e1e1; color:#224087; padding-bottom:34px; margin-bottom:25px;}







.contactContent .main-menu4 a{ color:#638bc0; width:162px;}







.contactContent .main-menu4 a:hover{ color:#fff;}







.contactContent .main-menu4 li{ display:inline-block; margin-right:28px;}







.contactContent .main-menu4 li:first-child a{ color:#fff;}































#search_popup{ height:190px; display:none; width:100%; top:0px !important; left:0px !important; z-index:1001;}

#search_popup:before{ content:""; display:block; width:100%; height:10px; bottom:-10px; left:0px; position:absolute; background:url(images/top_shadow.png) repeat-x top; z-index:10;}



#search_popup .searchform button,







#search_popup .searchform button:hover{ background:none;}







#search_popup .searchform button i{ color:#638bc0;}







#search_popup .searchform button:hover i{ color:#224087;}















#home_slider li{ height:auto !important;}







#home_slider .backstretch img{ opacity:1;}







#homeBanner .bx-prev, 







#homeBanner .bx-next{ top:41.5%;}







#homeBanner .backstretch:after{ background-position:left top;}















.slider_Arrow{ display:none;}







.call_to_action_panel{ position:static;}































	







}































@media (max-width: 960px){







	







.contactContent .contact_left{ width:100%; padding-right:0px; padding-bottom:19px;}







.contactContent .contact_right{ width:100%; padding-left:0px; border-top:1px solid #e1e1e1; padding-top:44px;}















.call_to_action_panel{ height:auto; padding-top:40px; padding-bottom:40px;}







.call_to_action_panel .table_cellBox{ padding-left:20px; padding-right:20px;}







.call_to_action{ padding-left:0px; padding-right:0px;}







.call_to_action .text{ padding-left:0px; padding-right:0px; margin-bottom:30px;}







.call_to_action .Crest{ position:static; display:inline-block; margin-top:auto; margin-bottom:15px;}







.call_to_action .button{ position:static; display:inline-block; margin-top:auto;}















#home_panels .loreto_college_section{ width:100%;}







#home_panels .enrollments_section{ width:100%;}







#home_panels .testimonials_section{ width:100%;}







#home_panels .events_section,







#home_panels .news_section,







#home_panels .tours_section{ width:33.333%;}







#home_panels .prospectus_section{ width:100%;}















.home_bottom_panel{ height:auto;}







.home_bottom_panel .leftImage{ float:none; width:100%; height:auto;}







.home_bottom_panel .home_bottom_right{ float:none; width:auto; height:auto;}	







.home_bottom_panel .leftImage .mobileImg{ opacity:1;}	







.home_bottom_panel .home_bottom_text{padding:40px 20px;}























}























@media (max-width: 767px){















#homeBanner .bx-prev, 







#homeBanner .bx-next{ width:20px; background-size:100% auto;}







#homeBanner .backstretch:after,







#homeBanner .backstretch:before{ display:none;}























.loreto_college_section{ height:470px;}







.loreto_college_text .text{ bottom:70px;}







.loreto_college_text .whiteCrest{ margin-bottom:15px;}







.loreto_college_text .links{ padding-top:20px;}























}























@media (max-width: 570px){







	







.testimonialsLink{ float:none; width:100%; position:absolute; z-index:2; left:0px; top:0px;}







.testimonialsLink .table_cellBox{ position:relative;}







.testimonialsLink h4{ color:#fff; bottom:76px; position:absolute; width:100%; left:0px;}







.testimonials_section:hover .testimonialsLink{background:none;}	







.testimonials_section .testimonialsImg{ width:100%; float:none; z-index:1;}	















#home_panels .events_section,







#home_panels .news_section,







#home_panels .tours_section{ width:100%;}















.call_to_action .text h2{ font-size:36px;}















	















}















@media (max-width: 480px){







a.mobile_logo span{ font-size:24px;}















#search_popup .searchform input{ padding-left:20px; padding-right:20px;}















.loreto_college_text .links{ padding-top:10px;}







.loreto_college_text h4{ margin-bottom:15px;}







.loreto_college_text .text{ bottom:35px;}















.home_bottom_panel .home_bottom_text .white_button{ margin-top:25px;}







.contactContent .row{ padding-left:20px; padding-right:20px;}















}















/*****************************************yhj css*****************************************************/







h1, h2, h3, h4, h5, h6 { line-height:1.4; font-weight:300; font-style:normal; font-family: font-family: 'Open Sans';; margin-bottom:12px; color:#638bc0; text-transform:none;}







h1{ font-size:30px;}







h2{ font-size:24px;}







h3{ font-size:20px;}







h4{ font-size:18px; font-weight:700;}







h5{ font-size:16px;}







h6{ font-size:14px;}















a { color:#638bc0;  outline:none; text-decoration:underline; outline-style:none;}







a:hover { color:#224087; text-decoration:underline; outline-style:none; outline:none;}







p { line-height:2; margin:0 0 25px;}







li { list-style:none outside none; }







img{ max-width:100%; height:auto; vertical-align:middle;}







pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}















.left{ float:left;}







.right{ float:right;}







.clear { clear:both; height:0; font-size:0; }







.alignleft {display: inline;float: left; margin:0 20px 20px 0;}







.alignright { display: inline; float: right; margin:0 0 20px 20px;}







.aligncenter { clear: both; display: block; margin:0 auto 20px;}







.alignnone{clear: both; display: block; margin:0 auto 20px;}







.tableBox{ display:table; table-layout:fixed; width:100%; height:100%;}







.table_cellBox{ display:table-cell; vertical-align:middle;}







strong, b{ font-weight:700;}







em, i { font-style:italic;}







strong em, em strong{font-style:italic;font-weight:700;}















blockquote{ border:0; margin-bottom:70px;padding:53px 65px 68px; position:relative; border-top:1px solid #8ad3f5;background:url(images/blockquote_Divder.png) center bottom no-repeat; text-align:center;}







blockquote p{ color:#adacac; font-weight:300; font-size:24px; line-height:1.3;}







blockquote cite{ text-align:center; color:#638bc0; font-size:24px; line-height:1.75; font-weight:700; text-transform:inherit; display:block;}







blockquote cite a{ color:#638bc0;}







blockquote cite a:hover{ text-decoration:underline; color:#638bc0;}























hr{ clear:both; margin:52px 0; border:0; background:url(images/bg_hr.jpg) center center no-repeat; height:37px;}















.button, a.button{ background:#638bc0; font-size:14px; text-transform:uppercase; font-weight:700; padding:17px 35px; border:1px solid #638bc0; line-height:1; border-radius:0px; color:#ffffff; display:inline-block; -webkit-appearance: none; cursor:pointer; text-decoration:none;}







.button:hover, a.button:hover{ background:#4366a4;border:1px solid #4366a4; text-decoration:none;color:#ffffff;}







.white_button, a.white_button{ background:#FFF; font-size:14px; text-transform:uppercase; font-weight:700; padding:17px 35px; border:1px solid #638bc0; line-height:1; border-radius:0px; color:#638bc0; display:inline-block; -webkit-appearance: none; cursor:pointer; text-decoration:none;}







.white_button:hover, a.white_button:hover{ background:#4366a4;border:1px solid #4366a4;text-decoration:none; color:#FFF;}















.container{ max-width:940px; padding-left:20px; padding-right:20px; margin:0px auto;}







.inner{ width:940px; margin:0 auto; padding:0px 20px; max-width:100%;}















.fullWidth{ width:100%; float:none;}















table{ border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin:0 0 20px; color:#747474;  }







table td {border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#f0efec;}







table th,







table td {  padding:15px 20px; text-align:left; line-height:20px; }







table th{padding:15px 20px;}







table th { color:#ffffff; font-weight:700; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#638bc0;}







table th a{ color:#FFF; text-decoration:none;}







table th a:hover{ color:#FFF; text-decoration: underline;}







table tr:nth-child(2n) td{  background:#ffffff;}







.dataTables_length{ padding-bottom:10px;}







.dataTables_filter{ padding-bottom:10px;}







.tablepress{ border-left:1px solid #d9d9d9 !important; border-top:1px solid #d9d9d9 !important; margin:0 0 20px !important; color:#747474 !important; width:100% !important;font-family: 'Open Sans' !important; font-weight400 !important;}







.tablepress tfoot th, .tablepress thead th{  padding:15px 20px !important; color:#ffffff !important;font-family: 'Open Sans' !important; font-weight:700 !important; border-bottom:1px solid #d9d9d9 !important; border-right:1px solid #d9d9d9 !important; background:#638bc0 !important;}







.tablepress .even td,







.tablepress .odd td,







.tablepress tbody tr:first-child td{  padding:15px 20px !important; text-align:left !important; font-size:15px !important; line-height:20px !important;border-bottom:1px solid #d9d9d9 !important; border-right:1px solid #d9d9d9 !important;  }







.tablepress .odd td{ background:#f0efec !important;}















.ui-datepicker th,







.ui-datepicker th span{ color:#FFF; text-shadow:none;}







.page-content ul, 







.page-content ol{ margin:0 0 25px 28px;}







.page-content ul ul{ margin:18px 0 0 28px;}







.page-content li{ list-style:disc outside none; line-height:2; margin-bottom:16px;}







.page-content ol ol{ margin: 18px 0 0 28px;}







.page-content ul li{ list-style:disc outside none;}







.page-content ol li{ list-style:decimal inside none;}







.page-content dl{ margin:0 0 25px;}







.page-content dl dt{ line-height:2;}







.page-content dl dd{ line-height:2; padding:0 0 0 20px;}

.page-content pre,

.page-content address{ line-height:2; margin-bottom:25px;}





.wp-caption{  max-width: 100%;}







.wp-caption-text{ color:#638bc0; font-size:13px;   padding:5px 10px; margin:0;}







.page-content ol.ordered_list { padding:0px; margin:60px 0px 20px; }







.page-content ol.ordered_list li { padding:0 0 0 55px; margin:0 0 20px; list-style:none; position:relative;  font-size:13px; }







.page-content ol.ordered_list li span.ol_icon{  font-size:52px; color:#b20838; font-weight:700; position:absolute; left:0; top:10px;}







.page-content ol.ordered_list li strong { display:block; font-size:22px; color:#b20838; padding-bottom:9px; font-weight:normal; }







.page-content ol.ordered_list li a { color:#b20838; font-weight:normal;font-weight:700; }







.page-content ol.ordered_list li a:hover { text-decoration: underline; }























.contentBottom{ width:100%; clear:both; overflow:hidden; padding-top:50px; padding-bottom:85px;}







.contentBottom .addthis_toolbox{ background:url(images/bg_contentBottom.png) center top no-repeat; padding-top:85px; text-align:center; vertical-align:top;}







.contentBottom .st_fblike_hcount span{ vertical-align:top !important;}







.contentBottom .stButton{ margin-bottom:5px;}







.contentBottom .fb_iframe_widget{ margin-bottom:5px;}







.linksCol { float: right; overflow: hidden;}







.linkBackTop{ background:url(images/bg_linkBackTop.png) left top no-repeat; display:block; width:81px; height:12px; text-indent:-9999em; position:absolute; left:0px; top:5px;}







.linkBackTop:hover{ background-position:left bottom;}







.addthis_toolbox .linksCol_span{ margin:0px 0px 0px 12px; float:left;}















/*--------------------------------------------------------------------------------Content-*/







.main_content{}







.page-content{ width:940px; margin:0 auto; max-width:100%; padding-left:20px; padding-right:20px; padding-top:68px;}















/* .title_wrapper{ position:relative; border-bottom:4px solid #ebcc23; background-position:center top;} */
.title_wrapper{ position:relative; background-position:center top;}







.content_title_bg{ width:100%; height:auto;}







.title_content{ background:url(images/bg_title_content.png) center top repeat-x;background-color: rgba(0, 0, 0, 0.25); position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center;}







.title_content_inner{width:940px; padding-left:20px; padding-right:20px; margin:0 auto; max-width:100%; height:100%;}







.title_content_table{display:table; width:100%; height:100%;}







.title_box{ display:table-cell; vertical-align:middle; font-size:72px; color:#FFF;font-family: 'Roboto'; font-weight:100;}







.intro_text_panel_wrapper{ background:#c1d1e6 url(images/bg_intro_text_panel_wrapper.jpg) left top no-repeat;}







.intro_text_panel_content{width:940px; margin:0 auto; max-width:100%; text-align:center; padding:76px 20px 80px;}







.intro_text_panel_content p{ font-size:22px; color:#ffffff; margin-bottom:0px; font-weight:300; line-height:1.58;}















/*--------------------------------------------------------------------------------News-*/







.news_categories{ width:266px; margin:0 auto; text-align:left; padding-top:40px; padding-bottom:60px;}







.news_categories h4,







.news_categories label{ display:none; font-size:12px; text-indent:-9999em;}







.news_categories .sbSelector{ border-radius:0; font-size:16px; color:#638bc0; padding-left:28px;}







.news_categories .sbToggle{ border-radius:0; width:50px; position:absolute; background:none;}







.news_categories .sbToggle.sbFocus{ background-color:#638bc0;}







.news_categories .sbToggle:before{ content:""; display:block; width:9px; height:13px; background: url(images/bg_select_right2.png) left top no-repeat; position:absolute; left:50%; margin-left:-4px; top:50%; margin-top:-7px;}







.news_categories .sbToggle.sbFocus:before{background: url(images/bg_select_right2.png) right top no-repeat;}







.news_categories .sbOptions{ /*height:270px;*/}







.news_categories .sbOptions a{padding-left:28px;}







.blog .title_box{ vertical-align:bottom;}







.post_list{}







.post_list_box{ background:url(images/bg_post_list_box.png) center top no-repeat; padding-top:90px; margin-bottom:56px;}







.post_list .post_list_box:first-child{ background:none; padding-top:0px;}







.post_list_box .img_box{ width:26.2%; float:left; margin-top:6px; position:relative; display:block;}







.post_list_box .img_box .shadow{ display:none; position:absolute; left:0px; top:0px; width:100%; height:100%;background-color: rgba(0, 0, 0, 0.3);}







.post_list_box .img_box:hover .shadow{ display:block;}







.post_list_box .img_box img{ display:block;}







.post_list_box .text_box{ float:right; width:70%;}







.post_list_box .text_box.full_box{ float:none; width:100%;}







.post_list_box h1{ margin-bottom:22px;}







.post_list_box h1 a{ text-decoration:none; color:#638bc0;}







.post_list_box h1 a:hover{ text-decoration:none; color:#224087;}







.post_list_box .date{ font-size:15px; color:#638bc0; padding-bottom:10px;}







.post_list_box .date a{color:#638bc0; text-decoration:none;}







.post_list_box .date a:hover{color:#638bc0; text-decoration:underline;}







.post_list_box .date .date_text{ position:relative; padding-right:28px; margin-right:27px;}







.post_list_box .date .date_text:before{ content:""; display:block; width:2px; height:15px; background:#638bc0; position:absolute; right:0px; top:4px;}







.post_list_box .my_excerpt_text{ padding-bottom:29px;}







.post_list_box .my_excerpt_text p{ display:inline;padding-right:6px;}







.post_list_box .read_more{ font-size:15px; color:#638bc0; font-weight:700; position:relative; padding-left:13px; text-decoration:none;}







.post_list_box .read_more:hover{color:#638bc0; text-decoration:underline;}







.post_list_box .read_more:before{ content:""; display:block; width:2px; height:15px; background:#a2a2a2; position:absolute; left:0px; top:4px;}







.post_list_box .post_list_cat{ font-size:12px;color:#a9a9a9;}







.post_list_box .post_list_cat a{ color:#a9a9a9; text-decoration:none;}







.post_list_box .post_list_cat a:hover{ color:#a9a9a9; text-decoration:underline;}







.post_list_box .post_list_cat strong{ color:#638bc0;}







.pagenavi_wrapper{ padding-top:23px;}







.pagenavi_wrapper .wp-pagenavi{ text-align:right; width:100%; overflow:hidden; border-top:1px solid #e1e1e1; font-size:13px; color:#a9a9a9; padding-top:65px;}







.pagenavi_wrapper .wp-pagenavi .pages{ float:left; padding:0px;}







.pagenavi_wrapper .wp-pagenavi a,







.pagenavi_wrapper .wp-pagenavi span{ border:0; padding:0px 0px 0px 26px;color:#a9a9a9; text-decoration:none;}







.pagenavi_wrapper .wp-pagenavi strong{ color:#638bc0;}







.pagenavi_wrapper .wp-pagenavi a:hover,







.pagenavi_wrapper .wp-pagenavi .current{ text-decoration:none;color:#638bc0;}







.pagenavi_wrapper .wp-pagenavi .current{ font-weight:700;}







.pagenavi_wrapper .wp-pagenavi a:hover{ text-decoration:underline;color:#a9a9a9; }







.single-post .post_list_box{ padding-top:100px;}







.single-post .post_list_box h1{ margin-bottom:27px;}







.single-post .post_list_box .date{ color:#747474; padding-bottom:33px;}







.single-post .post_list_box .date a,







.single-post .post_list_box .date a:hover{color:#747474;}







.single-post .post_list_box .img_box{ width:100%; float:none; padding-bottom:52px;}







.newer-older{ text-align:center; width:100%; font-size:13px; padding:10px 0px 40px; position:relative;}







.newer-older .older{ float:left;}







.newer-older .newer{ float:right;}







.newer-older a{ color:#a9a9a9; text-decoration:none;}







.newer-older a:hover{ color:#a9a9a9; text-decoration: underline !important;}







.newer-older.newer_older_bottom{ padding-bottom:0px; border-top:1px solid #e1e0da; padding-top:53px;}







.newer-older .backup_link{ display:block; width:110px; position:absolute; left:50%; margin-left:-55px; bottom:0px;}







.newer-older hr{ margin-top:45px; margin-bottom:20px;}







.post_list_cat .cat_text{ width:49%; float:left;}







.post_list_cat .tags_text{ width:49%; float:right; text-align:right;}







.newer-older.newer_older_top .backup_link{ top:10px; bottom:auto;}







.post_list .newer-older.newer_older_top .backup_link{ bottom:40px;}







.bottom_pagenavi .newer-older .backup_link{bottom:6px;}







/*------------------------------------------------------------ Events -*/







#tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title{ font-weight:300; font-size:40px;}







.post-type-archive .page-content{ padding-top:0px;}







#tribe-events-content.tribe-events-list{ margin-bottom:0;}







.content_wrap{ position:relative;}







.content_wrap .tartan{ position:absolute; top:87px; left:0px; width:24px; height:112px; display:block; background:url(images/Tartan.png);}







.maincontent #tribe-events h1.title{ text-align:center;}







.maincontent #tribe-events h2{ color:#001a49; font-size:30px;}







#tribe-events h2 a{ color:#638bc0; text-decoration:none;}







#tribe-events h2 a:hover{ color:#224087; text-decoration:none;}







.tribe-events-list-separator-month span{ color:#638bc0; font-weight:300; font-size:40px;}







.tribe-events-day .tribe-events-day-time-slot h5{ background:#003768;}







.tribe-events-list .time-details{ font-weight:700; color:#638bc0;}







.tribe-events-list .tribe-events-venue-details{ margin-bottom:5px;}







.event_my_excerpt_box p{ display:inline;padding-right:6px;}







.event_my_excerpt_box .tribe-events-read-more{font-size:15px; color:#638bc0; font-weight:700; position:relative; padding-left:13px; text-decoration:none;}







.event_my_excerpt_box .tribe-events-read-more:hover{/*color:#224087; text-decoration:underline;*/ text-decoration:underline !important;}







.event_my_excerpt_box .tribe-events-read-more:before{ content:""; display:block; width:2px; height:15px; background:#a2a2a2; position:absolute; left:0px; top:4px;}















.event_item{ position:relative;background:url(images/bg_post_list_box.png) center bottom no-repeat; padding-bottom:103px; margin-bottom:41px;}







.tribe_events_list_content .event_item:last-child{ background:none; padding-bottom:0px;}







.event_item .img_left{ float:left; position:relative; margin-top:9px;}







.event_item .img_left a.featureLink{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.3); opacity:0;}







.event_item .img_left a.featureLink:hover{ opacity:1;}







.event_item .img_left img{ height:176px !important; width:auto !important;}







.event_item .eventtext_wrapper{ float:right; width:69%; padding-left:25px;}







.event_item .eventtext_wrapper.full_box{ width:auto; float:none; padding-left:25px;}







.tribe-events-list .event_item .tribe-events-list-event-title{ font-size:30px; color:#638bc0; margin-bottom:20px;}







.tribe_events_Date{ background:#638bc0; padding-top:50px; color:#fff; font-weight:300; line-height:1; text-align:center; display:block; width:129px; height:176px; position:absolute; left:0px; top:9px;}







.event_item a.tribe_events_Date:hover{ background:#224087;}







.tribe_events_Date:hover{ color:#fff;}







.tribe_events_Date .day{ font-size:40px; display:block;}







.tribe_events_Date .month{ font-size:28px; text-transform:uppercase; display:block; padding-top:2px;}







.eventText{ margin-left:129px; position:relative;}







.tribe-events-list .eventText .tribe-events-event-cost{ position:absolute; right:0px; top:0px;}























.events-list #tribe-events-footer{ border:0; margin:0; padding-top:15px;}







/*.events-list #tribe-events-footer a{ font-size:12px; text-decoration:none; color:#a9a9a9;}







.events-list #tribe-events-footer a:hover{ color:#ee2f26; text-decoration:underline !important;}*/







.single-tribe_events #tribe-events-footer{}







#tribe-events-footer{ overflow:hidden;}







#tribe-events-footer .older{ float:right;}







#tribe-events-footer .newer{ float:left;}































.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-],







.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{ background:#638bc0;}















#tribe-events .tribe-events-button{ background:#638bc0 !important;}







#tribe-events .tribe-events-button:hover{ background:#4366a4 !important;}















.tribe_events_title_bar{ margin-bottom:32px;}







.tribe_events_title_bar h2{ font-size:30px; margin-bottom:23px;}







.post_single_feature_img{ margin-bottom:52px;}







.dateTime{ background:#638bc0; padding-top:19px; float:left; color:#fff; font-weight:300; line-height:1; text-align:center; display:block; width:129px; height:115px; margin-right:30px; margin-top:6px;}







.dateTime:hover{ background:#4366a4;}







.dateTime .day{ font-size:40px; display:block;}







.dateTime .month{ font-size:28px; display: block; padding-top:3px; text-transform:uppercase;}







.single-tribe_events .tribe-events-schedule > h3{ font-weight:700; color:#747474; font-size:15px;}























.tribe_event_left_box{ float:left; width:56%; padding-right:10px; padding-left:20px; padding-top:10px;}







.tribe-events-event-meta .column,







.tribe-events-event-meta .tribe-events-meta-group{ width:100%;}







.tribe-events-meta-group .tribe-events-single-section-title{ margin-top:20px; margin-bottom:30px;}







.single-tribe_events #tribe-events-content .tribe-events-event-meta dt{ margin-bottom:5px;}







.event_single_right_col{ float:right; padding-top:33px; padding-left:10px; width:44%; padding-right:42px;}







.single-tribe_events .tribe-events-venue-map{ margin:0; padding:0px; width:100%; border-radius:0; border:0;}







.tribe-events-meta-group .tribe-events-single-section-title{ font-size:20px; color:#638bc0;}







.single-tribe_events #tribe-events-content .tribe-events-event-meta dt{ color:#638bc0;}







#tribe-events-content{ padding:0px; margin:0px;}







.events-single .bottom_pagenavi{ border-top:1px solid #e1e0da; margin-bottom:0px; padding-top:60px;}







.events-single .bottom_pagenavi .newer-older{ padding-bottom:6px;}







.single-tribe_events #tribe-events .tribe-events-cal-links{ padding:23px 0px 38px;}







#tribe-events .tribe-events-button{ border-radius:0; height:50px; padding:0px 30px; border:1px solid #638bc0; line-height:48px; font-weight:700; font-size:12px;}







#tribe-events .tribe-events-button.tribe-events-gcal{ background:#638bc0; margin-right:28px;}







#tribe-events .tribe-events-button.tribe-events-gcal:hover{ background:#4366a4;border:1px solid #4366a4;}







#tribe-events .tribe-events-button.tribe-events-ical{ background:#FFF !important; color:#638bc0; border:1px solid #638bc0;}







#tribe-events .tribe-events-button.tribe-events-ical:hover{ background:#4366a4 !important; color:#FFF;border:1px solid #4366a4;}







.single-tribe_events .tribe-events-event-meta dl{ font-size:15px; color:#747474;}







.single-tribe_events .tribe-events-event-meta dl dd a:hover{ color:#638bc0 !important; text-decoration:underline !important;}







.tribe-events-event-meta .tribe-events-gmap{ font-style:normal; color:#ee2f26;}







.tribe-events-event-meta .tribe-events-gmap:hover{ color:#ee2f26; text-decoration:underline}







.single-tribe_events .tribe-events-event-meta{ margin-bottom:75px;}







#tribe-events .tribe-events-content p,







.tribe-events-after-html p,







.tribe-events-before-html p{ margin-bottom:25px;}























ul.tribe-events-sub-nav a{font-weight:300; background:none; font-size:12px; color:#a9a9a9; text-decoration:none;}







ul.tribe-events-sub-nav a:hover{ color:#a9a9a9; text-decoration: underline !important;}







/*=================================================================== gform =*/







body .gform_wrapper{ margin:0px !important; margin-bottom:45px !important;}







body .gform_wrapper.gf_browser_chrome .gform_body,







body .gform_wrapper .gform_body{ width:100%;}







body .gform_wrapper .gform_footer{ margin:0px !important; padding:0px !important; text-align:center;}







body .gform_wrapper ul li.gfield{ margin-top:0px !important; padding:0px !important; margin-bottom:28px !important;}







body .gform_wrapper .top_label .gfield_label{ font-weight:300; font-size:18px; color:#638bc0; margin-bottom:13px;}







body .gform_wrapper .gfield_required{ color:#638bc0; font-weight:300;}







body .gform_wrapper .top_label div.ginput_container{ margin:0px !important;}







body .gform_wrapper .top_label div.ginput_container.ginput_container_date{ position:relative;}







body .gform_wrapper .ginput_container_date img.ui-datepicker-trigger{ position:absolute; top:17px; right:13px;}







body .gform_wrapper .top_label .clear-multi div.ginput_container{ margin-right:20px !important;}







body .gform_wrapper .top_label input.medium, 







body .gform_wrapper .top_label select.medium{ width:100% !important; border:1px solid #cccccc; height:41px; background:none; font-size:12px; padding:0px 14px !important;}







body .gform_wrapper .top_label select.medium{ height:auto;}







body .gform_wrapper textarea.medium{ border:1px solid #ccc; padding:10px 14px;border-radius:5px; height:220px;}







body .gform_wrapper .top_label input.medium.datepicker{ padding-right:40px !important;}







body .gform_wrapper .gform_footer input.button,







body .gform_wrapper .gform_footer input[type="submit"], 







body .gform_wrapper .gform_page_footer input.button,







body .gform_wrapper .gform_page_footer input[type="submit"]{ height:50px; padding-top:0px; padding-bottom:0px; font-family: 'Open Sans', sans-serif; margin-right:0;}







body .gform_wrapper .gform_footer input.button:hover,







body .gform_wrapper .gform_footer input[type="submit"]:hover,







body .gform_wrapper .gform_page_footer input.button:hover, 







body .gform_wrapper .gform_page_footer input[type="submit"]:hover{}







body .gform_wrapper .top_label li ul.gfield_checkbox, 







body .gform_wrapper .top_label li ul.gfield_radio{ width:100%;}







body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){ border:1px solid #cccccc;  height:50px; padding:0px 14px; border-radius:5px; color:#224087;}







.checker { float:left; width:23px; height:23px; background:url(images/bg_checkbox.png) 0 0 no-repeat; position:relative; margin:0 10px 0 0; display:inline; }
.checker span { display:block; width:23px; height:23px; }
.checker span input[type=checkbox],
body .gform_wrapper ul.gfield_checkbox li .checker span input[type=checkbox]{ width:23px !important; height:23px !important;}
.checker span.checked { background:url(images/bg_checkbox.png) 0 -23px no-repeat; }

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] { width:23px !important; height:23px; margin:0 10px 0px 0px !important; padding:0; border:0; }
.radio { float:left; width:24px !important; height:23px; background:url(images/bg_checked_radio.png) 0 0 no-repeat; position:relative; margin:0 8px 0 0; display:inline; }
.radio span { display:block; width:24px; height:23px; position:relative; }
.radio span.checked { background:url(images/bg_checked_radio.png) 0 -23px no-repeat; }
.radio span input[type=radio],
body .gform_wrapper ul.gfield_radio li .radio span input[type=radio]{ width:23px !important; height:23px !important;}
.gform_wrapper ul.gfield_radio li input[type="radio"] { width:23px !important; height:23px; margin:0 10px 0 0 !important; }

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] { position: absolute; left: -9999px; }
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label { padding-left: 38px; line-height: 23px; }
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label::before { content: ''; display: inline-block; position: absolute; left: 0; background: url(images/bg_checkbox.png) left top no-repeat; height: 23px; width:23px !important; }
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label::after { content: ''; display: inline-block; position: absolute; left: 0; background: url(images/bg_checkbox.png) right bottom no-repeat; height: 23px; width:23px !important; }

.gform_wrapper ul.gfield_radio li input[type="radio"] { position: absolute; left: -9999px; }
.gform_wrapper ul.gfield_radio li input[type="radio"] + label { padding-left: 38px; line-height: 23px; }
.gform_wrapper ul.gfield_radio li input[type="radio"][value="gf_other_choice"] + input { margin-left: 38px; }
.gform_wrapper ul.gfield_radio li input[type="radio"] + label::before,
.gform_wrapper ul.gfield_radio li:last-child::before { content: ''; display: inline-block; position: absolute; left: 0; background: url(images/bg_checked_radio.png) left top no-repeat; height: 23px; width:23px !important; }
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label::after { content: ''; display: inline-block; position: absolute; left: 0; background: url(images/bg_checked_radio.png) right bottom no-repeat; height: 23px; width:23px !important; }
.gform_wrapper ul.gfield_radio li.checked:last-child::after { content: ''; display: inline-block; position: absolute; left: 0; background: url(images/bg_checked_radio.png) right bottom no-repeat; height: 23px; width:23px !important; }

.sbHolder { width:100%; position:relative; min-width:80px; }
.ginput_complex .sbHolder{ max-width:none; width:100%;}
.clear-multi .sbHolder{ max-width:none;}
.sbHolder a:hover { text-decoration:none; }
.sbSelector { display: block; height:50px; background:#fff; line-height:50px; outline: none; overflow: hidden; border:1px solid #ccc; padding:0 55px 0 10px; margin:0px; font-size:15px; color:#747474;border-radius:5px;text-decoration:none; }
.sbToggle { background: url(images/bg_select_right.png) center center no-repeat; border:1px solid #ccc; display: block; height:50px; z-index:1;border-radius:0px 5px 5px 0px; outline: none; position: absolute; right:0px; top: 0; width:44px; padding:0px; margin:0px; }
.sbOptions { background-color:#FFF; list-style: none; left:0px; margin: 0 !important; padding:0 !important; position: absolute; top:50px !important; width:100%; z-index:99; overflow-y: auto; border:1px solid #cccccc; border-top:0; }
.sbOptions li { padding:0px !important; margin:0px !important; list-style:none; background:none; }
.sbOptions a { display:block; outline: none; padding:13px 5px 13px 10px; font-size:14px; color:#747474; line-height:18px; text-decoration:none; border-top:1px solid #cccccc; }
.sbOptions li:first-child a { border-top:0; }
.sbOptions a:hover { color:#000; border-top:1px solid #cccccc; background:#dddddd; }

.gform_wrapper .ginput_container_multiselect select { border: 1px solid #ccc !important;}







.gform_wrapper select option{ padding:2px 10px;}







div.uploader { border:1px solid #cccccc; width:97%; height:41px; position:relative; max-width:47.5%; cursor:pointer; }







div.uploader span.filename { display:block; height:41px; padding:0 10px; font-size:15px; color:#747474; line-height:41px; }







div.uploader span.action { position:absolute; right:0; top:-1px; height:41px; padding:0 10px; font-size:18px; font-weight:700; color:#ffffff; line-height:41px; border-left:1px solid #cccccc; background:#638bc0;}







div.uploader input.medium { position:absolute; left:0; top:0; width:100% !important; height:41px; opacity:0; z-index:999; }







.gform_wrapper .gform_footer input.button { cursor:pointer; border-bottom:1px solid #ffffff !important; border-right:1px solid #ffffff !important; font-size:14px !important; border:0 !important;}







.gform_wrapper .ginput_complex { overflow:visible !important; }







.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full { overflow:visible !important; }







.gform_wrapper li.gfield.gfield_error { padding:0 !important; }







.gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding-left:0 !important; }







.gform_wrapper .gform_fields .gfield.gfield_error .gfield_label { padding-top:5px; }







.gf_clear.gf_clear_complex { width:100%; overflow:hidden; clear:both; }







.gform_wrapper .ginput_container_date .datepicker{ width:auto !important;}







.gform_wrapper table.gfield_list td{ background:none !important;}







.gform_wrapper .gfield_list{ padding-right:20px !important;}







.gform_wrapper table.gfield_list thead th:first-child{ padding-left:10px;}







body .gform_wrapper div.validation_error{ border-top-width:1px; border-bottom-width:1px; padding:10px 0px; margin-bottom:20px;}







body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ max-width:100% !important; border:0; background:none;}







body .gform_wrapper .field_description_below .gfield_description{ padding-top:6px;/* color:#b9b9b9; font-weight:700; font-size:13px;font-family: 'Roboto', sans-serif;*/}















body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,







body .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_date_"] label,







body .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label,







body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,







body .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_date_"] label,







body .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label{ padding-top:5px; color:#b9b9b9; font-weight:700; font-size:13px;font-family: 'Roboto', sans-serif; margin-bottom:0;}







/*--------------------------------------------------------------------------------Contact-*/







.table_content{ width:100%; overflow:auto;}







.contact_content{ padding:67px 0px 58px;}







.contact_content .contact_left{ float:left; width:32%;}







.contact_content .contact_left ul{ padding:0px 0px 4px; margin:0px 0px 36px; border-bottom:1px solid #e1e1e1;}







.contact_content .contact_left ul li{ padding:0px 0px 25px 23px; margin:0px; position:relative; font-weight:700; color:#224087; font-size:16px;}







.contact_content .contact_left ul li span{ display:block; font-weight:300; color:#638bc0; padding-bottom:5px;}







.contact_content .contact_left ul li i{ color:#224087; font-size:16px; position:absolute; left:0px; top:2px;}







.contact_content .contact_left ul li a{color:#224087; text-decoration:none;}







.contact_content .contact_left ul li a:hover{color:#224087; text-decoration: underline;}







.contact_content .contact_left ul:last-child{ border-bottom:0; margin-bottom:0;}







.contact_content .contact_right{ float:right; width:63%;}







.contact_map{ border:1px solid #cccccc; margin-bottom:32px;}







.contact_map iframe{ width:100% !important; padding:0px; margin:0px; display:block;}







.contact_address{ padding:0px 0px 25px 18px; margin:0px; position:relative; font-weight:300; color:#638bc0; font-size:16px; line-height:1.5;}







.contact_address a{color:#638bc0;text-decoration:none;}







.contact_address a:hover{color:#638bc0;text-decoration: underline;}







.contact_address i{ color:#224087; font-size:16px; position:absolute; left:0px; top:2px;}







.contact_menu{ padding:0px; margin:0px; width:100%; overflow:hidden;}







.contact_menu li{ padding:0px 40px 20px 0px; margin:0px; float:left;}







.contact_menu li:last-child{ padding-right:0;}







.contact_menu a{ background:#FFF; font-size:14px; text-transform:uppercase; font-weight:700; padding:17px 10px; border:1px solid #638bc0; line-height:1; border-radius:0px; color:#638bc0; display:inline-block; -webkit-appearance: none; cursor:pointer; text-decoration:none; width:162px; text-align:center;}

.contact_menu li:first-child a{ background:#638bc0; color:#fff;}

.contact_menu li:first-child a:hover,

.contact_menu a:hover{ background:#4366a4;border:1px solid #4366a4;text-decoration:none; color:#FFF;}















.contact_menu .menu-item-2173 a{ background:#638bc0; border:1px solid #638bc0; color:#FFF;}







.contact_menu .menu-item-2173 a:hover{ background:#4366a4;border:1px solid #4366a4;}























.page-template-template_contact #content{ background:url(images/bg_contact_content.png) center top no-repeat; padding-top:32px;}







.contact_form{ text-align:center; overflow:hidden;}







.contact_form h1{ font-size:48px; font-weight:300; margin-bottom:28px;}







.contact_form p{ font-size:18px;}







body .contact_form .gform_wrapper{ padding-top:32px;}







body .contact_form .gform_wrapper .gform_footer{ padding-top:27px !important;}







body .contact_form div.ginput_container_name span{padding-right:60px;}















body .contact_form .top_label div.ginput_complex.ginput_container.gf_name_has_1,







body .contact_form .top_label div.ginput_complex.ginput_container.gf_name_has_2,







body .contact_form .top_label div.ginput_complex.ginput_container.gf_name_has_3{ width:calc(100% + 60px);}







/*--------------------------------------------------------------------------------Enewsletter-*/







.publications{}







.publications_category{ text-align:center; font-size:48px; font-weight:300; padding-top:10px; margin-bottom:20px;}







.publications .downloadInner .title_left strong{ display:table-cell; vertical-align:middle;}







.publications .downloadInner em{ font-weight:300;}







/*--------------------------------------------------------------------------------Search-*/







.search_title{ text-align:center; font-size:30px; color:#638bc0; font-weight:300; padding-top:10px; padding-bottom:60px;}







.search_title strong{ display:block; font-size:20px; display:block; padding-top:15px;}







.search_list{ padding-bottom:92px;}







.search_list .search_list_box:first-child{ background:none; padding-top:0px;}







.search_list_box{ background:url(images/bg_hr.jpg) center top no-repeat; padding-top:87px; margin-bottom:44px;}







.search_list_box h3 a{ text-decoration:none;}







.search_list_box h3 a:hover{ text-decoration:none; color:#224087;}







.search_list_box .my_excerpt_text{}







.search_list_box .my_excerpt_text p{ display:inline; padding-right:6px;}







.search_list_box .read_more{ font-size:15px; color:#638bc0; font-weight:700; position:relative; padding-left:13px; text-decoration:none;}







.search_list_box .read_more:hover{color:#638bc0; text-decoration:underline;}







.search_list_box .read_more:before{ content:""; display:block; width:2px; height:15px; background:#a2a2a2; position:absolute; left:0px; top:4px;}







.search-results .pagenavi_wrapper{}







.search-results .pagenavi_wrapper .wp-pagenavi{ border:0px; padding-top:0px; padding-bottom:0;}







.search-results .contentBottom{ padding-top:0px;}







/*--------------------------------------------------------------------------------Footer-*/







.footer_feature_bar_wrapper{ background:#000;}







.footer_feature_bar_box{ float:left; width:20%; position:relative; overflow:hidden; height:374px; text-decoration:none; display:block;}







.footer_feature_bar_box:hover{ text-decoration:none;}







.footer_feature_bar_box .shadow_box{ background:url(images/bg_shadow_box.png) center bottom repeat-x; position:absolute; width:100%; height:100%;}







.footer_feature_bar_box .shadow{ display:block; width:100%; height:100%;background-color: rgba(0, 0, 0, 0.2); position:absolute; left:0px; top:0px; text-align:center;







-webkit-transition: all linear 0.2s;







-moz-transition:all linear 500ms;







-ms-transition:all linear 500ms;







-o-transition:all linear 500ms;







transition:all linear 500ms;}







.footer_feature_bar_box:hover .shadow{







	background-color: rgba(0, 0, 0, 0.4);







	-webkit-transition: all linear 0.2s;







    -moz-transition:all linear 500ms;







    -ms-transition:all linear 500ms;







    -o-transition:all linear 500ms;







    transition:all linear 500ms;}







.footer_feature_bar_box img{ width:100%; height:auto; display:block; opacity:0;}







.footer_feature_bar_box .img_box{ display:block; position:absolute; left:50%; margin-left:-50%; top:0; height:100%; width:100%; background-position:center center; background-repeat:no-repeat;}







.footer_feature_bar_box .img_box{







	-moz-transition: -moz-transform 1.5s linear;







	transition: -webkit-transform 1.5s linear;







	transition: transform 1.5s linear;







	-webkit-backface-visibility: hidden;







	-moz-backface-visibility: hidden;







	backface-visibility: hidden







}







.footer_feature_bar_box:hover .img_box{







	-webkit-transform: scale(1.2);







	-moz-transform: scale(1.2);







	-ms-transform: scale(1.2);







	transform: scale(1.2);







	-moz-transition: -moz-transform 4.8s linear;







	transition: -webkit-transform 4.8s linear;







	transition: transform 4.8s linear;







}















.footer_feature_bar_box.footer_feature_bar_image_right{ width:40%;}







.feature_bar_icon{ display:block; text-align:center; color:#FFF; font-size:40px; padding-bottom:10px;}







.footer_feature_bar_box h4{ margin:0; color:#FFF; text-transform:uppercase; display:inline-block; position:relative;}







.footer_feature_bar_box h4::after{







    border-top: 1px solid #fff;







    bottom: -1px;







    content: "";







    left: 50%;







    position: absolute;







    -webkit-transform: translateX(-50%);







	-moz-transform: translateX(-50%);







	-ms-transform: translateX(-50%);







	transform: translateX(-50%);







	







	-webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1) 0s;







	-moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1) 0s;







	-o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1) 0s;







	transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1) 0s;







    width:0px;}







	







.footer_feature_bar_box:hover h4::after {







    width:100%;







}















.footer_feature_bar_box .text_box{ position:absolute; width:100%; position:absolute; left:0px; bottom:78px;}























.footer_content{ background:#224087; height:250px; position:relative;}







#footer_logo{ float:left; padding:98px 0px 0px 62px; }
/* #footer_logo{ float:left; padding:82px 0px 0px 62px; } */







#footer_logo a{ display:block; text-decoration:none;}







#footer_logo a span{ color:#ebcc23; font-size:30px; display:block; font-family: 'BickhamScriptPro-Bold'; padding-top:14px;}







.footer_text{ float:left; padding:72px 0px 0px 126px; width:520px;}







.footer_text ul{ padding:0px; margin:0px;}







.footer_text ul li{ padding:0px 0px 25px; margin:0px; font-size:16px; color:#FFF; font-weight:300; line-height:1.2;}







.footer_text ul li a{ color:#FFF; text-decoration:none;}







.footer_text ul li a:hover{ color:#FFF; text-decoration:underline;}







.footer_text ul li i{/* vertical-align: middle;*/ padding-right:8px;}







.footer_text ul li span.email_url{ padding:0px 16px 0px 42px; position:relative;}







.footer_text ul li span.email_url:before{ content:""; display:block; width:2px; height:17px; background:#a7b3cf; position:absolute; left:20px; top:4px;}







.footer_link{ display:block; position:absolute; right:0px; top:0px; height:100%; width:182px; text-align:center;color:#FFF; text-decoration:none; font-size:18px;







-webkit-transition: all linear 300ms;







-moz-transition:all linear 300ms;







-ms-transition:all linear 300ms;







-o-transition:all linear 300ms;







transition:all linear 300ms;}







.footer_link .footer_link_inner{ display:table; width:100%; height:100%;}







.footer_link .footer_link_inner span{ display:table-cell; vertical-align:middle;}







.footer_link .footer_link_inner i{ display:block; font-size:40px; margin-bottom:10px;}







.footer_link:hover{ color:#FFF; text-decoration:none;-webkit-transition: all linear 0.3s;







-moz-transition:all linear 300ms;







-ms-transition:all linear 300ms;







-o-transition:all linear 300ms;







transition:all linear 300ms;}















.enrolments_link{ background:#638bc0; right:182px;}







.enrolments_link:hover{ background:#224087;}







.contact_us_link{ background:#4366a4; }







.contact_us_link:hover{ background:#325395;}















.footer_social{ position:absolute; right:364px; top:0px; height:100%; background:url(images/bg_footer_social.jpg) center top no-repeat; bakcground-size:cover; text-align:center; width:132px;}







.footer_social ul{ padding:0px; margin:0px;}







.footer_social ul li{ padding:0px 0px 20px; margin:0px;}

.footer_social ul li:last-child{ padding:0;}





.footer_social ul li a{ font-size:20px; color:#FFF; text-decoration:none;}







.footer_social ul li a:hover{ color:#638bc0; text-decoration:none;}















.footer_bottom_bar{ background:#1d3673; color:#61739d; font-size:12px;}
/* .footer_bottom_bar{ border-top:4px solid #ebcc23; background:#1d3673; color:#61739d; font-size:12px;} */







.footer_bottom_bar_inner{ padding:22px 80px 22px 62px; position:relative;}







.footer_bottom_bar a{ color:#61739d; text-decoration:none; }







.footer_bottom_bar a:hover{ color:#61739d; text-decoration:underline; }







.footer_bottom_bar ul{ padding:0px 0px 0px 12px; margin:0px; display:inline-block;}







.footer_bottom_bar ul li{ padding:0px 12px 0px 14px; margin:0px; display:inline-block; position:relative;}







.footer_bottom_bar ul li:before{ content:""; display:block; width:1px; height:12px; background:#4f6292; position:absolute; left:0; top:1px;}







.footer_bottom_bar .back_to_top{ position:absolute; right:0px; top:0px; height:100%; width:60px; line-height:100%; text-align:center; color:#FFF; font-size:16px; text-decoration:none; background:#224087 url(images/bg_back_to_top.png) center center no-repeat;}







.footer_bottom_bar .back_to_top:hover{ color:#FFF; text-decoration:none; background-color:#638bc0;}































@media (max-width: 1510px){







	.footer_text{ padding-left:50px; width:440px;}







	.contact_us_link{ width:166px;}







	.enrolments_link{ right:166px;}







	.footer_social{ right:348px;}







}















@media (max-width: 1420px){







	#footer_logo{ float:none; margin:0 auto; text-align:center; padding:0px 0px 33px; max-width:100%;}







	.footer_text{ padding:40px 20px 33px; margin:0 auto; width:380px; max-width:100%; float:none; text-align:center; border-top:1px solid #638bc0;}







	.footer_content{ height:auto; padding-top:53px;}







	/* .footer_right{ border-top:4px solid #ebcc23;} */







	.footer_right .footer_right_inner{ width:480px; overflow:hidden; max-width:100%; margin:0 auto;}







	.footer_social{ height:246px; position: static; float:left; width:27.7%;}







	.footer_social ul{}







	.footer_link{ height:246px; position:static; float:left;}







	.enrolments_link{ width:37.3%;}







	.contact_us_link{ width:35%;}







	.footer_text ul li span.email_url{ padding:25px 0px 0px; position:static; display:block;}







	.footer_text ul li span.email_url::before{ display:none;}







	







	.footer_feature_bar_box{ width:33.33333%;}







	.footer_feature_bar_box.footer_feature_bar_image_right{ width:100%;}







}















@media (max-width: 1000px){







	/*.content_title_bg{ display:none;}







	.title_wrapper{ height:233px;}*/







	.title_box{ font-size:50px;}







	.news_categories{ padding-bottom:30px; padding-top:20px;}







}















@media (max-width: 800px){







	.footer_bottom_bar_inner{ line-height:2.1; padding:17px 70px 20px 48px;}







	.footer_bottom_bar_inner .copy_text{ display:block;}







	.footer_bottom_bar ul{ display:block; padding-left:0px;}







	.footer_bottom_bar ul li::before{ top:7px;}







	.footer_bottom_bar ul li#menu-item-2179{ padding-left:0px;}







	.footer_bottom_bar ul li#menu-item-2179::before{ display:none;}	







	.footer_bottom_bar ul li#menu-item-2181{ padding-left:0px; display:block;}







	.footer_bottom_bar ul li#menu-item-2181::before{ display:none;}







}







@media (max-width: 944px){







.event_item .eventtext_wrapper{ padding-left:0px; float:none; width:100%; padding-top:30px; clear:both;}







.event_item .eventtext_wrapper.full_box{ padding-top:0px;}







}















@media (max-width: 768px){







	.footer_feature_bar_box{ width:100%; float:none;}







	.alignleft{ float:none; display:block; margin:0 auto;}







	.alignright{ float:none; display:block; margin:0 auto;}







	.intro_text_panel_content{ padding:36px 20px 40px}







	.intro_text_panel_content p{ font-size:18px; line-height:1.4;}







	.page-content{ padding-top:40px;}







	.contact_content .contact_left{ float:none; width:100%;}







	.contact_content .contact_right{ float:none; width:100%; padding-top:30px;}







	.contact_menu li{ padding-right:20px;}







	.contact_content{ padding-top:40px;}







	.page-template-template_contact .page-content{ padding-top:68px;}







	.contact_form h1{ font-size:32px;}







	body .gform_wrapper{ margin-bottom:0;}







	.contact_content .contact_left ul{ margin-bottom:25px;}







	.contact_content .contact_left ul li{ padding-bottom:15px;}







	blockquote{ padding:43px 20px 58px;}







	blockquote p{ font-size:20px;}







	.contentBottom{padding-bottom:50px;}







	.publications_category{ font-size:30px;}







	







	.post_list_box .img_box{ width:235px; max-width:100%; float:none; padding-bottom:30px;}







	.post_list_box .text_box{ float:none; width:100%;}	







	.tribe-events-list .tribe-events-venue-details{ padding-right:0px; padding-left:0px;}







	.tribe-events-list .time-details, .tribe-events-list .tribe-event-schedule-details{ padding-right:0px; padding-left:0px;}







	.single-tribe_events .tribe-events-schedule{ background:none; border:0;}







	.single-tribe_events .tribe-events-event-meta{ padding-top:0;}







	.tribe_event_left_box{ float:none; width:100%; padding-left:20px; padding-right:20px; padding-top:0px;}







	.event_single_right_col{ float:none; width:100%; padding-left:20px; padding-right:20px;}







	.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{padding-right:0px; padding-left:0px; }







	.pagenavi_wrapper .wp-pagenavi{ text-align:center; padding-top:35px;}







	.pagenavi_wrapper .wp-pagenavi .pages{ float:none; width:100%; display:block; padding-bottom:10px;}







	.pagenavi_wrapper .wp-pagenavi a, .pagenavi_wrapper .wp-pagenavi span{ padding-left:4px; padding-right:4px;}







	/*.pagenavi_wrapper .wp-pagenavi a.nextpostslink{ float:right; padding-left:0px; padding-right:0px;}







	.pagenavi_wrapper .wp-pagenavi a.previouspostslink{ float:left; padding-left:0px; padding-right:0px;}*/







	















	body div.ginput_complex.ginput_container.gf_name_has_2 span.name_first{ padding-right:0px !important; width:100%;}







	body div.ginput_complex.ginput_container.gf_name_has_2 span.name_last{ padding-left:0px !important; width:100%;}







	body .gform_wrapper ul li.gfield_left{ width:100% !important; padding-right:0px !important;}







	body .gform_wrapper ul li.gfield_right{ width:100% !important; padding-left:0px !important;}







	body .gform_wrapper .top_label .clear-multi div.ginput_container{ display:block; float:left; margin-right:10px !important;}







	







	#tribe-events .tribe-events-button.tribe-events-gcal{ margin-right:0px; width:100%; float:none;}







	#tribe-events .tribe-events-button.tribe-events-ical{ margin-right:0px; width:100%; float:none;}







	







}















@media (max-width: 570px){







	.tribe_events_Date{ display:none;}







	.eventText{ margin-left:0px;}







	.event_item .eventtext_wrapper.full_box{ padding-left:0px;}







	.post_list_box .date .date_text{ display:block; margin-right:0px; padding-right:0px; padding-bottom:5px;}







	.post_list_box .date .date_text::before{ display:none;}







	.post_list_cat .cat_text{ float:none; width:100%;}







	.post_list_cat .tags_text{ float:none; width:100%; text-align:left; padding-top:5px;}







	







}







@media (max-width: 480px){







	.contact_menu li{ float:none; padding-right:0px;}







	.contact_menu li a{ display:block; width:100%;}







	







	.dafault_tab_container ul.dafault_tabs li{ width:100%; float:none;}







	body .gform_wrapper .top_label .ginput_container_date .clear-multi{ display:block;}







	body .gform_wrapper .top_label .ginput_container_date .clear-multi div.ginput_container{ float:none; width:100%; margin-right:0px !important; margin-bottom:10px !important;}







	







	body .gform_wrapper .gfield_date_day,







	body .gform_wrapper .gfield_date_month{ width:100% !important; max-width:100% !important; margin-right:0;}







	body .gform_wrapper .gfield_date_day input,







	body .gform_wrapper .gfield_date_month input{ width:calc(100% + 0px);}







	body .gform_wrapper .gfield_date_year{ width:100% !important; max-width:100% !important; margin-right:0;}







	body .gform_wrapper .gfield_date_year input{ width:calc(100% + 0px);}







	.title_box{ font-size:30px;}







	.single-tribe_events .tribe-events-schedule{ clear:both; padding-left:0px;}







	







}















@media (max-width: 320px){







	#footer_logo a img{ width:280px; margin:0 auto; max-width:100%;}







	#footer_logo a span{ padding-left:20px; padding-right:20px;}	







	.footer_bottom_bar_inner{ padding-left:30px;}







}







@media (max-height:720px) {



#header .social{ display:none;}



}











/*--------------------------------------------------------------------------------4SURE ONLINE ADDED CSS-*/







.tribe-events-list-separator-month {







    display: none;







}

.enrolment-calculator .datepicker { border: thin solid; }
.enrolment-calculator .calculation { margin-top: 20px; }

.dropdown-menu { 
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem; }