a{
	color:#00786c;
	text-decoration: underline !important;
}

a:focus{
outline: 2px transparent solid;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2d2d2d, 0 0 0 6px #fff;
}

/*                                    */
#comingsoon {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
}

#comingsoon .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color: black;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  padding: 50px;
  background-color: rgba(255,255,255,.9);
  cursor: pointer; /* Add a pointer on hover */
}
/*                                    */

h3{
	font-size:26px;
	/*font-size:1.625em;*/
	font-weight:bold;
}

h4{
	font-size:22px;
	/* font-size:1.375em; */
	font-weight:bold;
}

h5{
	font-size:18px;
	/*font-size:1.125em;*/
	font-weight:bold;
}

h6{
	font-size:16px;
	/*font-size:1em;*/
	font-weight:bold;
}

#third .sidHRTop {
	margin-top: 10px;
	margin-bottom: 0px;
}

#third .sidHRBottom {
	margin-top: 0px;
	margin-bottom: 20px;
}

#third .fa.sid-fa, #third .fa.fa-school {
	font-size: 18px;
}

.siteLevel1 {
	padding-left: 10px;
}

#third .siteLevel1 h3 .fa {
	font-size: 14px;
	color: #000;
	margin-right: 10px;
}

#third .siteLevel1.article .fa, #third .siteLevel2.article .fa, #third .siteLevel3.article .fa, #third .siteLevel4.article .fa, #third .siteLevel5.article .fa, #third .siteLevel6.article .fa {
	font-size: 6px;
	color: #000;
	margin-right: 10px;
}

#third .siteLevel1 h3 a {
	color: #000;
}

#third .tab-content .schoolTabCSS {
	padding: 15px 0px;
}

#third .noLine a.open, #third .noLine a.partial, #third .noLine a.closed, #third .noLine a.all {
	font-weight: bold;
}

#third .tab-content .schoolTabCSS .open, #third .noLine a.open {
	color: green;
}

#third .tab-content .schoolTabCSS .partial, #third .noLine a.partial {
	color: orange;
}

#third .tab-content .schoolTabCSS .closed, #third .noLine a.closed {
	color: red;
}

#third .noLine a.all {
	color: black;
}

.siteLevel2 {
	padding-left: 30px;
}

.siteLevel3 {
	padding-left: 40px;
}

.siteLevel4 {
	padding-left: 50px;
}

.siteLevel5 {
	padding-left: 60px;
}

.siteLevel6 {
	padding-left: 70px;
}

.siteLevel1.article {
	padding-left: 30px;
}

.siteLevel2.article {
	padding-left: 40px;
}

.siteLevel3.article {
	padding-left: 50px;
}

.siteLevel4.article {
	padding-left: 60px;
}

.siteLevel5.article {
	padding-left: 70px;
}

.siteLevel6.article {
	padding-left: 80px;
}

@media (max-width: 480px) {

.siteLevel1, .siteLevel2, .siteLevel3, .siteLevel4, .siteLevel5, .siteLevel6 {
	padding-left: 0px;
}

.siteLevel1.article, .siteLevel2.article, .siteLevel3.article, .siteLevel4.article, .siteLevel5.article, .siteLevel6.article {
	padding-left: 0px;
}

}

body {
 font-family: 'Open Sans', sans-serif;
  
  margin: 0px;
  padding: 0px;
  min-width:200px;
}

.affix {
  top: -1px;
  width: 100%;
}

h1{
margin-top:8px;
margin-bottom:8px;
}

#third .bodyTxt .btn .fa {
  font-size: 20px;
  color: #fff;
  margin-left: 3px;
  margin-right: 3px;
}

#third .bodyTxt .btn {
  color: #fff;
  text-decoration: none;
  background-color: #019c8c;
}

#third .bodyTxt a, #third .noLine a {
  color: #005ea5;
  text-decoration: underline;
  word-wrap: break-word;
}

#third .row.school {
  margin-bottom: 10px;
}

#jobtop {
  font-size: 1.2em;
  font-weight: bold;
}

#joblist .job {
  border-bottom: 2px solid #435061;
  padding-bottom: 10px;
  padding-top: 10px;
}

#joblist .black {
  color: #000;
}

#joblist .job:last-child {
  border-bottom: 0px;
  padding-bottom: 00px;
  padding-top: 10px;
}

#third .bodyTxt .pagination a, #third .noLine .pagination a {
  color: #000;
  text-decoration: none;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #ccc;
  border-color: #bbb;
}

.img-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70%; /* % of width, defines aspect ratio*/

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.newspan {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.newspan img {
  width: 100%;
  height: 100%;
}

.newsphoto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform .5s ease-out;
}

#third .newsroom h3.pri, #third .newsroom h3.sec {
	width: 100%;
	background: rgba(0,0,0,0.8);
	bottom: 0px;
	position: absolute;
	margin-bottom: 0px;
	padding: 10px 5px 10px 10px;
}

#third .topMarg {
	margin-top: 20px;
}

#third .newsroom h3.sec {
	font-size: 14px;
}

#third #facebook_news .fa, #third #twitter_news .fa, #third #newsCol .fa {
	font-size: 1em;
	color: #000;
}

#third #signup_btn {
	color: #FFF;
}

#third .news-search, #third .sid-search, #maxholder .sid-search {
  background-color:#dfdfdf;
  height:170px;
  color: #000;
}

#maxholder .sid-search a {
	color: #005ea5;
	text-decoration: underline;
	font-size: 18px;
}

.nodisplay{
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    position: absolute;
}

.menuItemHome:focus-within{
	outline:2px solid #000 !important;
}

.reciteme:focus-within{
	outline:2px solid #000 !important;
}

@media (max-width: 480px) {
	#third .newsroom h3.pri {
		font-size: 14px;
	}
	#third .pull-right.col-lg-6 {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 10px;
	}
	#third .news-search {
		height: 220px;
	}
}

@media (max-width: 767px) {
	#third .sid-search, #maxholder .sid-search{
		height: 330px;
	}
}

#third .newsroom h3.pri, #third .newsroom h3.sec {
	color: #FFF;
	text-decoration: underline;
}

#third .newsroom a:hover h3.pri, #third .newsroom a:hover h3.sec, #third .newsroom a:focus h3.pri, #third .newsroom a:focus h3.sec {
	color: #ff872f;
	text-decoration: underline;
}

#third .row .newsroom, #third .row .roadKey {
	margin-bottom: 20px;
}

/************************************************************************************/
/* LEISURE STYLES START */

#landing .proBoxLeft {
  padding-right: 5px;
  padding-left: 0px;
}

#landing .proBoxRight {
  padding-left: 10px;
  padding-right: 0px;
}

#landing .proBoxBck {
  background: #0077c9;
  color: #ffd700;
  height: 95px;
  padding: 20px;
  font-size: 26px;
  font-weight: bold;
}

#landing .sideBox {
  padding-left: 0px;
  padding-right: 0px;
}

#landing .proBox1, #landing .proBox2, #landing .proBox3 {
  padding-left: 0px;
  padding-right: 15px;
}

#landing .proBox1 .box {
  color: #b30440;
  background-color: #6db4ff;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/swimming.svg");
  background-position: 25px 10px;
}

#landing .proBox2 .box {
  color: #a94442;
  background-color: #ffb400;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/classes.svg");
  background-position: 65px -10px;
}

#landing .proBox3 .box {
  color: #ffbd3b;
  background-color: #5334ac;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/wellbeing.svg");
  background-position: 25px 0px;
}


#landing .box1 .box, #landing .box2 .box, #landing .box3 .box, #landing .box4 .box, #landing .box5 .box, #landing .box6 .box, #landing .proBox1 .box, #landing .proBox2 .box, #landing .proBox3 .box {
  
  height: 170px;
  padding: 10px;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  justify-content: initial;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-size: 130px 130px;
}

#landing .box1, #landing .box2, #landing .box3, #landing .box4, #landing .box5, #landing .box6, #landing .proBoxLeft, #landing .proBoxRight, #landing .proBox1, #landing .proBox2, #landing .proBox3 {
  margin-top: 15px;
}

#landing .box1 {
  padding-right: 5px;
}

#landing .box2 {
  padding-left: 10px;
  padding-right: 5px;
}

#landing .box3 {
  padding-left: 10px;
  padding-right: 10px;
}

#landing .box4 {
  padding-left: 5px;
}

#landing .box5, #landing .box6 {
  padding-left: 0px;
}

#landing .box1 .box {
  color: #d4ff00;
  background-color: #01C1F2;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/juniors.svg");
  background-position: 25px 10px;
}

#landing .box2 .box {
  color: #ff9800;
  background-color: #4a4a4a;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/hangout.svg");
  background-position: 70px 0px;
  background-size: 110px 110px;
}

#landing .box3 .box {
  color: #87ceeb;
  background-color: #b01a40;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/Our-centres-map.svg");
  background-position: 20px 0px;
  background-size:135px 135px;
}

#landing .box4 .box {
  color: #Ffeb3b;
  background-color: #019700;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/outdoors.svg");
  background-position: 60px 10px;
  background-size: 120px 120px;
}

#landing .box5 .box {
  color: #000000;
  background-color: #f26e02;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/Rocket-getting-started.svg");
  background-position: 60px -10px;
  background-size: 140px 140px;
}

