@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300');
:root {
    --body-font: 'Roboto', sans-serif;
}

* {
    font-family: var(--body-font);
}

.pourcent{
	color:#FFFFFF;
	font-size:2em;
	z-index:1
}
.single-coutnerup .count-num {
    font-size: 2.2em;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: -15px;
    display: block;
	background-color: #43698E;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.single-coutnerup {
    text-align: center;
}

.single-coutnerup .title {
    font-size: 1.1em;
    font-weight: 600;
    color: #ffffff;
	z-index:2;
}

.card {
    margin-bottom: -10px;
}

.card .card-header .title {
    font-size: 18px;
    font-weight: 600;
    padding: 0;
}

.card .card-body code {
    background-color: #efecec;
    padding: 10px;
    border-radius: 3px;
}

.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

.container_parralax{
	width:100%;
	padding-right:10px;
	padding-left:10px;
	margin-right:auto;
	margin-left:auto
}

@media (min-width:400px) and (max-width: 575px){
.demo-area div{
	max-width:420px
}	
.demo-area{
	width:400px;
	padding-right:12px;
	padding-left:12px;
	margin-right:auto;
	margin-left:auto
}
.single-coutnerup .count-num {
    width:390px;font-size: 1.5em;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: -5px;
    line-height: 62px;
    width: 62px;
    height: 62px
}
.single-coutnerup .title {
    font-size: 0.9em;
    font-weight: 400;
    color: #ffffff;
	z-index:2
}
.pourcent{
	font-size:1.3em;
}
}

@media (min-width:576px){
.container_parralax{
	max-width:590px
}
}

@media all and (max-width: 399px) {
    .demo-area{display:none}
}

@media (min-width:1200px){
.container_parralax{
	max-width:1140px
}
}

.container_parralax-fluid{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:
	auto;margin-left:auto
}

.row_parralax{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
}