/* CSS Document */
/* Created by: Louise Marie Walker */
/* Copyright: Louise Marie Walker 2015 */

/* ==========================================================================
   HTML5 display definitions - normalize.css v2.1.0
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
html {
    font-family:sans-serif; 
    -webkit-text-size-adjust:100%; 
    -ms-text-size-adjust:100%; 
}
body { margin:0; }
a:focus { outline:thin dotted; }
a:active, a:hover { outline:0; }
h1 { font-size:2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight:bold; }
dfn { font-style:italic; }
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0; }
mark { background:#ff0 color:#000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size:1em;
}
pre { white-space:pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { border:0; }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }
fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family:inherit; font-size:100%; margin:0; }
button, input { line-height:normal; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] {
    -webkit-appearance:textfield; 
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
    box-sizing:content-box;
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
/* ==========================================================================
   HTML5 display definitions end
   ========================================================================== */

/* column margins */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 1.5% 0 0; }
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin: 0; }
/* column widths */
.col1 { width: 6.95%; }
.col2 { width: 15.39%; }
.col3 { width: 23.83%; }
.col4 { width: 32.28%; }
.col5 { width: 40.5%; }
.col6 { width: 49.2%; }
.col7 { width: 57.9%; }
.col8 { width: 66.2%; }
.col9 { width: 74.6%; }
.col10 { width: 83%; }
.col11 { width: 91.45%; }
.col12 { width: 100%; margin: 0; }
/* Set image size for responsive scaling */
.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img { width: 100%; height: auto; display: block; }

