@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');


.clr { clear:both;}

/* IN THE NEWS MODULE CSS START HERE */ 
#module-mid { width:975px; margin:0 auto; padding:20px 0; border-bottom: 1px solid #000000;}
#module-mid #datesec{ width:138px; margin:0; padding:0; float:left;}
#module-mid #datesec h1 { font-family: 'Montserrat', sans-serif; color:#ff6633; font-size:16px; font-style:normal; text-decoration:none; margin:0; padding:0 !important; line-height: 23px; background-image:none; text-align:left;}
#module-mid #infosec { width:85%; margin:0; padding:0; float:right;}
#module-mid #infosec a { text-decoration:underline;}
#module-mid #infosec a:hover { text-decoration:underline;}
#module-mid #infosec h1 { font-family: 'Montserrat', sans-serif; color:#464646; font-size:20px; font-style:normal; line-height:25px; text-decoration:none; margin:0 0 5px; padding:0 !important; background-image:none; text-align:left; text-transform:capitalize;}
#module-mid #infosec h1 a { text-decoration:none;}
#module-mid #infosec h1 a:hover { text-decoration:underline;}
#module-mid #infosec h2 { font-family: 'Montserrat', sans-serif; color:#96aabe; font-size:15px; font-style:normal;  text-decoration:none; margin: 0 0 2px; padding:0; line-height:normal; text-align:left; }
#module-mid #infosec p { font-family: 'Montserrat', sans-serif; color:#666666; font-size:13px; font-style:normal;  text-decoration:none; margin:8px 0 5px 0; padding:0; text-align:left; line-height:normal;}
#module-mid #infosec .pspace { margin:0 0 18px;}
#module-mid #infosec img { margin: 0 0 5px; }
#module-mid #infosec .r-m a { font-family: 'Montserrat', sans-serif; color:#96aabe; font-size:12px; font-style:normal; text-decoration:none; margin:0; padding:0;}
#module-mid #infosec .r-m a:hover { font-family: 'Montserrat', sans-serif; color:#96aabe; font-size:12px; font-style:normal; text-decoration: underline; margin:0; padding:0;}
#module-mid #viewall   { width:85%; margin:0; padding:0; float:right;}
#module-mid #viewall a { background-image: url("images/mod-view-all.svg"); background-position: left 0; background-repeat: no-repeat; color: #96aabe; float: left; font-family: 'Montserrat', sans-serif; font-size:10pt; margin: 10px 0 0; padding:1px 0 1px 25px; text-decoration:none;}
#module-mid #viewall a:hover { text-decoration:underline;}

#module-mid #readmore   { width:85%; margin:0; padding:0; float:right;}
#module-mid #readmore a { color: #ffffff; float: left; font-family: 'Montserrat', sans-serif; font-size:10pt; margin:0; padding:0; text-decoration:none;}
#module-mid #readmore a:hover { text-decoration:underline;}
/* IN THE NEWS MODULE CSS END HERE */

/* DETAIL PAGE PAGINATION STYLE START HERE */
#pagination            { margin:0 auto; width:975px;}
.PagingTable{width:100%; padding:10px 0px;} 
#prev                  { display: table-cell; margin:0; padding:10px 0; }
#page-num              { display: table-cell; margin:0; padding:18px 0 0; text-align:center;  vertical-align: top; width:90%; }
#next                  { display: table-cell; margin:0; padding:10px 0; }
#PR-2016 #page-num{display: inherit;width:100%;}  


#page-num a, .PagingTable a, .PagingTable span, .PagingTable td            { color:#96aabe; font-family: 'Montserrat', sans-serif; font-size:10pt; margin: 0 5px; text-decoration:none;}
#page-num a:link, .PagingTable a:link       { color:#96aabe; text-decoration: none;}
#page-num a:hover      { color:#ff6633 !important; text-decoration:underline;}
#page-num a:active     { color:#96aabe; text-decoration: none;}
#page-num a:visited    { color:#96aabe; text-decoration: none;}
#page-num a:focus      { color:#96aabe; text-decoration: none;}


