
/* SIDEBAR */

@media (min-width: 1200px) {
  #sidebar {
    padding-left: 72px;
  }
}

#sidebar h4 {
	color: #1f839b;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.1rem;
	font-weight: 400;
	margin: 24px 0 16px;
	font-family: "canada-type-gibson",sans-serif;
}

.sidetabs {
    margin-bottom: 30px;
	width: 340px;
	float: right;

}
@media (max-width:992px) {
	.sidetabs {
		float: left;
	}
}
@media (max-width:768px) {
	.sidetabs {
		width: 100%;
	}
}

.sidetabs .nav-pills > li {
  text-align: center;
  width: 33.3333333%;
  margin: 0 0 0 -1px;
}

.sidetabs .nav-pills > li > a {
  color: #b1b1b1;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #e1e1e1;
  background: #ebebeb;
  padding: 6px 8px 5px;
	cursor:pointer;
}

.sidetabs .nav-pills > li > a:hover {
  background: #f5f5f5;
}

.sidetabs .nav-pills > li.active > a {
  color: #1f839b;
  font-weight: 700;
  background: #fff;
  border-bottom-color: #fff;
}

.sidetabs .tab-content {
  color : white;
  padding : 0;
}

.sidetabs article {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e1e1e1;
}

.sidetabs article:last-child {
  border-bottom: 0;
}

.sidetabs article a {
  display: inline-block;
}

.sidetabs article a:hover,
.sidetabs article a:focus {
  text-decoration: none;
}

.sidetabs article img {
  width: 64px;
  height: 64px;
  float: left;
  display: block;
	margin-right:20px;
}

.sidetabs article p {
  color: #000;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  margin: 0;
	float:left;
  padding-top: 10px;
	max-width:60%;

}

.sidetabs article a:hover p {
  color: #1f839b;
}

#side-categories ul {
  margin: 0;
  padding: 0;
}

#side-categories ul li {
  padding: 2px 0;
  border-bottom: 1px solid #e1e1e1;
}

#side-categories ul li:last-child {
  border-bottom: 0;
}

#side-categories ul li a {
  color: #000;
  width: 100%;
  font-size: 16px;
  padding: 10px 18px;
  display: inline-block;
}

#side-categories ul li a:hover,
#side-categories ul li a:focus {
  text-decoration: none;
}

#side-categories ul li:not(.active) a:hover {
  color: #888;
}

#side-categories ul li.active a {
  background: #e1e1e1;
}

.sidebutton a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  background: #70bb00;
  padding: 20px 20px;
  border: 1px solid #e1e1e1;
  display: block;
}

.sidebutton a:hover,
.sidebutton a:focus {
  text-decoration: none;
}

.sidebutton a:hover {
  background: #b3ad21;
}

.sidecta {
    padding: 30px 0;
	width:340px;
	float:right;
}
@media only screen and (max-width: 992px) {
  .sidecta {
      float: none;
  }
}

.sidecta a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  width: 100%;
  display: block;
}

.sidecta a span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}

#side-subscribe {
	border: 2px solid #2685a1;
	background-image: url(/images/subscribeback.png);
	background-repeat:repeat-x;
	height: 329px;
	width: 340px;
	float:right;
	position:relative;
    margin-top: 27px;
}
@media (max-width:768px) {
	#side-subscribe {
		width: 100%;
		margin: auto;
	}
	.sidecta {width:100%;}
	.sidecta img {width:100%;}
}

@media (max-width:991px) {
	#side-subscribe {
		margin-bottom: 28px;
	}
}

#side-subscribe div.env {
	text-align:center;
}

#side-subscribe i {
  margin-bottom: 10px;
}

	#side-subscribe h5 {
		color: #26849a;
		font-size: 24px;
		font-weight: 100;
		letter-spacing: 1px;
		padding: 15px 25px 30px;
		text-align:center;
		font-family: "canada-type-gibson",sans-serif;
	}

