.blockchain-page {
}

.blockchain-page .solution-icon-house,
.blockchain-page .solution-icon-logistics,
.blockchain-page .solution-icon-customermarket,
.blockchain-page .solution-icon-healthcare,
.blockchain-page .solution-icon-smartphone, 
.blockchain-page .solution-icon-finance
{ max-width: 100%; background-size: 100%; background-image: url('/images/blockchain/solution-sprite.png'); }
 

.blockchain-page .solution-icon-logistics { background-position: 0 0%; background-size: 100%; }
.blockchain-page .solution-icon-healthcare { background-position: 0 15.039578%; background-size: 119.318182%; }
.blockchain-page .solution-icon-customermarket { background-position: 0 35.656836%; background-size: 128.04878%; }
.blockchain-page .solution-icon-house { background-position: 0 55.989583%; background-size: 161.538462%; }
.blockchain-page .solution-icon-smartphone { background-position: 0 76.470588%; background-size: 205.882353%; }
.blockchain-page .solution-icon-finance { background-position: 0 100%; background-size: 228.26087%; }

.blockchain-page .our-technology-microsoft-azure-logo,
.blockchain-page .our-technology-ethereum-logo,
.blockchain-page .our-technology-node-js-logo,
.blockchain-page .our-technology-solidity-logo-upd
{ max-width: 100%; background-size: 100%; background-image: url('/images/blockchain/our-technology-sprite.png'); }
 
.blockchain-page .our-technology-microsoft-azure-logo { background-position: 0 0%; background-size: 100%; }
.blockchain-page .our-technology-ethereum-logo { background-position: 0 24.528302%; background-size: 141.20603%; }
.blockchain-page .our-technology-node-js-logo { background-position: 0 61.1233%; background-size: 163.372093%; }
.blockchain-page .our-technology-solidity-logo-upd { background-position: 0 100%; background-size: 184.868421%; }


.blockchain-page .contract-icon-settings,
.blockchain-page .contract-icon-shield,
.blockchain-page .contract-icon-piggy-bank
{ max-width: 100%; background-size: 100%; background-image: url('/images/blockchain/contract-icon-sprite.png'); }
 
.blockchain-page .contract-icon-settings { background-position: 0 0%; background-size: 100%; }
.blockchain-page .contract-icon-shield { background-position: 0 45.91195%; background-size: 110%; }
.blockchain-page .contract-icon-piggy-bank { background-position: 0 100%; background-size: 140%; }

/* myabe global */

span.responsive-br {
	display: block;
}

@media (max-width: 768px) {
	span.responsive-br {
		display: inline;
	}

.testimonials .table {
	float: none;
}
}

.slick-dots {
	bottom: 0px;
}

.slick-dots.gray-bg li button {
	background-color: #EEE;
}

.slick-dots.gray-bg.outer-pos {
	bottom: -25px !important;
}

.slick-dots li button {
	border-radius: 50%;
	background-color: white;
}

.slick-dots li.slick-active button {
	background-color: #5f9ad5;
}




/* END Maybe global */


.blockchain-page .offers-block {
	flex-flow: row wrap;
	justify-content: space-between;
}

.blockchain-page .offer-block {
	box-shadow: 2.509px 6.535px 6px 0px rgba(0, 0, 0, 0.04);
	border: 1px solid rgb(220, 220, 220);
	width: 30%;
	padding: 20px;
	margin: 1.5% auto;
	transition: box-shadow 0.3s ease-in-out;
}

.blockchain-page .offer-block .h4 {
	min-height: 100px;
	margin-top: 0;
    margin-bottom: 0;
}

.blockchain-page .offer-block:hover {
	box-shadow: 2.509px 6.535px 13px 0px rgba(0, 0, 0, 0.24);	
}

.blockchain-page .offer-block .outer-container {
	padding-left: 1em;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	min-height: 285px;
	position: relative;
	height: 100%;
}

.blockchain-page .offer-block .outer-container:before {
	content: '>';
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	color: #244796;
	font-size: 24px;
	font-weight: bold;
	font-family: "GothamProNarrowBold";
}

.blockchain-page .solutions-block {
	flex-flow: row wrap;
	justify-content: space-between;
}

.blockchain-page .solutions-block .slick-dots li.slick-active button {
	background-color: #fdc101;
}

.blockchain-page .solution-block {
	width: 30%;
	padding: 20px;
	margin: 1.5% auto;
	text-align: center;
}

.blockchain-page .solutions-block.slick-initialized .solution-block {
	margin: 0;
}

.blockchain-page .slick-slide img {
	display: inline-block;
}

.blockchain-page .our-technologies {
	justify-content: space-between;
	align-items: center;
	margin: 6% auto;
}

.blockchain-page .our-technologies .our-technology {
	width: 20%;
	text-align: center;
}


.blockchain-page .ethereum-block {
	background-color: rgb(72, 119, 173);
-webkit-box-shadow: 0px 10px 22px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 10px 22px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 10px 22px 0px rgba(50, 50, 50, 0.5);
}

.blockchain-page .ethereum-block .container-s {
	position: relative;
}

