/*

Do not delete this file. It's needed for generating single CSS file.

*/



.ss::after {

	content: '';

	position: absolute;

	border-left: 35px solid transparent;

	border-right: 35px solid transparent;

	border-top: 40px solid #005f92;

	border-bottom-width: 0;

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%);

}

.main-content {

	margin: 0px auto;

	position: relative;

}

.main-content .section-inner,

.main-content .post-wrapper {

	*zoom: 1;

}

.main-content .section-inner:before,

.main-content .post-wrapper:before,

.main-content .section-inner:after,

.main-content .post-wrapper:after {

	content: "";

	display: table;

}

.main-content .section-inner:after,

.main-content .post-wrapper:after {

	clear: both;

}

.section .section-inner {

	margin: 0px auto;

	width: 820px;

}

@media only screen {

	.section .section-inner {

		width: auto;

		max-width: 820px;

	}

}

/*==========  Stem  ==========*/

.stem-wrapper {

	position: fixed;

	top: 0px;

	bottom: 0px;

	left: 50%;

}

.stem-wrapper.color-yellow .stem-background {

	background: #005f92;

}

.stem-wrapper.color-green .stem-background {

	background: #005f92;

}

.stem-wrapper.color-white .stem-background {

	background: #005f92;

}

.stem-wrapper .stem,

.stem-wrapper .stem-background {

	position: absolute;

	top: 0px;

	left: -30px;

	width: 60px;

}

.stem-wrapper .stem {

	background: #ddd;

	height: 100%;

}

.stem-wrapper .stem-background {

	background: #005f92;

	height: 73.5%;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

}

.stem-padding,

.single-stem-icon {

	width: 60px;

	height: 60px;

	margin: 0px auto;

	background: transparent url('../includes/img/stem-mask1.png') repeat-y top center;

}

.single-stem-icon.scroll-to-top {

	cursor: pointer;

	background-image: url('../includes/img/scroll.svg');

}

/*==========  Post wrapper ==========*/

.post-wrapper {

	*zoom: 1;

}

.post-wrapper:before,

.post-wrapper:after {

	content: "";

	display: table;

}

.post-wrapper:after {

	clear: both;

}

.post-wrapper .post {

	position: relative;

	width: 310px;

	padding: 0px 0px 60px 0px;

	clear: both;

	opacity: 1;

	-webkit-perspective: 800px;

	perspective: 800px;

	min-height: 300px;

}

.post-wrapper .post.hidden .post-content {

	-webkit-transform: translateY(100px) rotateX(30deg);

	transform: translateY(100px) rotateX(30deg);

	opacity: 0;

}

.post-wrapper .post:hover .post-content,

.post-wrapper .post.active .post-content {

	opacity: 1;

}

.post-wrapper .post:hover .post-content .meta,

.post-wrapper .post.active .post-content .meta {

	opacity: 1;

	-webkit-transform: none;

	transform: none;

}

.post-wrapper .post {

	float: right;

}

/*.post-wrapper .post:nth-child(odd) {

float: left;

}*/

.post-wrapper .post .stem-overlay {

	left: -130px;

}

/*.post-wrapper .post:nth-child(odd) .stem-overlay {

right: -130px;

}*/

.post-wrapper .post.music-icon .stem-overlay .icon {

	background-image: url('../includes/img/3new.svg');

}

.post-wrapper .post.bitbucket-icon .stem-overlay .icon {

	background-image: url('../includes/img/1new.svg');

}

.post-wrapper .post.music-icon1 .stem-overlay .icon {

	background-image: url('../includes/img/6new.svg');

}

.post-wrapper .post.bitbucket-icon1 .stem-overlay .icon {

	background-image: url('../includes/img/5new.svg');

}

.post-wrapper .post.m-icon .stem-overlay .icon {

	background-image: url('../includes/img/2new.svg');

}

.post-wrapper .post.twitter-icon .stem-overlay .icon {

	background-image: url('../includes/img/4new.svg');

}

.post-wrapper .post .stem-overlay {

	position: absolute;

	top: 0px;

	bottom: 0px;

	width: 60px;

}