#landing .box6 .box {
  color: #e91e63;
  background-color: #000000;
  background-image: url("https://cdn.pembrokeshire.gov.uk/images/go-tri-white.svg");
  background-position: 25px 0px;
}

@media (max-width: 480px) {
  #landing .box1, #landing .box2, #landing .box3, #landing .box4, #landing .box5, #landing .box6, #landing .sideBox, #landing .promoBox {
    padding-left: 5px;
    padding-right: 5px;
  }
  #landing .proBoxLeft, #landing .proBoxRight {
    padding-left: 0px;
    padding-right: 0px;
  }
  #landing .proBox1 {
    padding-right: 5px;
  }
  #landing .proBox2 {
    padding-left: 5px;
  }
  #landing .proBox2, #landing .proBox3 {
    padding-right: 0px;
  }
}


.tblContainer{display:table; padding:8px; width:100%;}
.tblContainer .fa{
font-size:1.3em !important;
color:#000 !important;
} 
.tblContainer small{font-size: 70%;}
.tblTR:nth-child(odd){background-color:#efefef;}
.tblHDR{display:table-header-group; background-color:#435061; color:#fff; font-weight:bold;}
.tblHDR .fa{color:#fff !important;}
.tblTR{display:table-row;  padding:8px}
.tblTD{display:table-cell; padding:8px; text-align:center;}
.tblLbl{display:none;}
.rowTitle{width:inherit; font-weight:bold; text-align:left;}
.faIcon{padding-top:0px;}



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


.tblContainer{display:table; padding:8px; width:100%;}
.tblContainer small{font-size: 70%;}
.tblTR:nth-child(odd){background-color:inherit;}
.tblHDR{display:none}
.tblTR{display:block;  padding:0px; width:100%; float:left;}
.tblTD{display:block; padding:0px; text-align:center; float:left; width:50%; min-height:30px; border-bottom:1px solid #efefef;}
.tblLbl{display:block; float:left; width:50%; background-color:#efefef; min-height:30px; text-indent:4px;}
.rowTitle{width:100%; background-color:#435061; color:#fff; font-weight:bold;}
.faIcon{padding-top:4px;}
.tblAddheight{min-height:60px;}
}

/************************************************************************************/
/* HEADER STYLES START */

#AccessibilityBar{background-color:#435061; font-size:normal; min-height:25px; line-height:25px; border-bottom:1px solid #fff;}
#AccessibilityBar a {color:#fff;}
.accessibilityOpt{float:right; display:none;}
#accessibilityTools{cursor:pointer;text-decoration:underline;}

.bg-news {
  background: #CCC;
  margin-left: 0px;
  margin-right: 15px;
  padding-top: 2.5em;
}

.navbar {
  margin-bottom: 0px;
  border-bottom: 4px solid #435061;
   min-width:320px;

}

nav {
  background: #004D45;
  color: #FFF;
}
.navbar-default{
background-color:#019c8c;

}

.navbar-psb{
background-color:#9f50a1;

}


.navbar-default .navbar-nav > li > a {
  border-top: 2px solid #d0e1e1;
  border-bottom:2px solid #d0e1e1;  
  /*border-top: 2px solid #f7f7f7;
  border-bottom:2px solid #f7f7f7;*/
  border-right: 1px solid #888;
  background-color:#d0e1e1;
  /*background-color:#f7f7f7;*/
  color:#000;
  font-size:1.1em;
  text-transform:uppercase;

}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
background-color:#017e71;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
  border-top: 2px solid #435061;
   border-right: none;
  border-bottom: 2px solid #ff872f;
  background-color:#435061;
  font-weight:normal;
}

.navbar-default .navbar-nav > li > a:hover {
  border-top: 2px solid #ff872f;
  border-bottom: 2px solid #939393;
}

.navbar > .container {
width:auto;
}

.navbar-default .navbar-brand {
    color: #fff;
	font-size:20px;
	float:left;
}

 .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #435061;
    color:#ffffff;
	font-size:1.1em;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
   background-color: #efefef;
   color:#000;
  }


nav.top {
  padding-top: 5px;
  padding-bottom: 5px;
}

nav.top a {
  color: #e4e4e4;
  font-size: .9em;
}

nav.top .fa {
  padding-right: 5px;
}

nav.top .space {
  margin-right: 10px;
}



.logo {
  background: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #939393;
  font-size: 1.8em;
/*border-bottom: 1px solid #FFF;*/
  border-top: 1px solid #FFF;
}

.logo .img {
  padding-right: 0px;
}

#nonWebLogo{
position:absolute;
top:0px;
margin-left:-25px;
display:none;
}

#nonWebLogoBottom{
position:absolute;
top:0px;
margin-left:-30px;
display:none;
}

#nonWebLogoSpace{
width:180px; 
height:55px;
}

/* Popover */
  .popover {
      border: 2px solid #fff;
	  min-width:360px;
  }
  /* Popover Header */
  .popover-title {
      background-color: #018375;
      color: #FFFFFF;
      font-size: large;
      text-align:center;
  }
  /* Popover Body */
  .popover-content {
      background-color: #efefef;
      color: #000000;
      padding: 25px;
 font-weight: normal;
 font-size:small;
 border-bottom:3px solid #dfdfdf;
 border-radius:0px 0px 3px 3px;
  }
  .popover-content a{
  color:#000;
  
  }
  /* Popover Arrow */
  .arrow {

  }
  #popoverHTML{display:none;}
  .poptbl{margin-left:-24px;margin-top:-10px; width:350px;}
  .popcell{border-top:1px solid #dfdfdf;}
  .poptoppad{padding-bottom:10px;}
  .poppad{padding-top:10px;padding-bottom:10px;}
  .popMe{
  text-align:center;  
  font-family: 'Open Sans', sans-serif;
  }
  
  .log-res-btns{
		color:#fff !important; 
		font-size:18px !important;
		font-weight:bold;
		padding:0px !important;
		border:none !important;
		background-color:#019c8c !important; 
		vertical-align:middle;
		margin-top:10px;
	}

.btn-search {
  /*background-color: #ff872f;*/
  background-color: #fff;
  border-color: #ff872f;
   border: 1px solid #333;
   border-left:none;
  
}

#third a.btn-sid {
	color: #FFF;
}

.btn-fmn-search {
  /*background-color: #ff872f;*/
  background-color: #fff;
   
   border: 1px solid #ccc;
   border-radius:0px 0px 0px 0px;
   border-left:none;
   height:40px;
}

.btn-default{
font-weight:bold;
}

.input-search {
  border: 1px solid #000;
  border-radius:0px 0px 0px 0px;
}

.fmn-search {
  border: 1px solid #000;


}

.input-fmn-search{
  border-radius:0px 0px 0px 0px;
  height:40px;
}

.search {
  padding-top: .9em;
  float:left;
}

#searchContain{width:350px; padding-top:11px;  padding-left:20px;}
#searchBox{border-radius:3px 0px 0px 3px;}
#navSearchBtn{border-radius:0px 3px 3px 0px;}

#colSearchBtn{background-color:#019c8c; color:#fff; border:2px solid #fff; margin-right: 2px; float:left}
#colSignIn{background-color:#019c8c;color:#fff; border:2px solid #fff; margin-right: 2px; display:none}
#colRegister{background-color:#019c8c;color:#fff; border:2px solid #fff; margin-right: 2px; display:none}
#colBtnContain{float:right; margin-left:176px; padding-right:10px; position:absolute; padding-top:8px;}
#navColToggle{border:2px solid #fff;}
#logoLink{margin-top:-15px;}
#appsIconMDLG{height:28px; width:28px; float:left;}
.gridIcon{height:28px; width:28px; margin-left:2px; margin-top:4px; background-color:rgba(225,225,225,0);border:none;background-image:url('https://cdn.pembrokeshire.gov.uk/images/grid.png'); background-size:cover;}
.appIconContain{padding:14px; padding-bottom:0px; padding-top:10px;}

#search-bar{
	z-index:10000; 
	background-color:#fff; 
	position:fixed; 
	top:0px; 
	width:100%;
	height:80px;
	display:none;
	}	
	
#closeTopSearch{
	font-size:30px; 
	float:right; 
	padding-right:20px; 
	color:#696969;}



.tbl{ display: table;}
.tblcell{display: table-cell; /*padding:0px;*/}
.tblrow{display: table-row;}


.extraServices{
display:none;
}

#showServicesRow{text-align:center; position:absolute; bottom:0px; /*background-color:rgba(179,179,179,0.4);*/ background-color:#019c8c; border-bottom:2px solid #fff;border-top:1px solid #435061;}
#showServicesBtn{cursor:pointer; color:#fff; text-shadow: 0px 1px 2px #000;}
#showMoreServicesText{font-size:24px; vertical-align:9px;}

#showAllServicesBtn{background-color:#fff; font-size:large; padding:8px; border-radius:0px 0px 15px 15px; cursor:pointer;}
#btnTextSayHide{display:none;}
#appsContent{display:none;}

.popTaskLinkArrowIcon{
float:right;
padding-right:30px; 
padding-top:33px;
font-weight:bold; 
font-size:30px; 
margin-top:-8px; 
color:#ccc;
}

