.text-color{}
.text-blue{color: #0E45A3}
body{
	background-color: #E4E4E4;
}
* a:hover{
	text-decoration: none;
}

.btn-primary{
	/*background-color: #0E45A3;*/
	border-color: #0E45A3;
	transition: all 0.2s ease-in-out;
}
.btn-primary:hover{
	background-color: #6BAEDC;
	border-color: #6BAEDC;
}
@media all and (max-width: 992px){
	.p-5 {
	  padding: 2.2rem !important;
	}
}
@media all and (max-width: 768px){
	.p-5 {
	  padding: 1.5rem !important;
	}
}
@media all and (max-width:480px){
	.p-5 {
	  padding: 1rem !important;
	}
}
/*****   header   *****/
header{
	transition: all 0.5s ease-in-out;
}
.bg-blue{
	background-color: #0e45a3;
}
.navbar-light .navbar-toggler{
	border-color: #fff;
	color: #fff;
}
.logo-img{
	max-width: 180px;
}

/*****   banner   *****/
.banner{
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.banner:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 1;
}
.banner .banner-bg{
	position: absolute;
top: 0;
bottom: 0;
min-height: 100%;
min-width: 100%;
left: 50%;
transform: translateX(-50%);
}
.banner-caption{
	position: absolute;
	top:  15%;
	left: 10%;
	color: #fff;
	z-index: 2;
}
.banner-caption button{
	background-color: #1050BE;
	border-color: #1050BE;
	margin: 20px 0;
}
.banner-title{
	position: absolute;
	top:  20%;
	left: 50%;
	color: #fff;
	opacity: 0.8;
	transform: translate(-50%,0);
	z-index: 2;
}
.banner-title.banner-center{
	top: 40%;
	opacity: 1;
}
.banner-center p{
	text-align: left;
}
.line{
	background-color: #fff;
	width: 120%;
	height: 3px;
	display: block;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
}
.btn-home{
	margin: 20px 0;
}
.banner-caption.banner-form {
	opacity: 0.8;
}
.banner-caption.banner-form .banner-contact{
	margin-top: 60%;
}
.banner-caption.banner-form ~ .banner-title{
	top: 45%;
	font-size: 1.2em;
}
@media (max-width:  767px){

.banner-caption.banner-form ~ .banner-title{
	top: 30%;
}
}

/*****   info-box   *****/
.info-box{
	display: flex;
	margin-bottom: 10px;
}
.info-box .info-img {
	margin-right: 10px;
}
.info-box .info-img img{
	width: 40px;
	margin: 10px;
}
.info-box p{
	margin-bottom: 0;
	color: #fff;
}

/*****   footer   *****/
footer{
	background-color: #0E45A3;
	color: #fff;
}
#map{
	width: 100%;
	height: 400px;
}
.social {
	margin: 10px;
}
.social li a{
	width: 45px;
	height: 45px;
	line-height: 45px;
	background-color: #fff;
	color: #0E45A3;
	display: block;
	text-align: center;
	border-radius: 3px;
	font-size: 20px;
}

/*****   video   *****/
.video-container{
	position: relative;
}
.video-container a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.pulse-btn{
	top: 40%;
	width: 70px;
	height: 70px;
	background-color:rgba(255,255,255,.2);
	border-radius: 50%;
	z-index:1;
	display: inline-block;
	position:relative;
	line-height: 70px;
	font-size: 30px;
	color: #fff;
}
.pulse-btn:after,
.pulse-btn:before{
	position:absolute;
	content:'';
	top:-25px;
	left:-25px;
	bottom:-25px;
	right:-25px;
	background-color:rgba(255,255,255,.2);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-animation:play-button-pulse 1.8s linear infinite;
	-moz-animation:play-button-pulse 1.8s linear infinite;
	animation:play-button-pulse 1.8s linear infinite;
	opacity:0;z-index:-1}