#side-subscribe input {
  width: 90%;
	margin:auto;
  padding: 5px 0;
  border: 0;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 20px;
  display: block;
	background-color:transparent;
}
	#side-subscribe input :focus{
		border:none !important;
	}
	
	.subscribesubmit {
		width: 90% !important;
		margin: auto !important;
		border: 0 !important;
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		padding: 10px 15px !important;
		background-color: #72b91a !important;
		text-transform: uppercase !important;
	}


.sidecats {
    padding: 20px 0 30px;
    border-top: 8px solid #1e85a4;
    position: relative;
    width:340px;
    float:right;
}
@media (max-width:992px){
	.sidecats {
		width:100%;
	}
}
.tab-pane.sidecats {
	border-top:none;
	padding-top:0;
}

.sidecats i {
  color: #1f8ba8;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
}

.sidecats h5 {
  color: #1f8ba8;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.sidecats ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidecats ul li {
  xpadding: 2px 0;
  border-bottom: 1px solid #e1e1e1;
}

.sidecats ul li:last-child {
  border-bottom: 0;
}

.sidecats ul li a {
  color: #000;
  width: 100%;
  font-size: 16px;
  padding: 10px 18px;
  display: inline-block;
}

.sidecats ul li a:hover,
.sidecats ul li a:focus {
  text-decoration: none;
}

.sidecats ul li:not(.active) a:hover {
  color: #26849A;
}

.sidecats ul li.active a {
  xbackground: #e1e1e1;
	background: #53c5c5;
	color:#fff;
}

/* sidecats mobile */
.sidecatsm {
	padding: 20px 0 10px 10px;
	border-top: 8px solid #1e85a4;
	border-bottom: 1px solid #1e85a4;
	position: relative;
	width: 90%;
	margin: 0 0 40px;
    width: 100%;
	z-index: 10;
}

.tab-pane.sidecatsm {
	border-top: none;
	padding-top: 0;
}

.sidecatsm i {
	color: #1f8ba8;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0;
	margin-right:10px;
}

.sidecatsm h5 {
	color: #1f8ba8;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.sidecatsm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.sidecatsm ul li {
		xpadding: 2px 0;
		border-bottom: 1px solid #e1e1e1;
	}

		.sidecatsm ul li:last-child {
			border-bottom: 0;
		}

		.sidecatsm ul li a {
			color: #000;
			width: 100%;
			font-size: 16px;
			padding: 10px 18px;
			display: inline-block;
		}

			.sidecatsm ul li a:hover,
			.sidecatsm ul li a:focus {
				text-decoration: none;
			}

		.sidecatsm ul li:not(.active) a:hover {
			color: #26849A;
		}

		.sidecatsm ul li.active a {
			background: #53c5c5;
			color: #fff;
		}

/* PAGE HEADER */
h1 {
	font-size: 38px;
	line-height:1.2em !important;
	font-weight: 100;
	xpadding: 0 0 10px 0;
}

#pg-header {
  padding-top: 60px;
  padding-bottom: 40px;
}

	#pg-header h1 {
		font-size: 42px;
		font-weight: 100;
		margin: 30px 0 15px 0;
	}

.pttext {
	color: #26849a;
}

/* CAROUSEL */

#pg-carousel {
  margin-bottom: 60px;
}

#pg-carousel .pg-carousel--wrap {
  width: 100%;
  overflow: hidden;
}

#pg-carousel .pg-carousel--slides {
  width: 48%;
  height: 307px;
  margin: 0 auto;
  overflow: visible;
  position: relative;
}

#pg-carousel .slide {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  top: 0;
}

#pg-carousel .slide-caption {
  width: 100%;
  padding: 30px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

#pg-carousel .slide-caption--title {
  color: #fff;
  width: 100%;
}

@media (min-width: 1200px) {
  #pg-carousel .slide-caption--title {
  width: 60%;
  float: left;
  }
}