#socialNavHead .icon {
	font-size:27px;
	color:#019c8c;
	background-color:#fff;
	width:37px;
	height:37px;
	border-radius:50% 50%;
	float:right;
	margin-left:2px;
}

#socialNavHead .icon.twitter {
  padding-left:7px;
}

#socialNavHead .icon.facebook {
  padding-left: 10px;
}

#socialNavHead .icon.bridge {
  padding-left: 5px;
}

#bridgeStatus .fa.bridge {
	font-size: 28px;
	margin-right: 5px;
}

#socialNavHead .icon.bridge.green, #bridgeStatus .fa.bridge.green {
	color: #019c8c;
}

#socialNavHead .icon.bridge.amber, #bridgeStatus .fa.bridge.amber {
	color: #f7b547;
}

#socialNavHead .icon.bridge.red, #bridgeStatus .fa.bridge.red {
	color: #db2e2e;
}

.socialNav{width:36px; height:36px; float:right; margin-left:3px;}

#bridge-report-icontbl{margin-left:10px;}
#bridge-report-bar{margin-top:64px;}
.bridge-report-icons{border-right:1px solid #ccc;}
.bridge-report-titles{font-size:1em; color:#fff; font-weight:bold;}

/* HEADER STYLES END */
 /************************************************************************************/

 
 
#content section {
  padding-top: 1em;
  padding-bottom: 1em;
}

#content.home-res section#tasks {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

#content .f-drk-orange {
  color: #F30;
}

#content .f-orange {
  color: #F60;
}

#content .f-white {
  color: #FFF;
}

#content .dark {
  background-color: #e1e1e1;
  /*background: #e1e1e1 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc3JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8cmVjdCB3aWR0aD0nMTEwJScgeD0nLTUlJyB5PSctNSUnIGhlaWdodD0nMTEwJScgZmlsbD0nI2UxZTFlMScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nMScgeDI9JzcnIHkyPScxMCcgc3Ryb2tlPScjY2NjY2NjJyBzdHJva2Utd2lkdGg9Jy43Jy8+Cgk8bGluZSB4MT0nLTInIHkxPSc2JyB4Mj0nNycgeTI9JzE1JyBzdHJva2U9JyNjY2NjY2MnIHN0cm9rZS13aWR0aD0nLjcnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2NjY2NjYycgc3Ryb2tlLXdpZHRoPScuNycvPgo8L3N2Zz4=") repeat-x left top;*/
}

#content .dark small{
  color: #000;
}

#content .red {
  background-color: #FF4444;
}

#content .orange {
  background-color: #FF6600;
}

#content .lime {
  background-color: #C6FF00;
}

#content .divide {
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
}

#content .bt-white {
  border-top: 1px solid #FFF;
}

#tabtop {
  padding-bottom: 1em;
  padding-left: 0px;
  padding-right: 0px;
}

#tabtop .row, #tasks .row {
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

#tabtop .tasknav {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  padding-top: 1em;
  padding-bottom: 1em;
}

#tabtop .tasknav a {
  color: #000;
  font-size: 1.6em;
}

#tabtop .tasknav .fa, #content #directory .fa {
	font-size: 3.3em;
	color: #019c8c;
	/*color: #004D45;*/
	padding-bottom: 0.1em;
}

#tabtop .tasknav img.icon {
  width: 90px;
}

#content #directory strong {
  font-size: 1.2em;
}

#content #directory .fa {
  font-size: 4.5em;
  color: #000;
  padding-bottom: .1em;
}

#tabbody .row .fa {
  font-size: 4.5em;
}

#directory .space, #third .space {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

#content .more {
  padding-top: 1em;
  padding-bottom: 1em;
}

#content .more a {
  font-weight: bold;
  color: #000;
}

#tabbody .row {
  /*background: #d2d2d2;*/
  padding-top: 2em;
  padding-bottom: 1em;
}

#tabbody strong {
  color: #000;
}

#tabbody .row div, #content .dir-item {
  min-height: 8em;
}

#content .button {
  display: inline-block;
  margin: 0 5px;
  border-radius: 8px;
  font-size: 1.2em;
  padding: 0.1em 0.6em 0.3em 0.6em;
  border: 0;
  cursor: pointer;
  outline: 0;
  box-shadow: #000 -1px 3px 0px;
}

#content a.bg-white {
  background: #FFF;
  color: #000;
}

#content a.bg-orange {
  background: #fa6405;
  color: #FFF;
  box-shadow: #ff2805 -1px 3px 0px;
}

.breadcrumb {
  padding: 5px 15px 0px 3px;
  margin-bottom: 15px;
    margin-top: 5px;
}

.breadcrumb .active {
  font-weight: bold;
  color: #000;
}

.breadcrumb a {
  color: #000;
}

section.bd-top { 
  border-top: 0px solid #CCC;
  margin-top: 83px;
}

.mainText{margin-top:30px;}

h1.third {
	border-bottom: 5px solid #ccc;
	padding-bottom: 0em;
	/*font-size: 2em;*/
	font-weight: bold;
}

#third h2 {
  margin-bottom: 10px;
}

#third h3 {
  margin-bottom: 20px;
}

#third ul li {
  margin-bottom: 10px;
}

#third ul li[role="presentation"] {
  margin-bottom: 0px;
}

#third .fa, #homeMenu .fa{
  font-size: 3em;
  color: #004d45;
 /*color: #ff0000;*/
 /*color: #019c8c;*/
  vertical-align: middle;
}

#third img.icon {
  width: 50px;
}

#third h3 {
  
  font-weight: bold;
}

#third .link {
  min-height: 5em;
}

#third .link a {
  color: #000;
  text-decoration:underline;
}

#third .space {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}

#mobileMenu {
  margin-top: 10px;
}

.find-my-nearest {
  background-color:#dfdfdf;
  height:150px;
  color: #000;
  border-radius: 4px;
}

.find-my-sid {
  background-color:#dfdfdf;
  color: #000;
}

.news-events{
background-color:#435061;
color:#fff;

}
.news-contain{
border-top:4px solid #ff872f /*#f66f6f*/;
}

.news-item{
border-bottom:2px solid #fff;
padding-top:14px;
}

.news-date{
float:right;
font-weight:bold;
color:#d0e1e1;
}

.newsBig{text-align:left;
border-top:4px solid #ff872f /*#f66f6f*/;
padding-top:14px;
padding-bottom:14px;
}

.pcc-footer{
background-color:#2d2d2d;
color:#fff;
border-top:none/*20px solid #019c8c;*/;
}

.pcc-footer a {
	color:#95eee5;
}

#related {
  border-top: 8px solid #ff6704;
}

/*#third .thirdnav h2 { font-size: 2em; }*/

#related ul {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
}

#related li {
  padding-top: .1em;
  padding-bottom: .3em;
}

#related ul li a {
  color: #6755a7;
  text-decoration: underline;
}

#related li.more {
  padding-top: 1em;
  font-size: 1.2em;
  font-weight: bold;
}

@media (min-width: 768px) and (max-width: 992px) {
#third .thirdh1outer {
  margin-top: 0px;
  margin-bottom: 20px;
  border-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

}

@media (max-width: 480px) {

#third {
  padding-right: 0px;
  padding-left: 0px;
}

#third .thirdh1outer {
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

#third  .thirdh1outer h1{
  font-size: 1.8em;
}

nav.top .col-xs-5 .space {
  margin-right: 0px;
}

#content section h1 {
  font-size: 1.8em;
}

#content section h1 small {
  font-size: .5em;
}

#tabtop .tasknav .fa, #content #directory .fa {
  font-size: 3em;
}

#tabbody .row .fa {
  font-size: 3em;
}

#tabtop .tasknav a {
  font-size: 1em;
}

#third .space {
  padding-top: 1em;
  padding-bottom: 1em;
}

#third h3 {
  font-size: 1.2em;
  font-weight: bold;
}

#third .text {
  margin-top: 5px;
  margin-bottom: 5px;
}

#navbarlinks{padding-top:16px;}


.newsBig h3 {color:#ff872f; }

} /*End of media query*/