#prev a { background-image: url("images/PREV.svg"); background-position: left 1; background-repeat: no-repeat; color: #96aabe; float: left; font-family: 'Montserrat', sans-serif; font-size:10pt; margin: 10px 0 0; padding:1px 0 2px 25px; text-decoration:none;}
#prev a:hover { text-decoration:underline;}

#next a { background-image: url("images/NEXT.svg"); background-position: right 1; background-repeat: no-repeat; color: #96aabe; float: left; font-family: 'Montserrat', sans-serif; font-size:10pt; margin: 10px 0 0; padding:1px 25px 2px 0px; text-decoration:none;}
#next a:hover { text-decoration:underline;}
/* DETAIL PAGE PAGINATION STYLE END HERE */


/* BLOG PAGE */
#blog-2016 #Blog-mid{width:100%;}
#Blog-mid             { margin: 0 auto; padding: 20px 0; width: 975px;}
#Blog-mid #blogleft   { float:left; margin:0 0 15px; border-bottom: 1px solid #000000; width:87%; padding: 0 0 15px;}
#blog-2016 #Blog-mid #blogleft{width:100%;}
#Blog-mid #blogleft #datesec    { float: left; margin: 0; padding: 0; width: 138px;}
#blog-2016 #Blog-mid #blogleft #datesec{width:18%;}
#Blog-mid #blogleft #datesec h1 { color: #ff6633; font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; line-height: 23px; margin: 0; padding: 0 !important; text-decoration: none; text-transform:uppercase; background-image:none; }
#Blog-mid #blogleft #infosec { float:left; margin: 0; padding: 0; width:82%;}
#Blog-mid #blogleft #infosec h1  { color: #464646; font-family: 'Montserrat', sans-serif; font-size: 20px; font-style: normal; line-height: 25px; margin: 0 0 5px; padding: 0!important; text-decoration: none; text-transform: capitalize; background-image:none; }
#Blog-mid #blogleft #infosec h2  { color: #96aabe; font-family: 'Montserrat', sans-serif; font-size: 15px; font-style: normal; margin: 0 0 2px; padding: 0; text-decoration: none; line-height: normal !important;}
#Blog-mid #blogleft #infosec p { font-family: 'Montserrat', sans-serif; color:#666666; font-size:13px; font-style:normal;  text-decoration:none; margin:8px 0 5px 0; padding:0; line-height: normal !important;}
#Blog-mid #blogleft #readmore   {  margin: 0; padding: 0; }
#Blog-mid #blogleft #readmore a { color: #96aabe; float: left; font-family: 'Montserrat', sans-serif; font-size:10pt; margin:0; padding:0; text-decoration:none;}
#Blog-mid #blogleft #readmore a:hover { text-decoration:underline;}

#Blog-2016 #blogright{float:right; margin:0; padding:0; width:100%;margin-top:77px;}
#Blog-mid #blogright{ float:right; margin:0; padding:0; width:13%;}
#Blog-mid #blogright ul, #Blog-2016 #blogright ul     { margin:0; padding:0;}
#Blog-mid #blogright ul li, #Blog-2016 #blogright ul li  { font-family: 'Montserrat', sans-serif; color: #96aabe; font-size:9pt; line-height:20px; margin:0; padding:0; text-transform:uppercase; text-decoration:none; list-style-type:none; text-align:right;}
#Blog-mid #blogright ul li a, #Blog-2016 #blogright ul li a      { color: #96aabe; text-decoration:none;}
#Blog-mid #blogright ul li a:hover, #Blog-2016 #blogright ul li a:hover{ color:#ff6633; text-decoration:underline;}