.post-wrapper .post .stem-overlay .icon {

	background: transparent no-repeat center center;

	height: 60px;

	width: 60px;

	cursor: pointer;

}

.post-wrapper .post .stem-overlay .stem-mask {

	position: absolute;

	top: 60px;

	bottom: 0px;

	left: 0px;

	right: 0px;

	background: transparent url('../includes/img/stem-mask1.png') repeat-y top center;

}

.post-wrapper .post .post-content {

	opacity: 1;

	-webkit-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transform: none;

	transform: none;

}

.post-wrapper .post .post-content .meta {

	color: rgba(255, 255, 255, 0.3);

	margin: 0px 0px 15px 0px;

	letter-spacing: 1px;

	opacity: 0;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}

.post-wrapper .post .post-content .post-title {

	font-size: 26px;

	line-height: 42px;

	margin: 0px 0px 15px 0px;

}









/*==========  Media queries  ==========*/

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

	.section-inner {

		max-width: none;

	}

	.stem-wrapper {

		left: 80px;

	}

	.stem-padding,

	.single-stem-icon {

		margin: 0px;

		float: left;

		margin-left: 27px;-webkit-transform: translate3d(0, 0, 0);

	}

	.post-wrapper .post,

	.post-wrapper .post:nth-child(even),

	.post-wrapper .post:nth-child(odd) {

		width: auto;

		margin-left: 88px;

		float: none;

	}

	.post-wrapper .post .stem-overlay,

	.post-wrapper .post:nth-child(even) .stem-overlay,

	.post-wrapper .post:nth-child(odd) .stem-overlay {

		left: -61px;

		right: auto;

	}

	.post-wrapper .post .post-content {

		padding: 0px 50px;

	}

}

@media only screen and (max-width:2200px) and (min-width:1921px) {

	.section-inner{

		/*border:1px solid red;*/

	}

/*.post-wrapper .post:nth-child(odd) .stem-overlay {

right: -131px;

}*/

}

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

	.header .page-title {

		font-size: 40px;

	}

	.post-wrapper .post {

		margin-left: 68px !important;

	}

	.post-wrapper .post .post-content {

		padding: 0 25px;

	}

	.stem-wrapper {

		left: 60px;

	}

	.stem-padding, .single-stem-icon {

		margin-left: 8px;

	}

}

.post-wrapper .post .post-content .post-title br{display: none;}

.post-wrapper .post .post-content .post-title {

	font-size: 20px;

	line-height: 35px;

	margin: 0px 0px 15px 0px;

	font-weight: 600;

}

.entry-content p {

	opacity: .6;

	line-height: 28px;

}

#page .home {

	position: absolute;

	top: -160px;

	right: -570px;

	width: 340px;

}

.home1 { position: absolute; top: -120px; left: -510px; width: 360px; }

.home footer

{

	position: relative;

	z-index:99999;

}



.home .color_footer-bottom{z-index:99999 !important;}



.entry-content {

	position: relative;

}

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

	.post-wrapper .post .stem-overlay .icon { background: transparent no-repeat center center; width: 61px; }

	.home1,#page .home

	{

		position: static !important;

		width: 100% !important;

		margin-top: 30px;

	}

	.position-relative.bg-white.w-100.text-center.py-3

	{

		text-align: left !important;

	}

	.post-wrapper .post .post-content .post-title br { display: none; }

	.entry-content p br { display: none; }

	.ss::after

	{

		top: 0%;

	}

	.post-wrapper .post .post-content .post-title { font-size: 15px; line-height: 29px; margin: 0px 0px 15px 0px; font-weight: 600; }  

}

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

	.main-content, .main-content .section-inner {

		max-width: none;

	}

}

@media only screen and (max-width:850px) and (min-width:768px) { 

	.post-wrapper .post .stem-overlay {

		left: -104px;

	}

}

@media only screen and (max-width:400px) and (min-width:300px) { 

	.post-wrapper .post .stem-overlay .stem-mask {

		/* right: -2px !important;

		background-size: 113% !important; */

	}

	.post-wrapper .post .stem-overlay .icon {

		/* height: 61px !important;

		background-size: 110% !important;

		width: 61px !important; */

	}

}

