.main-content{
	color:#000;
}
.block-center{
	margin:0;
}
.block-center .block-parallax{
	float:left;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	width:100%;	
	height:600px;
	margin:80px 0 ;
}
.block-center .block-parallax img{
	visibility:hidden;
}
.block-center  .ccm-layout-column{
	padding:0 50px;
}
.block-center  .ccm-layout-column h2{
	margin-top:0;
}
.block-concrete5 >div{
	max-width:1280px;
	padding:0 50px;
	margin:auto;
}
.block-step-top{
	margin-top:80px;
	float:left;
	width:100%;
	display:table;
	table-layout:fixed;
	float:left;
	width:100%;
}
.block-step-top>div{
	display:table-cell;
	vertical-align:middle;
}
.block-step-top .block-cer >div{
	float:right;
}
.block-step-top .block-cer h3{
    text-transform: uppercase;
    color: #07afed;
}
.block-cc5-steps{
	float:left;
	width:100%;
	margin-top:40px;
	padding-left:40px;
}
.block-cc5-steps>div{
	float:left;
	width:100%;	
}
.block-cc5-steps .block-laptop {
    background-image:url("../images/laptop_container.png");
    background-repeat:no-repeat;
    width:1153px;
    max-width:100%;
    margin:0 auto; 
    height:0;
    overflow:hidden;
   /*  padding-bottom:60.34%; aspect ratio of the image: (557/923)*100*/
	padding-bottom:73.4605377277%; /* aspect ratio of the image: (847/1153)*100*/
    position:relative;
    
    -webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;

}

.block-cc5-steps .block-wallpaper-wrapper {
    padding:0;
	position:absolute;
	z-index:-1;
	display:none;
}

.block-cc5-steps .block-wallpaper { 
    max-width:100%;
	display:block;
}
.block-cc5-steps .block-text img{
	margin-bottom:20px;
}
.block-cc5-steps .block-step-list{
	margin-top:30px;
}
.block-cc5-steps .block-item-step{
	cursor:pointer;
	position:relative;
	margin-bottom:5px;
	color: #9d9d9d;	
	float:left;
	width:33.33%;
}
@media(min-width:921px){
	.block-cc5-steps .block-item-step:nth-child(odd){
		clear:none;
	}
	.block-cc5-steps .block-item-step:nth-child(3n+1){
		clear:left;
	}	
}