#ourMarketplace{border-top:4px solid #ff872f; padding-bottom:50px; list-style:none;}
#ourMarketplace li:hover, #ourMarketplace li:focus {background-color:#fff; transition-duration: 0s; cursor:pointer;}
.marketPlaceBtn{}
.marketplaceBtnContent:hover, .marketplaceBtnContent:focus{background-color:#fff; transition-duration: 0s; cursor:pointer;}
.marketplaceBtnContent{background-color:#dfdfdf; color:#2d2d2d; font-size:1.3em; font-weight:bold; padding:20px 0px 20px 0px; margin-top:10px;}
.marketplaceBtnContent a {color:#2d2d2d;}
.marketPlaceArrow{font-size:2.2em; padding-right:20px; margin-top:-7px;}

#homeMenu{list-style:none; margin-left:-57px;}


.lev2title{border-bottom:0px solid #ff872f; border-radius:6px; margin-top:0px; background-color:#017e71; color:#fff; background-image:url("https://cdn.pembrokeshire.gov.uk/images/pembsWatermark.png"); background-position:100% 5%;  background-repeat: no-repeat;}

#maxholder .blog-news-section {
  margin-bottom: 30px;
}

#lev2Menu{ font-size:1.1em; list-style:none; }
#lev2Menu h3 { font-size: 1.2em; font-weight: bold; }
.lev2menuItem{}
.lev2menuItemTxt{ padding-left:0px; /*min-height: 120px;*/  margin-bottom: 15px; }
.lev2menuItemTxt h3 a{color:#2d2d2d;}
.lev2menuItemImg{padding-top:15px;}

#relatedMenu{}
#relatedMenu h2 {font-size:2em; border-bottom:1px solid #ddd;}
#relatedMenu ul {padding:10px; list-style-type:square; margin-left:32px;}
#relatedMenu li {font-size:1.4em;}
#relatedMenu a {color:#2d2d2d;}

.thirdh1outer {
	border-bottom: 2px solid #ff872f;
}

.thirdh1outer h1 {
	font-weight: bold;
	font-size: 3.2em;

}

#sectionMenu{     margin-top: 20px;
    padding-bottom: 10px;
    margin-left: 20px;  }
#sectionMenu div { padding:6px; }
#sectionMenu div strong { font-size:1.2em; }
#sectionMenu a { color:#0f0982; text-decoration: underline; font-size:1.2em; }
.bodyTxt { border-top: 2px solid #ccc; font-size:large; margin-top:30px; }
.bodyTxt h2 {font-weight:bold; padding-bottom:10px; }
.bodyTxt a {color:blue !important;}
.noLine { border-top: 0px; font-size:large; margin-top:20px; }
.noLine h2 { font-weight:bold; padding-bottom:10px; }
.back-next{font-size:2em; list-style:none; margin-top:20px; }
.back-next a {color:#435061; }

#AtoZCookies{background-color:#f5f5f5; padding:10px; border-radius:0px 0px 0px 0px; box-shadow: 0px 2px 4px #ccc inset; color:#2d2d2d; font-size:1.0em; }
#AtoZlabel{margin-top:5px; text-align:center;}
#AtoZ{margin-top:5px; color:#2d2d2d;font-weight:bold;}
#AtoZ ul{display:felx; display: -webkit-flex; display: -moz-flex; display:-ms-flexbox; justify-content:space-around; -ms-justify-content:space-around;}
#AtoZ li{display: inline;list-style:none; padding-left:6px;}
#AtoZ a{}

#privacycookies{margin-top:15px; color:#c2c2c2;}
#privacycookies a{color:#fff;}


.back-btn:before{
font-family: 'FontAwesome';
content: '\f0a8';
color: #435061;
font-size:35px;
vertical-align:middle;
margin-right:20px;
}

.next-btn:after{
font-family: 'FontAwesome';
content: '\f0a9';
color: #435061;
font-size:35px;
vertical-align:middle;
margin-left:20px;
}


.btn-style-two {
    position: relative;
    display: inline-block;
    line-height: 1.5;
    font-size:  16px !important;
    font-weight: 700;
    text-transform: uppercase;
    background: #ff7600;
    color: #222222 !important;
    border: 2px solid #eb5310 !important;
    border-radius: 3px;
	}


	

.btn-style-four {
    position: relative;
    display: inline-block;
    line-height: 1.5;
    font-size: 16px !important;
    font-weight: 700;
    text-transform: uppercase;
    background: #303030;
    color: #ffffff !important;
    border: 2px solid #303030 !important;
    border-radius: 3px;
	}
	


.theme-btn{
	display:inline-block;
	transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-ms-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	font-family: 'Roboto', sans-serif;
}

.featured_task{ background-color:#f5f5f5; padding:0px 8px 8px 8px;}

.featured_tasktxt{
padding-bottom:20px;
}

.carousel-inner{
  width:100%;
  
}
.carousel-caption{
bottom:100px;
}
.carousel-indicators{bottom:50px;}

.carousel_slide{
background-size:cover; 
background-position:center center;
}

.btn-success {
	background-color:#019c8c; 
	border-color:#019c8c; 
    padding: 5px;
    min-width: 20%;
    font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;}
	
.btn-success a:link {color:#fff; }
.btn-success a:hover {color:#fff; }


.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #019c8c;
    border-color: #019c8c;
	
}

#buttonarrow .fa { font-size: 20px; margin-left: 5px; color:#fff; }

/*visitor landing*/
.visPembsLogo{
  font-family: 'Pacifico', regular;
  color:#fff;
  position:absolute;
  top:90px;
  padding-left:20px;
  font-size:2.2em;
  line-height:11px;
  z-index:1000;
}

.visPembsBoxes{
  background-color:#efefef;
  background-clip: content-box;
  padding:4px;
}

.vpBox {
  background-color:#efefef;
  background-clip: content-box;
  padding:4px;
}

.vpBox .img {
  height:170px;
  background-size: cover;
  background-position: center center;
}

.vpBox:hover .img {
  opacity:0.7;
}

.vpBox .title {
  font-size:1.3em;
  color:#435061;
  font-weight:bold;
  width:100%;
  background-color:#efefef;
  padding:8px;
  color:#435061;
}

.vpBox:hover .title {
  text-decoration: underline;
}

/*.visPembsImgs{
  height:170px;
  background-size: cover;
  background-position: center center;
}

.visPembsImgs:hover{
  opacity:0.7;
}

.visPembsTitle {
  font-size:1.3em;
  color:#435061;
  font-weight:bold;
  width:100%;
  background-color:#efefef;
  padding:8px;
  color:#435061;
}

.visPembsTitle:hover {
  text-decoration: underline;
}*/

/*Map styles*/

#mapContaner{
margin-top:0px;
}

#mapContanerReports{
margin-top:55px;
}
@media (max-width:992px){
#mapContanerReports{
margin-top:0px;
}
}

#map{
  width:100%;
  height:350px;
 
  -ms-touch-action:none;
  touch-action:none;
}

#mapListContain{width:100%; background-color:#fff; border:1px solid #ccc; position:absolute; z-index:1000; text-align:left; display:none; height:150px; overflow-y: scroll;}



.placeItem{
cursor:pointer;
}

.placeItem:hover{
background-color:#efefef;
}

.placeActive{
background-color:#efefef;
}

.mapFeatInfo{
position:absolute;
background-color:#017e71;
width:0px;
height:350px;
z-index:10;
display:none;
transition: width 0.4s;
transition-timing-function: ease-in-out;
}
#mapInfoTitle{width:100%; background-color:rgba(255,255,255,0.2); font-size:1.2em; padding:8px; color:#fff; display:none; width:300px;}
#mapInfoList{list-style:none; width:285px; display:none; list-style-position: outside; margin-left:-30px;}
#mapInfoList li{color:#fff; padding:2px;  width:285px;}

.carpark{
border-top:1px solid #ddd;
padding:4px;
}
.carparkData{
text-align:right;

}

/*Reports Map*/

.mapFeatInfoReports{
position:absolute;
margin-left:96px;
background-color:#efefef;
overflow-x:hidden;
width:0px;
height:350px;
z-index:10;
display:none;
transition: width 0.4s;
transition-timing-function: ease-in-out;
}

.mapFeatInfoReports::-webkit-scrollbar  {
	
    width: 8px;
}

.mapFeatInfoReports::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

.mapFeatInfoReports::-webkit-scrollbar-thumb {
    background: #888 !important;
}

.mapFeatInfoReports::-webkit-scrollbar-thumb:hover {
    background: #555 !important;
}

.maptooltip {
  position: absolute;
  padding: 3px;
  background: rgba(0, 0, 0, 0.2);
  color: white;
  opacity: 1;
  white-space: nowrap;
  font: 10pt sans-serif;
  margin-left:10px;
  margin-top:-100px;
}

#mapInfoTitleReports{width:100%; background-color:rgba(0,121,108,1); font-size:1.2em; padding:8px; color:#fff; display:none; width:300px;}
#mapInfoListReports{list-style:none; width:285px; display:none; list-style-position: outside; margin-left:-30px; margin-top:10px;}
#mapInfoListReports li{color:#2d2d2d; padding:2px;  width:285px;}

#mapKey{width:285px;margin-left:10px;margin-top:10px; display:none;}

#mapWrap{position:initial; height:350px; width:100%; top:initial; left:initial; z-Index:2000; background-color:none}

#mapSideBar{width:5%; background-color:#435061;float:left; height:350px; color:#fff;}
#mapRepCont{width:95%; float:right;}

@media (max-width: 768px) {
#mapSideBar{width:10%; background-color:#435061;float:left; height:350px; color:#fff;}
#mapRepCont{width:90%; float:right;}
}

.mapIconsReports{width:100%; text-align:center; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc; cursor:pointer;}
#expandBtn{font-size:28px;}
#reduceBtn{display:none;font-size:28px;}

/************************************************************************************/
/* PRINT STYLES START */

@media print {
	
#printlink{display:none;}	
	
header, footer, nav, audio, video, embed, object, form, #hero, .banners, #menu, .youtube-iframe, img, .back-next {
	display: none;
	overflow: hidden;
}
nav.breadcrumbs, img.illustration {
	display: block;
}
article img {
	max-width: 100% !important;
	page-break-inside: avoid;
	display: block;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 1.7em;
}
* {
	background: transparent !important;
	color: #000 !important;
	text-shadow: none !important;
	filter: none !important;
}
#third h1 {
	font-size: 18pt;
}
#third h2 {
	font-size: 16pt;
}
#third h3 {
	font-size: 14pt;
}
article {
	display: block;
	width: auto !important;
	max-width: none !important;
}
a, a:visited {
	color: #06c !important;
	text-decoration: none;
}
a[href]:after {
	content: " <"attr(href)">";
	font-size: 11pt;
}
a[href^="/"]:after {
	content: " " open-quote attr(href) close-quote;
}
#sectionMenu a[href^="/"]:after {
	content: "\00000a" open-quote attr(href) close-quote;
	white-space: pre;
}
div.hidden-xs.hidden-sm.col-lg-10.col-lg-offset-1 ol.breadcrumb, div.container-fluid.clearfix.hidden-xs.hidden-sm #sectionMenu, div.container-fluid.clearfix.hidden-md.hidden-lg #mobileMenu {
	display: none;
}
a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
#third .bodyTxt {
	border-top: 0px;
}
#third:last-child {
	page-break-before: avoid;
	page-break-after: avoid;
}
#covMsg {
	display: none;
}

}