#pg-carousel .slide-caption--title time {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

#pg-carousel .slide-caption--title h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

#pg-carousel .slide-caption--link {
  height: 60px;
}

@media (min-width: 1200px) {
  #pg-carousel .slide-caption--link {
  width: 40%;
  text-align: right;
  float: right;
  display: inline-block;
  }
}

#pg-carousel .slide-caption--link a {
  color: #26849A;
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  padding: 6px 16px;
  display: inline-block;
  position: relative;
  top: 100%;
  transform: translateY(-100%);
}


#pg-carousel .slide:not(.slide--active) {
  opacity: 0.35;
}

#pg-carousel .slide:not(.slide--active) .slide-caption {
  opacity: 0;
  visibility: hidden;
}

#pg-carousel .slide:nth-child(1) {
  transform: translate(-100%);
}

#pg-carousel .slide:nth-child(3) {
  transform: translate(100%);
}


/* ARTICLES */

#pg-articles article {
  padding: 0 0 30px;
	margin-bottom:30px;
  border-bottom: 1px solid #a9d47b;
}

#pg-articles article:last-child {
  border-bottom: 0;
}

#pg-articles article time {
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;
}

	#pg-articles article h2, #pg-articles article h2 a, #pg-articles article h2 a:hover {
		color: #0f6071 !important;
		font-size: 22px !important;
		line-height:26px;
		font-weight: 200 !important;
		margin: 0 0 5px !important;
	}

#pg-articles article p {
  font-size: 15px;
  line-height: 1.5;
}

#pg-articles article p a {
  color: #0f6071;
  font-size: 12px !important;
  text-transform: uppercase;
  font-weight: 700;
}

	#pg-articles article img, .cca-image {
		width: 100%;
		margin-bottom: 30px;
	}


/* Individual article */
#pg-article {
  ppadding-top: 60px;
  padding-bottom: 60px;
}


#pg-article + #sidebar {
  padding-top: 60px;

}

#pg-article article time {
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;

font-size:12px;
}

#pg-article article h1 {
	color: #0f6071 !important;
	font-size: 24px !important;
	font-weight: 100 !important;
	margin: 5px 0 15px !important;
	padding: 0 !important;
	text-decoration:none;

}

#pg-article article bttext  {
  font-size: 15px;
  line-height: 1.5;
}

#pg-article > .row > div:not(:last-child) {
	margin-bottom: 20px;
}

/* PAGINATION*/
.pgpagination {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 30px;
}

#pgpagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

#pgpagination li {
  padding: 2px;
  display: inline-block;
}

#pgpagination li a {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #d0d0d0;
}

#pgpagination li a:hover,
#pgpagination li a:focus {
  text-decoration: none;
}

#pgpagination li a:hover {
  color: #fff;
  background: #52c4c5;
}

#pgpagination gination li.pagination-active a {
  color: #fff;
  background: #52c4c5;
}

/*blog slider*/

.slider_container {
	background: #ffffff;
	position: relative;
	padding: 0px 15px 35px 15px;
}

