/**
*
*   STYLE FOR POST GRID
*
*
*  1.0 global style
*
*  1.1 icon box 01
*
*  1.2 icon box 02
*
*  1.3 icon box list
*
*
*/


/*----------  1.0. global style  ------------------*/ 
    

    .slz-icon-box-1 .slz-btn,
    .slz-icon-box-2 .slz-btn {
        background-color: transparent;
        border: none;
        color: #18364a;
        text-transform: capitalize;
        padding: 5px 0;
        height: auto;
        line-height: 1;
    }

    .slz-icon-box-1 .slz-btn span,
    .slz-icon-box-2 .slz-btn span {
        display: inline-block;
        vertical-align: top;
        line-height: inherit;
    }

    .slz-icon-box-1 .slz-btn .icons,
    .slz-icon-box-2 .slz-btn .icons {
        margin-left: 5px;
    }

/*----------  1.1. icon box 01  -------------------*/

    .slz-icon-box-1 {
        display: table;
        width: 100%;
        position: relative;
        padding: 20px;
    }

    .slz-icon-box-1 .icon-cell {
        display: table-cell;
        text-align: center;
    }

    .slz-icon-box-1 .number {
        margin-bottom: 15px;
        font-size: 36px;
        font-weight: 900;
        color: #e9e9e9;
        position: relative;
        line-height: 1;
    }

    .slz-icon-box-1 .content-cell {
        display: table-cell;
        vertical-align: top;
        text-align: left;
        padding-left: 15px;
    }

    .slz-icon-box-1 .wrapper-icon {
        width: 70px;
        height: 70px;
        line-height: 68px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        border: 1px solid #213047;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .slz-icon-box-1 .wrapper-icon .slz-icon {
        color: #213047;
        font-size: 30px;
        line-height: inherit;
        position: relative;
        z-index: 5;
    }

    .slz-icon-box-1 .wrapper-icon.bg-image {
        position: relative;
        border: none;
        width: auto;
        height: auto;
        line-height: inherit;
    }

    .slz-icon-box-1 .wrapper-icon.bg-image .bg-image-icon {
        position: relative;
    }

    .slz-icon-box-1 .wrapper-icon.bg-image .bg-image-icon2 {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        opacity: 0;
    }

    .slz-icon-box-1 .wrapper-icon.bg-image .slz-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-icon-box-1 .wrapper-icon.bg-image:hover .bg-image-icon ~ .bg-image-icon2 {
        opacity: 1;
    }

    .slz-icon-box-1 .wrapper-icon-image {
        display: inline-block;
        min-width: 70px;
        vertical-align: top;
    }

    .slz-icon-box-1 .wrapper-icon-image .slz-icon-img {
        display: block;
        max-width: 100%;
    }

    .slz-icon-box-1 .wrapper-info .title {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        text-transform: capitalize;
        color: #18364a;
    }

    .slz-icon-box-1 .wrapper-info .title + .description {
        margin-top: 10px;
    }

    .slz-icon-box-1 .wrapper-info .description {
        margin-bottom: 15px;
        font-size: inherit;
    }

    .slz-icon-box-1 .wrapper-info .description:last-child {
        margin-bottom: 0;
    }

    .slz-icon-box-1.style-vertical .icon-cell {
        display: block;
        text-align: center;
    }

    .slz-icon-box-1.style-vertical .number {
        margin-bottom: 50px;
    }
    .slz-icon-box-1.style-vertical .number:before {
        position: absolute;
        content: '';
        bottom: -10px;
        left: 50%;
        width: 2px;
        height: 30px;
        background-color: #e9e9e9;
        transform: translate(-50%, 100%);
        -webkit-transform: translate(-50%, 100%);
        -moz-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        -o-transform: translate(-50%, 100%);
    }

    .slz-icon-box-1.style-vertical .content-cell {
        display: block;
        text-align: center;
        padding-top: 15px;
        padding-left: 0;
    }

    .slz-icon-box-1.style-vertical.left .icon-cell,
    .slz-icon-box-1.style-vertical.left .content-cell {
        text-align: left;
    }

    .slz-icon-box-1.style-vertical.left .number:before {
        left: 2px;
    }

    .slz-icon-box-1.style-vertical.right .icon-cell,
    .slz-icon-box-1.style-vertical.right .content-cell {
        text-align: right;
    }

    .slz-icon-box-1.style-vertical.right .number:before {
        right: 2px;
        left: auto;
    }

/*----------  1.2. icon box 02  -------------------*/

    .slz-icon-box-2 {
        padding: 20px;
    }

    .slz-icon-box-2 .number {
        font-size: 30px;
        font-weight: 900;
        color: #e9e9e9;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-right: 30px;
    }

    .slz-icon-box-2 .number:before {
        position: absolute;
        content: '';
        top: 50%;
        left: calc(100% + 5px);
        width: 20px;
        height: 2px;
        background-color: #e9e9e9;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .slz-icon-box-2 .icon-cell {
        display: block;
        text-align: left;
    }

    .slz-icon-box-2 .content-cell {
        display: block;
        text-align: left;
        padding-top: 15px;
    }

    .slz-icon-box-2 .wrapper-icon {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

    .slz-icon-box-2 .wrapper-icon .slz-icon {
        color: #213047;
        font-size: 24px;
        line-height: inherit;
        position: relative;
        z-index: 2;
    }

    .slz-icon-box-2 .wrapper-icon-image {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

    .slz-icon-box-2 .wrapper-icon-image .slz-icon-img {
        display: block;
        max-width: 100%;
    }

    .slz-icon-box-2 .title {
        margin: 0;
        line-height: 1.5;
        font-size: 18px;
        font-weight: 700;
        color: #213047;
        vertical-align: top;
        display: inline-block;
        text-transform: capitalize;
    }

    .slz-icon-box-2 .wrapper-info .description {
        margin-bottom: 15px;
        font-size: inherit;
    }

    .slz-icon-box-2 .wrapper-info .description:last-child {
        margin-bottom: 0;
    }

/*----------  1.3. icon box list  -----------------*/
	

/*----------  RESPONSIVE  -------------------------*/
	
	@media screen and (max-width: 768px) {
		
	}

	@media screen and (max-width: 480px) {

	}

	@media screen and (max-width: 414px) {
		.slz-icon-box-1 {
			padding: 0;
		}
	}

	@media screen and (max-width: 380px) {
	}