@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("//m.804400.com/bootstrap/inter/Inter-Regular.woff2?v=3.15") format("woff2"),
       url("//m.804400.com/bootstrap/inter/Inter-Regular.woff?v=3.15") format("woff");
}  
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("//m.804400.com/bootstrap/inter/Inter-Italic.woff2?v=3.15") format("woff2"),
       url("//m.804400.com/bootstrap/inter/Inter-Italic.woff?v=3.15") format("woff");
} 
@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("//m.804400.com/bootstrap/inter/Inter-Bold.woff2?v=3.15") format("woff2"),
       url("//m.804400.com/bootstrap/inter/Inter-Bold.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("//m.804400.com/bootstrap/inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"),
       url("//m.804400.com/bootstrap/inter/Inter-BoldItalic.woff?v=3.15") format("woff");
}


body { font-family: 'Inter', Fallback, sans-serif; font-weight: 400; color: #000; font-size: 16px; line-height:24px;   }
a {	color: #000; text-decoration: underline;	-webkit-text-decoration-color: #F58720;	text-decoration-color: #F58720; text-decoration-thickness: 2px; }
a:hover, a:focus { transition: all 0.3s; color: #FF6C0A;  text-decoration-thickness: 2px; }
.blueLink:hover, .blueLink:focus { transition: all 0.3s; color: #2A51DE;  text-decoration-thickness: 2px; }

.orangeLink {	color: #FF6C0A; text-decoration: underline;	-webkit-text-decoration-color: #fff;	text-decoration-color: #fff; text-decoration-thickness: 2px; }
.orangeLink:hover, .orangeLink:focus { transition: all 0.3s; color: #FF6C0A;  text-decoration-thickness: 2px; }

.nodecorate{text-decoration: none !important;}

strong { font-weight: 700;  }
.strong { font-weight: 700;  }

h1,h2,h3,h4,h5,h6 { font-weight: 700; }
h1 { font-size: 30px; } @media (min-width: 767px) { h1 { font-size: 34px; line-height:38px;  } }
h2 { font-size: 28px; }
h3 { font-size: 24px; line-height:28px; }
h4 { font-size: 20px; line-height:24px; }
h5 { font-size: 16px; line-height:20px; }
h6 { font-size: 16px; line-height:20px; }

#articleCopy h2 { margin-top: 40px; }
#articleCopy h3 { margin-top: 30px; }

blockquote {    border-left: 3px solid #F58720;  margin: 20px 0px 20px; }
img { display: inline-block; height: auto;  max-width: 100%; }

.img_small { max-width: 150px; max-height: 150px; }
.img_medium { max-width: 300px; max-height: 300px; }
.img_large { max-width: 450px; max-height: 450px; } 


 /* FONT */
.light { font-weight: 400!important; }
.small, .text-small { font-size: 12px; line-height:16px !important; }
.lineheight20 { line-height: 20px; }





/* COLOURS */
.white { color: #FFFFFF; } .whitebg { background-color: #FFFFFF !important; } .whitebd { border-color: #FFFFFF !important; }
.beige { color: #F4F0E7; } .beigebg { background-color: #F4F0E7 !important; } .beigebd { border-color: #F4F0E7 !important; }
.dark_beige { color: #ECE5D6; } .dark_beigebg { background-color: #ECE5D6 !important; } .dark_beigebd { border-color: #ECE5D6 !important; }
.orange { color: #F58720; } .orangebg { background-color: #F58720 !important; } .orangebd { border-color: #F58720 !important; }
.darkgrey { color: #3A3A3A; } .darkgreybg { background-color: #3A3A3A !important; } .darkgreybd { border-color: #3A3A3A !important; }
.black { color: #000000; } .blackbg { background-color: #000000 !important; } .blackbd { border-color: #000000 !important; }
.yellow { color: #FCB315; } .yellowbg { background-color: #FCB315 !important; } .yellowbd { border-color: #FCB315 !important; }
.green { color: #109E4D; } .greenbg { background-color: #109E4D !important; } .greenbd { border-color: #109E4D !important; }
.blue { color: #2A51DE; } .bluebg { background-color: #2A51DE !important; } .bluebd { border-color: #2A51DE !important; }
.red { color: #EC2D23; } .redbg { background-color: #EC2D23 !important; } .redbd { border-color: #EC2D23 !important; }
.purple { color: #B15684; } .purplebg { background-color: #B15684 !important; } .purplebd { border-color: #B15684 !important; }
.lightgreen { color: #CDDDC8; } .lightgreenbg { background-color: #CDDDC8 !important; } .lightgreenbd { border-color: #CDDDC8 !important; }
.lightblue { color: #87C6EF; } .lightbluebg { background-color: #87C6EF !important; } .lightbluebd { border-color: #87C6EF !important; }
.lightpurple { color: #D6B6C8; } .lightpurplebg { background-color: #D6B6C8 !important; } .lightpurplebd { border-color: #D6B6C8 !important; }
.palegrey { color: #f9f9f9; } .palegreybd { border: 1px solid #f9f9f9 !important; } .palegreybg { background-color: #f9f9f9 !important; }
.medgrey { color: #efefef; } .medgreybd { border: 1px solid #efefef !important; } .medgreybg { background-color: #efefef !important; }
.text-warning  { color: #F58720; }
.text-success  { color: #109E4D; }
.text-danger  { color: #EC2D23; }
.text-white  { color: #ffffff; }
.text-grey  { color: #666;  }
.text-default  { color: #333;  }





/* BUTTONS */
.btn_false {
border-radius: 20px;
font-size: 16px;
padding: 5px 22px;
background-color: #fff;
text-align: center;
white-space: nowrap;
font-weight: 400;
border: 1px solid #F58720;
}
.btn { border-radius: 24px; font-size: 16px; padding: 10px 28px; text-decoration: none; }
.btn-xs {  padding: 1px 5px;  font-size: 12px;  line-height: 1.5;   border-radius: 3px;} 
.btn-sm { border-radius: 20px; font-size: 16px; padding: 5px 22px; } 
.btn-lg { border-radius: 28px; font-size: 20px; padding: 14px 30px; } 

.input-group-btn > .btn-lg { border-radius: 24px; font-size: 18px; padding: 10px 14px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0); } 
.input-group-btn > button {    height: 46px; }

.btn-default { border-color: #F58720; color: #000000;  } 
.btn-default:hover, .btn-default.focus, .btn-default:focus { transition: all 0.3s; border-color: #F58720; background-color: #F58720; color: #fff;  } 

.input-group-btn > .btn-default:hover { background-color: #f9ece0; color: #fff }

.btn-danger { border-color: #EC2D23; background-color: #EC2D23; color: #fff;  } 
.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { transition: all 0.3s; background-color: #d4160c;  } 

.btn-primary { border-color: #3A3A3A; background-color: #3A3A3A; color: #fff;  } 
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { transition: all 0.3s; background-color: #F58720;  border-color: #F58720;  }  

.btn-success { border-color: #109E4D; background-color: #109E4D; color: #fff;  } 
.btn-success:hover, .btn-success.focus, .btn-success:focus { transition: all 0.3s; background-color: #078c40;  } 

.btn-info { border-color: #2A51DE; background-color: #2A51DE; color: #fff;  } 
.btn-info:hover, .btn-info.focus, .btn-info:focus { transition: all 0.3s; background-color: #1339c5;  border-color: #1339c5;  } 

.btn-warning { border-color: #F58720; background-color: #F58720; color: #fff;  } 
.btn-warning:hover, .btn-warning.focus, .btn-warning:focus { transition: all 0.3s; background-color: #3A3A3A; border-color: #3A3A3A;  } 


.btn-link  { color: #333333; text-decoration: underline; -webkit-text-decoration-color: #F58720; text-decoration-color: #F58720; text-decoration-thickness: 2px;  }
.btn-link:hover, .btn-link:focus { transition: all 0.3s; color: #F58720; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0); text-decoration-thickness: 2px; }


.btn-false-default {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	background-color: #fff;
	border: 1px solid #F58720;
	cursor: pointer; 
}

.border_top {border-top: 1px solid #ECE5D6;}
.border_bot {border-bottom: 1px solid #ECE5D6;}


.block_hover:hover   {  box-shadow:  0 0 2px #333; text-decoration: none; }
.job_block    { border-top: 1px solid #efefef;  } 
.job_block > a   {  padding: 15px; text-decoration: none; color: #333; display: block; }
.job_block > a:hover   {  text-decoration: none; background-color: #efefef; }
 
.job_block > .job_block_inner   {  padding: 15px; text-decoration: none; color: #333; display: block; cursor: pointer; }
.job_block > .job_block_inner:hover   {  text-decoration: none; background-color: #efefef; }
 

.job_block_home    { border-top: 1px solid #fff; margin-left: -15px; margin-right: -15px;  } 
.job_block_home > a   {  padding: 15px; text-decoration: none; color: #333; display: block; }
.job_block_home > a:hover   {  text-decoration: none; background-color: #FFCF04; }
 
 
 
.blog_block { background-color: #262228; color: #fff; margin-bottom: 25px;  } 
.blog_block > a { color: #fff; display: block; }
.blog_block > a:hover {  text-decoration: none; background-color: #FFCF04; color: #262228; }
.blog_block_image { width: 100%; height: 200px; background-position: center center;  background-repeat: no-repeat; background-size: cover; background-color: #efefef; }
.blog_block_copy { padding: 15px;  } 
 

 
 .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
} 

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: transparent;
	border-color: transparent;
	border-top: 1px solid #87C6EF; 
}

.panel-title {
	font-size: 14px;
}

.panel-title > a {
	display: block;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
}

.more-less {
	float: right;
	color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}

 .panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-body {
    padding: 0px;
}
 
/* Nav Bar */
#sticky{ z-index: 1;}
#sticky.affix {    position: fixed; top: 0; width: 100%; z-index: 3; }

.navbar-default  {  background-color: transparent;  }
.navbar-default { background-image: notset; box-shadow: none; border-bottom: 1px solid #efefef; }

.navbar-default .navbar-toggle:hover {  background-color: #fff;  border-color: #FFCF04; color: #fff; }
.navbar-default .navbar-toggle .icon-bar {  background-color: #FFCF04; }
.navbar-default .navbar-toggle .icon-bar:hover {  background-color: #fff; color: #fff;  }


.navbar{ margin-bottom: 0px; border-radius: 0px; border: 0px solid transparent; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size: 14px; font-weight: bold; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #262228; background-color: #fff; }
.navbar-default .navbar-nav > .active > a { background-color: #fff; font-weight: bold;  color: #FFCF04;  }

.navbar-brand {height: 50px;width: 50px; padding: 5px 10px; }
.navbar-brand:hover { background-color: #F58720 !important; }



.navbar-collapse.in {
    overflow-y: auto;
    background-color: #333;
	margin-bottom: 52px;
}

.navbar-default .navbar-nav > li > a > img { max-height: 30px;} 
.nav > li > a { padding: 10px 25px; } 
	.navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; font-weight: bold; }
	
@media (min-width: 767px) { 
	.navbar-default .navbar-nav > .loginbutton > a { background-color: #3A3A3A; font-weight: bold;  color: #ffffff;  }
	.navbar-default .navbar-nav > .postbutton > a { background-color: #F58720; font-weight: bold;  color: #ffffff;  }
}



@media (min-width: 992px) { 
	.navbar-default .navbar-nav > li > a > img { max-height: 46px;} 
}
@media (min-width: 1200px) { 
	
}
.nav-pad > .nav-padded > a {  line-height: 40px;  min-height: 40px; padding-top: 0; padding-bottom: 0; }
@media (min-width: 767px) { .nav-pad > .nav-padded > a {  line-height: 50px;  min-height: 50px; padding-top: 0; padding-bottom: 0;} }
.navbar-nav { margin: 0; }
.navbar-brand > .navbar-nav > li > a {  padding-bottom: 0px;}
.navbar-collapse {  padding-right: 0px;  padding-left: 0px;	}

.navbar-default > .container > .collapse.in > .nav > li > a:hover{ background-color: #F58720;  }
.navbar-inverse > .container > .collapse.in > .nav > li > a:hover{ background-color: #F58720;  }
.collapsing .navbar-right > li , .collapse.in > .navbar-right > li { border-top: 1px dotted #ccc; }
.collapsing .navbar-right > .active > a , .collapse.in > .navbar-right > .active > a { color: #fff; }
.collapsing  > .navbar-left > li > a , .collapse.in > .navbar-left > li > a { font-weight: 700; }



.navbar-toggle {
    border-color: transparent !important;
    padding: 4px 6px 4px 6px;
    font-size: 18px;
	margin-right: 25px;
	background-color: #fff !important;
}
.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
    color: #fff;
    transition: all 0.3s !important;
    background-color: #F58720 !important;
}

/* Nav Bar ENDS */






.dashbar { background-color: #eae5d2; background-image: url('/resources/images/bg_sand.gif'); background-position: top center; }

.dashbar  h2 { color: #FFCF04; padding-top: 5px; margin-left: 12px; font-size: 30px; }

@media (max-width: 767px) { .dashbar .btn {width:40px; height: 40px; padding: 6px 5px; margin-right: 0px; margin-left: 0px; }  .dashbar  h2 { padding-top: 5px; margin-left: -3px; font-size: 26px; } }




.container_bordertop { border-top: 1px solid #efefef; }
.container_dark { background-color: #999; }



/* CONTAINERS */
.main {  }


/* FOOTER */
.footer { color: #fff; }
.footer a { color: #F58720; text-decoration: none;  }
.footer a:hover { color: #fff; }

/* breadcrumb */
.breadcrumb { background-color: transparent; padding: 0; margin: 0 0 15px 0; font-size: 0.9em }
.breadcrumb a { color: #FFCF04; }


/* Scoll */
.scroll-top { position:fixed; bottom:0; right:2%; z-index:100; background: #FFCF04; font-size:20px; border-top-left-radius:1px; border-bottom-left-radius:1px; border-top: 1px solid #FFCF04; border-left: 1px solid #FFCF04; border-right: 1px solid #FFCF04; }
.scroll-top a:link,.scroll-top a:visited { color:#fff; background-color: notset; padding: 10px 15px; } 
@media (max-width: 1200px) { .scroll-top  { display: none; } body { padding-right: 0px; } }

/* FORMS */
.has-feedback label ~ .form-control-feedback {  top: 0px; }


hr { border-top: 1px solid #ccc; }

.has-feedback label ~ .form-control-feedback {
    top: -15px;
}




/* PADDINGS AND SPACINGS */
.max800  { max-width: 800px; }
.max600  { max-width: 600px; }
.max400  { max-width: 400px; }
.max300  { max-width: 300px; }
.max200  { max-width: 200px; }
.notop { margin-top: 0px; padding-top: 0px; } .nobot { margin-bottom: 0px; padding-bottom: 0px; } 
.top50 { margin-top: 50px; } .bot50 { margin-bottom: 50px; } .top25 { margin-top: 25px; } .bot25 { margin-bottom: 25px; }  .top15 { margin-top: 15px; } .bot15 { margin-bottom: 15px; }  .top5 { margin-top: 5px; } .bot5 { margin-bottom: 5px; }

.minus15 { margin-left: -15px; margin-right: -15px }

.left50 { padding-left: 50px; } .left25 { padding-left: 25px; }  .left15 { padding-left: 15px; }  .left5 { padding-left: 5px; } .left0 { padding-left: 0px; } .right50 { padding-right: 50px; } .right25 { padding-right: 25px; } .right15 { padding-right: 15px; } .right5 { padding-right: 5px; }  .right0 { padding-right: 0px;  }  

/* PADDINGS AND SPACINGS ENDS */

.padall25 { padding: 25px; }
.margall25 { margin: 25px; }

@media (min-width: 767px) { 
.border_left { border-left: 1px solid #eee; padding-left: 25px; } 
.border_right { border-right: 1px solid #eee; padding-right:25px; } 
}

.border_bot { border-bottom: 1px solid #eee; } 
.border_top { border-top: 1px solid #eee; } 

/* FORMATING */
.gpanel  { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-sizing: border-box; padding: 15px; margin: 20px 0 20px 0;  }
.maincontent img { display: inline-block !important; height: auto !important;  max-width: 100% !important; }
img { display: inline-block; height: auto;  max-width: 100%;  }
.alert H1 { margin-top: 0px; }
.well H1  { margin-top: 0px; }
blockquote {    border-left: 1px solid #EEE;  margin: 20px 0px 20px; }
/* FORMATING ENDS */


 /* ALERTS */
.alert {font-weight: 700;
	border-left: 3px solid transparent;
	border-right: 0px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-radius: 0px;
	padding: 5px 0 5px 15px;
}

.alert-success { 
    color: #109E4D;
    background-color: #fff;
    border-color: #109E4D;
}
.alert-danger { 
    color: #EC2D23;
    background-color: #fff;
    border-color: #EC2D23;
}
.alert-info { 
    color: #2A51DE;
    background-color: #fff;
    border-color: #2A51DE;
}

.alert-warning { 
    color: #F58720;
    background-color: #fff;
    border-color: #F58720;
}


/* MASONARY */
.masonary_item > .no_decoration { text-decoration: none; } 
.timelineblocks {  text-decoration: none;   }



.timelineblock p  { padding: 0px 10px 0px 10px; }
.timelineblock h4  { padding: 0px 10px 0px 10px; }
.timelineblock { background-color: #fff; padding: 0px; border-radius: 2px; box-shadow:  0 0 5px #ccc; }
.timelineblock_foot  { padding-top: 14px;  }
.timelineblock_image { width: 100%; height: 200px; background-repeat:no-repeat;  }
.timelineblock_verynarrowimage {  width: 100%; height: 120px; background-repeat:no-repeat; }
.timelineblocknarrow { width: 295px; margin-bottom: 20px; }
.timelineblockwide { width: 610px; margin-bottom: 20px; }
.timelineblockverynarrow { width: 180px; margin-bottom: 10px; }
.timelineblock_body { color: #fff;  }
.timelineblock_body:hover { color: #FFCF04;  }

.blogblock { width: 295px; padding: 0px; background-color: #262228; }
.blogblockwide { width: 615px; padding: 0px; background-color: #262228;}
.blogblockimg { width: 295px; height: 200px; }
.blogblockwideimg { width: 615px; height: 400px; }

@media (max-width: 768px) { 
	.blogblockwideimg { width: 295px; height: 200px; } 
	.blogblockwide { width: 295px;}
}


.sq_bg_cover {background-size:cover;}
.sq_bg_contain {background-size:contain;}
.sq_pos_lefttop {background-position:left top;}
.sq_pos_righttop {background-position:right top;}
.sq_pos_center {background-position:center center;}
.sq_pos_leftbot {background-position:left bottom;}
.sq_pos_rightbot {background-position:right bottom;}
/* MASONARY ENDS */


/* SQUARES RIGHT COLUMN */
.square { width: 100%; padding: 15px; border-radius: 2px; }
.square h2 { margin-top: 0px; padding-top: 0px; }
.square-foot { font-size: 0.9em; }
.square-dark  { background-color: #333; color: #fff; }
.square-red  { background-color: #C12E2A; color: #fff; }
.square-red  > p > a { color: #fff; }
.square-light  { background-color: #efefef; color: #333; }

.square-light  > p > a  { color: #333; }
.square-yellow  { background-color: #0175B4; color: #fff; }
.square-yellow  > p > a  { color: #fff; }
.square > nav > .nav-pills h2 { color: #eee; }
.square > nav > .nav-pills > li > a { background-color: transparent; border-radius: 0px; color: #333; padding: 3px 3px 3px 10px; margin: 0 0 5px 0; border-left: 1px solid #eee; }
.square > nav > .nav-pills > li.active  { padding: 4px 3px 4px 10px; background-color: transparent; font-weight: 700; border-left: 2px solid #D2322D; color: #333; }
.square > nav > .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: transparent; border-left: 1px solid #2A6496; border-radius: 0px; color: #2A6496; text-decoration: underline; }
/* SQUARES ENDS */



/* HOMEPAGE SQUARES */
.hpsquare { color: #444; box-shadow:  0 0 2px #ccc; text-decoration: none; background-color: #fff; border-radius: 2px;  background-repeat:no-repeat; position: relative; overflow: hidden; } 
.texthoverred:hover { color: #FFCF04; }

.hpsquare h1 { font-size: 30px; margin: 10px; }
.hpsquare p { margin: 0px 10px 10px 10px; }
.hpsquare img { margin-left: -10px; margin-right: -10px; width: 300px; max-width: none; }

.hpsquare > a { cursor: pinter; text-decoration: none; }
.hpsquare > a:hover  { cursor: pinter; text-decoration: none; }
.hpsquare:hover   {  box-shadow:  0 0 2px #333; text-decoration: none; }
.hpsquare_top {  height: 55px; }
.hpsquare_top h1 { margin: 0px; padding: 10px;  }


.hpsquare_news  { overflow: hidden; color: #fff; }
.hpsquare_innerbottom  { height: 245px; }
.text_btm   { position: absolute; bottom: 11px; padding-right: 10px; }
.masonary_item > .no_decoration { text-decoration: none; } 
.sq_large { width: 300px; height: 300px; overflow: auto; margin-bottom: 20px; }
.sq_bg_cover {background-size:cover;}
.sq_bg_contain {background-size:contain;}
.sq_pos_lefttop {background-position:left top;}
.sq_pos_righttop {background-position:right top;}
.sq_pos_center {background-position:center center;}
.sq_pos_leftbot {background-position:left bottom;}
.sq_pos_rightbot {background-position:right bottom;}
.sq_bg_white {  background-color: #fff;  color: #333; } 
.sq_bg_red { background-color: #FFCF04; color: #fff; } .sq_bg_red > p > a {  color: #fff; }  .sq_bg_red >  p > a:hover {color: #CAEBF2;}
.sq_bg_lightblue { background-color: #CAEBF2; color: #555;}
.sq_bg_darkgrey { background-color: #898989; color: #fff;} .sq_bg_darkgrey > p > a {  color: #fff;}  .sq_bg_darkgrey > p > a:hover {color: #CAEBF2;}
/* HOMEPAGE SQUARES END */







/* CAROUSEL */
#jumboCarousel {
    margin-top: -20px;
    min-height: 200px;
    min-width: 100%;
	max-height: 450px;
}
.carousel-inner {
    min-height: 200px;
    min-width: 100%;
	max-height: 450px;
}

.carousel-inner > .item {
    min-height: 200px;
    min-width: 100%;
	max-height: 450px;
}

.carousel-inner > .item > img {
    min-height: 200px;
    min-width: 100%;
}

.carousel-caption > h1 { font-size: 40px; text-shadow: 0 0 1px #fff; color: #333; }
.carousel-caption > p { font-size: 20px; text-shadow: 0 0 1px #fff; color: #333; }
@media (min-width: 767px) { 
	.carousel-caption > h1 { font-size: 60px; }
	.carousel-caption > p { font-size: 30px; }
}
.carousel-control.left { background-image: none; }
.carousel-control.right { background-image: none; }

#jumboCarousel .carousel-caption {
    text-align: center;
    /*top: auto;*/
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}


.overlayLoading {
    position: absolute;
    width: 100vw;
	height: 50vw;
    z-index: 9998;
}
.overlayLoadingContent {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.loader {
  border: 8px solid #3A3A3A;
  border-radius: 50%;
  border-top: 8px solid #F58720;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.item {
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  }
/* CAROUSEL ENDS */




.nav-tabs {
    border-bottom: 3px solid #FFCF04;
}
.nav-tabs li  { background-color: transparent; font-style: normal;  font-weight: bold; -webkit-font-smoothing: antialiased; font-size: 18px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #FFCF04;
	border: 0px solid transparent;

}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 1px;
}
.nav-tabs > li > a:hover {
    color: #FFCF04;
    cursor: default;
    background-color: #fff;
	border: 0px solid transparent;
	padding-bottom: 9px;
} 
 
.icon_verysmall { width: 20px; height: 20px;  } 
.icon_small { width: 30px; height: 30px; display: inline-block; } 
.icon_medium { width: 40px; height: 40px; display: inline-block; } 
.icon_menu { width: 30px; height: 30px; margin-right: 8px; margin-bottom: 8px; } 
.icon_large { width: 50px; height: 50px; display: inline-block; }
@media (min-width: 992px) { .icon_large { width: 60px; height: 60px; display: inline-block; }}
.icon_verylarge { width: 120px; height: 120px; display: inline-block; }  
.icon_instagram_alt  { background-image: url('/resources/svg/Eel_Instagram_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_instagram  { background-image: url('/resources/svg/Eel_Instagram.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_twitter_alt  { background-image: url('/resources/svg/Eel_Twitter_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_twitter  { background-image: url('/resources/svg/Eel_Twitter.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_linkedin  { background-image: url('/resources/svg/Eel_Linkedin.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_fbook  { background-image: url('/resources/svg/Eel_FaceBook.svg'); background-repeat: no-repeat; background-size: cover;  }

.icon_link  { background-image: url('/resources/svg/link.svg'); background-repeat: no-repeat; background-size: cover;  }
 
.icon_fbook:hover, .icon_twitter:hover, .icon_twitter_alt:hover, .icon_linkedin:hover, .icon_instagram:hover, .icon_instagram_alt:hover, .icon_link:hover {  transition: all 0.3s; opacity: 0.5;  }  




.modal_body_border {
	padding: 15px;
	border-top: 1px solid #e5e5e5;
	 background-color: #efefef;
}







/* CONTENT BLOCKS 2024 */
@media (min-width: 767px) { .flex_container { display: flex; flex-wrap: wrap; }}
.flex_item .panelList { height: 100%; }
.panelList  { width: 100%; border-bottom: 3px solid #F4F0E7; color: #000; position: relative; }  

.panelList > .lead {
    line-height: 1.2;
}

.panelListBeige  { background-color: #F4F0E7; }
.panelListWhite  { background-color: #fff; }
.panelListMedGrey  { background-color: #efefef; border-bottom: 3px solid #efefef;}
.panelList:hover  { transition: all 0.3s;  border-bottom: 3px solid #F58720; color: #111; background-color: #ECE5D6; } 
.panelListImage { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 1px 1px 20px -3px rgba(0,0,0,0.07) inset; -webkit-box-shadow: 1px 1px 20px -3px rgba(0,0,0,0.07) inset; -moz-box-shadow: 1px 1px 20px -3px rgba(0,0,0,0.07) inset; } 
 
.panelListTitle { margin: 10px 10px 15px 10px;  }    

.panelList > h4 { margin: 10px 10px 10px 10px !important;  }    


.panelListRounded  { border: 3px solid #F4F0E7; border-radius: 24px; }  
.panelListRounded:hover  { border: 3px solid #F58720; }  

.panelListDesc { margin: 10px 10px 25px 10px;  }    
.panelListFoot { margin: 10px 10px 5px 10px;  }  

.panelListImageContainer { background-color: #ebe6db; overflow: hidden;  } 

@media (min-width: 767px) { .col-sm-6 > a > .panelList > .panelListImageContainer > .panelListImage { height: 230px; width:345px; object-fit: cover; }}
@media (min-width: 992px) { .col-sm-6 > a > .panelList > .panelListImageContainer > .panelListImage { height: 305px; width:455px; object-fit: cover;}}
@media (min-width: 1200px) { .col-sm-6 > a > .panelList > .panelListImageContainer > .panelListImage { height: 370px; width:555px; object-fit: cover; }} 

@media (min-width: 767px) { .col-sm-4 > a > .panelList > .panelListImageContainer > .panelListImage { height: 147px; width:220px; object-fit: cover; }}
@media (min-width: 992px) { .col-sm-4 > a > .panelList > .panelListImageContainer > .panelListImage { height: 195px; width:293.333px; object-fit: cover; }}
@media (min-width: 1200px) { .col-sm-4 > a > .panelList > .panelListImageContainer > .panelListImage { height: 240px; width:360px; object-fit: cover; }}

@media (min-width: 767px) { .col-sm-3 > a > .panelList > .panelListImageContainer > .panelListImage { height: 105px; width: 157.5px; object-fit: cover; }}
@media (min-width: 992px) { .col-sm-3 > a > .panelList > .panelListImageContainer > .panelListImage { height: 142px; width: 212.5px; object-fit: cover; }}
@media (min-width: 1200px) { .col-sm-3 > a > .panelList > .panelListImageContainer > .panelListImage { height: 175px; width: 262.5px; object-fit: cover; }}

.panelListImage4Col {  width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
@media (min-width: 767px) { .panelListImage4Col { height: 85px;  width: 136.667px; object-fit: cover; }}
@media (min-width: 992px) { .panelListImage4Col { height: 120px;   width: 185.55px; object-fit: cover; }}
@media (min-width: 1200px) {.panelListImage4Col { height: 150px; width: 230px; object-fit: cover; }} 

.panelListImage3Col {  width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
@media (min-width: 767px) { .panelListImage3Col { height: 58px;  width: 87px; object-fit: cover; }}
@media (min-width: 992px) { .panelListImage3Col { height: 83px;   width: 124px; object-fit: cover; }}
@media (min-width: 1200px) {.panelListImage3Col { height: 105px; width: 157px; object-fit: cover; }} 



.panelListImage_RightBar {  width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
@media (min-width: 767px) { .panelListImage_RightBar { height: 142px;  object-fit: cover; }}
@media (min-width: 992px) { .panelListImage_RightBar { height: 142px; width: 212.5px; object-fit: cover; }}
@media (min-width: 1200px) { .panelListImage_RightBar { height: 175px; width: 262.5px; object-fit: cover; }}



.pubListLongCopy300  > .panelListTitle { margin: 15px 10px 10px 10px;  }   
.panelList644 > .panelListTitle { margin: 10px 10px 10px 10px;  }   

.pubListLong > img{ height: 200px; width: 142px; float:left; object-fit: cover; }  
.pubListLongCopy300 { margin-left: 141px; } 

@media (min-width: 767px) { 
	.panelList425 { height: 247px; } 
	.panelList644 { height: 520px; }
	.panelList300 { height: 247px; } 
	.panelListTitle116 { height: 100px; overflow: hidden;  }
	.panelListFootBottom { position: absolute; bottom: 0; } 
	
}
@media (min-width: 992px) { 
	.panelList425 { height: 425px !important; padding: 25px !important; }
	.panelList425 > img{ height: 345px; width: 245px; float:left; object-fit: cover; margin-top: 15px; margin-left: 15px; border-radius: 5px; border: 1px solid #ECE5D6; }  
	.panelList644 { height: 578px; }
	.panelList300 { height: 276px; }
	.panelListTitle116 { height: 80px;  overflow: hidden;  }
	.pubListLongCopy300 > .panelListFootBottom { bottom: 35px; }  
	.pubListLongCopy300 { margin-left: 285px; } 
}
@media (min-width: 1200px) { 
	.panelList425 { height: 425px !important; padding: 25px !important; }
	.panelList425 > img{ height: 345px; width: 245px; float:left; object-fit: cover; margin-top: 15px; margin-left: 15px; border-radius: 5px; border: 1px solid #ECE5D6; }  
	.panelList644 { height: 644px; }
	.panelList300 { height: 309px; } 
	.panelListTitle116 { height: 80px;  overflow: hidden;  }
}
.panelListImage > .label, .panelListImage4Col > .label, .panelListImageContainer > .label {
    padding: .4em .6em .4em;
    border-radius: 0;
	position: absolute;  
	font-weight: 300;
}


.pubListShort  { padding: 1px; height: 105px; width: 100%; border-bottom: 3px solid #fff; color: #000; position: relative; overflow: hidden;}  
.pubListShort > img{ height: 100px; width: 71px; float:left;  }  
.pubListShort:hover  { transition: all 0.3s;  border-bottom: 3px solid #F58720; color: #111; background-color: #ECE5D6; } 
.pubListShortCopy { margin-left: 70px; }
.pubListShortTitle { margin: 5px 10px 0px 10px; }
 
.pubList { padding: 1px; height: 155px; width: 106px; width: 100%; border-bottom: 3px solid #fff; color: #000; position: relative;  overflow: hidden; }  
.pubList > img{ height: 150px; width: 106px;  float:left;  }  
.pubList:hover  { transition: all 0.3s;  border-bottom: 3px solid #F58720; color: #111; background-color: #ECE5D6; } 
.pubListCopy { margin-left: 105px; }
.pubListTitle { margin: 5px 10px 0px 10px; }
 
 
.pubListLong { padding: 1px; height: 205px; width: 100%; border-bottom: 3px solid #fff; color: #000; position: relative;  overflow: hidden; }  

.pubListLong:hover  { transition: all 0.3s;  border-bottom: 3px solid #F58720; color: #111; background-color: #ECE5D6; } 
.pubListLongCopy { margin-left: 141px; }

.pubListLongTitle { margin: 5px 10px 0px 10px; }

 
.microList  { padding: 0px; width: 100%; border: 2px solid #ECE5D6;  background-color: #ECE5D6;  color: #000; position: relative; overflow: hidden; border-radius: 5px;}  
.microList > img{ height: 75px; width: 104.9px; float:left;  border-top-left-radius: 4px; border-bottom-left-radius: 4px; }  
.microList:hover  { transition: all 0.3s;  border: 2px solid #F58720; color: #111; background-color: #fff; } 
.microListCopy { margin-left: 105px; }
.microListTitle { margin: 5px 10px 0px 10px; }