/* Main settings - text */ 
html { -webkit-text-size-adjust:100%; }
body, body.carousel { background-color:#efefef; font-size:100%; font-family:'Alegreya', Georgia, serif; font-weight:400; -webkit-tap-highlight-color: rgba(0,0,0,0); position:absolute; top:0px; left:0px; right:0px; height:100%; width:100%; min-width:320px; }
body.index { background-color:#efefef; font-size:100%; font-family:'Alegreya', Georgia, serif; font-weight:400; -webkit-tap-highlight-color: rgba(0,0,0,0); position:absolute; top:0px; bottom:0px; left:0px; right:0px; height:100%; width:100%; overflow:hidden; }
h1, h2 { font:1.8em/1.2em 'Alegreya', Georgia, serif; letter-spacing:-0.010em; margin:0.05em 0 0 0; padding:0;  }
h1 { line-height:1.1; letter-spacing:-0.02em; }
p { margin:0 0 0.3em 0; padding:0; }
a:link { color:#006699; text-decoration:none;}
a:visited { color:#002a5b; text-decoration:none; }
a:hover { color:#00a8d5; }
a:active { color:#000; } 
.screen-reader-text { position: absolute; left:-9999px; top:-9999px; }

/* Main settings - nav */ 
.nav { z-index:999999; top:0; left:0; display:block; width:100%; margin:0 auto 0; padding:0;  
  -webkit-transform-style:preserve-3d;          
  -webkit-transform: translate3d(0,0,0);
  -moz-transform-style:preserve-3d; 
  -moz-transform: translate3d(0,0,0);
}
.nav-fixed { position:fixed; }
.nav-absolute { position:absolute; }
.nav-float { float:left; }

/****************** main menu styles start ***********************/
ul.site-menu { width:100%; list-style:none; margin:0 auto 0; padding:0; display:-webkit-flex; display:flex; flex-direction:column; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start: 0; -webkit-margin-end:0; -webkit-padding-start:0; }
ul.site-menu .menu-title { padding:2% 5%; }
ul.site-menu .menu-title:first-child { padding-top:10%; }
ul.site-menu .menu-title a:link, ul.site-menu .menu-title a:visited, ul.site-menu .menu-title a:hover, ul.site-menu .menu-title a:active { color:#000; font-weight:400; transition:color 0.5s ease; }
ul.site-menu .menu-title a:hover, ul.site-menu .menu-title a:active { text-decoration:underline; }

/*------- content area start -------*/
.content { min-width:320px; max-width:1200px; min-height:100%; margin:0 auto 0 auto; padding:0px; display:block; position:relative; z-index:0; background-color:#efefef; }
.main-row { clear: both; padding: 0; }

img.index-main { max-height: 1500px; width: 75.5%; margin: 0 auto;}

.home-banner { background-color:#fff; opacity:0.65; height:37%; width:100%; position:absolute; top:48%; }
.home-banner header { opacity:1; z-index:999; }
.home-banner header a:link, .home-banner header a:visited, .home-banner header a:hover, .home-banner header a:active { color:#000; font-weight:400; text-decoration:none; }

/* brand logo */
.site-logo { width:100%; text-align:center; }
.site-logo h2 { width:88%; letter-spacing:25px; margin:0 6%; }
.site-logo img.main-logo { height:100%; width: 170%; background-repeat:no-repeat; background-size: 53%; background-position: top center; opacity: 1; margin: 0 0 0 20px; }
.index .site-logo img.main-logo { width:100%; background-size:54%; margin:0 0 0 19px; }
.site-logo img.main-logo.vertical-logo { margin:0; background-size:100%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.top-banner { width:100%; height:100px; text-align:center; display:none; }
.svg .site-logo img.main-logo { background-image:url('../images/index-logo.svg'); }
.no-svg .site-logo img.main-logo { background-image:url('../images/index-logo.png'); }

	/* Slider */
	.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; float:left; width:100%; }
	.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
	.slick-list:focus { outline: none; }
	.slick-list.dragging { cursor: pointer; cursor: hand; }
	.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	.slick-track { position: relative; top: 0; left: 0; display: block; }
	.slick-track:before, .slick-track:after { display: table; content: ''; }
	.slick-track:after { clear: both; }
	.slick-loading .slick-track { visibility: hidden; }
	.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
	[dir='rtl'] .slick-slide { float: right; }
	.slick-slide img { display: block; }
	.slick-slide.slick-loading img { display: none; }
	.slick-slide.dragging img { pointer-events: none; }
	.slick-initialized .slick-slide { display: block; }
	.slick-loading .slick-slide { visibility: hidden; }
	.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
	/* Slide content */
	.slider-holder { position: relative; height: 100%; margin: 0.7% auto; }
	.slick-slider .slider-holder img { max-height: 750px; margin: 0 auto; width: auto; }
	.slick-slider { clear:both; }
	.slick-slider .slider-holder img { height:100%; margin:0 10%; }				
	.slick-prev, .slick-next { font-size:0; line-height:0; position:relative; display:block; width:75px; height:75px; padding:0; cursor: pointer; color:#333; border:none; outline:none; background-color:#ddd; border-radius:3px; }
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #ddd; outline: none; background-color: #333; }
	.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
	.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
	.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.slick-prev { margin: -45% -20px; }
	.slick-next { margin: 36% 520px; }
	.slick-prev:before { content: '<'; }
	.slick-next:before { content: '>'; }

	/* Written content area */
	.article-content .col6 article { background-color:#fff; position:absolute; top:0px; bottom:0px; }
	.article-content .col6 article p { width:90%; margin:2% auto; }
	.article-content .col6 article p:first-child { padding-top:5%; }
	.article-content .col6 article p:last-child { padding-bottom:5%; }	
/* ::::::::::::::::::::::::::::::::::::::::::  content area end  :::::::::::::::::::::::::::::::::::::::::::::::*/

/* Browser Resets */
.content .flex-container a:active,
.content .flexslider a:active,
.content .flex-container a:focus,
.content .flexslider a:focus  {outline: none;}
.content .slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/*-------------- media queries --------------*/

/* Index home page - logo+menu */
@media all and (max-width: 1320px) {
	.index .site-logo img.main-logo { background-size:55%; }
	.carousel .site-logo img.main-logo, .article-content .site-logo img.main-logo { max-height:185px; }
}
@media all and (max-width: 1205px) {
	.index .site-logo img.main-logo { width:100%; background-size:60%; margin:0 0 0 20px; }
}
@media all and (max-width: 1023px) {
	.col3, .col6, .col9 { width:100%; margin:0; }
	.col3 { background-color:#fff; }
	ul.site-menu { width:auto; list-style:none; margin:0 auto; flex-direction:row; justify-content:center;}
	ul.site-menu .menu-title { width:auto; float:left; padding:2% 5%; }
	ul.site-menu .menu-title:first-child { padding-top:2%; }
	img.index-main { max-height:1000px; width:50%; }
	.index .site-logo img.main-logo { background-size:80%; }
	.site-logo img.main-logo.vertical-logo { display:none; }
	.top-banner { display:block; }
	.top-banner header { max-height:100%; }
	.carousel .site-logo img.main-logo, .article-content .site-logo img.main-logo { background-size:42%; width:100%; margin:0; max-height:100px;}
	.article-content .col6 article { background-color:transparent; position:relative; }
}
@media all and (max-width: 768px){
	ul.site-menu .menu-title { padding:2% 4%; }
	img.index-main { max-height: 1000px; width: 80%; }
	.site-logo h2 { width:94%; letter-spacing:21px; margin:0 3%; }
	.index .site-logo img.main-logo { width:100%; background-size:100%; margin:0; }
	.home-banner { height:27%; top:65%; }
	.carousel .site-logo img.main-logo, .article-content .site-logo img.main-logo { background-size:60%; }
}
@media all and (min-width:595px) and (max-width: 768px){
	.home-banner { height:35%; top:55%; }
}
@media all and (max-width:595px){
	img.index-main { width: 100%; }
	ul.site-menu { width:100%; }
	.home-banner { height:30%; }
	.carousel .site-logo img.main-logo, .article-content .site-logo img.main-logo { background-size:72%; }
}
@media all and (max-width:430px){
	.carousel .site-logo img.main-logo, .article-content .site-logo img.main-logo { background-size:100%; }
}
@media all and (max-width:400px){
	.home-banner { height:24%; top:46%; }
	.site-logo h2 { letter-spacing:14px; }
}

/* Carousel queries */
@media all and (min-width: 1025x) and (max-width: 1150) {
	.carousel .slick-prev { margin:-45% -20px; }
	.carousel .slick-next { margin:36% 520px; }
}
@media all and (max-width: 1023px) {
	.carousel .slick-slider .slider-holder img { margin:0 auto; }
	.carousel .slick-prev { margin:-45% 11%; }
	.carousel .slick-next { margin:35.5% 80%; }
}
@media (max-width:750px){
    .carousel .slick-prev { margin:-50% 5%; }
    .carousel .slick-next { margin:39% 85%; }
}
@media (max-width:650px){
    .carousel .slick-prev { margin:-55% 2%; }
	.carousel .slick-next { margin:41% 87%; }
}
@media (max-width:610px){
    .carousel .slick-prev, .carousel .slick-next { width:50px; height:50px; }
    .carousel .slick-prev { margin:-57% 2%; }
    .carousel .slick-next { margin:48% 90%; }
}
@media (max-width:560px){
    .carousel .slick-prev, .carousel .slick-next { margin:0; position:absolute; top:300px; }
    .carousel .slick-prev { left:3px; }
    .carousel .slick-next { right:3px; }
}
@media (max-width:420px){
    .slick-slider .slider-holder img { max-width:96%; height:auto; }
    .carousel .slick-prev, .carousel .slick-next { top:250px; }
}