/* here you can put your own css to customize and override the theme */
.longin-button{
	background-color: #5B79FB;
	padding: 2px 20px;
	color: #F8F8F8 !important;
	border-radius: 20px !important;
}
.site-logo img{
	width: 50px;
	height: 50px;
}

.site-logo div{
	color: white;
}
.site-logo .log-text div:first-of-type{
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: 500;
}
.site-logo .log-text div:last-of-type{
	font-size: 12px;
	letter-spacing: 1px;
}

.services-block .row{
	width: 125%;
}

.home-block{
	background-image: url('../../static/img/bg-01.jpg');
	height: 961px;
	background-repeat: round;
}
.services-block{
	background-image: url('../../static/img/bg-02.jpg');
	height: 760px;
	background-repeat: round;
}
.services2-block{
	background-image: url('../../static/img/bg-03.jpg');
	height: 721px;
	background-repeat: round;
}
.services3-block{
	background-image: url('../../static/img/bg-04.jpg');
	height: 880px;
	background-repeat: round;
}

.header{
	background:transparent !important;
	position: absolute !important;
	box-shadow: none;
}

.home-block-row{
	top:250px;
	height: 100%;
	margin: auto;
}
.home-block-row strong{
	font-size: 35px;
}
.home-block-row .image{
	width: 100%;
	height: 100%;
}

.services3-block .sub-item{
	width: 340px;
	height: 460px;
	border: solid 1px #e6e6e6;
	border-radius: 20px !important;
	background-color: #fff;
	box-shadow: 10px 10px 5px #888888;
}

.services-block img{
	width: 100%;
	height: 80%;
}
.services3-block .item-left{
	z-index: 2;
	margin-left: 175px;
	margin-top: 30px;
	background-color: #F3F2F8;
	width: 310px;
	height: 400px;
}
.services3-block .item-left i{
	color: #5B79FB;
	background-color: #FFFFFF;
	border: solid 1px #5B79FB;
}
.services3-block .item-center0{
	z-index: 20;
}

.services3-block .item-center{
	background-color: #f9f9f9;
}

.services3-block .item-center i{
	color: #FFFFFF;
	background-color: #5B79FB;
}
.services3-block .item-right{
	z-index: 2;
	margin-left: -140px;
	margin-top: 30px;
	background-color: #F3F2F8;
	width: 310px;
	height: 400px;
}

.services3-block .item-right i{
	color: #5B79FB;
	background-color: #FFFFFF;
	border: solid 1px #5B79FB;
}

@media (max-width: 1024px) {
	.longin-button{
		background-color: transparent;
		color: #d3d3d3 !important;
		border-radius: 0 !important;
	}
	
	.site-logo img{
		width: 30px;
		height: 30px;
	}

	.site-logo div{
		color: white;
	}
	.site-logo .log-text div:first-of-type{
		font-size: 16px;
		letter-spacing: 4px;
		font-weight: 500;
	}
	.site-logo .log-text div:last-of-type{
		font-size: 12px;
		letter-spacing: 0px;
	}
	
	.header{
		background: #5B79FB !important;
		position: fixed !important;
	}
	
	.home-block{
		background-image: url('../../static/img/mb-bg-01.jpg');
		height: 100%;
		background-repeat: round;
	}
	.home-block-row{
		position: absolute;
		top: 28%;
		text-align: center;
	}
	
	.home-block-row .image {
	    position: absolute;
	    width: 300px;
		margin: 0px auto;
	    top: 26%;
	    height: auto;
	}
	
	.home-block-row strong{
		font-size: 20px;
	}
	.pre-footer-col{
		padding-right: 15px;
	}
	
	.services-block{
		background-image: url('../../static/img/mb-bg-02.jpg');
		height: 100%;
		background-repeat: round;
	}
	.services2-block{
		background-image: url('../../static/img/mb-bg-03.jpg');
		height: 100%;
		background-repeat: round;
	}
	.services3-block{
		background-image: url('../../static/img/mb-bg-03.jpg');
		height: 100%;
		background-repeat: round;
	}
	.services-block .row{
		width: 100%;
	}
	.services-block img{
		width: 100%;
		height: 80%;
	}
	.footer-line{
		display: none;
	}
	
	.services3-block .item{
		margin-bottom: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.services3-block .sub-item{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: 100%;
		margin: 0px auto !important;
		background-color: #F3F2F8;
		margin-left: 0px;
		box-shadow: 10px 10px 5px #66666;
	}
	.services3-block .sub-item i{
		margin: -10px auto 20px;
		display: flex;
		flex-wrap: wrap;
		color: #FFFFFF;
		background-color: #5B79FB;
		border: solid 1px #5B79FB;
	}
	
	.row{
		margin: 0px;
	}
	
	.services-block h2{
		color:#5B79FB;
		font-size: 22px;
	}
	
	.services-block h4{
		font-size: 14px;
	}
	
	.services-block .item:nth-child(4){
		margin-left: 16.66666%;
	}
	.services3-block .item:nth-child(3){
		margin-left: 26.66666%;
	}
	
	.header-mobi-ext .header-navigation li.current i {
		border-left:solid 3px #FFF;
		margin-left: -10px;
		margin-right:7px;
	}
	
}