/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 
 /* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
		
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
	line-height: 1;
}



html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

.row{
	margin-top:2%;
	margin-bottom:3%;
}

img{
	border-radius:3px;
	width:100%;
	height:auto;
}


a:hover img{
	/*opacity:0.8;*/
	
	width:100%;
	height:100%;
	
	transition: all 0.25s;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-ms-transition: all 0.25;
		-o-transition: all 0.25s;
	
	opacity:0.7;
	
	/*transform: scale(1.15,1.15);
        /*-webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);*/
	
	overflow:hiden;
	
}

#header{
	/*background:#000;*/
}

.tcb-header {
	height:110px;
	position:fixed;
}

#slider{
	padding-top:130px;
	width:100%;
	height:auto;
}

#slider-bottom{
	/*background:#4B4A83;*/
	/*background:rgba(92,90,123,1.00);*/
	/*background:#2D2B4A;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+15,b8bac6+30,b8bac6+70,dddfe3+85,f5f6f6+100 */
	background:#fafafa;
	/*padding-bottom:10px;*/
}

#slider-bottom .row{
	margin-bottom:0;
}

#slider-bottom h3 { 
	text-align:right;
color:#777; font-size: 2.3rem; line-height: 1.5;  letter-spacing: -.05rem;  margin-bottom: 2rem; font-weight:400;
/*text-shadow:1px 1px 1px #333;*/
}
#slider-bottom h3 span{font-size: 2.5rem; 
/*color:rgba(0,0,0,0);*/
color:#777 s;
 
font-weight:800;/*-webkit-text-stroke: 2px #888;*/}

#latest{
	/*margin-top:-25px;*/
}




#owl-carousel{
	/*background-color:#E1E5F9;*/
	/*background:#fafafa;*/
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	
}

/* Ribbon  */
.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    /*padding: 5px;*/
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
	margin-bottom:-7px; /* Space between image and owl-text */
	
}
  
.side-corner-tag p {
    display: inline;   
}

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    /*top: 22px;*/
	top:15px;
    background: #EB0003;
   /* width: 100px;*/
   width:110px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

/* -- End of Ribbon -- */

/*#owl-carousel-shadow{*/
	

#owl-carousel-shadow img{
	margin-top:-3px;
	z-index:-100;
	width:100%;
	height:auto;
}


/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 98%;
	margin-left:1%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}


/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* End of Owl-Carousel */


#sn{
	padding-top:2%;
	margin-bottom:10px;
}

/*--SNS Icons--*/
 #sn-icon {
	float: left;
	width: 34%;
}

#sn-icons{
	padding-bottom: 15px;
}


.sn{list-style-type:none; margin:0 0 0 0; height:32px; padding:0; float:left} 
.sn li{list-style-type:none; margin:0; padding:0 5px 0 0; display:inline; background:transparent; border:0px!important;} 
.sn span{
	height:32px; 
	width:32px; 
	margin-top:2px;
	display:inline; 
	display:inline-block
	}
.icon-img{background-position:0 32px;}
.icon-img:hover{background-position:0 32px !important;}

#sn-icons P{
	margin-top:5px;
	/*margin-left:14px;*/
}

/*-- End of SNS Icons --*/

#weather{
	/*width:22%;*/
	height:auto;
}

#h1-text{
	/*width:48%;*/
	height:auto;
}

#top-image{
	/*width:22%;*/
	height:auto;
}

/*ISOTOPE*/

 .grid-item {
        width: 18%;
        /*padding: 10px;*/
        margin: 10px 1% 10px 1%;
        color: #333;
	    /*height:250px;*/
	 height:auto;
	 min-height: 280px;
	 border:1px solid #ddd;
	  border-radius:3px 3px 15px 5px;
	  }

	 .grid-item img{
		 width:100%;
		 height:auto;
         margin-bottom:7px;
		border-bottom:1px solid #ddd;
		
      }

.grid-item-text{
	padding:10px 10px 5px 10px;
	
	
}

#calendar iframe{
	width:99%;
	height:405px;
	
}
	

/* -- Tab -- */
body {font-family: "Lato", sans-serif;}

#tab{
	/*width:48%;*/
	height:auto;
	float:left;
}

#tab img{
	width:29%;
	height:auto;
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #eee;
    /*background-color: #f1f1f1;*/
	/*background-color:#ECEAFF;*/
	background:#eee;
	height:52px;
	border-radius:4px 4px 0 0;
}

/* Float the list items side by side */
ul.tab li {
	float: left;
    
}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: #444755;
    text-align: center;
   /* padding: 14px 16px;*/
   padding: 12px 14px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
	font-weight:600;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    /*background-color: #ddd;*/
	background-color:#D9DBF7;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .current {
    /*background-color: #ccc;*/
	background-color:#CEE4F0;
}

