/* Fix Theme */
div.nav_rama-head { border-top: 7px solid #0035AD; background: #0A3D5D; }
.rama_logo { margin: 10px 10px 0px 10px !important; }
.rama_logo img { width: 60px; }
.h1First a:link, .h1First a:visited, .h1First a:hover, .h1First a:active, .h1Second a:link, .h1Second a:visited, .h1Second a:hover, .h1Second a:active { color: #FFFFFF; }
.breadcrumb { display: none !important; }
.h1First, .h1Second { width: 76% !important; font-size: 30px; }
.nav_rama-wrap { background: #22717C; border-top: 0px solid #3FB6AA; }
.zone-main { background: #F2F2F2; }
body { font-family: 'DBHelvethaicaX', sans-serif; font-size: 20px; letter-spacing: .5px; }
h1 { font-family: 'DBHelvethaicaX', sans-serif; }
h1 { font-size: 44.5px; }
h2 { font-size: 37.5px; }
h3 { font-size: 30.5px; }
h4 { font-size: 23.5px; }
h5 { font-size: 20px; }
h6 { font-size: 17.9px; }
label, input, button, select, textarea { font-family: 'DBHelvethaicaX', sans-serif; font-size: 20px; letter-spacing: .5px; }
.btn, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 20px; }
/* END Fix Theme */

/* Fix Main Menu Desktop */
#rama-menu ul li { z-index: 100; background: #22717C; }
#rama-menu ul li:hover > a { background: #22A3A8; }
#rama-menu ul li ul { margin: 0; padding: 0; }
#rama-menu ul li ul li { margin:0; padding: 0; position: relative; /* stanby */ }
#rama-menu ul li ul li > a { white-space: inherit; text-decoration: none; cursor: pointer; padding: 10px 8px; background: #22717C; color: #FFFFFF; }
#rama-menu ul li ul li > a > i { float: right; /* margin-left: 10px; */ -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
#rama-menu ul li ul li ul { display: none !important; position: absolute; top: 0; left: 250px; width: 250px; text-align: left;  box-shadow: none; border:0; }
#rama-menu ul li ul li ul li { z-index: 400;  display: block; }
#rama-menu ul li ul li ul li a { display: block; background: #22717C; color: #FFFFFF; box-shadow: none; padding: 7px 10px; }
#rama-menu ul li ul li:hover > a { background: #22A3A8; /* on Over */ font-weight: bold; color: #FFF; }
#rama-menu ul li ul li:hover > a > i { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg);  transform: rotateZ(90deg); }
#rama-menu ul li ul li:hover ul { border-radius: 0; display: block !important; }
#rama-menu a { color: #FFFFFF; }
/* END Fix Main Menu Desktop */

/* Fix Slide Control */
.zone-featured .carousel-control { color: #CCC !important; }
/* Fix END Slide Control */

/* Fix Title Page */
.zone-header h1 { margin: 0.5em 0 !important; line-height: 110%; }
/* END Fix Title Page */

/* Fix Footer color */
.zone-footer { background: #0A3D5D; /* border-bottom: 7px solid #0035AD; */ }
.zone-footer .zone-inner { padding: .25em 0; } 
/* END Fix Footer clor */

/* Panel Percent Grid */
.BG-frontpage-container:after { display: table; content: ""; line-height: 0; clear: both; }

.frontpage-wrapper-row:after { display: table; content: ""; line-height: 0; clear: both; }

.frontpage-container-1col { float: left; margin: 0; padding: 0; width: 33.33%; }
.frontpage-container-1col-TM3col { float: left; margin: 0; padding: 0; width: 33.33%; }
.frontpage-container-2col { float: left; margin: 0; padding: 0; width: 66.66%; }
.frontpage-container-3col { clear: both; margin: 0; padding: 0; width: 100%; }
/* END Panel Percent Grid */

/* --- New Front Page ---  */

/* Header Categories */
.header-categories-container { margin: 8px; height: 285px; overflow: hidden; }
.header-categories-container:after { display: table; content: ""; line-height: 0; clear: both; }
.header-categories-container .header-categories-img { position: relative; text-align: right; height: 300px; overflow: hidden; }
.header-categories-container .header-categories-img img { height: 300px !important; }
.header-categories-container .header-categories-bg { position: relative; margin-top: -305px; }
.header-categories-container .header-categories-txt { position: relative; padding: 10px; margin-top: -175px; font-size: 200%; color :#148875; font-weight: bold; text-shadow: 2px 2px 2px #FFFFFF; line-height: 100%; }
/* END Header Categories */

/* Categories News */
.categories-news-container { padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; }
.categories-news-item { float: left; position: relative; width: 48.25%; height: 254px; margin: 10px 8px; overflow: hidden; cursor: pointer; }
.categories-news-container:after, .categories-news-item:after { display: table; content: ""; line-height: 0; clear: both; }
.categories-news-img { float: right; position: relative; width: 85%; }
.categories-news-item:hover .categories-news-img img { filter: saturate(25%); }
.categories-news-section { float: left; position: absolute; width: 68px; height: 255px; text-align: right; color: #FFFFFF; border-right: 3px solid #FFF; background: #22717c; transition:all .1s; -moz-transition:all .1s; -webkit-transition:all .1s; -ms-transition:all .1s; -o-transition:all .1s; overflow: hidden; box-shadow: 0 1px 15px #666666; }
.categories-news-item:hover .categories-news-section { width: 150px; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
.categories-news-section .categories-news-section-txt { width: 250px; height: 200px; padding: 15px 8px; font-size: 150%; line-height: 100%; text-align: left; transform: rotate(-90deg); transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; }
.categories-news-item:hover .categories-news-section .categories-news-section-txt { display: inherit; transform: rotate(0deg); margin-top: 0px; width: auto;  text-align: right; height: auto; }
/* END Categories News */

/* Categories News Bottom */
.categories-news-bottom-container { padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.categories-news-bottom-item { float: left; position: relative; width: 48.25%; height: 300px; margin: 10px 8px; overflow: hidden; cursor: pointer; }
.categories-news-bottom-container:after, .categories-news-bottom-item:after { display: table; content: ""; line-height: 0; clear: both; }
.categories-news-bottom-img { position: relative; width: 100%; }
.categories-news-bottom-item:hover .categories-news-right-img img { filter: saturate(25%); }
.categories-news-bottom-section { margin-top: -50px; position: relative; width: 100%; height: 50px; text-align: right; color: #FFFFFF; opacity: .6; background: #444444; overflow: hidden; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; border-top: 3px solid transparent; }
.categories-news-bottom-item:hover .categories-news-bottom-section { opacity: .9; box-shadow: 0 1px 15px #666666; opacity: 1; background: #22717c; border-top: 3px solid #FFFFFF; }
.categories-news-bottom-section .categories-news-bottom-section-txt { padding: 10px 8px; font-size: 150%; line-height: 100%; text-align: center; text-shadow: 0 0 1px #000000; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; }
.categories-news-bottom-item:hover .categories-news-bottom-section .categories-news-bottom-section-txt { display: inherit; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; margin-top: 0px; width: auto; height: auto; }
/* END Categories News Bottom */

/* Highlight Banner */
.highlightbanner-container { padding: 8px; margin: 0; }
.highlightbanner-container:after { display: table; content: ""; line-height: 0; clear: both; }
.highlightbanner-item { float: left; width: 50%; }
.highlightbanner-title { display: grid; padding: 8px; background: #000; color: #FFF; }
.highlightbanner-title a, .highlightbanner-title a:visited { color: #FFF; text-decoration: none; }
.highlightbanner-img { padding: 0; margin: 0; }
.highlightbanner-img img { width: 100%; }
.highlightbanner-img img:hover { filter: saturate(50%); }
.highlightbanner-item:first-child .highlightbanner-title { background: #024753; }
.highlightbanner-item:nth-child(odd) .highlightbanner-title { background: #024753; }
.highlightbanner-item:nth-child(even) .highlightbanner-title { background: darkcyan; }
/* END Highlight Banner */

/* Three Button Link */
.Three-button-link { margin: 0; padding: 5px 0; text-align: center; }
.Three-button-link img { margin: 5px; width: 32%; border: 1px solid #eeeeee; box-shadow: 0 0 9px #ccc; }
.Three-button-link img:hover { -webkit-filter: contrast(125%); transform: scale(.97); }
/* END Three Button Link */

/* Leadership Section Front Page */
.Leadership-Section { margin: 8px; background: #FFFFFF; border-radius: 3px; box-shadow: 0 0 5px #dddddd; overflow: hidden; }
.Leadership-Section:after { content: ""; clear: both; display: block; }
.Leadership-Section .Leadership-Picture { float:left; width:30%; }
.Leadership-Section .Leadership-Picture .Leadership-Thumb { margin: 0 auto; padding: 8px; overflow: hidden; }
.Leadership-Section .Leadership-Picture .Leadership-Thumb img { padding: 9px; width: 90%; border-radius: 3px; box-shadow: inset 0 0 9px 1px #dddddd; overflow: hidden; }
.Leadership-Section .Leadership-Detail { float: left; width:70%; }
.Leadership-Section .Leadership-Detail .Leadership-Position, .Leadership-Section .Leadership-Detail .Leadership-Slogan { margin: 0 8px; padding: 8px 0; }
.Leadership-Section .Leadership-Detail .Leadership-Name, .Leadership-Section .Leadership-Detail .Leadership-Position, .Leadership-Section .Leadership-Detail .Leadership-Slogan { line-height: 150%; }
.Leadership-Section .Leadership-Detail .Leadership-Name { margin: 8px 8px 0 8px; padding: 8px 5px 5px 0; font-size:125%; font-weight:bold; color: #333333; border-bottom: 3px solid #3FB6AA; }
.Leadership-Section .Leadership-Detail .Leadership-Position { font-size: 110%; }
.Leadership-Section .Leadership-Detail .Leadership-Slogan { color: #666666; font-size: 90%; padding-bottom: 8px !important; }

/* --- .frontpage-container-1col-TM3col --- */
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Picture, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail { float: none; width: 100%; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Picture .Leadership-Thumb { width: 50%; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Name,
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Position, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Slogan { padding: 2px 0; text-align: center; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Name { font-size: 110%; border: none; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Position { font-size: 100%; }
/* END Leadership Section Front Page */

/* Title and Button Green Style */
.Title-Button-Green-style { margin: 10px auto; padding: 0; text-align: center; }
.Title-Button-Green-style a, .Title-Button-Green-style a:visited { background:#3fb6aa; border-radius:6px; color: #ffffff !important; margin: 10px 5px; padding:15px 5px 10px 5px; width:22%; text-shadow: none; box-shadow: 1px 1px 5px #BBBBBB; border: none; }
.Title-Button-Green-style a:hover { background: teal; color: #FFF; box-shadow: inset 0 0 9px #555555; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
.title-style-green { display: inline-block; min-width: 242px; border-bottom:1px solid #3fb6aa; color:#3fb6aa; font-size:125%; font-weight:bold; margin: 0 0 10px 0; padding:10px 25px 10px 25px; }
/* END Title and Button Style Green */

/* HighLight Botton New Frontpage */
.highlight-btn-container { margin: 0 5px 0 5px; }
.highlight-btn-container:before, .highlight-btn-container:after, .highlight-btn-item:after { display: table; content: ""; line-height: 0; clear: both; }
.highlight-btn-item { background: #FFFFFF; margin: 10px 0; padding: 18px 5px; /* border-radius: 3px; */ box-shadow: 0 0 5px #DDD; }
.highlight-btn-item:hover { background: #0A3D5D; cursor: pointer; }
.highlight-btn-icon { float: left; margin-left: 10px; width: 65px; /* border-radius: 3px; box-shadow: 0 0 1px 1px #FFF; */ overflow: hidden; }
.highlight-btn-txt { float: left; padding: 0 0 1px 8px; width: 71%; font-size: 135%; font-weight: bold; color: #333333; }
.highlight-btn-desp { float: left; padding: 4px 0 2px 8px; width: 71%; max-height: 38px; font-size: 95%; color: #333333; overflow: hidden; }
.highlight-btn-item:hover .highlight-btn-txt, .highlight-btn-item:hover .highlight-btn-desp { color: #FFFFFF; }
.highlight-btn-txt a, .highlight-btn-txt a:visited { color: #333333;  }
.highlight-btn-item:hover .highlight-btn-txt a, .highlight-btn-txt a:hover { color: #FFFFFF; }
.highlight-btn-item-service { background: #96c699; }
.highlight-btn-item-education { background: #337ab7; } 
.highlight-btn-item-research { background: #3FB6AA; }

.frontpage-container-3col .highlight-btn-item { float: left; width: 30.87%; margin: 8px; }
.frontpage-container-3col .highlight-btn-item:first-child { margin: 8px 8px 8px 3px; }
.frontpage-container-3col .highlight-btn-item:last-child { margin: 8px 3px 8px 8px; }
.frontpage-container-3col .highlight-btn-txt, .frontpage-container-3col .highlight-btn-desp { width: 70%; }
/* END HighLight Botton New Frontpage */

/* HighLight Botton small New Frontpage */
.highlight-btn-small-container { margin: 0 5px 0 5px; }
.highlight-btn-small-container:before, .highlight-btn-small-container:after, .highlight-btn-small-item:after { display: table; content: ""; line-height: 0; clear: both; }
.highlight-btn-small-item { background: #FFFFFF; margin: 5px 0; padding: 6px 5px; border-radius: 3px; box-shadow: 0 0 5px #DDD; }
.highlight-btn-small-item:hover { background: slategrey; cursor: pointer; }
.highlight-btn-small-icon { float: left; margin-left: 2px; width: 40px; border-radius: 3px; box-shadow: 0 0 1px 1px #FFF; overflow: hidden; }
.highlight-btn-small-txt { display: table-cell; vertical-align: middle; padding: 6px 0 3px 8px; width: 82%; height: 30px; font-size: 115%; font-weight: bold; color: #333333; }
.highlight-btn-small-item:hover .highlight-btn-small-txt { color: #FFFFFF; }
.highlight-btn-small-txt a, .highlight-btn-small-txt a:visited { color: #333333; }
.highlight-btn-small-item:hover .highlight-btn-txtghlight-btn-small-txt a, a.highlight-btn-small-txt a:hover { color: #FFFFFF; }
/* END HighLight Botton small New Frontpage */

/* HighLight News New Frontpage */
.highlight-news-container { margin: 8px; padding: 5px; box-shadow: 0 0 5px #DDD; background: #FFFFFF; border-radius: 3px; overflow:hidden; }
.highlight-news-container:hover { box-shadow: 0 0 5px #AAAAAA; }
.highlight-news-term { position: relative; margin: -2px 0 -23px -3px; height: 20px; }
.highlight-news-term span { padding: 0 5px; width: -webkit-fit-content; width: fit-content; border-radius: 3px; font-size: 85%; color: #FFFFFF; background: #337ab7; opacity: 0.8; }
.Link-Lowercase { text-transform: lowercase; }
.highlight-news-thumb { margin: 0 -5px 5px -5px; }
.highlight-news-thumb img { width: 100%; min-height: 196px; max-height: 196px; }
.highlight-news-title { display: grid; padding: 8px 10px 5px 10px; min-height: 36px; max-height: 36px; font-weight: bold; overflow: hidden; }
.highlight-news-title a, .highlight-news-title a:visited { color: darkcyan; }
.highlight-news-summary { margin-top: inherit; padding: 8px 10px 5px 10px; min-height: 55px; max-height: 55px; font-size: 90%; overflow: hidden; }
.highlight-news-summary p { margin: 0; }
.highlight-news-more { padding: 5px 0 2px 0; text-align: right; }
.highlight-news-more span { padding: 3px 10px 2px 10px; font-size: 80%; background: #3FB6AA; width: fit-content; border-radius: 5px; box-shadow: 1px 1px 1px #ccc; }
.highlight-news-more span { font-size: 65%; }
.highlight-news-more a:hover > span { background: slategrey; }
.highlight-news-more a > span, .highlight-news-more a:visited > span { color: #FFF; text-decoration: none; }
/* END HighLight News New Frontpage */

/* News Content New */
.NewsContent-container { float: left; margin: 8px; padding: 5px; width: 30.5%; box-shadow: 0 0 5px #DDD; background: #FFFFFF; border-radius: 3px; overflow:hidden; }
.NewsContent-container:hover { box-shadow: 0 0 5px #AAAAAA; }
.NewsContent-term { position: relative; margin: -2px 0 -23px -3px; height: 20px; }
.NewsContent-term span { padding: 0 5px; width: -webkit-fit-content; width: fit-content; border-radius: 3px; font-size: 85%; color: #FFFFFF; background: #337ab7; opacity: 0.8; }
.NewsContent-thumb { margin: 0 -5px 5px -5px; }
.NewsContent-thumb img { width: 100%; min-height: 196px; max-height: 196px; }
.NewsContent-title { display: grid; padding: 8px 10px 5px 10px; min-height: 36px; max-height: 36px; font-weight: bold; overflow: hidden; }
.NewsContent-title a, .NewsContent-title a:visited { color: darkcyan; }
.NewsContent-summary { margin-top: inherit; padding: 8px 10px 5px 10px; min-height: 55px; max-height: 55px; font-size: 90%; overflow: hidden; }
.NewsContent-summary p { margin: 0; }
.NewsContent-more { padding: 5px 0 2px 0; text-align: right; }
.NewsContent-more span { padding: 3px 10px 2px 10px; font-size: 80%; background: #3FB6AA; width: fit-content; border-radius: 5px; box-shadow: 1px 1px 1px #ccc; }
.NewsContent-more span .fa { font-size: 65%; }
.NewsContent-more a:hover > span { background: slategrey; }
.NewsContent-more a > span, .NewsContent-more a:visited > span { color: #FFF; text-decoration: none; }

.span9 .NewsContent-container { width: 46.244%; }
.span9 .NewsContent-thumb img { min-height: 222px; max-height: 222px; }
/* END News Content New */

/* Upcoming Events New Frontpage */
.upcomingevent-item { margin: 8px; padding: 5px; background: #FFFFFF; box-shadow: 0 0 5px #DDD; border-left: 3px solid darkcyan; border-radius: 3px; }
.upcomingevent-item:hover { background: mintcream; border-color: brown; }
.upcomingevent-date { display: grid; padding: 4px 8px 2px 8px; font-size: 125%; font-weight: bold; color: darkcyan; }
.upcomingevent-date a, .upcomingevent-date a:visited { color: darkcyan; }
.upcomingevent-title { display: grid; padding: 6px 8px 3px 8px; min-height: 56px; max-height: 56px; overflow: hidden; }
.upcomingevent-title a, .upcomingevent-title a:visited { color: #333; }

.upcomingevent-date-noservice-special, .upcomingevent-date-NoService-Special { border-color: #DE6F58; }
.upcomingevent-date-noservice-special, .upcomingevent-date-noservice-special a, .upcomingevent-date-noservice-special a:visited,
.upcomingevent-date-NoService-Special, .upcomingevent-date-NoService-Special a, .upcomingevent-date-NoService-Special a:visited { color: #DE6F58; }

.upcomingevent-head-more {  }
.upcomingevent-more { height: 374px; overflow: scroll; }
/* END Upcoming Events New Frontpage */

/* Upcoming Events New */
.upcomingevent-style { float: left; width: 30.2%; margin: 8px; padding: 5px; background: #FFFFFF; box-shadow: 0 0 5px #DDD; border-left: 3px solid darkcyan; border-radius: 3px; }
.upcomingevent-style:hover { background: mintcream; border-color: brown; }
.upcomingevent-style-date { display: grid; padding: 4px 8px 2px 8px; font-size: 125%; font-weight: bold; color: darkcyan; }
.upcomingevent-style-date a, .upcomingevent-style-date a:visited { color: darkcyan; }
.upcomingevent-style-title { display: grid; padding: 6px 8px 3px 8px; min-height: 56px; max-height: 56px; overflow: hidden; }
.upcomingevent-style-title a, .upcomingevent-style-title a:visited { color: #333; }

.upcomingevent-date-noservice-special, .span3 .upcomingevent-date-noservice-special, .span9 .upcomingevent-date-noservice-special, .upcomingevent-date-NoService-Special, .span3 .upcomingevent-date-NoService-Special, .span9 .upcomingevent-date-NoService-Special { border-color: #DE6F58; }
.upcomingevent-date-noservice-special > .upcomingevent-style-date, .upcomingevent-date-noservice-special .upcomingevent-style-date a, .upcomingevent-date-noservice-special > .upcomingevent-style-date a:visited,
.sapn3 .upcomingevent-date-noservice-special > .upcomingevent-style-date, .span3 .upcomingevent-date-noservice-special .upcomingevent-style-date a, .span3 .upcomingevent-date-noservice-special > .upcomingevent-style-date a:visited,
.span9 .upcomingevent-date-noservice-special > .upcomingevent-style-date, .span9 .upcomingevent-date-noservice-special .upcomingevent-style-date a, .span9 .upcomingevent-date-noservice-special > .upcomingevent-style-date a:visited,
.upcomingevent-date-NoService-Special > .upcomingevent-style-date, .upcomingevent-date-NoService-Special .upcomingevent-style-date a, .upcomingevent-date-NoService-Special > .upcomingevent-style-date a:visited,
.sapn3 .upcomingevent-date-NoService-Special > .upcomingevent-style-date, .span3 .upcomingevent-date-NoService-Special .upcomingevent-style-date a, .span3 .upcomingevent-date-NoService-Special > .upcomingevent-style-date a:visited,
.span9 .upcomingevent-date-NoService-Special > .upcomingevent-style-date, .span9 .upcomingevent-date-NoService-Special .upcomingevent-style-date a, .span9 .upcomingevent-date-NoService-Special > .upcomingevent-style-date a:visited { color: #DE6F58; }

.span3 .upcomingevent-style { margin: 4px 0; width: 94%; }
.span3 .upcomingevent-style-title { min-height: inherit; max-height: 76px; }
.span9 .upcomingevent-style { width: 45.7%; }
/* END Upcoming Events New */

/* YouTube Frame */
.YouTubeFrame { margin: 10px auto; padding:0 auto; text-align: center; }
.YouTubeFrame:after { display: table; content: ""; line-height: 0; clear: both; }
.YouTubeFrame iframe { overflow: auto; }
.YouTubeFrame .YouTubeFrame-img { margin-top: -430px; /* -43.45vw; */ opacity: 0; }
.YouTubeFrame .YouTubeFrame-item iframe,
.YouTubeFrame .YouTubeFrame-img img { width: 90%; max-height: 470px; height: 50vw; }
/*  END YouTube Frame */

/* Menu List Link New Frontpage */
.Menu-List-Link-Frontpage-Container { margin: 0; padding: 0; overflow: hidden; }
.Menu-List-Link-Frontpage-Container:after { display: table; content: ""; line-height: 0; clear: both; }
.Menu-List-Link-Frontpage-Container ul { margin: 0; padding: 0; }
.Menu-List-Link-Frontpage-Container li { display: inline-block; float:left; min-height: 20px; margin: 2px; padding: 8px 5px 5px 2px; width: 32%; font-size: 100%; color: #333333; }
.Menu-List-Link-Frontpage-Container li:before { float: left; font-family: FontAwesome; content: "\f0fe"; font-size: 75%; padding: 0 10px 5px 5px; }
.Menu-List-Link-Frontpage-Container li a,
.Menu-List-Link-Frontpage-Container li a:visited { display: block; color: #333333; }
.Menu-List-Link-Frontpage-Container li a:hover { color: #FFFFFF; }
.Menu-List-Link-Frontpage-Container li:hover { background: #0A3D5D; }
.Menu-List-Link-Frontpage-Container li:hover em { background-color: #F47D30; }
.Menu-List-Link-Frontpage-Container li:hover:before { color: #FFFFFF; }
.Menu-List-Link-Frontpage-Container li:hover a, .Menu-List-Link-Frontpage-Container li:hover a:visited { color: #FFFFFF; }
/* END Menu List Link New Frontpage */

/* Menu List Link New item */
.Menu-List-Link-item { margin: 0; padding: 8px; overflow: hidden; }
.Menu-List-Link-item:after { display: table; content: ""; line-height: 0; clear: both; }
.Menu-List-Link-item ul { margin: 0; padding: 0; }
.Menu-List-Link-item li { display: inline-block; float: left; margin: 4px; padding: 8px 5px 5px 2px; width: 31.5%; min-height: 40px; font-size: 100%; color: #333333; border-radius: 3px; background: #FFFFFF; box-shadow:0 0 5px #dddddd; }
.Menu-List-Link-item li:before { float: left; font-family: FontAwesome; content: "\f0fe"; font-size: 75%; padding: 0px 10px 5px 5px; }
.Menu-List-Link-item li:hover:before { color: #FFFFFF; }
.Menu-List-Link-item li a,
.Menu-List-Link-item li a:visited { display: block; color: #333333; }
.Menu-List-Link-item li a:hover { color: #FFFFFF; }
.Menu-List-Link-item li:hover { background: #0A3D5D; }
.Menu-List-Link-item li:hover em { background-color: #F47D30; }
.Menu-List-Link-item li:hover a, .Menu-List-Link-item li:hover a:visited { color: #FFFFFF; }

.span3 .Menu-List-Link-item { padding: 0; }
.span3 .Menu-List-Link-item li { float: none; margin: 4px 2px; width: 95%; }
.Menu-List-Link-item li:before { padding: 0px 10px 21px 5px; }
.span9 .Menu-List-Link-item li { width: 47.78%; }
/* END Menu List Link item New */

/* Contact Reference */
.Ref-Container { margin: 10px 0; padding: 10px 0 8px 0; }
.Ref-Container:after { display: table; content: ""; line-height: 0; clear: both; }
.Ref-Container .Ref-Section-Desp { float: right; max-width: 80%; text-align: right; text-shadow: 0 0 3px #FFFFFF; }
.Ref-Container .Ref-Section-Desp p { margin: 5px 0; }
.Ref-Container .Ref-Section-Logo { float: right; width: 150px; height: 75px; }
.Ref-Container .Ref-Section-Logo:hover { cursor: pointer; }

.AtRama-Ref > .Ref-Section-Logo { background: url(/sites/default/files/public/img/icon/AtRama-Logo.png) no-repeat; background-size: cover; }
.AtRama-Ref { background:-webkit-linear-gradient(right, #FFFFFF, #f9f7f1, #eae2cb); }

.RAMA-CH-Ref > .Ref-Section-Logo { background: url(/sites/default/files/public/img/icon/RamaChannel-Logo.png) no-repeat; background-size: cover; }
.RAMA-CH-Ref { background:-webkit-linear-gradient(right, #FFFFFF, #F5F5F5, lightblue); }
/* END Contact Reference */

/* Banner Footer New */
.BN-newfrontpage { text-align: center; /* overflow: scroll; height: 234px; */ }
.BN-newfrontpage img { margin: 5px; /* width: 200px; */ width: 18.65%; box-shadow: 0px 0px 3px #333; border: 1px solid #FFFFFF; border-radius: 6px; overflow: hidden; }
.BN-newfrontpage img:hover { /* box-shadow: 1px 1px 3px #F47D30; */ filter: contrast(125%); }
/* END Banner Footer New */

/* Title BoxStyle */
.Title-boxStyle { margin: 8px; border-color: #ccc; border-bottom:3px solid; padding:8px 0 0 0; }
.Title-boxStyle span.TboxStyle { background-color: #ccc; border-radius:3px 9px 0 0; color:#ffffff; display: inline-block; padding:10px 30px 6px 12px; font-size: 125%; }
/* END Title BoxStyle */

/* Footer Text Style */
.Footer-txt-style-Container { display: block; border-bottom: 1px solid #FFFFFF; }
.Footer-txt-style-Container:after { display: table; content: ""; line-height: 0; clear: both;  }
.Footer-txt-style-L { margin: 8px auto; padding: 0; text-align: center; }
.Footer-txt-style-L ul { margin: 0px; padding: 0; }
.Footer-txt-style-L ul li { margin: 4px 8px 4px 8px; padding: 8px; color: #FFF; width: auto; display: block; text-align: left; font-size: 125%; }
.Footer-txt-style-L ul li a, .Footer-txt-style ul li a:visited { color: #FFFFFF; }
.Footer-txt-style-L ul li:hover {  }

.Footer-txt-style-R { color:#ffffff; float:right; margin-top:-120px; padding:8px; position:relative; text-align:right; width:45%; }
.Footer-txt-style-R-icon img { width: 70px; border-radius: 50%; border: 2px solid transparent; }
.Footer-txt-style-R-icon img:hover {  border: 2px solid #FFF; }
.Footer-txt-style-R-link { margin: 2px auto; font-size:110% }

.Footer-txt-style-R-link ul { margin: 0px; margin-top: 5px; padding: 0; }
.Footer-txt-style-R-link ul li { padding: 0 5px; color: #FFF; display: -webkit-inline-box; font-size: 100%; border-right: 1px solid #FFFFFF; }
.Footer-txt-style-R-link ul li:last-child { border-right: 0px; }
.Footer-txt-style-R-link ul li a, .Footer-txt-style ul li a:visited { color: #FFFFFF; }
/* END Footer Text Style */

/* --- END New Front Page --- */

/* Hidden Content */
.hiddencontent { display: none; }
/* END Hidden Content */

/* Text Link Style */
.a-res a, .a-res a:visited { color: #5ca038; text-decoration: none; }
.a-res a:hover { color: #F47D30; text-decoration: underline; }

.a-resp a, .a-resp a:visited { color: #5ca038; text-decoration: none; }
.a-resp a:hover { color: #F47D30 !important; text-decoration: underline; }

.a-resp-b a, .a-resp-b a:visited { color: #555; text-decoration: none; }
.a-resp-b a:hover { color: #000 !important; }

.a-resp-lb a, .a-resp-lb a:visited { color: #666; text-decoration: none; }
.a-resp-lb a:hover { color: #F47D30 !important; }

.a-resp-pp a, .a-resp-pp a:visited { color: #855F9A; text-decoration: none; }
.a-resp-pp a:hover { color: #F47D30 !important; }

.a-resp-wh a, .a-resp-wh a:visited { color: #FFF; text-decoration: none; }
.a-resp-wh a:hover { color: #FFF; text-decoration: underline; }

.a-resp-wh-org a, .a-resp-wh a:visited { color: #FFF; text-decoration: none; }
.a-resp-wh-org a:hover { color: #0035AD; text-decoration: underline; }

.a-resp-gold a, .a-resp-gold a:visited { color: #DAA520; text-decoration: none; }
.a-resp-gold a:hover { color: #DAA520; text-decoration: underline; }
/* END Text Link Style */

/* Fix line height font size */
span[style*="font-size:14px"] { line-height: 160%; }
span[style*="font-size:16px"] { line-height: 170%; }
span[style*="font-size:18px"], span[style*="font-size:20px"] { line-height: 175%; }
/* END Fix line height font size */

/* Effect Tramsition All */
.transition-effect-all { transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
/* END Effect Tramsotopm All */

/* Clear Size Image */
img { max-width: 100%; height: auto !important; }
/* END Clear Size Image */

/* Clear Both */
.clearboth { clear: both; }
/* End Clear Both */

/* Fix Calendar */
.view .date-nav { padding-bottom: 0 !important; }
.view .item-list ul { margin: 0 0 0 2em !important; }
.view .date-nav-wrapper .date-prev { left: 0 !important; right: auto !important; }
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next { padding: 0 !important; /* background: #FFF !important; */ }
.view .date-nav-wrapper .date-prev a { margin-left: 5px !important; }
.view .date-nav-wrapper .date-next a { margin-right: 5px !important; }
.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a { /* border: 1px solid #ccc; */ border: none !important; background: #FFFFFF !important; }
.view .date-nav-wrapper .date-prev a:hover,
.view .date-nav-wrapper .date-next a:hover { /* border: 1px solid #999; */ box-shadow: 0 0 0px 1px #333; background: #DE6F58 !important; color: #FFF !important; }

.view .date-nav-wrapper .date-nav { margin: 5px 0; }
.block-views .view .date-nav-wrapper .date-prev, .block-views .view .date-nav-wrapper .date-next,
.view .date-nav-wrapper .date-prev, .view .date-nav-wrapper .date-next { /* top: 4px; */ background: none !important; }
.view .date-nav-wrapper { margin-top: 0; background: #61AB54; border-radius: 5px 5px 0 0; }
.view .date-nav-wrapper .date-heading h3,
.view .date-nav-wrapper .date-heading h3 a { color: #FFFFFF; }
.calendar-calendar table.mini td.empty { border: 1px solid #F5F5F5; }
.calendar-calendar td.has-events { border: 1px solid #EEEEEE; }
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today { background-color: #D7FCDA !important; box-shadow: inset 0 0 3px #61DB36; }

.view[class *="view-calendar-"] { border: 1px solid #ddd; padding: 3px; border-radius: 6px; box-shadow: 0px 0px 5px #ddd; }

.block-views .view .date-nav-wrapper .date-prev,
.block-views .view .date-nav-wrapper .date-next { padding: 0 !important; }

.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .week-view .full td.multi-day div.weekview { background: #BCFFFB !important; }

.calendar-calendar td .inner div.calendar div { color: #777 !important; }
.calendar-calendar td .inner div.calendar div a,
.calendar-calendar td .inner div.calendar div a:visited { color: #000 !important; }
.calendar-calendar td .inner div.calendar div a:hover { color: #F47D30 !important; }

.view .date-nav-wrapper .date-heading { margin: auto; width: 60% !important; }
.view .date-nav-wrapper .date-heading h3 { font-size: 1.25em !important; }

.calendar-calendar th.days { color: #444; }
.calendar-calendar div.date-nav a, .calendar-calendar div.date-nav h3 { color: #000; }
/* END Fix Calendar */

/* Table Style */
table.style { border-collapse: separate; border-spacing: 0; width: 100%; border-radius: 6px; }
table.style th, table.style td { padding: 6px 15px; }
table.style th { background: #42444e; color: #fff; border-right: 1px solid #c6c9cc; border-bottom: 1px solid #c6c9cc; /* text-align: inherit; */ }
table.orange th { background: #F79646; }
table.orange tr:hover, table.orange tr:nth-child(even):hover td { background: #D8D2C8; }
table.green th { background: #9BBB59; }
table.light-blue th { background: #4BACC6; }
table.blue th { background: #4F81BD; }
table.purple th { background: #8064A2; }
table.pink th { background: #E944DE; }
table.gray th { background: #89847F; }
table.corner-radius tr:first-child th:first-child { border-top-left-radius: 6px; }
table.corner-radius tr:first-child th:last-child { border-top-right-radius: 6px; }
table.style td { border-right: 1px solid #c6c9cc; border-bottom: 1px solid #c6c9cc; }
table.style tr:first-child td { border-top: 1px solid #c6c9cc; }
table.style td:first-child { border-left: 1px solid #c6c9cc; }
table.style tr:nth-child(even) td { background: #eaeaed; }
table.green tr:nth-child(even) td { background: #E6EED5; }
table.orange tr:nth-child(even) td { background: #FDE4D0; }
table.light-blue tr:nth-child(even) td { background: #D2EAF1; }
table.blue tr:nth-child(even) td { background: #D3DFEE; }
table.purple tr:nth-child(even) td { background: #F2E8FC; }
table.pink tr:nth-child(even) td { background: #FCF0FC; }
table.gray tr:nth-child(even) td { background: #D8D2C8; }
table.corner-radius tr:last-child td:first-child { border-bottom-left-radius: 6px; }
table.corner-radius tr:last-child td:last-child { border-bottom-right-radius: 6px; }

.border-style1 { border-radius: 10px; margin: 5px 0; 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #DBDBDB)); }
.title-style1 { margin: -5px 20px; padding: 10px; color: #fff; font-size: 150%; font-weight: bold; }

.bg-green { background: #9BBB59; }
.bg-blue { background: #4F81BD; }
.bg-light-blue { background: #4BACC6; }
.bg-orange { background: #F79646; }
.bg-purple { background: #8064A2; }
.bg-pink { background: #E944DE; }
.bg-gray { background: #89847F; }
/* END Table Style */

/* Header Title */
.HeadTitle-more { padding: 5px 5px 0 10px;  background: #F5F5F5; border-bottom: 1px solid #efefef; overflow: hidden; }
.HeadTitle-more .HeadTitle-text { font-size: 200%; line-height: 200%; font-weight: bold; color: #666; text-shadow: 1px 1px 2px #ccc; }
/* END Header Title */

/* Map Responsive */
.map-responsive { margin: 0 auto; text-align: center; }
/* END Map Responsive */

/* HighLight Banner Top */
.highlight-banner-top { position: relative; margin: 5px; padding: 5px; float: left; width: 30.75%; height: 100px; border: 1px solid #89AD3F; border-radius: 15px; cursor:pointer; }
.highlight-banner-top:hover { background: #A8D379; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; color: #fff; }
.highlight-banner-top:hover .highlight-banner-top-icon img { -webkit-transform: scale3d(1.1, 1.1, 1); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.highlight-banner-top .highlight-banner-top-icon { margin-top: -35px; padding: 5px 0 0 0; text-align: center; }
.highlight-banner-top .highlight-banner-top-name { padding: 10px 0 0 0; font-size: 125%; font-weight: bold; color: #333; text-align: center; }
.highlight-banner-top:hover .highlight-banner-top-name { color: #FFF; }
.highlight-banner-top .highlight-banner-top-name a,
.highlight-banner-top .highlight-banner-top-name a:visited { color: #333; }
.highlight-banner-top .highlight-banner-top-name a:hover { color: #FFF; }
.highlight-banner-top .highlight-banner-top-desp { font-size: 90%; text-align: center; color: #666; }
/* END HighLight Banner Top  */

/* Title Style */
.titlestyle1-resp { margin: 5px 0; padding: 5px 0; font-size: 150%; font-weight: bold; color: #88AC2E; text-shadow: 1px 1px 1px #FFF; border-bottom: 2px solid #9BBB59; }
.titlestyle2-resp { margin: 5px 2px; padding: 5px; font-size: 125%; text-align: center; line-height: 110%; font-weight: bold; color: #FFF; background: #9BBB59; }
/* END Title Style */

/* Title Style Center */
.title-style-c {	margin: 20px 5px; 	border-bottom: 1px solid #89AD3F; }
.title-style-c:hover { border-bottom: 1px solid #ff7c00; }
.title-style-item { margin: 0 auto -12px auto;  padding: 0 5px; text-align: center; }
.title-style-detail { padding: 0 15px;	font-size: 150%; font-weight: bold; background: #FFF; }
.title-style-c .title-style-item a,
.title-style-c .title-style-item a:visited { color: #999; }
.title-style-c:hover .title-style-item a:hover { color: #ff7c00; text-decoration: none; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
/* END Title Style Center */

/* Views News Page */
.views-news-resp { float: left; margin: 5px; width: 219px; }
.views-news-resp p { margin: 0; padding: 0; }
.views-news-resp .views-news-resp-thumb { margin: 0 auto; text-align: center;
perspective: 800px; -moz-perspective: 800px; -webkit-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px; }
.views-news-resp .views-news-resp-thumb img { opacity: 0.85; padding: 2px; width: 229px; /* height: 145px; */ min-height: 145px; height: 12.4vw !important;max-height: 145px;
border: 1px solid #e5e5e5; }
.views-news-resp:hover .views-news-resp-thumb img { opacity: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; border: 1px solid #FFC726;
background: url(/sites/default/files/public/css/Bullet-GeneralKnowledge.png) no-repeat; 
transform:translateZ(10px) rotateY(10deg); -moz-transform: translateZ(10px) rotateY(10deg); -webkit-transform: translateZ(10px) rotateY(10deg);
-ms-transform: translateZ(10px) rotateY(10deg); -o-transform: translateZ(10px) rotateY(10deg); }
.views-news-resp .views-news-resp-title { margin: 5px 0 0 0; padding: 2px 5px; min-height: 38px; max-height: 38px; font-size: 95%; color: #666; font-weight: bold; overflow: hidden; }
.views-news-resp .views-news-resp-summary { margin: 0; padding: 5px; min-height: 95px; max-height: 95px; font-size: 90%; text-indent: 15px; overflow: hidden; }
.views-news-resp .views-news-resp-more { margin: 0; padding: 0 5px; font-size: 70%; text-align: right; border-top: 1px solid #ccc; }
.views-news-resp:hover .views-news-resp-more { border-top: 1px solid #FFC726; }
/* END Views News Page */

/* Views News Front Page 3 Region */
.views-news-resp-fdt { float: left; margin: 5px; width: 219px; }
.views-news-resp-fdt .views-news-resp-fdt-thumb { margin: 0 auto; text-align: center;
perspective: 800px; -moz-perspective: 800px; -webkit-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px;}
.views-news-resp-fdt .views-news-resp-fdt-thumb img { opacity: 0.85; padding: 2px; width: 229px; min-height: 145px; height: 7vw !important; max-height: 145px; border: 1px solid #e5e5e5; }
.views-news-resp-fdt:hover .views-news-resp-fdt-thumb img { opacity: 1; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s;
border: 1px solid #FFC726; background: url(/sites/default/files/public/css/Bullet-GeneralKnowledge.png) no-repeat; 
transform:translateZ(10px) rotateY(10deg); -moz-transform: translateZ(10px) rotateY(10deg); -webkit-transform: translateZ(10px) rotateY(10deg);
-ms-transform: translateZ(10px) rotateY(10deg); -o-transform: translateZ(10px) rotateY(10deg);}
.views-news-resp-fdt .views-news-resp-fdt-title { margin: 5px 0 0 0; padding: 2px 5px; min-height: 38px; max-height: 38px; font-size: 95%; color: #666; font-weight: bold; overflow: hidden; }
.views-news-resp-fdt .views-news-resp-fdt-summary p { margin: 0; padding: 0; }
.views-news-resp-fdt .views-news-resp-fdt-summary { margin: 0; padding: 5px; min-height: 95px; max-height: 95px; font-size: 90%; text-indent: 15px; overflow: hidden; }
.views-news-resp-fdt .views-news-resp-fdt-more { margin: 0; padding: 0 5px; font-size: 70%; text-align: right; border-top: 1px solid #ccc; }
.views-news-resp-fdt:hover .views-news-resp-fdt-more { border-top: 1px solid #FFC726; }
/* END Views News Front Page 3 Region */

/* Views Calendar */
.views-cal-event { float: left; margin: 4px 5px; width: 48%; }
.views-cal-event .views-cal-event-item { float: left; margin: 0 5px; width: 70px; height: 70px; border: 1px solid #61AB54; /* #89AD3F; */ border-radius: 10px; text-align: center; font-weight: bold; }
.views-cal-event:hover .views-cal-event-item { border: 1px solid #F78948; }
.views-cal-event .views-cal-event-month { padding: 2px 5px; background: #61AB54; /* #89AD3F; */ border-radius: 10px 10px 0 0; color: #FFF; font-size: 90%; }
.views-cal-event:hover .views-cal-event-month { background: #F78948; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.views-cal-event .views-cal-event-date { padding: 10px 5px; height: 5px; color: #333; font-size: 200%; }
.views-cal-event .views-cal-event-day { padding: 2px 5px; color: #999; font-size: 70%; font-weight: normal; }
.views-cal-event .views-cal-event-title { padding: 0 5px; height: 40px; color: #333; font-size: 100%; font-weight: bold; }
.views-cal-event .views-cal-event-more { padding: 0 5px; color: #666; font-size: 70%; text-align: right; }
.views-cal-event a,
.views-cal-event a:visited { color: #333; }
.views-cal-event a:hover { color: #FFCB05; }
/* END Views Calendar */

/* Site Map */
.sitemap-res { margin: 0 0 5px 0; padding: 5px; border-bottom: 1px dashed #ccc; }
.sitemap-res ul { margin: 0; padding: 0; }
.sitemap-res li { display: block; float:left; height: 20px; margin: 0 2px; padding: 5px 5px 5px 20px; width: 46.5%; border: 0px solid #fff; border-left: 3px solid #22717C; border-bottom: 0px solid #efefef; font-size: 100%; color: #333; background: #FFFFFF; }
.sitemap-res li a,
.sitemap-res li a:visited { display: block; height: 20px; color: #333; }
.sitemap-res li a:hover { color: #F47D30; }
.sitemap-res li:hover { border: 0px; border-left: 3px solid #FFC726; background: #F5FCE0 url(/sites/default/files/public/css/icon-arrow-green-6x12.png) no-repeat 5px 10px; border-radius: 0px; -webkit-transition: all .4s; -ms-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }
/* END Site Map */

/* Sitemap Responsive */
.sitemapresponsive { margin: 0px; padding: 0px; }
.sitemapresponsive ul { margin: 0; padding: 0; }
.sitemapresponsive li { float:left; height: 35px; margin: 5px; padding: 10px 5px 5px 5px; width: 45%;
  display: table-cell; vertical-align: middle; text-align: center; border: 2px solid #FFF; border-radius: 15px;
  line-height: 125%; font-weight: bold; font-size: 100%; color: #666; background: #337ab7; box-shadow: 2px 2px 3px #aaa; }
.sitemapresponsive li a,
.sitemapresponsive li a:visited { display: block; height: 45px; } 
.sitemapresponsive li:hover { border: 2px solid #F47D30; box-shadow: inset 1px 1px 9px #666; background: #286090;
  -webkit-transition: all 1s; -ms-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
/* END Sitemap Responsive */

/* Images Style */
#img-respon { margin: 0; }
.img-respon-img img { z-index: 50; margin: 2px; border-radius: 10px; width: 99%; border: 1px solid #CCC; box-shadow: 0 0 9px #bbb; }
.img-respon-img img:hover { -webkit-transition: all .4s; }
.title-respon { margin: 5px; padding: 5px; font-size: 150%; font-weight: bold; line-height: 125%; color: #008b46; text-align: center; }
.detial-respon { margin: 5px auto; padding: 10px; width: 95%; font-size: 100%; color: #333; border: 1px solid #ccc; border-top: 5px solid #CCCC99; background: #F5F5F5; box-shadow: 3px 3px 3px #CCC; border-radius: 15px; }
.img-respon-st { width: 99.427%; }
.img-respon-nd-hz img, .img-respon-vt-c1, .img-respon-vt-c2, .img-respon-vt-c1v2, .img-respon-rd img { float: left; }
.img-respon-vt-c1 { width: 47%; /* 46.15%; */ }
.img-respon-vt-c2 { width: 52.25%; /* 52.074%; */ }
.img-respon-vt-c1v2 {	width: 65.65%; }
.img-respon-nd-hz img { width: 48.75%; }
.img-respon-rd img { width: 32.25%; }
/* END Images Style */

/* YouTube Frame */
.youtube-frame { margin: 0 auto; padding:0 auto; text-align: center; }
.youtube-frame iframe { overflow: auto; }
.youtube-frame .youtube-frame-full iframe { width: 90%; max-height: 550px; height: 50vw; }
.youtube-frame .youtube-frame-center iframe { width: 90%; max-height: 400px; height: 37vw; }
.youtube-frame .youtube-frame-right iframe { width: 100%; }
/*  END YouTube Frame */

/* Google Calendar Frame */
.googlecal-frame { margin: 0 auto; padding:0 auto; text-align: center; }
.googlecal-frame iframe { width: 100%; height: 290px; overflow: auto; }
/*  END Google Calendar Frame */

/* Enable or Disable Sitebar Second on Desktop */
.enable-sitebarsecond-desktop { display: block; }
.disable-sitebarsecond-desktop { display: none; }
/* END Enable or Disable Sitebar Second on Desktop */

/* Enable or Disable Sitebar Second on Mobile */
.enable-sitebarsecond-mobile { display: none; }
.disable-sitebarsecond-mobile { display: block; }
/* END Enable or Disable Sitebar Second on Moblie*/

/* Enable or Disable Sitebar Second on Tablet */
.enable-sitebarsecond-tablet { display: none; }
.disable-sitebarsecond-tablet {	display: block; }
/* END Enable or Disable Sitebar Second on Tablet */

/* Menu Right Sidebar */
.menuright-res { margin: 0; padding: 0; border-bottom: 1px dashed #ccc; }
.menuright-res ul { margin: 0;	padding: 0; }
.menuright-res li { display: block; float:left; min-height: 20px; margin: 0 2px; padding: 5px 5px 5px 15px; width: 90%;
	border: 1px solid #fff; border-bottom: 1px solid #efefef; font-size: 100%; color: #333; background: url(/sites/default/files/public/css/icon-arrow-green-6x12.png) no-repeat 0px 10px; }
.menuright-res li a,
.menuright-res li a:visited { display: block; color: #333; }
.menuright-res li a:hover { color: #FFC726; }
.menuright-res li:hover { border: 1px solid #FFC726; background: #F5FCE0 url(/sites/default/files/public/css/icon-arrow-green-6x12.png) no-repeat 5px 10px; border-radius: 10px;
	-webkit-transition: all .4s; -ms-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }
/* END Menu Right Sidebar */

/*  Awards Menu Right Sidebar */
.menuright-awards { margin: 0; padding: 0; border-bottom: 1px dashed #ccc; background: #DBA238; }
.menuright-awards .menuright-awards-title { margin: 0; padding: 0; height: 100px;
  background: url(/sites/default/files/public/css/CupAwards-Left.png) no-repeat left, #FFF url(/sites/default/files/public/css/CupAwards-Right.png) no-repeat right; }
.menuright-awards ul { margin: 0; padding: 0; }
.menuright-awards li { display: block; float:left; min-height: 20px; margin: 0 2px; padding: 10px; width: 90%; border-bottom: 1px solid #efefef; font-size: 100%; color: #FFF; background: #DCA329; }
.menuright-awards li a,
.menuright-awards li a:visited {	display: block; color: #FFF; }
.menuright-awards li a:hover { color: #7A4300; }
.menuright-awards li:hover { background: #FFD479;
  -webkit-transition: all .4s; -ms-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }
/* END Awards Menu Right Sidebar */

/* Banner Right 2 Block Style */
.banner-right-2b { margin: 5px 2px; padding: 0; }
.banner-right-2b img { float: left; margin: 2px; padding: 1px; width: 98.5%; border: 1px solid transparent; border-radius: 10px; box-shadow: 0 0 5px #bbb; }
.banner-right-2b img:hover { opacity: 0.75; -webkit-transition: all .4s; border: 1px solid #F47D30; box-shadow: 0 0 9px #F47D30; }
/* END Banner Right 2 Block Style */

/* Banner Square Style */
.banner-square { margin: 5px; padding: 0; text-align: center;}
.banner-square img { margin: 2px; border: 1px solid transparent; border-radius: 15px; box-shadow: 0 0 9px #bbb; }
.banner-square img:hover { opacity: 0.75; -webkit-transition: all .4s; border: 1px solid #F47D30; box-shadow: 0 0 9px #F47D30; }
.banner-square .banner-square-center img { width: 15%; }
.banner-square .banner-square-right img { width: 45%; }
/* END Banner Square Style */

/* Banner Menu */
.banner-menu { margin: 0; padding: 0; text-align: center; }
.banner-menu img { margin: 5px; padding: 2px; width: 30%; border: 1px solid #ccc; border-radius: 10px; }
.banner-menu a:hover > img { border: 1px solid #F47D30; }
/* Banner Menu */

/* Banner Image Style 1 */
.Banner-Img-Style1 { margin: 0; padding: 0; text-align: center; }
.Banner-Img-Style1 img { margin: 5px; padding: 2px; width: 22%; border: 1px solid #ccc; border-radius: 10px; }
.Banner-Img-Style1 a:hover > img { border: 1px solid #F47D30; }

.span3 .Banner-Img-Style1 img { width: 92%; }
.span9 .Banner-Img-Style1 img { width: 30%; }
.span12 .Banner-Img-Style1 img { width: 22%; }
/* END Banner Image Style 1 */

/* Footer Interesting Link Site */
.colume-footer{ margin: 0px; padding: 0 0 0 10px; list-style-type: none; width: 99%;	overflow:hidden; }
.colume-footer li{ cursor:pointer; float:left; width: 50%; margin:5px 0px; text-align: left; }
.colume-footer li img{ float:left; width:35px; height:35px; }
.colume-footer li a{ font-family: Sans-serif; padding:8px 0 0 45px; display: block; height:29px; font-size: 18px; color: GhostWhite; text-decoration:none; }
.colume-footer li:hover, li:active { background-color: #FFF; }
.colume-footer li:hover>a { color:#F47D30; }
.colume-footer li:hover>img { filter: brightness(30%); -webkit-filter: brightness(30%); -moz-filter: brightness(30%); -ms-filter: brightness(30%); -o-filter: brightness(30%);}
/* END Footer Interesting Link Site */

/* Footer Style */
.footer-style { margin: 0; padding: 5px; }
.footer-style .footer-style-icon { float: left; margin: 0; padding: 5px; }
.footer-style .footer-style-icon em { background-color: #5ca038; border-radius: 50%; padding: 0 0 0 7px; color: #FFFFFF; font-size: 2em; display: inline-block; width: 43px; height: 50px; line-height: 50px; margin: 3px; text-align: center; }
.footer-style .footer-style-icon em:hover { box-shadow: inset 0 0 9px 2px #222222; -webkit-filter:saturate(175%); -moz-filter:saturate(150%); -ms-filter:saturate(150%); -o-filter:saturate(150%); filter:saturate(150%); }
.footer-style .footer-style-detail { margin: 0; padding: 5px; 	font-size: 90%; color: #333; line-height: 125%; }
.footer-style .footer-style-title { margin: 0 0 5px 0; font-size: 115%; font-weight: bold; color: #5ca038; }
/* END Footer Style */

/* News Clipping */
.Views-News-Clipping { margin: 2px 0; padding: 10px 5px 5px 20px; font-site: 100%; color: #333; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; background: #FFF url(/sites/default/files/public/css/icon-arrow02.png) no-repeat 0; }
.views-row-odd .Views-News-Clipping:nth-child(odd) { background: #F8FBF3 url(/sites/default/files/public/css/icon-arrow02.png) no-repeat 0; }
.views-row-even .Views-News-Clipping:nth-child(even) { background: #FFFFFF url(/sites/default/files/public/css/icon-arrow02.png) no-repeat 0; }
.Views-News-Clipping:hover, .views-row-odd .Views-News-Clipping:hover:nth-child(odd), .views-row-even .Views-News-Clipping:hover:nth-child(even)  { background: antiquewhite url(/sites/default/files/public/css/icon-arrow01.png) no-repeat 5px; }
.Views-News-Clipping:hover>a { text-decoration: underline; color:F47D30; }
.Views-News-Clipping .Views-News-Clipping-Person { font-size: 90%; color: darkcyan; }
.Views-News-Clipping .Views-News-Clipping-Date { font-size: 85%; color: #3B5; }
/* END News Clipping */

/* Page Staffs */
.Page-Staffs { margin: 0 auto; padding: 5px; border-top: 1px solid #FFF; border-left: 5px solid #EFEFEF; border-bottom: 1px solid #cfcfcf; background: #fcfcfc; }
.Page-Staffs:nth-child(even) { background: #f5f5f5; border-left: 5px solid #7dd0b6; /* #ccc; */ }
.Page-Staffs:hover { background: #EEE; }
.Page-Staffs .Page-Staffs-Image { float: left; padding: 5px; min-width: 18.75%; text-align: center; }
.Page-Staffs .Page-Staffs-Image img { padding: 2px; width: 125px; border: 1px solid #FFF; box-shadow: 0 0 9px #CCC; }
.Page-Staffs:hover .Page-Staffs-Image img { box-shadow: 0 0 9px #7dd0b6; }
.Page-Staffs .Page-Staffs-Detials { float: left; padding: 5px; width: 77%;  }
.Page-Staffs .Page-Staffs-Name { padding: 5px; width: 99%; font-size: 125%; line-height: 125%; font-weight: bold; color: #555; /* rgb(0, 140, 180); */ border-bottom: 3px solid #7dd0b6; /* rgb(0, 140, 180); */ }
.Page-Staffs .Page-Staffs-Desc { padding: 5px 5px 2px 5px; width: 100%; font-size: 90%; color: #333; }
.Page-Staffs .Page-Staffs-Title { font-size: 100%; font-weight: bold; color: #000; }
.Page-Staffs .ClearBoth-I { clear: both; height: 1px; }
.Page-Staffs .Image-Curve img { border-radius: 10%; }
.Page-Staffs .Image-CurveII img { border-radius: 20px 0 20px 0; }
.Page-Staffs .Image-CurveIII img { border-radius: 50%; }
/* END Page Staffs */

/* Front Title Style */
.FrontTitle, .FrontTitleL, .FrontTitleR {  margin: .5em 0 0 0; font-size: 145%; line-height: 150%; font-weight: bold; overflow: hidden; }
.FrontTitle span.FT-Line, .FrontTitleL span.FT-Line, .FrontTitleR span.FT-Line { position: relative; }
.FrontTitle span.FT-Line:before, .FrontTitleL span.FT-Line:before, .FrontTitleR span.FT-Line:before { right: 100%; margin-right: .5em; }
.FrontTitle span.FT-Line:after, .FrontTitleL span.FT-Line:after, .FrontTitleR span.FT-Line:after { left: 100%; margin-left: .5em; }
.FrontTitle span.FT-Line:before, .FrontTitle span.FT-Line:after, .FrontTitleL span.FT-Line:before, .FrontTitleL span.FT-Line:after, .FrontTitleR span.FT-Line:before, .FrontTitleR span.FT-Line:after { content: ""; position: absolute; top: 42%; height: 0; border-top: 3px solid #CCC; border-bottom: 3px solid #CCC; width: 200em; border-radius: 10px; }

.FrontTitle { padding: 0.75em 0; text-align: center; }
.FrontTitleL { padding: 0.75em 0 0.75em 1.5em; text-align: left; }
.FrontTitleR { padding: 0.75em 1.75em 0.75em 0; text-align: right; }

:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.FrontTitle span.FT-Line, .FrontTitle span > a, .FrontTitleL span.FT-Line, .FrontTitleL span > a, .FrontTitleR span.FT-Line, .FrontTitleR span > a { color: #666; }
.FrontTitle-lBlue span.FT-Line:before, .FrontTitle-lBlue span.FT-Line:after { border-color: #004370; }
.FrontTitle-lBlue span.FT-Line, .FrontTitle-lBlue span > a { color: #004370; }
.FrontTitle-lLBlue span.FT-Line:before, .FrontTitle-lLBlue span.FT-Line:after { border-color: #9dc6d8; }
.FrontTitle-lLBlue span.FT-Line, .FrontTitle-lLBlue span > a { color: steelblue; }
.FrontTitle-lLGreen span.FT-Line:before, .FrontTitle-lLGreen span.FT-Line:after { border-color: #7dd0b6; }
.FrontTitle-lLGreen span.FT-Line, .FrontTitle-lLGreen span > a { color: darkcyan; }
.FrontTitle-lLSeaGreen span.FT-Line:before, .FrontTitle-lLSeaGreen span.FT-Line:after { border-color: lightseagreen; }
.FrontTitle-lLSeaGreen span.FT-Line, .FrontTitle-lLSeaGreen span > a { color: lightseagreen; }
.FrontTitle-lOrange span.FT-Line:before, .FrontTitle-lOrange span.FT-Line:after { border-color: #F69256; }
.FrontTitle-lOrange span.FT-Line, .FrontTitle-lOrange span > a { color: #F69256; }
.FrontTitle-lLPink span.FT-Line:before, .FrontTitle-lLPink span.FT-Line:after { border-color: #E38690; }
.FrontTitle-lLPink span.FT-Line, .FrontTitle-lLPink span > a { color: #E38690; }
.FrontTitle-lYellow span.FT-Line:before, .FrontTitle-lYellow span.FT-Line:after { border-color: #ead96b; }
.FrontTitle-lYellow span.FT-Line, .FrontTitle-lYellow span > a { color: goldenrod; }
/* END Front Title Style */

/* Button Design */
.Bt-Base { margin: 0px; padding: 0px; clear: both; }
.Bt-Base ul { margin: 0; padding: 0; display: table; width: 100%; }
.Bt-Base ul:before, .Bt-Base ul:after { content: ""; clear: both; }
.Bt-Base li { float:left; height: 45px; margin: 5px; padding: 8px 5px 5px 5px; display: table-cell; vertical-align: middle; text-align: center; border: 2px solid #FFF; border-radius: 10px; font-size: 100%; font-weight: bold; color: #999; line-height: 125%; background: #BBB; box-shadow: 0 0 3px 1px #ddd; overflow: hidden; }
.Bt-Base li a,
.Bt-Base li a:visited { display: block; color: #FFF; text-shadow: 1px 1px 3px #000; /* cursor: alias;*/ }
.Bt-Base li:hover { border: 2px solid #F47D30; box-shadow: inset 1px 1px 9px #666; -webkit-filter: saturate(175%); -ms-filter: saturate(175%); -moz-filter: saturate(175%); filter: saturate(175%); -webkit-transition: all .5s; -ms-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.Bt-S100 li, .BT-S100 li { /* width: 29.75%;*/ width: 15vw; }
.Bt-S70 li, .BT-S70 li { width: 46.5%; }
.Bt-S30 li, .BT-S30 li { width: 90%; }

.Bt-FontL li, .BT-FontL li { height: 25px !important; font-size: 115% !important; }
.Bt-FontM li, .BT-FontM li { height: 50px !important; font-size: 110%; line-height: 110%; }
/* END Button Design */

/* Button icon */
.BtI-Base { margin: 0px; padding: 0px; }
.BtI-Base .BtI-Icon { margin: 0 auto; padding: 0; width: 40px; height: 40px; line-height: 40px;}
.BtI-Base .BtI-Icon img { height: 40px !important; border-radius: 50%; border: 1px solid #FFF; padding: 2px; box-shadow: inset 0 0 1px 1px #FFF; }
.BtI-Base .BtI-Text { margin-top: 5px; padding: 5px 0; height: 45px; font-size: 115%; font-weight: bold; color: #FFF; line-height: 150%; text-align: center; text-shadow: 1px 1px 3px #000; overflow: hidden; }
.BtI-Base .BtI-Text a,
.BtI-Base .BtI-Text a:visited { display: block; color: #FFF; text-shadow: 1px 1px 3px #000; text-decoration: none; }
.BtI-Base .BtI-B3100:hover, .BtI-Base .BtI-B4100:hover, .BtI-Base .BtI-B370:hover, .BtI-Base .BtI-B470:hover, .BtI-Base .BtI-B130:hover { border: 2px solid #F47D30; box-shadow: inset 1px 1px 9px #666; -webkit-filter: saturate(175%); -ms-filter: saturate(175%); -moz-filter: saturate(175%); filter: saturate(175%); -webkit-transition: all .5s; -ms-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; cursor: pointer; }

.BtI-B3100, .BtI-B4100, .BtI-B370, .BtI-B470, .BtI-B130 { float:left;  margin: 5px; padding: 5px; border: 2px solid #FFF; border-radius: 10px; background: #BBB; box-shadow: 0 0 3px 1px #ddd; overflow: hidden; }
.BtI-B3100 { width: 30.5%; }
.BtI-B4100 { width: 22.25%; }
.BtI-B370 { width: 29.75%; }
.BtI-B470 { width: 21.5%; }
.BtI-B130 { width: 88%; }

.BtI-B4100 .BtI-Icon, .BtI-B470 .BtI-Icon, .BtI-B130 .BtI-Icon { width: 30px; height: 30px; line-height: 30px; }
.BtI-B4100 .BtI-Icon img, .BtI-B470 .BtI-Icon img, .BtI-B130 .BtI-Icon img { height: 30px !important; }
/* Button icon */

/* Color Button Design & Button Icon */
.BtI-cLBlack, .Bt-cLBlack li, .BT-cLBlack li { background: #86AD9C; }
.BtI-cBlue, .Bt-cBlue li, .BT-cBlue li { background: #004370; }
.BtI-cLBlue, .Bt-cLBlue li, .BT-cLBlue li { background: #9dc6d8; }
.BT-cLBlue li a, .BT-cLBlue li a:visited { color: darkslateblue; text-shadow: 1px 1px 1px #FFF; }
.BtI-cOrange, .Bt-cOrange li, .BT-cOrange li { background: #F69256; }
.BtI-cLGreen, .Bt-cLGreen li, .BT-cLGreen li { background: #7dd0b6; }
.BtI-cLSeaGreen, .Bt-cLSeaGreen li, .BT-cLSeaGreen li { background: lightseagreen;  }
.BtI-cLPink, .Bt-cLPink li, .BT-cLPink li { background: #E38690; }
.BtI-cYellow, .Bt-cYellow li, .BT-cYellow li { background: #ead96b; }
.BtI-cLBlueGd, .Bt-cLBlueGd li, .BT-cLBlueGd li { background: -webkit-linear-gradient(top,#CBDFE8,#9dc6d8,#6BBBDE); }
/* END Color Button */

/* Add New Style button */
.BT-cLGreen2 li { background: #DCFCE3 !important; border-color: darkseagreen !important; }
.BT-cLYellow2 li { background: #F4F8DA !important; border-color: burlywood !important; }
.BT-cLBlue2 li { background: mintcream !important; border-color: cadetblue !important; }
.BT-cLBlue3 li { background: #E2F9FF !important; border-color: cornflowerblue !important; }
.BT-cPurple li { background: #F0EEFF !important; border-color: #CC99FF !important; }
.BT-cPink2 li { background: #FFEFF1 !important; border-color: #FFADD6 !important; }
.BT-cBrown li { background: #FFE3E1 !important; border-color: #D7AAA9 !important; }

.BT-cLGreen2 li a, .BT-cLGreen2 li a:visited, .BT-cLYellow2 li a, .BT-cLYellow2 li a:visited, .BT-cLBlue2 li a, .BT-cLBlue2 li a:visited, .BT-cLBlue3 li a, .BT-cLBlue3 li a:visited, .BT-cPurple li a, .BT-cPurple li a:visited, .BT-cPink2 li a, .BT-cPink2 li a:visited, .BT-cBrown li a, .BT-cBrown li a:visited { color: #000 !important; text-shadow: none !important; }

.BT-cLYellow2 li:hover, .BT-cLGreen2 li:hover, .BT-cLBlue2 li:hover, .BT-cLBlue3 li:hover, .BT-cPurple li:hover, .BT-cPurple2 li:hover, .BT-cPink2 li:hover, .BT-cBrown li:hover { -webkit-filter: saturate(350%) !important; -moz-filter: saturate(350%) !important; -ms-filter: saturate(350%) !important; -o-filter: saturate(350%) !important; filter: saturate(350%) !important; box-shadow: none !important; -webkit-transform: scale(.99); -moz-transform: scale(.99); -ms-transform: scale(.99); -o-transform: scale(.99); transform: scale(.99); -wegkit-transition: all .25s !important; -moz-transition: all .25s !important; -ms-transition: all .25s !important; -o-transition: all .25s !important; transition: all .25s !important; }
/* END New Add Style button */

/* Menu Responsive icon Container  */
.MenuRes-icon-Container { margin: 0; padding: 0; overflow: hidden; }
.MenuRes-icon-Container:after { display: table; content: ""; line-height: 0; clear: both; }
.MenuRes-icon-Container ul { margin: 0; padding: 0; }
.MenuRes-icon-Container li { display: block; float:left; min-height: 20px; margin: 2px; padding: 5px 5px 5px 42px; width: 27.75%; border-bottom: 1px solid #efefef; font-size: 100%; color: #333; box-shadow: 0 0 5px #DDD; background: #FFF; border-radius: 3px; }
.MenuRes-icon-Container li a,
.MenuRes-icon-Container li a:visited { display: block; color: #333; }
.MenuRes-icon-Container li a:hover { color: #FFC726; }
.MenuRes-icon-Container li:hover { background: mintcream; /* #efefef; */ box-shadow: 0 0 5px 1px #ccc; -webkit-transition: all 1s; -ms-transition: all .4s; -ms-transition: all 1s; -o-transition: all 1s; }
.MenuRes-icon-Container li:hover em { background-color: #F47D30; }

.span9 .MenuRes-icon-Container li { width: 42%; }
/* .span12 .MenuRes-icon-Container li { width: 44%; } */
.span3 .MenuRes-icon-Container li { width: 76%; }

/* END Menu Responsive icon Container  */

/* Menu Responsive icon */

.MenuRes-icon { background-color: #5ca038; border-radius: 50%; padding: 0 0 0 5px; color: #FFF; font-size: 100%; display: inline-block; width: 25px; height: 30px; line-height: 30px; margin-left: -36px; margin-right: 10px; text-align: center; }

/* END Menu Responsive icon */

/* Views News of Responsive */
.vNewsRespT { float: left; margin: 5px; width: 23.9%; overflow: hidden; border-bottom: 2px solid #EFEFEF; background: #FFFFFF; }
.vNewsRespT:hover { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; border-color: #FFC726; box-shadow: 0 0 15px #CCCCCC; }
.vNewsRespT p { margin: 0; padding: 0; }
.vNewsRespT .vNewsRespT-Thumb { margin: 0 auto; text-align: center; }
.vNewsRespT .vNewsRespT-Thumb img { padding: 2px; width: 95%; height: 12.4vw; min-height: 145px; max-height: 145px; border: 1px solid #e5e5e5; }
.vNewsRespT:hover .vNewsRespT-Thumb img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; border-color: #FFC726; }
.vNewsRespT .vNewsRespT-Title { margin: 5px 0 0 0; padding: 2px 5px; min-height: 38px; max-height: 38px; font-size: 95%; color: #666; font-weight: bold; overflow: hidden; }
.vNewsRespT .vNewsRespT-Title a, .vNewsRespT .vNewsRespT-Title a:visited { color: #333333; }
.vNewsRespT .vNewsRespT-Title a:hover { color: #F47D30 }
.vNewsRespT .vNewsRespT-icon {  margin: -26px 8px 10px 0; display: none; text-align: right; opacity: 0; }
.vNewsRespT .vNewsRespT-iconD {   background-color: #FFFFFF; border-radius: 50%;  padding: 0 0 0 3px; color: #F47D30; font-size: 1em; width: 18px; height: 20px; line-height: 20px; text-align: center; box-shadow: 0 0 3px 1px #F47D30;  }
.vNewsRespT:hover .vNewsRespT-icon { display: inherit; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: .75; }
.vNewsRespT .vNewsRespT-Summary { margin: 0; padding: 5px; min-height: 95px; max-height: 95px; font-size: 90%; text-indent: 15px; overflow: hidden; }
.vNewsRespT span.vNewsRespT-Term { font-size: 90%; color: #FFFFFF; text-shadow: 0 0 3px #000000; }

.span3 .vNewsRespT { width: 95%; }
.span3 .vNewsRespT .vNewsRespT-Thumb img { min-height: 104px; max-height: 135px; }
.span3 .vNewsRespT .vNewsRespT-Summary { min-height: 30px; max-height: none; display: none; }
.span9 .vNewsRespT { width: 31.85%; }
.span12 .vNewsRespT { width: 23.9%; }
/* END Views News of Responsive */

/* Views News Short of Responsive */
.vNewsRespT-Short { float: left; margin: 5px; width: 18.9%; overflow: hidden; border-bottom: 2px solid #EFEFEF; background: #FFFFFF; }
.vNewsRespT-Short:hover { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; border-color: #FFC726; box-shadow: 0 0 15px #CCCCCC; }
.vNewsRespT-Short p { margin: 0; padding: 0; }
.vNewsRespT-Short .vNewsRespT-Short-Thumb { margin: 0 auto; text-align: center; }
.vNewsRespT-Short .vNewsRespT-Short-Thumb img { padding: 2px; width: 95%; height: 12.4vw; min-height: 117px; max-height: 117px; border: 1px solid #e5e5e5; }
.vNewsRespT-Short:hover .vNewsRespT-Short-Thumb img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; border-color: #FFC726; }
.vNewsRespT-Short .vNewsRespT-Short-Title { margin: 5px 0 0 0; padding: 2px 5px; min-height: 60px; max-height: 60px; font-size: 95%; color: #666; font-weight: bold; overflow: hidden; }
.vNewsRespT-Short .vNewsRespT-Short-Title a, .vNewsRespT .vNewsRespT-Title a:visited { color: #333333; }
.vNewsRespT-Short .vNewsRespT-Short-Title a:hover { color: #F47D30 }
.vNewsRespT-Short .vNewsRespT-Short-icon {  margin: -26px 8px 10px 0; display: none; text-align: right; opacity: 0; }
.vNewsRespT-Short .vNewsRespT-Short-iconD {   background-color: #FFFFFF; border-radius: 50%;  padding: 0 0 0 3px; color: #F47D30; font-size: 1em; width: 18px; height: 20px; line-height: 20px; text-align: center; box-shadow: 0 0 3px 1px #F47D30;  }
.vNewsRespT-Short:hover .vNewsRespT-Short-icon { display: inherit; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: .75; }

.span3 .vNewsRespT-Short { width: 95%; }
.span3 .vNewsRespT-Short .vNewsRespT-Short-Thumb img { min-height: 104px; max-height: 135px; }
.span9 .vNewsRespT-Short { width: 23.5%; }
.span9 .vNewsRespT-Short .vNewsRespT-Short-Thumb img { min-height: 108px; max-height: 108px; }
.span12 .vNewsRespT-Short { width: 18.9%; }
.span12 .vNewsRespT-Short .vNewsRespT-Short-Thumb img { min-height: 117px; max-height: 117px; }
/* END Views News Short of Responsive */

/* Views News Short Right Text of Responsive */
.vNewsRespTtxtR { float: left; margin: 5px; padding: 5px 0; width: 32.25%; overflow: hidden; border-bottom: 2px solid #EFEFEF; background: #FFFFFF; }
.vNewsRespTtxtR:hover { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; border-color: #FFC726; box-shadow: 0 0 15px #CCCCCC; }
.vNewsRespTtxtR p { margin: 0; padding: 0; }
.vNewsRespTtxtR .vNewsRespTtxtR-Thumb { float: left; margin: 0 auto; width: 35%; text-align: center; }
.vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { padding: 2px; width: 95%; height: 12.4vw; min-height: 71px; max-height: 71px; border: 1px solid #e5e5e5; }
.vNewsRespTtxtR .vNewsRespTtxtR-Title { float: left; margin: 5px 0 0 0; width: 61%; padding: 2px 5px; min-height: 76px; max-height: 76px; font-size: 95%; color: #666; font-weight: bold; overflow: hidden; }
.vNewsRespTtxtR .vNewsRespTtxtR-Title a, .vNewsRespTtxtR .vNewsRespTtxtR-Title a:visited { color: #333333; }
.vNewsRespTtxtR .vNewsRespTtxtR-Title a:hover { color: #F47D30 }

.span3 .vNewsRespTtxtR { width: 95%; }
.span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb { width: 100%; }
.span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { min-height: 104px; max-height: 135px; }
.span3 .vNewsRespTtxtR .vNewsRespTtxtR-Title { width: inherit; min-height: inherit; max-height: inherit; text-align: center; }
.span9 .vNewsRespTtxtR { width: 48.5%; }
.span9 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { min-height: 79px; max-height: 79px; }
.span12 .vNewsRespTtxtR { width: 32.25%; }
.span12 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { min-height: 71px; max-height: 71px; }
.span12 .vNewsRespTtxtR .vNewsRespTtxtR-Title { width: 60%; }
/* END Views News Short Right Text of Responsive */

/* Views Title List and icon  */
.vTitleList {  min-height: 20px; margin: 0 2px; padding: 5px 5px 5px 42px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #efefef; font-size: 100%; color: #333; border-radius: 9px; }
.vTitleList a { color: #333333; }
.vTitleList a:hover { color: #F47D30; }
.views-row-odd .vTitleList:nth-child(odd) { background: #EFEFEF; }
.views-row-even .vTitleList:first-child { background: #FFFFFF; }
.views-row-even .vTitleList:hover, .views-row-odd .vTitleList:hover { background: #DEF3C7; -webkit-transition: all 1s; -ms-transition: all .4s; -ms-transition: all 1s; -o-transition: all 1s; }
.vTitleList-icon { background-color: seagreen; border-radius: 50%; padding: 0 0 0 5px; color: #FFFFFF; font-size: .85em; display: inline-block; width: 20px; height: 25px; line-height: 25px; margin-left: -36px; margin-right: 10px; text-align: center; }
.vTitleList:hover em.vTitleList-icon { background-color: #F47D30; box-shadow: 0 0 1px 3px #FFFFFF; }
/* END Views Title List and icon  */

/* Fix Social Share */
.social-share { padding-top: 5px; border-top: 1px solid #EFEFEF; }
.social-share li { display: inline;}
.social-share .share-label { font-weight: bold; }
/* END Fix Social Share */


/* .............................................................1200px.......................................................................... */


@media only screen and (min-width: 1200px) {   /* Style adjustments for viewports 1200px */

/* Button Design */
.Bt-S100 li, .BT-S100 li { width: 29.75%; }
/* END Button Design */

} 


@media (max-width: 1199px) {
/* Fix Slide Control */
.zone-featured .carousel-control { display: inherit; font-size: 80px; }
/* Fix END Slide Control */


/* Button Design */
.Bt-S100 li, .BT-S100 li { width: 29.75%; }
/* END Button Design */

}


@media only screen and (max-width: 979px) {

/* Header Categories */
.header-categories-container { height: 220px; }
.header-categories-container .header-categories-img { height: 220px; }
.header-categories-container .header-categories-img img { height: 220px !important; }
.header-categories-container .header-categories-bg { margin-top: -220px; }
.header-categories-container .header-categories-bg, .header-categories-container .header-categories-bg img { height: 230px !important; }
.header-categories-container .header-categories-txt { margin-top: -150px; }
/* END Header Categories */

}


/* ..........................................................Fix Main Menu 768....................................................................... */

/*change 520 to 520px*/
@media (max-width: 768px) {

#rama-menu ul li ul { text-align: left; background-color: #2D2D2D;}
#rama-menu ul li ul li { background-color: #2D2D2D; display: block !important; border-bottom-style: solid; }
#rama-menu ul li ul li a { display: block !important; }
#rama-menu ul li ul li a > i { float: right; }
#rama-menu ul li ul li ul { position: static !important; width: 100% !important; }
#rama-menu ul li ul li:hover > ul { display: none !important; }
#rama-menu ul li ul li:hover > a { color : #333 !important; background-color:#FFF !important ; }
#rama-menu ul li ul li:hover > a > i { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0); }
#rama-menu ul li ul li.openSub > a { background-color: #666 !important; }
#rama-menu ul li ul li.openSub > a > i { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); }
#rama-menu ul li ul li.openSub > ul { display: block !important; position: static !important; border-radius: 0; box-shadow: none; }
#rama-menu ul li ul li.openSub > ul > li { border-bottom-style: none !important; }
#rama-menu ul li ul li.openSub > ul > li > a{ color :#333 !important; background-color: #FFF !important; }
#rama-menu ul li ul li.openSub > ul > li:hover > a{ color :#FFF important; background: #ccc !important; }

/* Footer Text Style */
.Footer-txt-style-R { float: none; width: auto; margin-top: 0px; text-align: center; }
.Footer-txt-style-L ul li { padding: 4px; }
/* END Footer Text Style */

/* Header Categories */
.header-categories-container .header-categories-bg, .header-categories-container .header-categories-bg img { height: 220px !important; }
/* END Header Categories */

/* Categories News Bottom */
.categories-news-bottom-item { width: 47.05%; height: 36.8vw; }
.categories-news-bottom-section { height: 45px; margin-top: 0; opacity: 1; background: #22717c; border-top: 3px solid #FFFFFF; }
.categories-news-bottom-section .categories-news-bottom-section-txt { height: 22vw; font-size: 125%; }
.categories-news-bottom-item:hover .categories-news-bottom-section { margin-top: 0px; opacity: 1; height: auto; }
/* END Categories News Bottom */

}

/* ..........................................................769 - 979px....................................................................... */


@media only screen and (min-width: 769px) and (max-width: 979px) {

/* HighLight Banner Top  */
.highlight-banner-top { width: 30.25%; }
/* END HighLight Banner Top */

/* END Views News Page */
.views-news-resp { padding: 2px; width: 47%; }
.views-news-resp .views-news-resp-thumb { margin: 0; }
.views-news-resp .views-news-resp-thumb img { width: 100%; }
.views-news-resp .views-news-resp-summary { line-height: 120%; min-height: 50px; }
/* END Views News Page */

/* Views News Front Page 3 Region */
.views-news-resp-fdt { padding: 2px; width: 100%; }
.views-news-resp-fdt .views-news-resp-fdt-thumb { margin: 0; }
.views-news-resp-fdt .views-news-resp-fdt-thumb img { width: 100%; min-height: 117px; height: 12vw !important; }
.views-news-resp-fdt .views-news-resp-fdt-title { text-align: center; }
.views-news-resp-fdt .views-news-resp-fdt-summary { line-height: 120%; }
/* END Views News Front Page 3 Region */

/* Site Map */
.sitemap-res li { width: 44%; height: 38px; }
/* END Site Map */

/* Images Style */
.img-respon-rd img { width: 32.15%; }
/* END Images Style */

/* Menu Right Sidebar */
.menuright-res li { min-height: 38px; }
/* END Menu Right Sidebar */

.Bt-S100 li, .BT-S100 li { /* width: 29.75%;*/ width: 22vw; }

/* --- New Theme Style --- */

/* Header Categories */
.header-categories-container { height: 220px; }
.header-categories-container .header-categories-img { height: 220px; }
.header-categories-container .header-categories-img img { height: 220px !important; }
.header-categories-container .header-categories-bg { margin-top: -220px; }
.header-categories-container .header-categories-bg, .header-categories-container .header-categories-bg img { height: 230px !important; }
.header-categories-container .header-categories-txt { margin-top: -150px; }
/* END Header Categories */

/* Categories News */
.categories-news-item { width: 47.5%; height: 20.896vw; }
.categories-news-section { width: 50px; height: 20.8vw; }
.categories-news-section .categories-news-section-txt { width: 19vw; height: 17vw; }
/* END Categories News */

/* Categories News Bottom */
.categories-news-bottom-item { width: 47.5%; height: auto; }
.categories-news-bottom-section { height: 46px; }
.categories-news-bottom-section .categories-news-bottom-section-txt { height: 20vw; }
/* END Categories News Bottom */

/* HighLight Botton New Frontpage */
.highlight-btn-icon { width: 50px; }
.highlight-btn-txt, .highlight-btn-desp { width: 68%; }
.highlight-btn-txt { padding: 0 0 3px 8px; font-size: 115%; }
.highlight-btn-desp {padding: 0 0 2px 8px; font-size: 90%; }

.frontpage-container-3col .highlight-btn-item { width: 30.12%; height: 50px; }
.frontpage-container-3col .highlight-btn-icon { width: 50px; }
.frontpage-container-3col .highlight-btn-txt, .frontpage-container-3col .highlight-btn-desp { width: 68%; }
.frontpage-container-3col .highlight-btn-txt { padding: 0 0 3px 8px; font-size: 115%; }
.frontpage-container-3col .highlight-btn-desp {padding: 0 0 2px 8px; font-size: 90%; }
/* END HighLight Botton New Frontpage */

/* Menu List Link New Frontpage */
.Menu-List-Link-Frontpage-Container li { width: 31.5%; }
/* END Menu List Link New Frontpage */

/* Upcoming Events New */
.upcomingevent-style { width: 29.288%; /* 29.7%; */ }
.span9 .upcomingevent-style { width: 45.17%; }
/* END Upcoming Events New */

/* YouTube Frame */
.YouTubeFrame .YouTubeFrame-img { margin-top: -37.4vw; }
.YouTubeFrame .YouTubeFrame-item iframe,
.YouTubeFrame .YouTubeFrame-img img { max-width: 75%; max-height: 360px; height: 47vw; }
/* END YouTube Frame */

/* HighLight News New Frontpage */
.highlight-news-summary { min-height: 75px; max-height: 75px; }
.highlight-news-thumb img { height: 24vw; min-height: 91px; max-height: 154px; }
/* END HighLight News New Frontpage */

/* News Content New */
.NewsContent-container, .span9 .NewsContent-container { width: 29.66%; }
.NewsContent-summary { min-height: 75px; max-height: 75px; }
.NewsContent-thumb img, .span9 .NewsContent-thumb img { height: 24vw !important; min-height: 91px; max-height: 154px; }
/* END News Content New */

/* --- END New Theme Style --- */

}


@media only screen and (min-width: 769px) and (max-width: 823px) {

/* Categories News */
.categories-news-item { width: 47.5%; height: 23.8vw; }
.categories-news-section { width: 50px; height: 23.8vw; }
.categories-news-section .categories-news-section-txt { width: 22vw; height: 20vw; }
/* END Categories News */

/* Categories News Bottom */
.categories-news-bottom-item { width: 47.5%; height: 34vw; }
.categories-news-bottom-section { height: 46px; }
.categories-news-bottom-section .categories-news-bottom-section-txt { height: 20vw; }
/* END Categories News Bottom*/

}


/* ..........................................................481 - 768px....................................................................... */


@media only screen and (min-width: 481px)and (max-width: 768px) { /* Style adjustments for viewports 480px and over go here */

/* Header Title */
.HeadTitle-more { margin: 0 -10px; padding: 10px 5px 0 10px; }
.HeadTitle-more .HeadTitle-text { font-size: 175%; line-height: 175%; }
/* END Header Title */

/* HighLight Banner Top  */
.highlight-banner-top { width: 29%; }
.highlight-banner-top .highlight-banner-top-name { font-size: 100%; }
/* END HighLight Banner Top  */

/* END Views News Page */
.views-news-resp { padding: 2px; width: 47%; }
.views-news-resp .views-news-resp-thumb { margin: 0; }
.views-news-resp .views-news-resp-thumb img { width: 100%; max-height: 235px; height: 30vw !important;  }
.views-news-resp .views-news-resp-title { min-height: 38px; }
.views-news-resp .views-news-resp-summary { line-height: 120%; min-height: 60px; }
/* END Views News Page */

/* Views News Front Page 3 Region*/
.views-news-resp-fdt { padding: 2px; /* width: 100%; */ width: 30vw; }
.views-news-resp-fdt .views-news-resp-fdt-thumb { margin: 0; }
.views-news-resp-fdt .views-news-resp-fdt-thumb img { width: 100%; min-height: 123px; height: 20.5vw !important; }
.views-news-resp-fdt .views-news-resp-fdt-title { text-align: center; }
.views-news-resp-fdt .views-news-resp-fdt-summary { min-height: 95px; }
/* END Views News Front Page 3 Region */

/* Views Calendar */
.views-cal-event { width: 47.5%; }
.views-cal-event .views-cal-event-title { padding: 0 5px; }
.views-cal-event .views-cal-event-more { display: none; }
/* END Views Calendar */ 

/* Site Map */
.sitemap-res li { width: 43%; height: 38px; }
/* END Site Map */

/* Sitemap Responsive */
.sitemapresponsive li { width: 45%; }
/* END Sitemap Responsive */

/* Banner Right 2 Block Style */
.banner-right-2b img { width: 31.5%; }
/* END Banner Right 2 Block Style */

/* Banner Square Style */
.banner-square .banner-square-right img { width: 15%; }
/* END Banner Square Style */

/* Banner Image Style 1 */
.Banner-Img-Style1 img, .span3 .Banner-Img-Style1 img, .span9 .Banner-Img-Style1 img, .span12 .Banner-Img-Style1 img { width: 30%; }
/* END Banner Image Style 1 */

/* Images Style */
.img-respon-nd-hz img { width: 48.5%; }
.img-respon-rd img { width: 32%; }
/* END Images Style */

/* YouTube Frame */
.youtube-frame .youtube-frame-full iframe,
.youtube-frame .youtube-frame-center iframe,
.youtube-frame .youtube-frame-right iframe { /* max-width: 480px;  min-height: 360px; */ max-width: 75%; max-height: 360px; height: 47vw; }
/* END YouTube Frame */

/* Google Calendar Frame */
.googlecal-frame iframe { max-width: 90%; min-height: 400px; }
/* END Google Calendar Frame */

/* Enable or Disable Sitebar Second on Desktop */
.enable-sitebarsecond-desktop { display: block; }
.disable-sitebarsecond-desktop { display: none; }
/* END Enable or Disable Sitebar Second on Desktop */

/* Disable Sitebar Second on Tablet */
.enable-sitebarsecond-tablet { display:inherit; }
.disable-sitebarsecond-tablet {	display:none; }
/* END Disable Sitebar Second on Tablet */

/* Menu Right Sidebar */
.menuright-res li { width: 43%; height: 38px; }
/* END Menu Right Sidebar */

/*  Awards Menu Right Sidebar */
.menuright-awards li { width: 45%; text-align: center; }
/* END Awards Menu Right Sidebar */

/* Footer Interesting Link Site */
.colume-footer li { margin: 0; }
.colume-footer li a { font-size: 17px; height:  38px; }
/* END Footer Interesting Link Site */

/* Footer Style */
.footer-style { text-align: center; }
.footer-style .footer-style-icon { float: none; }
/* END Footer Style */

/*  Fix Padding Body Content  */
.container-wrapper { margin: 0; padding: 0 10px; } /* 339 */
.zone-featured { padding: 0; }
/*  END Padding Body Content  */

/* Fix Slide Control */
.carousel-control { left: 5px; }
.carousel-control.right { right: 5px; left: auto; }
.zone-featured .carousel-control { display: inherit; font-size: 80px; width: 25px; }
/* Fix END Slide Control */

/* Page Staffs */
.Page-Staffs .Page-Staffs-Detials { float: left; padding: 5px; width: 71%; }
/* END Page Staffs */

/* Menu Responsive icon Container  */
.MenuRes-icon-Container li,
.span3 .MenuRes-icon-Container li,
.span9 .MenuRes-icon-Container li,
.span12 .MenuRes-icon-Container li { width: 42.8%; }
/* END Menu Responsive icon Container  */

/* Views News of Responsive */
.vNewsRespT, .span3 .vNewsRespT, .span9 .vNewsRespT, .span12 .vNewsRespT  { width: 31.45%; }
.vNewsRespT .vNewsRespT-Thumb img, .span3 .vNewsRespT .vNewsRespT-Thumb img, .span9 .vNewsRespT .vNewsRespT-Thumb img, .span12 .vNewsRespT .vNewsRespT-Thumb img { min-height: 113px; max-height: 153px; }
.span3 .vNewsRespT .vNewsRespT-Summary { min-height: 95px; max-height: 95px; display: inherit; }
/* END Views News of Responsive */

/* Views News Short of Responsive */
.vNewsRespT-Short, .span3 .vNewsRespT-Short, .span9 .vNewsRespT-Short, .span12 .vNewsRespT-Short  { width: 23.5%; }
.span3 .vNewsRespT-Short .vNewsRespT-Short-Thumb img, .span9 .vNewsRespT-Short .vNewsRespT-Short-Thumb img, .span12 .vNewsRespT-Short .vNewsRespT-Short-Thumb img { min-height: 115px; max-height: 115px; }
.span3 .vNewsRespT-Short .vNewsRespT-Short-Title { text-align: left; }
/* END Views News Short of Responsive */

/* Views News Short Right Text of Responsive */
.vNewsRespTtxtR, .span3 .vNewsRespTtxtR, .span9 .vNewsRespTtxtR, .span12 .vNewsRespTtxtR  { width: 48.5%; }
.vNewsRespTtxtR .vNewsRespTtxtR-Thumb, .span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb, .span9 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb, .span12 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb { width: 35%; }
.vNewsRespTtxtR .vNewsRespTtxtR-Thumb img, .span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img, .span9 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img, .span12 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { min-height: 85px; max-height: 85px; }
.vNewsRespTtxtR .vNewsRespTtxtR-Title, .span3 .vNewsRespTtxtR .vNewsRespTtxtR-Title, .span9 .vNewsRespTtxtR .vNewsRespTtxtR-Title, .span12 .vNewsRespTtxtR .vNewsRespTtxtR-Title {  width: 62%; min-height: 80px; max-height: 80px; text-align: left; }
/* END Views News Short Right Text of Responsive */

/* --- New Theme Style --- */

/* Header Categories */
.header-categories-container .header-categories-bg, .header-categories-container .header-categories-bg img { height: 220px !important; }
/* END Header Categories */

/* Categories News */
.categories-news-item { width: 47.05%; height: 25.8vw; }
.categories-news-section { width: 50px; height: 26.25vw; }
.categories-news-section .categories-news-section-txt { width: 24vw; height: 22vw; font-size: 125%; }
/* END Categories News */

/* Three Button Link */
.Three-button-link img { width: 31%; }
/* END Three Button Link */

/* Leadership Section Front Page */
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Picture { float: left; width: 30%; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail { float: left; width: 70%; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Picture .Leadership-Thumb { width: auto; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Position, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Slogan { padding: 8px 0; text-align: left; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Name { padding: 8px 5px 5px 0; font-size:125%; border-bottom: 3px solid #3FB6AA; text-align: left; }
.frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Position { font-size: 110%; }
/* END Leadership Section Front Page */

/* Title and Button Green Style */
.Title-Button-Green-style a, .btn-style-green { width: 45%; }
/* END Title and Button Green Style */

/* Panel Percent Grid */
.frontpage-container-1col-TM3col, .frontpage-container-2col { float: none; width: 100%; }
/* END Panel Percent Grid */

/* HighLight Botton New Frontpage */
.highlight-btn-item { float: left; margin: 4px; width: 30.75%; }
.highlight-btn-txt { font-size: 115%; }
.highlight-btn-txt, .highlight-btn-desp { width: 61%; }

.frontpage-container-3col .highlight-btn-item, .frontpage-container-3col .highlight-btn-item:first-child, .frontpage-container-3col .highlight-btn-item:last-child { margin: 4px; width: 30.75%; height: 68px; }
.frontpage-container-3col .highlight-btn-txt, .frontpage-container-3col .highlight-btn-desp { width: 61%; }
/* END HighLight Botton New Frontpage */

/* HighLight Botton small New Frontpage */
.highlight-btn-small-item { float: left; margin: 4px; width: 30.6%; }
.highlight-btn-small-txt { font-size: 100%; }
.highlight-btn-small-txt { width: 61%; }
/* END HighLight Botton small New Frontpage */

/* HighLight News New Frontpage */
.highlight-news-summary { min-height: 75px; max-height: 75px; }
.highlight-news-thumb img { height: 24vw; min-height: 91px; max-height: 154px; }
/* END HighLight News New Frontpage */

/* News Content New */
.NewsContent-container, .span9 .NewsContent-container { width: 29.66%; }
.NewsContent-summary { min-height: 75px; max-height: 75px; }
.NewsContent-thumb img, .span9 .NewsContent-thumb img { height: 24vw !important; min-height: 91px; max-height: 154px; }
/* END News Content New */

/* Upcoming Events New Frontpage */
.upcomingevent-item { float: left; margin: 8px; width: 29.24%; }
.upcomingevent-more { height: inherit; overflow: inherit; }
/* END Upcoming Events New Frontpage */

/* Upcoming Events New */
.upcomingevent-style, .span3 .upcomingevent-style, .span6 .upcomingevent-style, .span9 .upcomingevent-style { float: left; margin: 8px; width: 29.24%; }
.upcomingevent-style-title, .span3 .upcomingevent-style-title, .span6 .upcomingevent-style-title, .span9 .upcomingevent-style-title { min-height: 56px; max-height: 56px; }
/* END Upcoming Events New */

/* Menu List Link New Frontpage */
.Menu-List-Link-Frontpage-Container li { width: 31.5%; }
/* END Menu List Link New Frontpage */

/* Menu List Link item New */
.Menu-List-Link-item li, .span3 .Menu-List-Link-item li, .span9 .Menu-List-Link-item li { float: left; margin: 4px; width: 31.15%; min-height: 60px; }
.Menu-List-Link-item li:before { padding: 0px 10px 38px 5px; }
/* END Menu List Link item New */

/* YouTube Frame */
.YouTubeFrame .YouTubeFrame-img { margin-top: -47.6vw; }
.YouTubeFrame .YouTubeFrame-item iframe,
.YouTubeFrame .YouTubeFrame-img img { max-width: 75%; max-height: 360px; height: 47vw; }
/* END YouTube Frame */

/* Banner Footer New */
.BN-newfrontpage img { width: 24%; }
/* END Banner Footer New */

/* --- END New Theme Style --- */

} 


/* ..............................................................668px - 768px................................................................... */


@media only screen and (min-width: 668px)and (max-width: 768px) {

/* Button Design */
.Bt-S100 li, .BT-S100 li, .Bt-S70 li, .BT-S70 li, .Bt-S30 li, .BT-S30 li { /* width: 29.75%; */ width: 29vw; }
/* END Button Design */

/* Button icon */
.BtI-B3100 { width: 29.5%; }
.BtI-B4100 { width: 21.5%; }
.BtI-B370 { width: 29.5%; }
.BtI-B470, .BtI-B130 { width: 21.5%; }
/* END Button icon */

}


/* ..............................................................481px - 667px................................................................... */


@media only screen and (min-width: 481px)and (max-width: 667px) {

/* Button Design */
.Bt-S100 li, .BT-S100 li, .Bt-S70 li, .BT-S70 li, .Bt-S30 li, .BT-S30 li { /* width: 45%; */ width: 44vw; }
/* END Button Design */

/* Button icon */
.BtI-B3100, .BtI-B4100, .BtI-B370, .BtI-B470, .BtI-B130 { width: 45.5%; }
.BtI-Base .BtI-Icon { width: 30px; height: 30px; line-height: 30px; }
.BtI-Base .BtI-Icon img { height: 30px !important; }
/* END Button icon */

/* Menu Responsive icon Container  */

.MenuRes-icon-Container li,
.span3 .MenuRes-icon-Container li,
.span9 .MenuRes-icon-Container li,
.span12 .MenuRes-icon-Container li { width: 40.6%; }

/* END Menu Responsive icon Container  */

/* Views News of Responsive */
.vNewsRespT, .span3 .vNewsRespT, .span9 .vNewsRespT, .span12 .vNewsRespT  { width: 31.25%; }
.span3 .vNewsRespT .vNewsRespT-Summary { min-height: 95px; max-height: 95px; display: inherit; }
/* END Views News of Responsive */

/* Views News Short of Responsive */
.vNewsRespT-Short, .span3 .vNewsRespT-Short, .span9 .vNewsRespT-Short, .span12 .vNewsRespT-Short  { width: 31.25%; }
.vNewsRespT-Short .vNewsRespT-Short-Thumb img, .span3 .vNewsRespT-Short .vNewsRespT-Short-Thumb img, .span9 .vNewsRespT-Short .vNewsRespT-Short-Thumb img, .span12 .vNewsRespT-Short .vNewsRespT-Short-Thumb img { min-height: 113px; max-height: 133px; height: 20vw !important; }
/* END Views News Short of Responsive */

/* Views News Short Right Text of Responsive */
.vNewsRespTtxtR, .span3 .vNewsRespTtxtR, .span9 .vNewsRespTtxtR, .span12 .vNewsRespTtxtR  { padding: 5px 0; width: 48%; }
.vNewsRespTtxtR .vNewsRespTtxtR-Thumb img, .span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img, .span9 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img, .span12 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { min-height: 73px; max-height: 73px; }
.vNewsRespTtxtR .vNewsRespTtxtR-Title, .span3 .vNewsRespTtxtR .vNewsRespTtxtR-Title, .span9 .vNewsRespTtxtR .vNewsRespTtxtR-Title, .span12 .vNewsRespTtxtR .vNewsRespTtxtR-Title { width: 61.1%; min-height: 62px; max-height: 72px; }
/* END Views News Short Right Text of Responsive */

/* --- New Theme Style --- */

/* HighLight Botton New Frontpage */
.highlight-btn-item { width: 29.95%; height: 60px; }
.highlight-btn-icon { width: 50px; }
.highlight-btn-txt { padding: 0 0 3px 8px; font-size: 100%; }
.highlight-btn-desp { padding: 0 0 2px 8px; font-size: 90%; }
.highlight-btn-txt, .highlight-btn-desp { width: 57%; }

.frontpage-container-3col .highlight-btn-item, .frontpage-container-3col .highlight-btn-item:first-child, .frontpage-container-3col .highlight-btn-item:last-child { width: 29.95%; height: 60px; }.highlight-btn-icon { width: 50px; }
.frontpage-container-3col .highlight-btn-txt { padding: 0 0 3px 8px; font-size: 100%; }
.frontpage-container-3col .highlight-btn-desp { padding: 0 0 2px 8px; font-size: 90%; }
.frontpage-container-3col .highlight-btn-txt, .frontpage-container-3col .highlight-btn-desp { width: 57%; }
/* END HighLight Botton New Frontpage */

/* HighLight Botton small New Frontpage */
.highlight-btn-small-item { width: 46.62%; }
.highlight-btn-small-txt { width: 57%; font-size: 100%; }
/* END HighLight Botton small New Frontpage */

/* News Content New */
.NewsContent-container, .span9 .NewsContent-container { width: 28.54%; }
/* END News Content New */

/* Upcoming Events New Frontpage */
.upcomingevent-item { width: 27.98%; }
/* END Upcoming Events New Frontpage */

/* Upcoming Events New */
.upcomingevent-style, .span3 .upcomingevent-style, .span6 .upcomingevent-style, .span9 .upcomingevent-style { width: 27.98%; }
/* END Upcoming Events New */

/* Menu List Link New Frontpage */
.Menu-List-Link-Frontpage-Container li { width: 31.2%; }
/* END Menu List Link New Frontpage */

/* Menu List Link item New */
.Menu-List-Link-item li, .span3 .Menu-List-Link-item li, .span9 .Menu-List-Link-item li { width: 47%; min-height: 40px; }
.Menu-List-Link-item li:before { padding: 0px 10px 20px 5px; }
/* END Menu List Link item New */

/* --- END New Theme Style --- */

}


/* ..............................................................480px........................................................................... */


@media only screen and (max-width: 480px) { /* Style adjustments for viewports 480px and over go here */

.rama_logo, .h1First, .h1Second { width: 100% !important; text-align: center; }
.rama_logo { margin: 5px 0 !important; min-height: 60px; }
.rama_logo img { width: 80px; }
.h1First { margin-top: 5px; font-size: 5.5vw !important; line-height: 6vw; }
.h1Second { font-size: 5.5vw !important; }

.zone-header h1 { font-size: 125% !important; line-height: 110% !important; }

/* Fix Calendar */
.view .date-nav-wrapper .date-heading h3 { line-height: 24px !important; font-size: 1.1em !important; }
.view .date-nav-wrapper .date-heading { margin: 0 auto !important; width: 50% !important; }
/* END Fix Calendar */

/* Header Title */
.HeadTitle-more { margin: 0 -10px; padding: 10px 5px 0 10px; }
.HeadTitle-more .HeadTitle-text { font-size: 150%; line-height: 150%; }
/* END Header Title */

/* Map Responsive */
.map-responsive { display: none; }
/* END Map Responsive */

/* HighLight Banner Top */
.highlight-banner-top { margin: 2px 5px 2px 15px; padding: 0; width: 95%; height: 50px;	border-radius: 10px; vertical-align: middle; }
.highlight-banner-top .highlight-banner-top-icon { float: left; margin: -8px 0 0 -30px; padding-left: 10px; }
.highlight-banner-top .highlight-banner-top-name { padding: 10px 5px 10px 40px; font-size: 125%; line-height: 175%; text-align: left; }
.highlight-banner-top .highlight-banner-top-desp { display: none; clear: both; }
/* END HighLight Banner Top */

/* Views News Page */
.views-news-resp { margin: 5px 0; width: 100%; border: 1px solid #5CA038; border-radius: 15px; }
.views-news-resp:hover { border: 1px solid #FFC726; }
.views-news-resp .views-news-resp-thumb { margin: 0; }
.views-news-resp .views-news-resp-thumb img { padding: 0px; width: 100%; border: none; border-radius: 15px 15px 0 0; border: 0px; max-height: 295px; height: 62vw !important; }
.views-news-resp:hover .views-news-resp-thumb img { border: 0px; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; }
.views-news-resp .views-news-resp-title { padding: 5px; /* font-size: 110%; */ font-size: 120%; text-align: left; min-height: inherit; line-height: 140%; }
.views-news-resp .views-news-resp-summary { min-height: 30px; max-height: none; /* line-height: 120%; font-size: 100%; */ line-height: 140%; font-size: 120%;  }
.views-news-resp .views-news-resp-more { border-top: none; padding: 0 10px; }
.views-news-resp:hover .views-news-resp-more { border-top: none; }
/* END Views News Page */

/* Views News Front Page 3 Region */
.views-news-resp-fdt { display: none; }
.views-news-resp-fdt .views-news-resp-fdt-title { paddin: 5px 0; font-size: 110%; text-align: center; min-height: inherit; }
/* END Views News Front Page 3 Region */

/* Views Calendar */
.views-cal-event { margin: 4px 0; width: 99%; }
.views-cal-event:hover { background: #F7FAED; }
.views-cal-event .views-cal-event-item { width: 55px; height: 55px; }
.views-cal-event .views-cal-event-month { padding: 2px; height: 14px; font-size: 80%; }
.views-cal-event .views-cal-event-date { padding: 2px; height: 14px; font-size: 125%; }
.views-cal-event .views-cal-event-day { margin-top: -5px; padding: 4px 2px; font-size: 65%; }
.views-cal-event .views-cal-event-title { padding: 5px; font-size: 100%; height: 53px; overflow: hidden; }
.views-cal-event .views-cal-event-more { display: none; }
/* END Views Calendar */

/* Site Map */
.sitemap-res li { width: 100%; height: 38px; }
/* END Site Map */

/* Sitemap Responsive */
.sitemapresponsive li { width: 94%; }
/* END Sitemap Responsive */

/* Banner Right 2 Block Style */
.banner-right-2b img { width: 47%; /* 98.5%; */ }
/* END Banner Right 2 Block Style */

/* Banner Square Style */
.banner-square .banner-square-center img, .banner-square .banner-square-right img { width: 22%; }
/* END Banner Square Style */

/* Banner Image Style 1 */
.Banner-Img-Style1 img, .span3 .Banner-Img-Style1 img, .span9 .Banner-Img-Style1 img, .span12 .Banner-Img-Style1 img { width: 44%; }
/* END Banner Image Style 1 */

/* Banner Menu */
.banner-menu img { width: 44%; }
/* Banner Menu */

/* Images Style */
#img-respon { margin: 0 10px; }
.img-respon-nd-hz img, .img-respon-vt-c1, .img-respon-vt-c2, .img-respon-rd img { float: none; }
.img-respon-vt-c1 { width: 100%; }
.img-respon-vt-c2 { width: 100%; }
.img-respon-vt-c1v2 { width: 100%; }
.img-respon-nd-hz img { width: 99%; }
.img-respon-rd img { width: 99%; }
.detial-respon { width: 92%; }
/* END Images Style */

/* YouTube Frame */
.youtube-frame .youtube-frame-full iframe,
.youtube-frame .youtube-frame-center iframe,
.youtube-frame .youtube-frame-right iframe { width: 90%; /* height: 240px; */ max-height: 240px; height: 51vw; }
/* END YouTube Frame */

/* Google Calendar Frame */
.googlecal-frame { display: none;}
/* END Google Calendar Frame */

/* Disable Sitebar Second on Mobile */
.enable-sitebarsecond-mobile { display:block; }
.disable-sitebarsecond-mobile { display:none; }
/* END Disable Sitebar Second on Mobile */

/* Footer Interesting Link Site */
.colume-footer { width: 95%; margin: 0px; padding: 10px; }
.colume-footer li { width: 100%;	margin: 2px 0; }
.colume-footer li a{ padding:10px 0 0 45px; font-size: 125%; font-weight: bold; }
/* END Footer Interesting Link Site */

/*  Awards Menu Right Sidebar */
.menuright-awards li { width: 95%; text-align: center; }
/* END Awards Menu Right Sidebar */

/* Footer Style */
.footer-style { text-align: center; }
.footer-style .footer-style-icon { float: none; }
/* END Footer Style */

/*  Fix Padding Body Content  */
.container-wrapper { margin: 0; padding: 0 10px; } /* 339 */
.zone-featured { padding: 0; }
/*  END Padding Body Content  */

/* Fix Slide Control */
.carousel-control { left: 5px; }
.carousel-control.right { right: 5px; left: auto; }
.zone-featured .carousel-control { display: inherit; font-size: 60px; width: 20px; }
/* Fix END Slide Control */

/* Page Staffs */
.Page-Staffs, .Page-Staffs:nth-child(even) { border-left: none; }
.Page-Staffs .Page-Staffs-Image img { width: 150px; }
.Page-Staffs .Page-Staffs-Image, .Page-Staffs .Page-Staffs-Detials { float: none; width: 96%; }
.Page-Staffs .Page-Staffs-Detials .Page-Staffs-Name { text-align: center; }
/* END Page Staffs */

/* Button Design */
.Bt-S100 li, .BT-S100 li, .Bt-S70 li, .BT-S70 li, .Bt-S30 li, .BT-S30 li { /* width: 92%; */ width: 90vw; }
/* END Button Design */

/* Button icon */
.BtI-B3100, .BtI-B4100, .BtI-B370, .BtI-B470, .BtI-B130 { width: 92%; }
.BtI-Base .BtI-Icon { float: left; width: 30px; height: 30px; line-height: 35px; }
.BtI-Base .BtI-Icon img { height: 30px !important; }
.BtI-Base .BtI-Text { padding: 5px 5px 5px 10px; height: 22px; font-size: 115%; color: #FFF; line-height: 22px; text-align: left; }
/* END Button icon */

/* Menu Responsive icon Container  */

.MenuRes-icon-Container li,
.span3 .MenuRes-icon-Container li,
.span9 .MenuRes-icon-Container li,
.span12 .MenuRes-icon-Container li { width: 85%; }

/* END Menu Responsive icon Container  */

/* Views News of Responsive */
.vNewsRespT, .span3 .vNewsRespT, .span9 .vNewsRespT, .span12 .vNewsRespT  { margin: 5px 0; width: 100%; border: 1px solid #E5E5E5; background: #f5f5f5; border-radius: 5px; }

.vNewsRespT .vNewsRespT-Thumb { margin: 0; }
.vNewsRespT .vNewsRespT-Thumb img, .span3 .vNewsRespT .vNewsRespT-Thumb img, .span9 .vNewsRespT .vNewsRespT-Thumb img, .span12 .vNewsRespT .vNewsRespT-Thumb img { margin: 5px auto; width: 97%; border: 0; border-radius: 0; min-height: 197px; max-height: 300px; }
.vNewsRespT:hover .vNewsRespT-Thumb img { border: 0px;  border-radius: 0; }
.vNewsRespT .vNewsRespT-Title { margin: 5px 5px 0 5px; padding: 5px; min-height: inherit; max-height: inherit; border-bottom: 1px solid #BBBBBB; border-radius: 0 0 5px 5px; }
.vNewsRespT .vNewsRespT-Summary { margin: 0 5px 0 5px; min-height: 30px; max-height: none; border-top: 1px solid #FFFFFF; border-radius: 5px 5px 0 0; }
.span3 .vNewsRespT .vNewsRespT-Summary { display: inherit; }
/* END Views News of Responsive */

/* Views News Short of Responsive */
.vNewsRespT-Short, .span3 .vNewsRespT-Short, .span9 .vNewsRespT-Short, .span12 .vNewsRespT-Short  { width: 46.5%; }
.vNewsRespT-Short .vNewsRespT-Short-Thumb img,
.span3 .vNewsRespT-Short .vNewsRespT-Short-Thumb img,
.span9 .vNewsRespT-Short .vNewsRespT-Short-Thumb img,
.span12 .vNewsRespT-Short .vNewsRespT-Short-Thumb img { min-height: 93px; max-height: 120px; height: 28vw !important; }
/* END Views News Short of Responsive */

/* Views News Short Right Text of Responsive */
.vNewsRespTtxtR, .span3 .vNewsRespTtxtR, .span9 .vNewsRespTtxtR, .span12 .vNewsRespTtxtR  { width: 46.5%; }

.vNewsRespTtxtR .vNewsRespTtxtR-Thumb,
.span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb,
.span9 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb,
.span12 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb { float: none; width: 100%; }

.vNewsRespTtxtR .vNewsRespTtxtR-Thumb img,
.span3 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img,
.span9 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img,
.span12 .vNewsRespTtxtR .vNewsRespTtxtR-Thumb img { min-height: 93px; max-height: 120px; height: 28vw !important; }
.vNewsRespTtxtR .vNewsRespTtxtR-Title, .span3 .vNewsRespTtxtR .vNewsRespTtxtR-Title, .span9 .vNewsRespTtxtR .vNewsRespTtxtR-Title, .span12 .vNewsRespTtxtR .vNewsRespTtxtR-Title { float: none; width: initial; min-height: 56px; max-height: 56px; }
/* END Views News Short Right Text of Responsive */

/* Fix Calendar */
.view .date-nav-wrapper .date-heading h3 { line-height: 24px !important; font-size: 1.1em !important; }
.view .date-nav-wrapper .date-heading { margin: 0 auto !important; width: 50% !important; }
/* END Fix Calendar */

/* --- New Theme Style --- */

/* Header Categories */
.header-categories-container .header-categories-bg img { margin-left: -24vw; }
.header-categories-container .header-categories-txt { width: 50%; margin-top: -125px; font-size: 150%; }
/* END Header Categories */

/* Categories News */
.categories-news-item, .categories-news-section { float: none; width: 96%; height: auto; }
.categories-news-img, .categories-news-section { float: none; position: inherit; width: 100%; height: auto; border: 0; }
.categories-news-section .categories-news-section-txt { display: inherit; transform: rotate(0deg); margin-top: 0px; width: auto; text-align: center; height: auto; }
.categories-news-item:hover .categories-news-section { width: auto; transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; }
.categories-news-item:hover .categories-news-section .categories-news-section-txt { text-align: center; }
/* END Categories News */

/* Categories News Bottom */
.categories-news-bottom-item, .categories-news-bottom-section { width: 96%; height: auto; }
.categories-news-bottom-img, .categories-news-bottom-section { width: 100%; height: auto; border: 0; margin-top: 0; opacity: 1; background: #22717c; border-top: 3px solid #FFFFFF; }
.categories-news-bottom-section .categories-news-bottom-section-txt { display: inherit; margin-top: 0px; width: auto; text-align: center; height: auto; }
.categories-news-bottom-item:hover .categories-news-bottom-section { width: auto; transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; }
/* END Categories News Bottom */

/* Highlight Banner */
.highlightbanner-item { float: none; width: 100%; }
/* END Highlight Banner */

/* Three Button Link */
.Three-button-link img { width: 97%; }
/* END Three Button Link */

/* Leadership Section Front Page */
.Leadership-Section .Leadership-Picture, .Leadership-Section .Leadership-Detail, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Picture, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail { float: none; width: 100%; }
.Leadership-Section .Leadership-Picture .Leadership-Thumb, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Picture .Leadership-Thumb { width: 42%; }
.Leadership-Section .Leadership-Detail .Leadership-Name, .Leadership-Section .Leadership-Detail .Leadership-Position, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Name, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Position { padding: 2px 0; text-align: center; }
.Leadership-Section .Leadership-Detail .Leadership-Name, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Name { border-bottom: none; font-size: 110%; }
.Leadership-Section .Leadership-Detail .Leadership-Position, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Detail .Leadership-Position { font-size: 100%; }
.Leadership-Section .Leadership-Slogan, .frontpage-container-1col-TM3col .Leadership-Section .Leadership-Slogan { padding: 2px 0 5px 2px; text-align: center; }
/* END Leadership Section Front Page */

/* Title and Button Green Style */
.Title-Button-Green-style a, .btn-style-green { width: 95%; }
/* END Title and Button Green Style */

/* Panel Percent Grid */
.frontpage-container-1col, .frontpage-container-1col-TM3col, .frontpage-container-2col { float: none; width: 100%; }
/* END Panel Percent Grid */

/* HighLight Botton New Frontpage */
.highlight-btn-icon { margin-left: 15px; }
.highlight-btn-txt, .highlight-btn-desp { width: 68%; padding: 4px 0 2px 20px; }

.frontpage-container-3col .highlight-btn-item, .frontpage-container-3col .highlight-btn-item:first-child, .frontpage-container-3col .highlight-btn-item:last-child { float: none; width: inherit; margin: 10px 0; }
.frontpage-container-3col .highlight-btn-icon { margin-left: 15px; }
.frontpage-container-3col .highlight-btn-txt, .frontpage-container-3col .highlight-btn-desp { width: 68%; padding: 4px 0 2px 20px; }
/* END HighLight Botton New Frontpage */

/* HighLight News New Frontpage */
.highlight-news-title, .highlight-news-summary { max-height: inherit; }
.highlight-news-thumb img { height: 60.75vw; min-height: 217px; max-height: 292px; }
/* END HighLight News New Frontpage */

/* News Content New */
.NewsContent-container, .span9 .NewsContent-container { float: none; width: 94%; }
.NewsContent-title, .span9 .NewsContent-title, .NewsContent-summary, .span9 .NewsContent-summary { max-height: inherit; }
.NewsContent-thumb img, .span9 .NewsContent-thumb img { height: 60.75vw !important; min-height: 217px; max-height: 292px; }
/* END News Content New */

/* Upcoming Events New Frontpage */
.upcomingevent-item { float: none; margin: 4px 8px; width: 93.55%; padding: 5px; border-bottom: 1px solid #efefef; }
.upcomingevent-title { min-height: inherit; max-height: inherit; }
.upcomingevent-more { height: inherit; overflow: inherit; }
/* END Upcoming Events New Frontpage */

/* Upcoming Events New */
.upcomingevent-style, .span3 .upcomingevent-style, .span6 .upcomingevent-style, .span9 .upcomingevent-style { float: none; margin: 4px 8px; width: 93%; padding: 5px; border-bottom: 1px solid #efefef; }
.upcomingevent-style-title, .span3 .upcomingevent-style-title, .span6 .upcomingevent-style-title, .span9 .upcomingevent-style-title { min-height: inherit; max-height: inherit; }
/* END Upcoming Events New */

/* Menu List Link New Frontpage */
.Menu-List-Link-Frontpage-Container li { width: 45%; min-height: 40px; }
.Menu-List-Link-Frontpage-Container li:before { padding: 0 10px 21px 5px; }
/* END Menu List Link New Frontpage */

/* Menu List Link item New */
.Menu-List-Link-item li, .span3 .Menu-List-Link-item li, .span9 .Menu-List-Link-item li { float: none; margin: 4px 0; width: 99.4%;  }
/* END Menu List Link item New */

/* YouTube Frame */
.YouTubeFrame .YouTubeFrame-img { margin-top: -51.25vw; }
.YouTubeFrame .YouTubeFrame-item iframe,
.YouTubeFrame .YouTubeFrame-img img { width: 90%; max-height: 240px; height: 51vw; }
/* END YouTube Frame */

/* Contact Reference */
.Ref-Container .Ref-Section-Desp { float: none; width: 100%; max-width: 100%; text-align: center; }
.Ref-Container .Ref-Section-Logo { float: none; margin: 5px auto; }

.AtRama-Ref { background:-webkit-linear-gradient(top, #FFFFFF, #f9f7f1, #eae2cb); }

.RAMA-CH-Ref { background:-webkit-linear-gradient(top, #FFFFFF, #F5F5F5, lightblue); }
/* END Contact Reference */

/* Banner Footer New */
.BN-newfrontpage img { width: 42%; }
/* END Banner Footer New */

/* Title BoxStyle */
.Title-boxStyle { margin: 8px 3px 8px 8px; }
.Title-boxStyle span.TboxStyle { display: block; text-align: center; border-radius:9px 9px 0 0; padding:10px 12px 6px 12px; }
/* END Title BoxStyle */

/* --- END New Theme Style --- */

}


@media only screen and (max-width: 360px) {

/* --- END New Theme Style --- */

/* HighLight Botton New Frontpage */
.highlight-btn-txt, .highlight-btn-desp { width: 63%; }
.frontpage-container-3col .highlight-btn-txt, .frontpage-container-3col .highlight-btn-desp { width: 63%; }
/* END HighLight Botton New Frontpage */

/* --- END New Theme Style --- */

}

/* ----------------- Text Effect ---------------------- */

@-webkit-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 0.75; }
}
@-moz-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 0.75; }
}
@-ms-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 0.75; }
}
@-o-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 0.75; }
}
@keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 0.75; }
}

@-webkit-keyframes fadeIn-II {
        0% { opacity: 0; }
        100% { opacity: 0.5; }
}

@-webkit-keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
        /* 50% { opacity: 0; -webkit-transform: translate3d(+20%, 0, 0); -moz-transform: translate3d(+20%, 0, 0); -ms-transform: translate3d(+20%, 0, 0); -o-transform: translate3d(+20%, 0, 0); transform: translate3d(+20%, 0, 0); } */
        100% { opacity: 1; -webkit-transform: none; -ms-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}
@-moz-keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
        /* 50% { opacity: 0; -webkit-transform: translate3d(+20%, 0, 0); -moz-transform: translate3d(+20%, 0, 0); -ms-transform: translate3d(+20%, 0, 0); -o-transform: translate3d(+20%, 0, 0); transform: translate3d(+20%, 0, 0); } */
        100% { opacity: 1; -webkit-transform: none; -ms-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}
@-ms-keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
        /* 50% { opacity: 0; -webkit-transform: translate3d(+20%, 0, 0); -moz-transform: translate3d(+20%, 0, 0); -ms-transform: translate3d(+20%, 0, 0); -o-transform: translate3d(+20%, 0, 0); transform: translate3d(+20%, 0, 0); } */
        100% { opacity: 1; -webkit-transform: none; -ms-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}
@-o-keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
        /* 50% { opacity: 0; -webkit-transform: translate3d(+20%, 0, 0); -moz-transform: translate3d(+20%, 0, 0); -ms-transform: translate3d(+20%, 0, 0); -o-transform: translate3d(+20%, 0, 0); transform: translate3d(+20%, 0, 0); } */
        100% { opacity: 1; -webkit-transform: none; -ms-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}
@keyframes fadeInLeft {
        0% { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
        /* 50% { opacity: 0; -webkit-transform: translate3d(+20%, 0, 0); -moz-transform: translate3d(+20%, 0, 0); -ms-transform: translate3d(+20%, 0, 0); -o-transform: translate3d(+20%, 0, 0); transform: translate3d(+20%, 0, 0); } */
        100% { opacity: 1; -webkit-transform: none; -ms-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}

@-webkit-keyframes fadeInRight {
        0% { opacity: 0; -webkit-transform: translate3d(+20%, 0, 0); -moz-transform: translate3d(+20%, 0, 0); -ms-transform: translate3d(+20%, 0, 0); -o-transform: translate3d(+20%, 0, 0); transform: translate3d(+20%, 0, 0); }
        100% { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}

@-webkit-keyframes fadeInDown {
        0% { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
        100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes flyIn {
        0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
        25% { opacity: .5; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
        50% { opacity: .5; -webkit-transform: translate3d(+100%, 0, 0); transform: translate3d(+100%, 0, 0); }
        55% { opacity: 0; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
        100% { opacity: 1; -webkit-transform: none; transform: none; }

}

@-webkit-keyframes DriftScale {
        0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); -moz-transform: scale3d(0, 0, 1); }
        25% { opacity: .25; -webkit-transform: scale3d(1.5, 1.5, 1); -moz-transform: scale3d(1.5, 1.5, 1); }
        55% { opacity: .5; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1) }
        85% { opacity: .75; -webkit-transform: scale3d(5, 5, 1); -moz-transform: scale3d(5, 5, 1) }
        100% { opacity: 1; -webkit-transform: none; transform: none; }
}

#text-fadein-left p, #text-fadein-right p, #text-flyin p { margin: 0; padding: 0;}

#border-fadein {
-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s;
-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;
}

#border-fadein-II {
        -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-name: fadeIn; animation-name: fadeIn-II;
}

#text-fadein-left {
        -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
}

#text-fadein-right {
        -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-name: fadeInRight; animation-name: fadeInRight;
}

#text-fadein-down {
        -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
}
#text-flyin {
-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-name: flyIn; animation-name: flyIn;
}

#text-driftscale {
-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
        -webkit-animation-name: DriftScale; animation-name: DriftScale;
}


/* ------------------- END Text Effect ----------------------- */