.ticker-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(180, 0, 0, 0.8);
  z-index: 9999;
  border: 0px;
}

.ticker-item {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding: 0 2rem;
  font-size: 2rem;
  color: white;
  width: auto;
  text-indent: -1%;
}

#modgov input.mgGoButton, #modgov input.mgSubmitButton, #modgov input#butGo {
	background: #019c8c;
	border: 1px solid #019c8c;
}

#modgov div.mgTableTitleTxt {
	background: #019c8c;
}

#modgov a.mgTabSelectTitleLnk, #modgov a.mgTabSelectTitleLnk:hover {
	background: #019c8c;
	color: #fff;
}

#modgov caption.mgSectionTitle {
	background: #019c8c;
}

#modgov .mgCalendarCellToday {
	background-color: #fafffe;
	border: 2px solid #019c8c;
	color: #019c8c;
}

.welshCourses{
padding:8px;
}

#mob-bridge{
background-color:#f7b547; 
color:#000; 
height:30px; 
font-size:0.96em;
padding-top:4px; 
font-weight:bold;
text-align:center;
display:none;
}

.mob-bridge-text{
float:left; 
padding-top:4px; 
padding-left:2px;

}

.mob-bridge-status{
font-size:0.9em; 
font-weight:normal;
}

.mob-flag-contain{
background-color:#fff;
height:26px; 
width:26px; 
border-radius:50%;
float:right;
margin-top:1px;
}

#mob-flag{
font-size:1.4em; padding-top:5px; padding-left:3px;
}

/*cql in mapping articles*/
#xcql{
	display:none;
}



.landing-notice-box{
	border:solid 2px #cc0000; padding:6px; margin-top:60px; margin-left: -15px; margin-right: -15px; margin-bottom: -16px;
}

@media (max-width: 1000px) {
	.landing-notice-box{
	border:solid 2px #cc0000; padding:6px; margin-top:6px; margin-left: -15px; margin-right: -15px; margin-bottom: 0px;
}
	
}

.section-notice-box{
	border:solid 2px #cc0000; padding:6px; margin-top:8px; margin-left: 100px; margin-right: 100px; margin-bottom: -16px; text-align:center;
}

@media (max-width: 1000px) {
	.landing-notice-box{
	border:solid 2px #cc0000; padding:6px; margin-top:6px; margin-left: -15px; margin-right: -15px; margin-bottom: 0px;
}
	
}

#notifModal{margin-top:20vh;}

@media (max-width: 1000px) {
	#notifModal{margin-top:80px;}
}

.showhidebtn{
	max-width: 100%;
    /*background-color: #f5f5f5;*/
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
    padding: 10px;
    border: 2px solid #019c8c;
	border-bottom:none;
    border-radius: 3px 3px 0px 0px;
    margin: 0px;
	margin-bottom:0px !important;
    color: #00796c;
	cursor:pointer;
	font-weight:bold;
}

.showHideInfo{
display:none;
    border: 2px solid #019c8c;
    margin-top: 0px;
	
    max-width: 100%;
    padding: 10px;
    border-top: none;
    background-color: #fff;
    border-radius: 0px 0px 4px 4px;
	transition: height 0.6s ease;
	overflow-y:hidden;
}
.lastShowHideBtn{
border-bottom:2px solid #019c8c;
}
.lastShowHideInfo{
border-bottom:2px solid #019c8c;
}

.tblSearchForm{
	width: 100%;
    background-color: #f5f5f5;
    padding: 0px;
    color: #4a4949;
    min-height: 100px;
    border-top: 4px solid #435061;
    padding-bottom: 50px;
    padding-left: 8px;
    border-bottom: 2px solid #ccc;
}

#timelineContainer{
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:495px;
	border-bottom:2px solid #efefef;
}

#timelineContainer::-webkit-scrollbar {
	margin-top:20px;
  width: 8px;
}

#timelineContainer::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px #f5f5f5;
    border: solid 3px transparent;
}
 

#timelineContainer::-webkit-scrollbar-thumb {
 box-shadow: inset 0 0 10px 10px transparent;
    border: solid 3px transparent;
	background:#ccc;
}

#timelineContainer::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



#ccc-content::-webkit-scrollbar {
	margin-top:20px;
  width: 8px;
}

#ccc-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px rgba(0, 119, 108, 1);
    border: solid 3px transparent;
}
 

#ccc-content::-webkit-scrollbar-thumb {
 box-shadow: inset 0 0 10px 10px transparent;
    border: solid 3px transparent;
	/*background:#ccc;*/
}

#ccc-content::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#communityList{display:none;}
#nationalSupportList{display:none;}

.tblSearchBy{
	float:left;
}
.tblSearchInput{
	padding:10px;
}
.tblComm{
	float:left;
	padding-right:10px;
}
.commuRow{
border-top:3px solid #019c8c; padding-top:6px;
background: rgb(255,255,255);
border-bottom: 3px solid #f5f5f5;
}
.tblSearchInput{display:none;}
.searchCtrls{width:100%;}

.tblSearchBy{float:left;}
.searchResKey{float:left; font-weight:bold; color:#2d2d2d;width: 250px;}
.searchResProp{color:#464646; margin-left:250px;}
.searchResRow{padding:3px; border-bottom: 1px solid #f5f5f5}

@media (max-width: 768px) {
	.tblSearchBy{
	float:none;
}
.tblSearchInput{
	padding:10px;
}
.tblComm{
	float:none;
}
	.searchResKey{font-weight:bold; color:#2d2d2d;width:100%; background-color:#efefef}
.searchResProp{color:#464646; margin-left:6px}
.searchResRow{padding:3px; border-bottom: 1px solid #f5f5f5}
}

#hubHdr{
	width: 100%;
    height: 160px; 
     background-color: #068977; 
    background-clip: border-box;
    border-bottom: 20px solid #fff;
     margin-top: -17px; 
    width: 100%;
}

.hubHdrBg{
	background-image: url('https://cdn.pembrokeshire.gov.uk/images/hublogo.jpg'); background-repeat: no-repeat;  background-size: 160px; width:100%; height:160px; color:#fff
}
.hubHdrH2{margin-left: 170px; padding-top: 43px;}

@media (max-width: 600px) {
#hubHdr{
	width: 100%;
    height: auto;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 0px solid #fff;
    margin-top: 0px;
    width: 100%
}
.hubHdrBg{
	background-image: none; background-repeat: no-repeat;  background-size: 160px; width:100%; height:auto; color:#2d2d2d
}
.hubHdrH2{margin-left:0px; padding-top:0px;}
}

/* cov19 Msg box */

#covMsg{
	width:100%; 
	max-width:1000px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:8px; 
	min-height:160px; 
	background-color:#435061;
	
	color:#fff; 
	font-size:16px; 
	padding:10px; 
	border-bottom:6px solid #019c8c;
}

#covMsgIconCont{float:left; min-height:160px; margin-left:10px;padding:10px; width:120px}

#covMsgIcon{color: rgba(255, 255, 255, .8); font-size: 57px;}

#covMsgLinks{margin-top: 2px; margin-left: 116px; color:#fff;}

#covMsgLinks a{
	color:#fefefe;
}

#closeCovidInfo{
	background-color:rgba(225,225,225,0);
	border:none;
}

#covMsgCloseIcon{font-size:20px; color:#fff; cursor:pointer;}

@media (max-width: 600px) {
	#covMsgIconCont{
		margin-left:0px;
		width:60px;
	}
	
	#covMsgIcon{
		font-size: 34px;
		margin-top: -8px;
	}
	
	#covMsgLinks{
		margin-left:16px;
	}
}

@media (max-width:360px){
	.bodyTxt {
		overflow-wrap:break-word;
	}
}

/* Property type label */

.type8{
	width:auto !important;
}
/*--------------------------------------------------------------------------------------------*/
.pcc-img-nav {
  width: 180px;
  height: 55px;
}

.iframe-con {
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .iframe-con {
    height: 750px;
    width: 960px;
  }
}

@media (max-width: 991px) {
  .iframe-con {
    height: 750px;
    width: 960px;
  }
}

@media (max-width: 767px) {
  .iframe-con {
    height: 800px;
  }
}

@media (max-width: 480px) {
  .iframe-con {
    height: 800px;
    width: 100%;
  }
}