.slider {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
	/*.slider_container .container {
		position: relative;
	}*/

	/*.slider_container .blog_home_featured_post_con {
		max-width: 696px;
		position: relative;
		width: 50%;
		float: left;
	}*/

	.slider_container .item_container {
		min-height: 324px;
	}

@media screen and (max-width: 991px) {
	.slider_container .item_container {
		min-height: 290px;
	}
}

@media screen and (max-width: 767px) {
	.slider_container .item_container {
		min-height: 250px;
	}
}

.slider_container .slider_items .owl-item {
	opacity: 0.5;
	-webkit-transition: opacity 350ms ease;
	-o-transition: opacity 350ms ease;
	transition: opacity 350ms ease;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
}

	.slider_container .slider_items .owl-item.active {
		opacity: 1;
	}

.slider_container .slider_next {
	position: absolute;
	top: 50%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 40px;
	z-index: 5;
	background: #ffffff;
}

@media screen and (max-width: 991px) {
	.slider_container .slider_next {
		font-size: 30px;
	}
}

@media screen and (max-width: 480px) {
	.slider_container .slider_next {
		font-size: 25px;
	}
}

.slider_container .slider_next a {
	padding: 5px 15px;
	color: #000000;
	display: block;
}

.slider_container .slider_prev {
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 40px;
	z-index: 5;
	background: #ffffff;
}

@media screen and (max-width: 767px) {
	.slider_container .slider_prev {
		font-size: 25px;
	}
}

.slider_container .slider_prev a {
	padding: 5px 15px;
	color: #000000;
	display: block;
}


.slide_overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	/*
	background: rgba(0, 0, 0, 0.25);
	*/
	opacity: 0;
	-webkit-transition: opacity 350ms ease;
	-o-transition: opacity 350ms ease;
	transition: opacity 350ms ease;
}
.slider_container .slider_items .owl-item.active .slide_overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#127cbf+0,127cbf+100&0+0,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(18,124,191,0) 0%, rgba(18,124,191,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(18,124,191,0) 0%,rgba(18,124,191,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(18,124,191,0) 0%,rgba(18,124,191,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00127cbf', endColorstr='#cc127cbf',GradientType=0 ); /* IE6-9 */
	
	opacity: 1;
	height: 50%;
	bottom: 0;
	top: auto;
}

.slide_content {
	position: absolute;
	z-index: 1;
	color: #ffffff;
	width: 75%;
	height: 100%;
	top: 0px;
	left: 5%;
	text-align: left;
	float:left;
}

@media screen and (max-width: 768px) {
	.slide_content {
		xwidth: 60%;
		xleft: 20%;
	}
}

.slide_content .slide_date {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	width: 100%;
	position: relative;
	top: 75%;
	-webkit-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	transform: translateY(-70%);
}

@media screen and (max-width: 768px) {
	.slide_content .slide_date {
		top: 40px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.slide_content .slide_title {
	font-size: 24px;
	/*line-height: 36px;*/
	font-weight:normal;
	color: #ffffff;
	width: 96%;
    /*position: relative;*/
    /*top: 85%;*/
    /*-webkit-transform: translateY(-90%);*/
    /*-ms-transform: translateY(-90%);*/
    /*transform: translateY(-90%);*/
    position: absolute;
    bottom: 20px;
    height: calc(28px * 2);
    line-height: 28px;
}

@media (max-width: 1024px) {
	.slide_content .slide_title {
		font-size: 18px;
		line-height: 1.3em;
        bottom: 10px;
	}
}

.slider_item .slide_content_link {
	height: 60px;
	/*width: 40%;*/
	text-align: right;
	float: right;
	display: inline-block;
	margin-left: 80%;
	top:80%;
	position:absolute;
    margin: 0 20px 0 80%;
    right: 0;
}

.slider_item .slide_content_link a {
	color: #26849A;
	text-align: center;
	text-transform: uppercase;
	background: #fff;
	padding: 6px 16px;
	display: inline-block;
	white-space:nowrap;
	float:right;
}

@media (max-width:1024px) {
	.slider_item .slide_content_link {
		margin-left:75%;
	}
		.slider_item .slide_content_link a{
			font-size:95%;
		}
}


/* images */

.cgcImage167 {
	/* 740x324 */
	xwidth:740px;
	xheight:324px;
}

.cgcImage169 {
	/* 355x189 */
	/*
	width: 355px;
	height: 189px;
	*/
	width:100%;
	height:auto;
}
.sidecats .cgcImage169 {
	width:333px;
    max-width: 100%;
}
@media only screen and (max-width: 992px) {
    .sidecats .cgcImage169 + p {
        padding: 0 27px 0 0;
    }
}

.cgcImage43 {
	/* 340x255 (90x68) */
	width:100%;
	max-width:340px;
	height:auto;
}