@media only screen and (max-width:1199px) and (min-width:992px) { }

@media only screen and (max-width:1084px) and (min-width:992px) {

	.main-content, .main-content .section-inner { max-width: none; overflow: hidden; }

}

@media only screen and (max-width:826px) and (min-width:768px) {

	.home1, #page .home {

		position: static !important;

		width: 100% !important;

		margin-top: 30px;

	}

}

@media only screen and (max-width:991px) and (min-width:768px) {

	.post-wrapper .post .stem-overlay .icon { width: 61px; }

}

.home .color_footer-bottom

{

	position: relative;

	z-index: 99999 !important;

}

@media (min-width: 667px) and (max-width: 1024px) {

	.stem-padding, .single-stem-icon

	{

		margin-left: 12px;

	}

	.post-wrapper .post, .post-wrapper .post:nth-child(even), .post-wrapper .post:nth-child(odd)

	{

		margin-left: 73px;

	}

}

@media only screen 

and (min-device-width: 1024px) 

and (max-device-width: 1366px) 

and (-webkit-min-device-pixel-ratio: 2) 

and (orientation: portrait)

{

	.stem-padding, .single-stem-icon

	{

		margin: 0px auto;

	}
	.post-wrapper .post .stem-overlay .icon
	{
		width: 62px;
		height: 62px;
	}
	.post-wrapper .post
	{
		width: 311px;
	}


	.post-wrapper .post .stem-overlay

	{

		left: -195px;
		width: 62px;

	}
	.home1
	{
		top: -110px;
		left: -550px;
	}
	.post-wrapper .post, .post-wrapper .post:nth-child(even), .post-wrapper .post:nth-child(odd)
	{
		padding-right: 30px;
	}
	.header_hor .l-subheader-cell.at_right>*
	{
		margin-right: 20px;
	}

}

/*.post-wrapper .post .stem-overlay .stem-mask{ z-index: 9999;}*/

/*.toparea{position:relative;z-index:999999 !important;}  */

/*.scrollarea{position:relative;z-index:9999999 !important;}  */



@media (max-width: 640px) {
	.post-wrapper .post .stem-overlay .icon{
		width: 63px;
		height: 63px;
		margin-left: -2px;
		margin-top: -2px;
		margin-bottom: -2px;
	}

	.stem-padding,.single-stem-icon.scroll-to-top  {
		width: 63px;
		height: 63px;
		background-size: 101% 101%;
		left: -2px;
		margin-right: -2px;
		position: relative;
	}

	.post-wrapper .post .stem-overlay .stem-mask {
		background-size: 101% 101%;
		left: -2px;
		margin-right: -2px;
	}
	.wpb_wrapper {
		transform: none;
		overflow: hidden;
		clip: rect(0, auto, auto, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		z-index: 0;
	}
} 



@media (min-width: 641px) and (max-width: 1024px) {
  .post-wrapper .post .stem-overlay .icon{
		width: 64px;
		height: 64px;
		margin-left: -2px;
		margin-top: -2px;
		margin-bottom: -2px;
	}
  
	.post-wrapper .post .stem-overlay .stem-mask {
		background-size: 101% 101%;
		left: -2px;
		margin-right: -2px;
	}
	.wpb_wrapper {
		transform: none;
		overflow: hidden;
		clip: rect(0, auto, auto, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		z-index: 0;
	}
} 


@media (min-width: 1025px) and (max-width: 1366px) and (hover: none) {
   .post-wrapper .post .stem-overlay .icon{
		width: 64px;
		height: 64px;
		margin-left: -2px;
		margin-top: -2px;
		margin-bottom: -3px;
	}
  
	.post-wrapper .post .stem-overlay .stem-mask {
		background-size: 101% 101%;
		left: -2px;
		margin-right: -2px;
	}
  
  .single-stem-icon.scroll-to-top  {
		width: 63px;
		height: 63px;
		background-size: 101% 101%;
		position: relative;
	}
  
  .wpb_wrapper {
		transform: none;
		overflow: hidden;
		clip: rect(0, auto, auto, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		z-index: 0;
	}
}