.iframe-con iframe {
  border: 0px;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Button*/

.btn-primary{background-color:#017e71} /*#435061*/

.btn-primary:hover, .btn-primary:focus {
  background:#019c8c;
}

.btn-promo{background-color:#017e71; color:##fff;}


@media (max-width: 767px) {
  .emergency-contact {
    display: none;
  }
}
.emergency-contact .pull-left + .pull-left {
  border-left-color: #dee0e9;
}
.emergency-contact .pull-left span {
  color: #91a1b4;
}
.emergency-contact .pull-left h6 {
  color: #91a1b4;
}
.emergency-contact .pull-left h5 {
  color: #435061;
}
.emergency-contact .pull-left h4 {
  color: #435061;
}

/*TopBar*/
.topbar {
  background: #435061;
  color: #8e9cae;
}
.topbar a {
  color: #8e9cae;
}
.topbar .nav li a {
  color: #91a1b4;
}
.topbar .nav li a:hover, .topbar .nav li a:focus {
  background: #3b4858;
}
.topbar .nav li.search-form form {
  background: #3b4858;
}
.topbar .nav li.search-form form .form-control:focus {
  border-color: #29af8a;
  color: #fff;
}
.topbar .nav li.search-form form .form-control:focus::-moz-placeholder {
  color: #91a1b4;
}
.topbar .nav li.search-form form .form-control:focus:-ms-input-placeholder {
  color: #91a1b4;
}
.topbar .nav li.search-form form .form-control:focus::-webkit-input-placeholder {
  color: #91a1b4;
}
.topbar .nav li.search-form form .input-group-addon {
  color: #fff;
}

.navbar-form .form-control {
  background: #27a481;
}
.navbar-form .form-control::-moz-placeholder {
  color: #dfe7ee;
}
.navbar-form .form-control:-ms-input-placeholder {
  color: #dfe7ee;
}
.navbar-form .form-control::-webkit-input-placeholder {
  color: #dfe7ee;
}
.navbar-form .form-control:focus {
  border-color: #29af8a;
  color: #fff;
}
.navbar-form .form-control:focus::-moz-placeholder {
  color: #435061;
}
.navbar-form .form-control:focus:-ms-input-placeholder {
  color: #435061;
}
.navbar-form .form-control:focus::-webkit-input-placeholder {
  color: #435061;
}
.navbar-form button {
  color: #fff;
  background: #27a481;
}
.navbar-form button:hover, .navbar-form button:focus {
  background: #435061;
  color: #fff;
}



/*--------------------------------------------------------------------------------------------*/
.transactions h2 {
  color: #435061;
  font-weight:bold;
}
.media-body{width:100%}
.media-body h5 { color: #ff872f;
  font-weight:bold; font-size:1.4em; text-transform:capitalize;}

.media { }
	


.how_help2.row {
  background: #435061;
}

.homepageTask h5 {
  color: #ff872f;
}
.homepageTask p {
  color: #fff;
}

/*How Help*/
.how_help3 {
  background: #29af8a;
}

.how_help_post .label {
  background: #435061;
}
.how_help_post .this_title a {
  color: #fff;
}
.how_help_post p {
  color: #bff8e8;
}

.transactions3 h5 {
  color: #fff;
}
.transactions3 p {
  color: #bff8e8;
}



/*--------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

}

.news-title {
  margin-top: 10px;
}

.news-title a, .news-title span.title {
  color: #fff;
  line-height: 32px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: capitalize;
}


/*--------------------------------------------------------------------------------------------*/




.m0 {
	margin: 0
}
.p0 {
	padding: 0
}
body section.row, body header.row, body footer.row {
	margin: 0;
	position: relative
}

.bannerHolder {
	margin: 0;
	position: relative
}

a, .btn, button {
	outline: none;
/*	-webkit-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s*/
}
a:before, a:after, .btn:before, .btn:after, button:before, button:after {
/*	-webkit-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s */
}
a:hover, .btn:hover, button:hover {
	outline: none;
	text-decoration: none;
/*	-webkit-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s*/
}

a:focus, .btn:focus, button:focus{
	outline: 2px solid #000;
}

footer a:focus{
	outline: 2px solid #fff;
}

.btn-primary {
	padding: 0 28px;
	border: 1px solid;
	border-radius: 3px;
	font: 700 13px/43px "Montserrat", sans-serif;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	white-space: nowrap;
	text-shadow: none;
	text-align: center;
	-webkit-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s
}
.btn-primary.btn-outline {
	background: none
}
.btn-primary.white.btn-outline {
	background: transparent
}
.btn-primary.dark.btn-outline {
	background: transparent
}
.btn-primary.btn-sm {
	padding: 0 17px;
	height: 26px;
	line-height: 24px;
	font-size: 11px
}
.btn-primary.btn-md {
	padding: 0 19px;
	height: 34px;
	line-height: 34px;
	font-size: 13px
}
.btn-primary.hmfw {
	min-width: 192px
}
.label, .label.widget-title {
	font: 12px/28px "Montserrat", sans-serif;
	color: #fff;
	display: inline-block;
	padding: 0 20px;
	text-transform: uppercase;
	border-radius: 3px;
	letter-spacing: 0.1px;
	margin: 0 auto
}

#myAccountBtn{
border: 1px solid;
border-radius: 3px;
margin-right:10px;
margin-top:10px;
}

#webChatBtn{
border: 1px solid;
border-radius: 3px;
margin-top:10px;
}

.header1 {
	padding: 6px 0;
	background-color:#435061;
}

.header1 .header1-text{
padding-left:6px;
color:#fff;
}

.transactions_row {
	margin-bottom: 70px
}
.transactions {
	text-align: center
}
.transactions .icon_box {
	line-height: 70px
}
.transactions h5 {
	margin: 25px 0;
	line-height: 1;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold
}
.transactions p {
	font: 16px/24px "Karla", sans-serif;
	margin: 0
}
.transactions {
	text-align: center
}
.transactions .icon_box {
	line-height: 70px
}
.transactions h5 {
	margin: 25px 0;
	line-height: 1;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: bold
}
.transactions p {
	font: 16px/24px "Karla", sans-serif;
	margin: 0
}
.how_help .sectionTitle {
	margin-bottom: 55px
}
.how_help .buttons {
	display: table;
	margin: 0 auto;
	text-align: center
}
@media (max-width: 479px) {
.how_help .buttons {
	max-width: 250px
}
}
.how_help .buttons a {
	float: left;
	margin-bottom: 0
}
@media (max-width: 479px) {
.how_help .buttons a {
	float: none;
	display: inline-block
}
}
.how_help .buttons a+a {
	margin-left: 20px
}
@media (max-width: 479px) {
.how_help .buttons a+a {
	margin-left: 0;
	margin-top: 10px
}
}
.how_help2.row {
	margin-top: 0px;
	z-index: 2
}
@media (max-width: 991px) {
.how_help2.row, .vpMain.row {
		margin-top:85px;
}
}
.homepageTask {
	padding: 0 15px
}

.homepageTask.border {
  border-left:1px solid #000;
}

@media (max-width: 991px) {
.homepageTask {
	border-top: 1px solid;

}
}
@media (max-width: 767px) {
.homepageTask {
	padding: 0 15px;
}
}

@media (max-width: 991px) {

.homepageTask+.homepageTask {
	border-left: none
}

}
.homepageTask .media-left {
	vertical-align: middle;
	padding-right: 15px;
	
}
.homepageTask h5 {
	margin-top: 30px;
	margin-bottom: 10px;
	
	text-transform: capitalize;
}
.homepageTask p {
	margin-bottom: 25px;
	line-height: 21px;
	font-size:14px;
}
.how_help3 {
	padding: 85px 0
}
@media (max-width: 767px) {
.how_help_post {
	margin-bottom: 60px
}
}
.how_help_post .this_title {
	margin: 30px 0 20px;
	
	font-weight: 700;
	line-height: 36px;
}
.how_help_post p {
	
	margin-bottom: 40px
}
.transactions3 {
	margin-top: 20px;
}
.transactions3 .media-left {
	padding-right: 20px;
}
.transactions3 .media-left span {
	display: block;
	width: 70px;
	text-align: center;
}
.transactions3 h5 {
	
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 15px
}
.transactions3 p {
	
	margin-bottom: 20px;
}

.transactionIcons{width:80px; height:80px;}



.navbar3 {
	background: none;
	position: absolute;
	width: 100%
}
@media (max-width: 767px) {
.navbar3 #mainNav {
	background: #91a1b4
}
}
.navbar3 #mainNav .navbar-nav li .dropdown-menu li {
	float: none;
	display: block
}
.navbar3.affix+header, .navbar3.affix+section {
	margin-top: 0
}

.hero_caption {
	background: rgba(75,75,75,.9);
	padding:10px;
	border:0px solid rgba(255,255,255,1);
	border-radius: 4px;
	color:#fff;
	text-align:center;
}

#heroImageHolder{

background-size:cover;
margin-bottom:120px;
background-position:center bottom;
}

/* 12 .single-service-home styles */

.home-serivce {
	padding-bottom: 10px;
}
#service-headerMob{
background-color:#f5f5f5;
color:#2d2d2d;
box-shadow:0px 2px 2px #ccc;
}

#service-headerMob h2{
font-size:1.4em;
margin-left:20px;
margin-top:10px;
}