/* Style the tab content */
.tabcontent {
    display: none;
    /*padding: 6px 12px;*/
	padding:25px 40px 50px 35px;
    border: 1px solid #ddd;
    border-top: none;
	border-radius:0 0 6px 6px ;
	minimum-height:200px;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tabcontent p{ 
	width:80%;
	height:auto;
}


.tabcontent ul li{
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* -- End of Tabs --*/

#calendar{
	/*width:48%;*/
	height:auto;
	float:right;
}

#blog-feed{ 
	/*width:68%;*/
	width:100%;
	height:auto;
	/*background-color:#E6F0F7;*/
	border-radius:8px;
	/*border:1px solid rgba(164,183,200,0.20);*/
	border:1px solid #eee;
	
	padding:15px 0 20px 20px;
	float:rigth;
}

#blog-feed li{
	width:31.5%;
	/*width:20%;*/
	float:left;
	list-style:none;
	margin-right:1.5%;
}

#blog-feed li a{
	text-decoration:none;
	font-weight:600;
	
}

#blog-feed img{
	width:10%;
	height:auto;
	float:right;
	}
	

#meeting{
	width:28%;
	height:auto;
	float:left;
	
	background:rgba(235,244,251,0.0);
	border-radius:8px;
	padding:15px 10px 10px 20px;
	border:1px solid #eee;
	background:rgba(234,245,244,0.25);
}

#meeting ul li{
	margin-left:4%;
	margin-right:3%;
	text-indent:-4%;
	
}

/* Dock icons */

#dock-bottom {
	/*width:500px;*/
	
	text-align:center;
}
#dock-bottom img{
	width:64px;
	height:64px;
	border:0;
	-moz-transition-property: width, height,margin-top;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:ease;
	-webkit-transition: all 0.2s ease 0 ;
	-o-transition: all 0.2s ease 0 ;
	margin-top:64px;	
}
#dock-bottom img:hover{
	width:128px;
	height:128px;
	margin-top:0;
	opacity: 1.0;
}

#footer{
	background-color: #4D5463;
	/*background:#111;
	background-image: url(../images/_1070712.png);
	background-attachment: fixed;
	background-position: 0% 60%;
	background-size: 100% auto;
	background-repeat: no-repeat;*/
}

#footer-section{
	width:22%;
	height:auto;
}

#footer h4{
	color:#eee;
}
#footer h6{
	color:#eee;
	font-weight:600;
}

#footer p{
	line-height:1.5;
}

/*--Contact form--*/

#contact{
	width:22%;
	height:auto;
	background:rgba(252,248,248,0.2);
	padding-top:10px;
	padding-bottom:0;
	/*padding-left:20px;*/
	padding-left:2%;
	border-radius:6px;
	border:1px groove rgba(0.0.0,0.90);
}

#contact h4{
	color:#fff;
}
	
fieldset{
	
	padding:10px 10px 10px 20px;
}
	

#footer fieldset p{ /*--Are you human?--*/
	color:#ddd;
	font-weight:600;
	margin-top:-20px;
	margin-bottom:-5px;
}

input{
	margin-bottom:3px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	width:85%;
}

.submit btn-red input{
	width:30%;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] #contact{
	background:#E1E0F3;
}

textarea{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	width:90%;
}

/* Submit button */	
#submit{
		color:#ddd;
		width:50%;
	}

#footer img{
	width:100%;
	height:auto;
}

#footer-bottom{
	background:#333;
	border-top:1px solid #111;	
}

#footer-bottom .container{
	padding-top:25px;
	color:#fff;
}

#sub-menu a{
	color:#fff;
	text-decoration:none;
}

#sub-menu a:hover{
	color:#666;
}


