.blogGrid ul, .blogGrid li {padding: 0; margin: 0; list-style-type: none}
.GridBx {}
.GridBx-img { position: relative;}
.GridBx h4 {color: #fe3f00; font-weight: 600;}

.GridBx-img img{ width: 100%; max-width: 100%}
.GridBx-Text {background-color:rgba(199,199,199,0.30); padding: 8px 10px;}
.GridBx-icon{ background-color:rgba(199,199,199,0.80); padding: 5px 10px;}

.blogGrid a, .blogGrid a:hover {color: #000 !important}

.GridBx .GridBx-img {overflow: hidden;}

.GridBx  img {
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -webkit-transform: translateZ(0);
}

.GridBx > a:hover img {
    transition: box-shadow 150ms ease-out,-webkit-transform 600ms ease-out;
    transition: transform 600ms ease-out,box-shadow 150ms ease-out;
    transition: transform 600ms ease-out,box-shadow 150ms ease-out,-webkit-transform 600ms ease-out;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.Blog-Details-Wrap {}
.Blog-HeroHeader {position: relative; width: 100%; /*margin-top: -105px;*/ margin-top:-25px; margin-bottom: 30px;}
.Blog-HeroHeader img {width: 100%; max-width: 100%;}
.blog-head {position: absolute; left: 0; bottom: 0; width: 100%;}
.blog-head-rel {position: relative; width: 100%;}
.blog-head-black { position: absolute; bottom: 0px; left: 0; padding: 10px 15px 70px; color: #fff; font-size: 18px; background-color: rgba(29,29,29,1.00); box-shadow: 1px 1px 2px rgba(29,29,29,0.60)}
.blog-head-white {position: absolute; top: -85px; left: 30px; padding: 15px; font-size: 22px; background-color: rgba(255,255,255,1.00); color: #003b74; }

.Blog-Details-Wrap .custom_dashboard_pages {line-height: 25px; min-height: auto;}
.Blog-Details-Wrap h3 {line-height: 30px; margin-top: 10px; padding-top: 0; margin-bottom: 20px;}

.BlocgIconIMg {text-align: center; margin-bottom: 15px; font-size: 11px;}
.BlocgIconIMg img {border-radius: 50%; width: 75px; height: 75px; margin: 0 0 6px}
.BlocgIconIMg p {display: block; padding-bottom: 8px; border-bottom:6px solid #fe3f00; margin: 0 5%;}

.Blog-Details-Wrap .carousel-inner .item {  min-height: 350px}


.BlogSlider {background: url(../images/blogblueback.jpg) no-repeat center top #fff;}
.BlogSlider .carousel-item {
    min-height: 400px;
    text-align: center;
}
.BlogSlider .carousel-caption h3{
	text-align: center;
	text-transform: capitalize;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.BlogSlider .carousel-caption p{
	text-align: center !important;
	display: block;
	font-size: 17px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.blog-expanding-fig { padding: 8px 0}
.blog-expanding-fig img{ width: 100%;}
.blog-expanding-fig p {padding-top: 18px;}
.blog-expanding-fig figcaption {display: block; font-size: 12px; line-height: 13px; color: #5F5B59; line-height: 1.8em; padding: 10px; padding-top: 0}

.BlogOnlyImage img{ width: 100%; margin-bottom: 20px;}

.Blog-BixText { text-align: center; color: #fe3f00; font-size: 22px; line-height: 30px; border-bottom: 1px solid rgba(46,46,46,0.16); border-top: 1px solid rgba(46,46,46,0.16); font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.Blog-BixText div {width: 88%; max-width: 650px; margin: 0 auto; padding: 12px 0}

.blogbox{
	position: relative;
	margin-bottom: 30px;
}
.bogbox-img{
	overflow: hidden;
	position: relative;
}
.bogbox-img img{
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-webkit-transform: translateZ(0);
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-webkit-transform: translateZ(0);
	width: 100%;
	height: 100%;
}
.bogbox-img:hover img {
    transition: box-shadow 150ms ease-out,-webkit-transform 600ms ease-out;
    transition: transform 600ms ease-out,box-shadow 150ms ease-out;
    transition: transform 600ms ease-out,box-shadow 150ms ease-out,-webkit-transform 600ms ease-out;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.captiontext{
	background:rgba(0,0,0,0.8);
	padding: 10px 10px;
	position: absolute;
	width: 100%;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	/*margin-top: -70px;*/
	bottom: 0;
}
.captiontext a{
	 color: #fff;
	 text-decoration: none;
}
.captiontext span{
	font-size: 13px;
	font-weight: 400;
}
.p-0{
	padding: 0;
}
.br{
	border-right:1px solid #d0d0d0;
}
.bb{
	border-bottom: 1px solid #d0d0d0;
}
.greybg{
	/*background: #efefef;*/
	background: #fff;
	padding: 60px 0 0 0;
}
  a.readmorelink, .readmorelink{
	  display: block;
	  width: 100%;
	  /*border-top: 1px solid #f00;
	  color: #f00;*/
	  border-top: 2px solid #003b74;
	  color: #003b74;
	  text-decoration: none;
	  text-align: center;
	  padding: 10px 10px 0 10px;
  }
  a:hover.readmorelink, .readmorelink:hover{
color: #000;
border-top: 2px solid #000;
text-decoration: none;
  }
  .listboxes{
	/*padding: 25px;*/
	padding: 65px 65px 25px 65px;
	background: #ebebeb;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
}
.listboxes.white{
	/*background: #fff;*/
	background:#efefef;
	padding: 30px;
	margin:0 20px 30px 20px;
	
}
.listboxes.white h3{
	min-height:75px;
}
.listboxes:hover{
	background: #fff;
}
.imagesect{
	overflow: hidden;
	height: 380px;
	margin: -30px -30px 30px -30px;
	margin-bottom: 35px;
}
.imagesect img{
	width: 100%;
	height: auto;
}
.listboxes h3{
	font-size: 17px;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	font-weight: 700;
}
.listboxes span{
	position: absolute;
	background: rgba(0,0,0,0.9);
	color: #fff;
	padding: 10px 15px;
	margin-top: -59px;
	margin-left: -8px;
	font-size: 17px;
}
.listboxes p{
	display: block;
	min-height: 80px;
}

.custom_dashboard_pages {
    /*margin: 30px auto;*/
    margin: 30px auto 0 auto;
    min-height: 400px;
	padding: 100px 0 0 0;
}
@media(max-width:1500px){
	.listboxes.white h3{
		min-height:130px;
	}
	.imagesect {
		overflow: hidden;
		height: 250px;
		margin-bottom: 15px;
	}
}
@media(max-width:1200px){
.listboxes.white {
    padding: 15px;
    margin: 0  0 30px 0;
}
.imagesect {
		overflow: hidden;
		height: 200px;
		    margin: -15px;
		margin-bottom: 15px;
	}
.blog-head-white {position: absolute; top: -45px;}
}
@media(max-width:1000px){
	.listboxes.white h3 {
		min-height: 80px;
	}
	.blog-head-white{
		font-size: 18px;
		line-height: 28px;
	}
	.blog-head-black{
		font-size: 16px;
	}
	.imagesect {
		overflow: hidden;
		height: 400px;
	}
}

@media (max-width: 767px) {
.Blog-Details-Wrap .carousel-caption {top: 10%;  left: 10%;  right: 10%;}
.blog-head-black{ bottom:-80px;}
.blog-head-white{
	top: 35px;
}
.custom_dashboard_pages{
	padding: 190px 0 0 0;
}
}

@media (max-width: 567px) {
.Blog-Details-Wrap .carousel-caption {top: 4%;}
.custom_dashboard_pages{
	padding: 260px 0 0 0;
}
.imagesect {
		overflow: hidden;
		height: 300px;
	}
}


@media (min-width: 992px) { 
    .BlocgIconIMg {position: absolute; left: -115px; width: 105px;}
    .blog-left { float: left; clear: both; margin: 22px; /*margin-left: -50px;*/  margin-right: 30px; max-width: 709px;  width: 55%;}
    .blog-right { float: right; clear: both; margin: 22px; margin-right: -50px;  margin-left: 60px; max-width: 709px;  width: 55%;}
    .Blog-BixText div {position: relative}
    .Blog-BixText div:before {content: open-quote; top: 40px;  left: -40px;  float: left; font-family: Arial; font-size: 3.4em;  position: absolute;  color: #d6d5d1;}
    .Blog-BixText div:after {content: close-quote; bottom: -30px; right: -20px; float: right; font-family: Arial; font-size: 3.4em;  position: absolute;  color: #d6d5d1;}
}



@media (min-width: 1200px) { 
    .blog-head-black { padding-bottom: 80px; margin-bottom: 20px;}
    .blog-head-white {font-size: 29px; line-height: 40px;}
    .Blog-Details-Wrap .carousel-inner .item h4 { font-size: 22px;}
    .Blog-BixText {font-size: 35px; line-height: 45px}
}