.single-service-home {
	min-height:165px;
	border-radius:9px;
	padding:10px;
	
}
.single-service-home .icon-box,
.single-service-home .content {
	display: table-cell;
	vertical-align: top;	
}
.single-service-home .inner-box {

	border: 0px solid #eb5310;

	text-align: center;
	color: #fff;
	margin-right: 30px;
	transition: all .3s ease;
}
.single-service-home:hover .inner-box {

	border-color: #eb5310;
	color: #eb5310;
}

.single-service-home .inner-box i:before {
	font-size: 35px;
}

#homeMenu h3 {
 font-weight: bold;
 font-size:1.2em;
}

.single-service-home .content h3 {
	font-size: 1.1em;
	/*text-transform: capitalize;*/
	color: #202A30;
	font-weight: 500;
	margin: 0;
	line-height: 24px;
	margin-bottom: 5px;
}
.single-service-home .content div {
	color: #435061;
}
.single-service-home .content a {
	color: #ff872f;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 600;
	transition: all .3s ease;
}
.single-service-home:hover .content a {
	color: #5E2A30;
}

.sectionDesc{margin-left:-20px; font-size:1.1em;}

.single-service-home-pic{

	border-radius:0px 0px 0px 0px;

}

.service-2nd-pic{


}

 .service-2nd h3{

}
.taskTitle{}
.taskTitleHigh{padding-top:10px;}
.taskTitleLow{padding-top:0px;}

.style-two .single-service-home .inner-box  {
	border-radius: 50%;
}
.style-two .single-service-home .inner-box:before {
	display: none;
}

#taskOptions{
   padding-left:0px;
}

.service-2nd{
 min-height:10px;
 list-style:none;
 cursor:pointer;
 padding-right:10px;
 border-radius:0px;
 border:1px solid #bbb;
 margin-bottom:15px;
 border-radius:5px;
}

.secondMenuHide{display:none;}
 
.service-container:hover{

}

.service-2nd:hover {
  background-color: #efefef;
}

.servInfoTitle{padding-left:27px; margin-top:12px; background-color:#dfdfdf; margin-left:-15; margin-right:-15; min-height:200px;}
.servInfoTitle h2{
font-weight: 800;
text-transform: uppercase;
padding:10px;
}
.fmnTitle h2{
font-weight: 600;
text-transform: uppercase;
} 
.fmnTitleOrange{color:#ce480e; font-weight:normal;}

.lev2Header{background-color:#dfdfdf;font-weight: 800;text-transform: uppercase; padding:10px; border-radius:4px;}
.lev2HeaderOrange{color:#ce480e; font-weight:normal;}

.serviceDesc{display:none}

.service-2nd-arrow{padding-top:20px;font-weight:bold;}

.single-service-home-arrow{
float:right;
font-weight:bold; 
font-size:30px; 

color:#ccc;
}

.scrollMenuArrow{width:100%; text-align:center;font-size:0.8em; color:#eb5310; padding:4px;}
#scrollArrowUp { background-color:#fff; border-radius:6px 6px 0px 0px; background-color:#017e71; cursor:pointer;}
#scrollArrowDown { background-color:#fff; border-radius:0px 0px 6px 6px;background-color:#017e71; cursor:pointer;}
.bottomScrollOption {margin-bottom:0px;}

#scrollArrowUp .fa, #scrollArrowDown .fa {
  font-size: 3em;
}

/*.featured_task{ min-height:230px; }*/
.featured_task a{color:#eb5310;}

/*** 

====================================================================
	Blog News Section
====================================================================

***/

.blog-news-section{

}

.blog-news-section .blog-news-column{
	margin-bottom: 15px;
}

.blog-news-column .image-box img{
	display:block;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-news-column:hover .image-box img{
/*
	-webkit-transform:scale(1.05,1.05);	
	-ms-transform:scale(1.05,1.05);	
	-o-transform:scale(1.05,1.05);	
	-moz-transform:scale(1.05,1.05);	
	transform:scale(1.05,1.05);	
*/
}

.blog-news-column .image-box .news-date {
	background: #eb5310 none repeat scroll 0 0;
	bottom: 25px;
	color: #ffffff;
	font-size: 32px;
	font-weight: 800;
	height: 80px;
	line-height: 30px;
	outline: 1px dashed #fff;
	outline-offset: -4px;
	padding: 12px 10px 10px;
	position: absolute;
	right: 30px;
	text-align: center;
	width: 80px;
}


.blog-news-column .image-box .news-date .month{
	font-size:20px;
	line-height:24px;
	display:block;	
}

.blog-news-column .image-box .news-date.sale, .blog-news-column .image-box .news-date.let {
	font-size: 22px;
	height: 40px;
	line-height: 15px;
	bottom: 155px;
	right: 10px;
}

.blog-news-column .image-box .news-date.sale.type1, .blog-news-column .image-box .news-date.let.type1 {
	width: 100px;
}

.blog-news-column .image-box .news-date.sale.type2, .blog-news-column .image-box .news-date.let.type2 {
	width: 130px;
}

.blog-news-column .image-box .news-date.sale.type3, .blog-news-column .image-box .news-date.let.type3 {
	width: 180px;
}

.blog-news-column .image-box .news-date.sale.type4, .blog-news-column .image-box .news-date.let.type4 {
	width: 105px;
}

.blog-news-column .image-box .news-date.sale.type5, .blog-news-column .image-box .news-date.let.type5 {
	width: 85px;
}

.blog-news-column .image-box .news-date.sale.type6, .blog-news-column .image-box .news-date.let.type6 {
	width: 105px;
}

.blog-news-column .image-box .news-date.sale.typeCYM1, .blog-news-column .image-box .news-date.let.typeCYM1 {
	width: 123px;
}

.blog-news-column .image-box .news-date.sale.typeCYM2, .blog-news-column .image-box .news-date.let.typeCYM2 {
	width: 140px;
}

.blog-news-column .image-box .news-date.sale.typeCYM3, .blog-news-column .image-box .news-date.let.typeCYM3 {
	width: 180px;
}

.blog-news-column .image-box .news-date.sale.typeCYM4, .blog-news-column .image-box .news-date.let.typeCYM4 {
	width: 105px;
}

.blog-news-column .image-box .news-date.sale.typeCYM5, .blog-news-column .image-box .news-date.let.typeCYM5 {
	width: 85px;
}

.blog-news-column .image-box .news-date.sale.typeCYM6, .blog-news-column .image-box .news-date.let.typeCYM6 {
	width: 105px;
}

.blog-news-column .inner-box{
	position:relative;
	background:#ffffff;	
}

.blog-news-column .image-box{
	position:relative;
	overflow:hidden;	
}

.blog-news-column .content-box{
	position:relative;
	padding:20px 0px 0px;	
	background-color:#f5f5f5;
	padding:10px;
	/*min-height:190px;*/
	border-bottom:18px solid #edeae9;
}

.blog-news-column .content-box .text{
	position:relative;
	margin-bottom:20px;
	color:#333;
	font-size:15px;
}

.blog-news-column h3{
	font-size:22px;
	font-weight:700;
	margin-top:6px;
	margin-bottom:12px;
	color:#eb5310;
}

.blog-news-column h3 a{
	color:#eb5310;
	font-size:22px;
}

.blog-news-column h3 a:hover{
	color:#25292f;	
	
}

.blog-news-column .post-info{
	position:relative;
	margin-bottom:15px;
	color:#919191;
	font-size:13px;
	line-height:24px;
}

.blog-news-column .post-author{
	float:left;
	color:#c4c4c4;
	font-style:italic;
	padding-right:10px;
}

.blog-news-column .post-options{
	float:right;	
}

.blog-news-column .post-info .icon{
	display:inline-block;
	width:20px;
	padding-right:5px;
	font-size:16px;
	color:#eb5310;
	font-weight:normal;
}

.blog-news-column .post-options a{
	position:relative;
	display:inline-block;
	margin-left:15px;
	font-weight:700;
	color:#67696c;	
}

.blog-news-column .read-more{
	font-weight:700;
	color:#25292f;
	font-size:13px;
	text-transform:uppercase;	
}

.blog-news-section .post-share-options{
	position:relative;
	padding:10px 15px;
	background:#f8f8f8;
	border-bottom:1px solid #e0e0e0;
}

.blog-news-section .post-share-options .tags a{
	position:relative;
	color:#999999;
}

.blog-news-section .post-share-options .tags{
	padding-top:5px;
}

#taskList {
  margin-top: 30px;
}

#maxholder, .maxholder {
  max-width: 1200px;
  margin: 0 auto;
}

#third .noLine .polSearch a {
  padding: 2px 5px;
}

#third .noLine .polSearch a.active {
  text-decoration: none;
  background-color: #EEE;
  color: #000;
}

#latest_news {
  margin-top: 10px;
}

#noBanners {
  margin-top: 86px;
}

.leisure-caption {
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: inherit;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  padding:8px;
  color: #fff; 
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  font-weight: bold;
  font-size: 1.2em;
}

.pcc-carousel-caption {
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 2px;
  left: inherit;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  padding:8px;
  color: #fff; 
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  font-weight: bold;
  font-size: 1.2em;
}

#third .bodyTxt #pcc-carousel a {
  color: #fff;
}