#Blog-2016 #Blog-mid #back {width:100%;}
#Blog-mid #back       { float:left; margin:0 0 15px; width:87%; padding: 0 0 15px; text-align:center;}
#Blog-mid #back a      { color:#96aabe; font-family: 'Montserrat', sans-serif; font-size:10pt; margin: 0 5px; text-decoration:none;}
#Blog-mid #back a:link { color:#96aabe; text-decoration: none;}
#Blog-mid #back a:hover  { color:#ff6633 !important; text-decoration:underline;}
#Blog-mid #back a:active { color:#96aabe; text-decoration: none;}
#Blog-mid #back a:visited{ color:#96aabe; text-decoration: none;}
#Blog-mid #back a:focus  { color:#96aabe; text-decoration: none;}


#Blog-mid ul    { margin: 10px 0; padding: 0 0 0 15px;}
#Blog-mid ul li { color: #666666; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 18px; list-style-type: disc; text-decoration: none;}

#cap-txt        { background-color:#fff; margin:0 0 10px 0; height:230px;overflow:hidden;text-align:center;} 
/* BLOG PAGE */



/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1024px)   
{
/* IN THE NEWS MODULE CSS START HERE */
#module-mid         { padding: 20px 0px; width:100%;}
#module-mid #datesec{ width:auto;}
/* IN THE NEWS MODULE CSS END HERE */

/* DETAIL PAGE PAGINATION STYLE START HERE */
#pagination         { width:auto; padding:10px;}
/* DETAIL PAGE PAGINATION STYLE END HERE */

/* BLOG Module */
#Blog-mid             { margin: 0 auto; padding:20px; width:auto;}
/* BLOG Module */
}

@media only screen and (max-width : 900px)   
{
/* BLOG Module */
#Blog-mid #blogright { width: 15%;}
#Blog-mid #blogleft  { width: 85%;}
#Blog-mid #blogleft #datesec,#blog-2016 #Blog-mid #blogleft #datesec { width: 96px;}
/* BLOG Module */
}

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 760px)   
{
#module-mid #datesec   { width: 100%; margin:0 0 4px;}
#module-mid #datesec h1{ font-size: 15px; line-height: 20px;}
#module-mid #infosec   { width: auto; float:left;}
#module-mid #infosec h1{ font-size: 15px; line-height: 20px;} 
#module-mid #infosec h2{ font-size: 13px;}
#module-mid #viewall   { width: 100%; float: left;}
#module-mid #readmore   { width: 100%; float: left;}

/* BLOG Module */
#blog-2016 #Blog-mid{width:auto;}
#Blog-mid #blogright   { width: auto; margin: 0 0 10px;}
#Blog-mid #blogleft    { width: auto;}
#Blog-mid #back        { width:100%; }
#Blog-mid #blogleft #datesec, #blog-2016 #Blog-mid #blogleft #datesec { width: auto; margin: 0 0 5px 0;}
#Blog-mid #blogleft #datesec h1 br { display: none;}
/* BLOG Module */
}


/* iphone Landscape  [HORIZONTAL] CSS Start here */
@media only screen and (max-width :568px)   
{
/* BLOG Module */
#Blog-mid #blogleft #datesec { width:auto;}
#Blog-mid #blogleft #infosec { width:auto;}
#Blog-mid #blogleft #datesec h1 { font-size: 14px; line-height: 18px;}
#Blog-mid #blogleft #infosec h1 { font-size: 15px; line-height: 20px;}
#Blog-mid #blogleft #infosec h2 { font-size: 14px;}
/* BLOG Module */

}


/* iphone Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 480px)   
{
/* DETAIL PAGE PAGINATION STYLE START HERE */
#page-num           { padding:23px 0 0;} 
#page-num a         { margin: 0 1px; font-size:8pt;}
#prev a             { font-size: 7pt; padding:3px 0 3px 22px; background-position: left 3px;}
#next a             { font-size: 7pt; padding: 3px 22px 3px 0; background-position: right 3px;}
	
#page-num a, .PagingTable a, .PagingTable span, .PagingTable td  { font-size:8pt; margin: 0 2px;}
/* DETAIL PAGE PAGINATION STYLE END HERE */

}


/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :320px)   
{
}