.block-cc5-steps .block-item-step h3{
	margin:0 0 10px;
	color:#666;
}
.block-cc5-steps .block-item-step>div{
	padding:0 20px 40px;	
	cursor:pointer;
	max-width:300px;
	position:relative;
}
.block-cc5-steps .block-item-step>div:before{
	position:absolute;
	left:0;
	top:5px;
	content:'';
	width:0;
	height:1px;
	background:#ed1c24;
     -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
          -o-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
             transform: translateX(-100%);
  -webkit-transition: all .5s ;
  	 -moz-transition: all .5s ;
  	   -o-transition: all .5s ;
          transition: all .5s ;
  	  -ms-transition: all .5s ;
}
.block-cc5-steps .block-item-step:hover>div:before,
.block-cc5-steps .block-item-step.active>div:before{
	width:45px;
}
.block-cc5-steps .block-item-step.active,
.block-cc5-steps .block-item-step:hover,
.block-cc5-steps .block-item-step.active h3,
.block-cc5-steps .block-item-step:hover h3{
	color:#ed1c24;
}
.block-cc5-steps .block-image{
	position:relative;
}
/* .block-cc5-steps .block-arrow {
	display:none;
} */
.block-cc5-steps .block-arrow a{
    position: absolute;
    top: 40%;
    width: 150px;
    font-size: 12px;
    text-align: center;
}
.block-cc5-steps .block-arrow a i{
	font-size:30px;
	display:block;
}
.block-cc5-steps .block-arrow a.arrow-prev{
	left:0;


     -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%); 	
}
.block-cc5-steps .block-arrow a.arrow-next{
	right:0;
     -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
          -o-transform: translateX(50%);
         -ms-transform: translateX(50%);
             transform: translateX(50%);	
}
.block-cc5-steps .block-arrow a.disabled{
	display:none;
}
.block-cc5-steps .block-arrow a span{
	display:block;
	color:#aaa;
}
.block-cc5-steps .block-arrow a:hover span{
    color: #ed1c24;	
}
/*
.block-cc5-steps .block-item-step.active>div,
.block-cc5-steps .block-item-step:hover>div{
	background:#ed1c24;
}
.block-cc5-steps .block-item-step.active>div:after,
.block-cc5-steps .block-item-step:hover>div:after{
	position:absolute;
	content:'';
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 25px solid #ed1c24;	
	right:0;
	margin-right:-20px;
	top:50%;
	margin-top:-20px;
}
.block-cc5-steps .block-item-step.active,
.block-cc5-steps .block-item-step.active h3,
.block-cc5-steps .block-item-step:hover,
.block-cc5-steps .block-item-step:hover h3{
	color: #fff;
}
*/
@media(max-width:1024px){
	.block-center .block-row .block-text,
	.block-center .block-row:nth-child(even) .block-text,
	.block-center .block-row:nth-child(odd) .block-text{
		padding:30px;
	}
	.block-center .block-parallax{
		height:400px;
		background-attachment:inherit;
		margin:40px 0;
	}
	.block-center  .ccm-layout-col .ccm-block-styles{
		padding:0 30px;
	}
	.block-cc5-steps .block-item-step h3{
		font-size:15px;
	}
	.block-cc5-steps .block-item-step p{
		font-size:13px;
	}
	.block-step-top>div{
		padding:0 20px;
	}
	.block-cc5-steps .block-item-step>div:before{
		display:none;
	}
}
@media(max-width:920px){
	.block-center .block-row>div{
		float:left;
		width:100%;
	}
	.block-center .block-row .block-image{
		margin-bottom:30px;
	}
	.block-cc5-steps{
		padding-left:0;
	}
	.block-center .ccm-layout-table .ccm-layout-col,
	.block-cc5-steps>div{
		float:left;
		width:100%!important;
	}
	.block-cc5-steps .block-image{
		width:100%;
		padding-top:30px;
	}
	.block-cc5-steps .block-text{
		text-align:center;
	}
	.block-cc5-steps .block-item-step{
		padding:0;
	}
	.block-cc5-steps .block-item-step:before{
		display:none;
	}
	.block-cc5-steps .block-item-step>div{
		max-width:100%;
	}
	.block-cc5-steps .block-item-step>div:after{
		display:none;
	}
	.block-cc5-steps .block-step-list{
		margin-top:0;
	}
	.block-cc5-steps .block-item-step{
		width:50%;
	}
	.block-cc5-steps .block-item-step:nth-child(even){
		clear:none;
	}
	.block-cc5-steps .block-item-step:nth-child(2n+1){
		clear:left;
	}	
	.block-cc5-steps .block-arrow a{
		width:100px;
	}
	.block-center .block-row .block-text,
	.block-center .block-row:nth-child(even) .block-text,
	.block-center .block-row:nth-child(odd) .block-text,
	.block-center  .ccm-layout-column{
		padding: 20px 40px;
	}	
}
@media(max-width:767px){
	.block-cc5-steps .block-image{
		padding-bottom:50px;
	}
	.block-cc5-steps .block-arrow a{
		top:auto;
		bottom:0;
      -webkit-transform: translateX(0%)!important;
        -moz-transform: translateX(0%)!important;
          -o-transform: translateX(0%)!important;
         -ms-transform: translateX(0%)!important;
             transform: translateX(0%)!important;		
	}
	.block-cc5-steps .block-arrow a span{
		min-height:35px;
	}
}
@media(max-width:680px){
	.block-center .block-parallax{
		background:none!important;
		height:auto;
	}
	.block-center .block-parallax img{
		visibility:visible;
	}
	.block-center  .ccm-layout-col .ccm-block-styles{
		padding:0;
	}
	.block-center .block-row .block-text, 
	.block-center .block-row:nth-child(even) .block-text, 
	.block-center .block-row:nth-child(odd) .block-text,
	.block-center .ccm-layout-column{
		padding:20px 0;
	}
	.block-step-top>div {
		float: left;
		width: 100%;
		text-align: center;
	}
	.block-step-top .block-cer >div{
		float:none;
	}
	.block-concrete5 >div{
		padding:0;
	}
}
@media(max-width:480px){
	.block-cc5-steps .block-item-step{
		width:100%;
	}
	.block-cc5-steps .block-item-step>div{
		padding:0 0 20px;
	}
	.block-cc5-steps .block-text{ display: none; }
}