/*---Mobile Home-----For navigation bar see file 'navbar.css'*/
@media (max-width:10000px){
 
 .service-2nd-pic{}
 .service-2nd-arrow{margin-top:-13px; font-size:2.6em !important;}

 .service-2nd{
 border-radius:0px;
 margin-bottom:5px;
 }
 .bottomScrollOption{ margin-bottom:4px;}
 .topScrollOption{ margin-top:3px;}
 .service-2nd h3 { margin:0;}
 .taskTitle {}
 .single-service-home .content h3{margin-left:-20px;}
#breadcLev2{margin-top:5px}
#breadcLev3{margin-top:-35px}
}
@media (max-width:1198px){
.secondMenuHide{display:block;}
.bottomScrollOption{ margin-bottom:5px;}
.topScrollOption{margin-top:0px;}
 .service-2nd{
 border-radius:5px;
 }
 #taskOptions{margin-top:30px}
  .taskTitle{margin-left:-200px;}
}

@media (max-width:992px){
.single-service-home{
	min-height:200px;
	margin-left:30px;
}
.service-2nd{ min-height:60px; }
.lev2title{margin-top:2px;}
.secondMenuHide{display:block;}
#breadcLev2{margin-top:70px}
#breadcLev3{margin-top:30px}

 .homepageTask { text-align:center; padding: 0 20px;}
 .homepageTask h5 {margin-top: 0px; padding:0px; padding-right:0px;}

.homepageTask .media-left {padding-right:0px;}
.media-left{display:block;}
.media-body{display:block;}

 #reportMainBtn{
border-left:0px;
border-right:0px;
}

.clear-mobile {
clear: both;
zoom: 1;
margin-top: 65px;
}

#taskOptions{margin-top:10px}

#taskList {
 margin-top: 0px;
}

#mapContanerReports{
margin-top:0px;
}

}

@media (max-width: 767px) {
	


.sectionDesc{display:none;}

.homepageTask .media-left {padding-right:0px;}

.single-service-home{ 

	border:none;
	border-bottom:2px solid #ccc;
	min-height:120px;
	border-radius:0px;
	margin-left:30px;
	}
.single-service-home h3{
	padding-top:24px;
	}
.single-service-home-arrow{margin-top:10px;}

.service-2nd{ 
	border-bottom:2px solid #ccc;
	min-height:90px;
	border-radius:0px;
	}
.service-2nd h3{
	padding-top:12px;
	}
.serviceDesc{display:none;}

.service-2nd-pic{border-radius:0px; margin-top:-15px;}

.service-2nd-arrow{margin-top:-10px;}

.last-line{border-bottom:0px;}

.extraServices{display:block;}

.media-left{display:block;}
.media-body{display:block;}
 .homepageTask { text-align:center;}
 .homepageTask h5 {margin-top: 0px; padding:0px; padding-right:25px;}
 
.lev2menuItem{border-bottom:1px solid #ccc;}

#AtoZ ul{display:block; justify-content:initial;}
#AtoZ li{display: inline; padding-left:10px;}
#logoLink{margin-left:-25px;}
}

@media (max-width: 650px) {
 .homepageTask {
 padding:0px;
 }
 .homepageTask h5 {
     font-size:small;
	 padding:0px;
    }
	
.homepageTask .media-left {padding-right:0px;}
 .popTaskLinkArrowIcon{font-size:20px;}

.last-line{border-bottom:0px;}
.single-service-home-arrow{margin-top:20px;}
.service-2nd-arrow{margin-top:-10px;}
.fmnTitle h2{font-size:1.7em;}
#homeMenu{margin-left:-60px;}
#AtoZ ul{display:block; justify-content:initial;}
#AtoZ li{display: inline; padding-left:6px;}

	.transactionIcons{
		width:65px;
		height:65px;
	}

}

@media (max-width: 500px) {
 .popTaskLinkArrowIcon{font-size:20px; display:none;}
 .sectionDesc{display:none}
 .single-service-home{
	min-height:50px; 
	border-bottom:1px solid #ccc; 
	margin-top:0px; 
	padding-bottom:0px; 
	vertical-align:middle; 
	margin-left:30px;
}

 .single-service-home-link{display:none;}
 .single-service-home .content h3{
	margin-left:-23px;
	margin-top:-14px; 
	font-size:1em !important;
	}
.single-service-home-pic{

}
 .single-service-home-arrow{margin-top:8px; font-size:2em !important;}

 .last-line{border-bottom:0px;}
  .service-2nd{margin-left:-15px; margin-right:-15px;}
 .service-2nd-pic{}
 .service-2nd-arrow{margin-top:-24px; font-size:2em !important;}
 .fmnTitle h2{font-size:1.5em;}
 
 .accessibilityColour{
	 display:none;
 }
 
 #AccessibilityBar {
	 font-size:smaller;
 }
}

@media (max-width: 400px) {
 .fmnTitle h2{font-size:1.2em;}
 .popover{min-width:320px}
.poptbl{width:320px}
}


/*--------------- Responsive Navigation ----------------*/

@media (max-width: 2800px) {
	#searchContain{width:680px;}
/*	#navHeaderLeft{margin-left:8%;}
	#navRightIcons{margin-right:8%;}
	#AccessibilityBar{padding-left:8%;}
	#AccessibilityBar{padding-right:8%;}*/
	#navRightIcons{margin-right:10px;}
}

@media (max-width: 1800px) {
	#searchContain{width:432px;}
	
}
@media  (max-width: 1500px) {
	#searchContain{width:400px;}
}
@media  (max-width: 1370px) {
	#searchContain{width:320px;}
}
@media  (max-width: 1300px) {
	#searchContain{width:300px;}
}
@media (max-width: 1280px) {
	#searchContain{width:280px;}

}
@media (max-width: 1260px) {
	#searchContain{width:240px;}
	#navHeaderLeft{margin-left:0%;}
	#navRightIcons{margin-right:0%;}
	#AccessibilityBar{padding-left:0%;}
	#AccessibilityBar{padding-right:0%;}
}
@media(max-width: 1237) {
	#searchContain{width:240px;}
}
@media (max-width: 1215px) {
	#searchContain{width:240px;}
}
@media(max-width: 1190px) {
	#searchContain{width:220px;}
	#socialNavHead {display:none;}
}
@media(max-width: 1080px) {
	#searchContain{width:240px;}
	#socialNavHead {display:none;}
}
@media(max-width: 980px) {
	#searchContain{width:60px;}
	#searchBox{display:none;}
	.btn-search{border-left:1px solid;}
}

@media(max-width: 820px) {
	#navRightIcons{display:none;}
}

@media(max-width: 806px) {
#appsIconMDLG{display:none}
}

@media(max-width: 600px) {

.accessibilityOpt{display:none;}
}

@media (max-width: 350px) {
.navbar-toggle{
margin-right:5px;
}
.gridIcon{height:22px; width:22px; margin-left:2px;}

}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 50px;
  bottom: 40px;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,  .timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,  .timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel, .timeline > li > .timeline-panel-head {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge.head {
  top: 8px;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
/* ADD BY JI 07/12/2017 */
.timeline > li > .timeline-badge {
  line-height: 57px;
}
.timeline-badge .fa {
  font-size: 1.6em;
  color: #FFF;
}
.timeline-badge.green {
  background-color: #23c323 !important;
}
.timeline-badge.green .fa {
  color: #FFF;
}

.timeline-badge.yellow {
  background-color: #ffd600 !important;
}
.timeline-badge.yellow .fa {
  color: #FFF;
}

.timeline-badge.orange {
  background-color: #fd8d3b !important;
}
.timeline-badge.orange .fa {
  color: #FFF;
}

.timeline-badge.red {
  background-color: #ea3e3e !important;
}
.timeline-badge.red .fa {
  color: #FFF;
}

.timeline-badge.grey {
  background-color: #999 !important;
}
.timeline-badge.grey .fa {
  color: #FFF;
}

.timeline-badge.blue {
  background-color: #5bc0de !important;
}
.timeline-badge.blue .fa {
  color: #FFF;
}

.timeline-badge.black {
  background-color: #000 !important;
}
.timeline-badge.black .fa {
  color: #FFF;
}

/* END ADD BY JI */

.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p, .timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

#third .bodyTxt .timeline > li > .timeline-badge {
  line-height: 45px;
}

#third .bodyTxt .timeline-badge .fa {
  font-size: 1.2em;
  color: #FFF;
}

#third .bodyTxt h4.timeline-title {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}

#third .bodyTxt .timeline-panel small {
  font-size: .7em;
  color: #000;
}

#third .bodyTxt .timeline-panel small .fa {
  font-size: 1em;
}

#third .bodyTxt .timeline-panel .timeline-body {
  margin-top: 5px;
  font-size: .8em;
  
}

@media (max-width: 14000px) {
ul.timeline:before {
  left: 40px;
}
ul.timeline > li > .timeline-panel, ul.timeline > li > .timeline-panel-head {
  width: calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
  left: 15px;
  margin-left: 0;
  top: 16px;
}
ul.timeline > li > .timeline-panel, ul.timeline > li > .timeline-panel-head {
  float: right;
}
ul.timeline > li > .timeline-panel:before, ul.timeline > li > .timeline-panel-head:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
ul.timeline > li > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
}