.pulse-btn:after{
		-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s
}
.pulse-btn:hover{color:#0E45A3}

@-webkit-keyframes play-button-pulse{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-moz-keyframes play-button-pulse{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-ms-keyframes play-button-pulse{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-o-keyframes play-button-pulse{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}}@keyframes play-button-pulse{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:0}}

/*****   app block   *****/
.app-block{
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

}
.app-block .app-image{
	height: 250px;
	overflow: hidden;
	position: relative;
}
.app-block .app-image:after{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 10px;
	background-image: url(../images/border.png);
	background-position: bottom center;
  background-repeat: no-repeat;
}
.app-block .app-image img{
	height: 100%;
}
.app-block .card-body{
	color: #222;
}
.rate{
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	font-size: 20px;
}
.discount,
.rating-counter{
	position: absolute;
	bottom: 25px;
	right: 20px;
	font-size: 12px;
}
.rating-counter i{color: #FFAA00;}
.discount i{
	color: #f00;
	position: absolute;
	bottom: -30px;
	right: -20px;
	font-size: 85px;
}
.discount span{
  padding-right: 10px;
  font-size: 14px;
	color: #f00;
}


/*****   product   *****/
.product-block{
	margin-bottom: 30px;
	border-radius: 10px;
	position: relative;
}
.product-block .card{
	background-color: transparent;
	border: 0;
}
.product-block .product-image{
	height: 250px;
	overflow: hidden;
}
.product-block:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 300px;
	background-color: #fff;
border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.product-block .product-image img{
	height: 100%;
	z-index: 2;
	position: relative;
}

/*****   software   *****/
.sofware-boxs{
	margin-top: -100px;
	z-index: 5;
	position: relative;
}
.banner.box-1:after,
.sofware-boxs .box-1 {
	background-color: rgba(116,162,241,0.75)
}
.banner.box-2:after,
.sofware-boxs .box-2 {
	background-color: rgba(56,109,200,0.75)
}
.banner.box-3:after,
.sofware-boxs .box-3 {
	background-color: rgba(14,69,163,0.75)
}
.software-boxs-info .box-info{
	overflow: hidden;
}
.software-boxs-info .box-info .box-info-img{
	position: relative;

}
.software-boxs-info .box-info .box-info-img:before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 120%;
	height: 100%;
	z-index: -1;
}
.software-boxs-info .box-info:nth-of-type(odd) .box-info-img:before{
	background-color: rgba(56,109,200,0.75);
	right: 0;
	left: auto;
	transform: translate(30%,50px);
}
.software-boxs-info .box-info:nth-of-type(even) .box-info-img:before {
	background-color: rgba(116,162,241,0.75);
	right: auto;
	left: 0;
	transform: translate(-30%,50px);
}
.software-boxs-info .box-info:last-of-type .box-info-img:before {
	background-color: rgba(14,69,163,0.75);
}
.software-boxs-info .box-info:nth-of-type(odd) .box-info-details h3{
	color: rgb(56,109,200);
}
.software-boxs-info .box-info:nth-of-type(odd) .box-info-details .btn{
	background-color: rgb(56,109,200);
}
.software-boxs-info .box-info:nth-of-type(even) .box-info-details h3{
	color: rgb(116,162,241);
}
.software-boxs-info .box-info:nth-of-type(even) .box-info-details .btn{
	background-color: rgb(116,162,241);
}
.software-boxs-info .box-info:last-of-type .box-info-details h3{
	color: rgb(14,69,163);
}
.software-boxs-info .box-info:last-of-type .box-info-details .btn{
	background-color: rgb(14,69,163);
}



/*****   feature list   *****/
.feature-list li{
	color: #456FB8;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}
.feature-list li:before{
	content: "\f14a";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
}


/*****   form box container   *****/
.form-box{
	position: relative;
}
.form-box-container{
	background-color: #fff;
}
.box-transform{
	/*transform: translateY(-80%);*/
	z-index: 1;
	position: relative;
	top: -35%;
}
.form-control{
	border-color: #F2F2F2;
	background-color: #F2F2F2;
}
.reply-box{
	background-image: url(../images/partnership.png);
	background-size: contain;
	background-repeat: no-repeat;
}
textarea{
	min-height: 200px;
	max-height: 200px;
}
.box-transform textarea{
	min-height: 70px;
	max-height: 70px;
}




#map2{
	width: 100%;
	height: 400px;
	box-shadow: 0 0 15px #d5d5d5;
}

/*****   feedback block   *****/
.feedback-block{
	padding: 30px 0;
}
.feedback-block i{
	font-size: 25px;
}
.feedback-block .feedback-img{
	position: relative;
	margin-right: 20px;
}
.feedback-block .feedback-img:before{
	content: '';
	position: absolute;
	top: 20px;
	left: -20px;
	width: 100%;
	height: 100%;
	background-color: #0E45A3;
	border-radius: 10px;
	z-index: 1;
}
.feedback-block .feedback-img .logo-box{
	position: relative;
	z-index: 2;
	background-color: #fff;
	border-radius: 10px;
	height: 150px;
	width: 150px;
	padding: 20px;
}
@media all and (max-width:  480px){
	.media{display: block;}
}