.blockchain-page .ethereum-block .container-s:before {
    content : "";
    display: block;
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.2;
	background-image: url('/images/blockchain/ethereum_bg.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 200%;
}

.blockchain-page .ethereum-block h3 {
	margin-top:0;
	position: relative;
	z-index: 2;
}

.blockchain-page .ethereum-block p {
	position: relative;
	z-index: 2;
}


.blockchain-page .smart-contracts {
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
} 

.blockchain-page .smart-contracts .contract {
	width: 30%;
}

.blockchain-page .what-smart-block {
	padding: 12% 6% 12% 6%;
}

.blockchain-page .what-smart-block h3 {
	margin-top: 0;
}

.blockchain-page .expertise-blocks {
    flex-flow: row nowrap;
    justify-content: center;
}

.blockchain-page ul.green-check li {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style-position: inside;
    display: block;
    position: relative;
    padding-left: 35px;
}

.blockchain-page ul.green-check ul {
    list-style: none;
    padding-left:0;
}


.blockchain-page ul.green-check li:before {
    background-image: url('/images/pandadoc/check.png');
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top:0;
    left: 0;
}

.blockchain-page .exprtise-block {
    padding: 20px;
    margin: 10px 40px 40px 40px;
    width: 35%;
}

.blockchain-page .first-paragraph {
	font-size: 30px;
}

@media (max-width: 768px) {
.blockchain-page .first-paragraph {
	font-size: 28px;
}


.blockchain-page .our-technologies .our-technology {
	width: 50%;
	margin: 3% auto;
}

}

@media (max-width: 480px) {
.blockchain-page .first-paragraph {
	font-size: 24px;
}

.blockchain-page .our-technologies .our-technology {
	width: 100%;
	text-align: left;
}


}

@media (max-width: 547px){
.blockchain-page .offer-block {
	min-height: 72px;
}

.blockchain-page .offer-block .outer-container:after {
	line-height: 50px;
}


}

@media (max-width: 340px) {
.blockchain-page .first-paragraph {
	font-size: 20px;
}



}

@media (max-width: 768px) {

.blockchain-page .expertise-blocks {
        display: block;
    }

    .blockchain-page .expertise-blocks .exprtise-block {
        width: 95%;
        margin: 3%;
		padding: 0;
    }

.blockchain-page .smart-contracts {
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: stretch;
} 

.blockchain-page .smart-contracts .contract {
	width: 100%;
}

	.blockchain-page .offers-block {
		background-color: #eee;
	}

	.blockchain-page .offer-block {
		box-shadow: none;
		width: 100%;
		padding: 10px;
		margin: 0 auto;
	}

	.blockchain-page .offer-block:hover {
		box-shadow: none;	
	}

	.blockchain-page .offer-block .outer-container {
		padding-left: 0;
		justify-content: center;
		min-height: 1px;
		height: auto;
	}
	
	.blockchain-page .offer-block .outer-container .h4 {
		color: #5d9cd5;
		min-height: 1px;
	}

  .blockchain-page .offer-block .outer-container:before {
	display: none;
  }
  
	.blockchain-page .offer-block .outer-container:after {
		content: '\f0da';
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	color: #5d9cd5;
	font-size: 26px;
	font-weight: bold;
	font-family: "FontAwesome";
  }

	.blockchain-page .offer-block .responsive-hide-box {	
		display: none;
		transition: opacity 1s ease-out;
    	opacity: 0; 
	}

	.blockchain-page .offer-block.active .responsive-hide-box {	
		display: inline;
		opacity: 1;
		transition: opacity 1s ease-out;
		margin-top: 3%;
	}

	.blockchain-page .offer-block.active .outer-container:after {
		content: "\f0d7";
	}

}

@media (max-width: 480px) {
 	.blockchain-page .offer-block .outer-container .h4,
	.blockchain-page .offer-block .outer-container:after {
	font-size: 20px;
  }

}

@media (max-width: 340px) {
 	.blockchain-page .offer-block .outer-container .h4,
	.blockchain-page .offer-block .outer-container:after {
	font-size: 18px;
  }
}

.blockchain-page .key-focus {
	justify-content: space-between;	
}

.blockchain-page .col-30 {
	width: 30%;
}

/* badge block */

.blockchain-page .badge-container {
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	position: relative;
}

.blockchain-page .badge-container .left {
	min-width: 146px;
	background: linear-gradient(180deg, #16313B 0%, #69797D 100%);
	border-radius: 2px 0px 0px 2px;
	margin-right: 5px;
}

.blockchain-page .badge-container .right {
	width: auto;
	background: #5E9CD5;
	border-radius: 0px 2px 2px 0px;
	color: white;
	padding: 60px 50px 30px 90px;
}

.blockchain-page .badge-container img {
	position: absolute;
    left: 31px;
    top: calc(50% - 73px);
}

@media (max-width: 540px) {
	.blockchain-page .badge-container {
		flex-flow: column nowrap;
		margin-top: 60px;
	}
	.blockchain-page .badge-container .left {
		width: 100%;
		min-height: 136px;
		margin-right: 0;
		margin-bottom: 5px;
		border-radius: 2px 2px 0px 0px;
	}
	
	.blockchain-page .badge-container .right {
		width: 100%;
		border-radius: 0px 0px 2px 2px;
		padding: 40px 20px 20px 20px;
	}

	.blockchain-page .badge-container img {
		position: absolute;
    	left: calc(50% - 92px);
    	top: 15px;
	}


}

/* process block */

.blockchain-page .process-container {
	display: flex;
	position: relative;
	flex-flow: row wrap;
}

.blockchain-page .process-container .line:before {
	content: '';	
	position: absolute; 
	z-index: 4;
}


.blockchain-page .process-container .item {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	width: 25%;
}

.blockchain-page .process-container .item.line.right:before {
	top: 0;
	height: 75px;
	border-bottom: 3px solid #2267CF;
	width: 50%;
	right: 0;
}

.blockchain-page .process-container .item.line.right.left:before {
	width: 100%;
}

.blockchain-page .process-container .item.line.right.left.down:before {
	top: 72px;
    border-bottom: none;
    border-top: 3px solid #2267CF;
    border-right: 3px solid #2267CF;
	bottom: 0;
    height: auto;
}

.blockchain-page .process-container .item.line.right.left.up:before {
    border-right: 3px solid #2267CF;
}


.blockchain-page .process-container .item .icon-outer-container {
	position: relative;
	z-index: 5;
	padding: 0 15px;
	background: white;
}

.blockchain-page .process-container .item .icon-container {
	background: #CDE9FF;
	width: 150px;
	height: 150px;
	display: flex;
	border-radius: 75px;	
}

.blockchain-page .process-container .item .icon-container > * {
	margin: auto;
}

.blockchain-page .process-container .item.first-row {
	padding-bottom: 40px;
}

.blockchain-page .process-container .item.second-row {
	padding-top: 40px;
	padding-bottom: 40px;
}

.blockchain-page .process-container .item.second-row.line.right:before {
	height: 115px;
}

.blockchain-page .process-container .item .process-title {
	margin-top: 20px;
    position: relative;
    z-index: 3;
	margin-bottom: 0;
	text-align: center;
	padding-left: 15px;
    padding-right: 15px;
	background: white;
}

.blockchain-page .process-container .event-loop {
	position: absolute;
    bottom: 0;
    border: 2px dashed #2267CF;
    width: 50%;
    height: 53%;
    left: 12.5%;
}

.blockchain-page .process-container .event-loop .arrow-left {
	position: absolute;
    left: calc(50% - 21px);
    top: -13px;
}

.blockchain-page .process-container .event-loop .arrow-right {
	bottom: -13px;
	left: calc(50% - 21px);
	position: absolute;
}

.blockchain-page .process-container .event-loop .vertical {
	display:none;
}
	
.blockchain-page .process-container .event-loop .horizontal {
	display:block;
}

@media (max-width: 768px) {
	.blockchain-page .process-container {
		flex-flow: column wrap;
	}
	
	.blockchain-page .process-container .item {
		width: 100%;
	}
	
	.blockchain-page .process-container .item .icon-outer-container {
		padding: 15px 0;
	}
	
	.blockchain-page .process-container .item.line.right:before {
		width: 50%;
		right: 0;
		top: 50%;
		bottom: 0;
		border-left: 3px solid #2267CF;
		border-bottom: none;
		height: auto;
	}
	
	.blockchain-page .process-container .item.line.right.left:before {
		width: 50%;
	}

	.blockchain-page .process-container .item .process-title {
		margin-top: 0;				
		padding-bottom: 15px;
		z-index: 10;
	}


	.blockchain-page .process-container .item.line.right.left.down:before {
		top: 50%;
		border-bottom: none;
		border-top: none;
		border-right: none;
	}

	.blockchain-page .process-container .item.line.right.left.up:before {
		border: none;
	}

	.blockchain-page .process-container .item.second-row {
		padding-top: 0;
	}

	.blockchain-page .process-container .event-loop {
		left: 25%;
		bottom: 8%;
		width: 50%;
		height: 37.5%;
	}
	
	.blockchain-page .process-container .item.second-row.line.right:before {
		height: auto;
	}
	
	.blockchain-page .process-container .event-loop .arrow-left {
		left: -13px;
		top: 50%;
	}
	
	.blockchain-page .process-container .event-loop .arrow-right {
		right: -13px;
		top: 50%;
		bottom: auto;
		left: auto;
	}
	
	.blockchain-page .process-container .event-loop .vertical {
		display:block;
	}
	
	.blockchain-page .process-container .event-loop .horizontal {
		display:none;
	}
}

@media (max-width: 425px) {
	.blockchain-page .process-container .event-loop {
		left: 10%;
		width: 80%;
	}
}


/* end process block */
.case-studies a.view {
	color:#FDC238;
}
.case-studies  a.yellow-hover:hover {
	color:#F8981D !important;
}
.h3 a.text-white.yellow-hover:hover{
	color: #FDC238 !important;
}