/* Stepbox default CSS */
.handsy-stepboxes-wrapper.ttm-staticbox-default {
    text-align: center;
}
.ttm-staticbox-default .ttm-ptable-icon-wrapper i {
    font-size: 30px;
    color: var(--ttm-skincolor);
}
.ttm-staticbox-default .process-num {
    font-size: 20px;
    font-weight: var(--special-element-fontweight);
    color: var(--ttm-secondarycolor);
    margin-bottom: 12px;
}
.ttm-staticbox-default .ttm-left-contentbox {
    margin-bottom: 12px;
}
/*** horizontal default ***/
.ttm-staticbox-default .ttm-stepbox  img {
    border: unset;
    box-shadow: unset;
	border-radius: 0;
}
.ttm-staticbox-default .ttm-stepbox  .ttm-box-image:before {
	display: none;
}
.ttm-staticbox-default .ttm-stepbox :hover .process-num {
	color: #fff;
}
.ttm-staticbox-default .ttm-stepbox :hover .ttm-box-title h5,
.ttm-staticbox-default .ttm-stepbox  .ttm-box-title h5 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 5px;
}
.ttm-staticbox-default .ttm-stepbox  .ttm-box-image {
    margin-bottom: 0;    
}
.ttm-staticbox-default .ttm-stepbox  .process-num {    
    font-size: 20px;
    font-weight: 400;
    background-color: var(--ttm-greycolor);
    color: var(--ttm-secondarycolor);
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 0;    
	right: auto;
    left: 30px;
    top: 0;
	position: relative;
	margin-bottom: 26px;
	transition: all .2s ease-in-out;
}
.ttm-bgcolor-grey .ttm-staticbox-default .ttm-stepbox:hover .process-num,
.ttm-staticbox-default .ttm-stepbox:hover .process-num {
	 background-color: var(--ttm-skincolor);
}
.ttm-staticbox-default .ttm-stepbox  .process-num:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -26px;
    margin: auto;
    height: 27px;
    width: 1px;
    background-color: #DBDBDB;
}
.ttm-staticbox-default .ttm-box-content {
    text-align: left;
    padding: 20px 30px;
    background-color: var(--ttm-greycolor);
}
.ttm-bgcolor-grey .ttm-staticbox-default .ttm-stepbox .process-num,
.ttm-bgcolor-grey .ttm-staticbox-default .ttm-box-content {
    background-color: #fff;
}
.ttm-staticbox-default .ttm-box-title h4 {
    margin-bottom: 7px;
}


@media(max-width:1024px) {
	.ttm-staticbox-default .ttm-box-content {    
		padding: 20px 15px;    
	}
	.ttm-staticbox-default .ttm-box-title h4 {
		font-size: 17px;
		line-height: 27px;
		margin-bottom: 10px;
	}
}
@media(max-width:767px) {
	.ttm-staticbox-default .ttm-stepbox  img {    
		width: 100%;
	}
	
}

@media(max-width:767px) {
	.ttm-staticbox-default .ttm-stepbox  .process-num {
		font-size: 15px;		
		width: 44px;
		height: 44px;
		line-height: 44px; 
	}
}