/*-- Fontello Icons --*/
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.codesOn .i-name {
  display: none;
}
.codesOn .i-code {
  display: inline;
}
.i-code {
  display: none;
}
@font-face {
      font-family: 'fontello';
      src: url('../font/fontello.eot?51818543');
      src: url('../font/fontello.eot?51818543#iefix') format('embedded-opentype'),
           url('../font/fontello.woff?51818543') format('woff'),
           url('../font/fontello.ttf?51818543') format('truetype'),
           url('../font/fontello.svg?51818543#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      /*margin-left: .2em;*/
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
	
/*-- End of Fontello Icons --*/


	

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

li a{
	color:rgba(101,138,196,1.00);
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*@media only screen and (max-width: 750px) {*/

@media only screen and (max-width: 1024px){
	
	/*-- ISOTOPE--*/
	
	 .grid-item {
        width: 23%;
        /*padding: 10px;*/
        
        color: #333;
	    /*height:250px;*/
	 height:auto;
		 min-height:255px;
	padding-bottom:0;
	  }
	
	.grid-item-text{
	padding:10px 10px 10px 10px;
	
	
}
	
	
	#calendar iframe{
		height:425px;
	}
	
	
	
}

@media only screen and (max-width: 768px) {
	
		.tcb-header {
	/*height:100px;*/
}

.flex-caption{
	width:70%;
	margin-top:0px;
}

	.caption-box{
		/*background-color:rgba(252,252,252,0.5);*/
		padding-top:10px;
		padding-left:25px;
		padding-right:10px;
		/*border-radius:20px;
		border:solid 1px rgba(104,103,103,0.30);*/
	}

.flex-caption p {
	display:none;
	font-size:1.0em;
	line-height:0.95em;
	font-weight:50;
	margin-top:-10px;
}
			
	.flex-caption h2{
		font-size:1.3em;
		margin-bottom:0;
		line-height:0.9em;
	}
	
			
	.flex-caption h2 span{
		font-size:0.8em;
		/*color:#888;*/
		font-weight:300;
	}
	
	.flex-caption hr{
	border: 1px dotted #ccc; 
	border-width: 2px 0 0; 
	clear: both; 
	
	height: 0; 
	width:95%;
}

.flex-caption ul li{
	font-size:14px;
	line-height:9px;
	list-style:circle;
}

#slider-bottom h5 { 
	text-align:left;
	margin-left:5%;
}

#sn{
	padding-top:5%;
}

#weather{
	width:30%;
	height:auto;
}

#h1-text{
	width:65%;
	height:auto;
}

#top-image{
	width:65%;
	height:auto;
	margin-left:10%;
	padding-top:15px;
}


#tab{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

#tab img{
	width:30%;
	height:auto;
}

#calendar{
	width:100%;
	height:auto;	
}

#meeting{
	width:41%;
	height:auto;
	float:lert;
}

#blog-feed{
	width:55%;
	height:auto;
	float:right
}

#blog-feed li{
	width:90%;
	list-style:none;
	margin-left:10px;
	margin-right:1.5%;
}

#footer-section{
	width:45%;
	margin-left:5%;
	height:auto;
	padding-top:10px;
	padding-bottom:20px;
	height:500px;
	
	
}

#contact{
	width:45%;
	margin-left:5%;
	padding-top:35px;
	padding-left:7%;
	margin-top:20px;
	height:auto;
	
}
	
	/* ISOTOPE */
	.grid-item {
		width: 30%;
	    margin:10px;
	}

}



/* Larger than phablet (also point when grid becomes active) */
@media only screen and (max-width : 636px ){
	
	.tcb-header {
	height:90px;
    position:absolute;/*--- Cancel sticky header --*/
}

	.flex-caption{
		display:none;
	}
	
	#sn{
	padding-top:0%;
	margin-left:5%;
}

   #slider-bottom{
	padding-bottom:10px;
   }

	#slider-bottom h3 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;  margin-bottom: 0.7rem; font-weight:400;
	text-align:center;
	}
	
#slider-bottom h3 span{font-size: 2.2rem; font-weight:800;
	/*-webkit-text-stroke: 2px #eee;*/
	}

#weather{
	width:100%;
	height:auto;
}

#h1-text{
	width:100%;
	height:auto;
}

#top-image{
	width:100%;
	height:auto;
	margin-left:0;
}
	
	
#LI{
		margin-left:0%;
		padding:10px 30px 20px 30px;
		border:none;
		
		/*align-content: center;*/
	}

#meeting{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

#blog-feed{
	width:100%;
	height:auto;
	float:left;
}

	#more-info{
		display:none;
	}
	
#footer-section{
	width:80%;
	height:auto;
	padding-top:10px;
	padding-bottom:20px;
	margin-left:10%;
	border-bottom:1px solid #888;
}
	
#contact{
	width:90%;
	margin-left:5%;
	padding-top:10px;
	height:auto;
	
}

#sub-menu{
	border-top:1px solid #666;
	padding-top:15px;
}

#sub-menu p{
	text-align:center;
}
	
		/* Side line for Latest information*/
	#latest h4 {
	
	font-size:20px;
	font-weight:400;
	margin-top:40px;
}
	
	/* ISOTOPE */
	.grid-item {
		width: 90%;
	    margin:10px;
	}
	

	

	
}

/* Sell phone*/
/*@media only screen and (max-width : 350px ){



	.grid-item {
		width: 90%;
	    margin:10px;
	}
	
}
*/