.page__header{margin:0 !important;}

.single-margin {margin-top:60px}
.half-margin {margin-top:30px}

.b {font-weight:bold;}

.text h2, .h2 {
    font-size:19px;
    font-weight:bold;
}

.tripple-tiles-on-gray {
    background-color:#f8f8f8;
    padding:30px;
}

    .tripple-tiles-on-gray .block-group {
        display:grid;
        gap:30px;
        grid-template-columns:repeat(3, 1fr);
        margin:30px 20px 0;
    }

    @media (max-width:1199px) {
        .tripple-tiles-on-gray .block-group {grid-template-columns:repeat(2, 1fr);}
    }

    @media (max-width:767px) {
        .tripple-tiles-on-gray .block-group {grid-template-columns:1fr;}
    }

        .tripple-tiles-on-gray .block-item {
            background-color:#fff;
            overflow:visible;
        }
            
            .tripple-tiles-on-gray .elem-carrier {
                position:relative;
            }
            
                .tripple-tiles-on-gray .block-item .icon {
                    position:absolute;
                    left:-15px;
                    top:-10px;
                    height:71px;
                    width:71px;
                }
                
                .tripple-tiles-on-gray .block-item .content {
                    padding:25px 25px 25px 75px;
                }
                
                    .tripple-tiles-on-gray .block-item .content .title {
                        font-size:17px;
                        font-weight:bold;
                    }

                    .tripple-tiles-on-gray .block-item .content .text {
                        margin-top:20px;
                    }
    
    .tripple-tiles-on-gray .icon.img-exploring   { background:url(/images/ci1.png) 100% 100% no-repeat; background-size:contain; }
    .tripple-tiles-on-gray .icon.img-mastering   { background:url(/images/ci2.png) 100% 100% no-repeat; background-size:contain; }
    .tripple-tiles-on-gray .icon.img-development { background:url(/images/ci3.png) 100% 100% no-repeat; background-size:contain; }
    .tripple-tiles-on-gray .icon.img-career      { background:url(/images/ci4.png) 100% 100% no-repeat; background-size:contain; }
    .tripple-tiles-on-gray .icon.img-vocational  { background:url(/images/ci5.png) 100% 100% no-repeat; background-size:contain; }
    .tripple-tiles-on-gray .icon.img-supporting  { background:url(/images/ci6.png) 100% 100% no-repeat; background-size:contain; }

@media (max-width:480px) {
    .tripple-tiles-on-gray .block-item .icon {
        height:50px;
        width:50px;
    }
    
    .tripple-tiles-on-gray .block-item .content {
        padding-left:35px;
    }
}



.gray-double-columns {}
    
    .gray-double-columns .block-group {
        display:grid;
        gap:30px;
        grid-template-columns:repeat(2, 1fr);
        margin:30px 0 0;
    }
    
    @media (max-width:767px) {
        .gray-double-columns .block-group {grid-template-columns:1fr;}
    }
    
        .gray-double-columns .block-group .title {
            background-color:#505050;
            color:#fff;
            font-size:16px;
            font-weight:bold;
        }
        
            .gray-double-columns .block-group .content > * {
                margin:10px 0 0;
            }
            
            .gray-double-columns .block-group .content > *:first-child {
                margin-top:0;
            }
        
        .gray-double-columns .block-group .content {}
        
            .gray-double-columns .block-item {
                background-color:#f8f8f8;
                display:flex;
                flex-direction:column;
                justify-content:space-between;
                height:100%;
            }
            
                .gray-double-columns .block-item .content {
                    flex-grow:1;
                }
        
        .gray-double-columns .block-item > * {
            padding:30px;
        }
        
        .gray-double-columns .block-item > .footer {
            padding-top:0;
        }

.gray-double-columns .btn-orange {
    background-color:#c64f15;
    padding:2px;
}

.gray-double-columns .btn-orange a {
    background-color:#fff;
    color:#c64f15;
}



.zebra-lines {}
    
    .zebra-lines .block-group {
        background-color:#f8f8f8;
        margin-top:30px;
    }
    
        .zebra-lines .block-group > .block-item:nth-child(even) {
            background-color:#fff;
        }
    
        .zebra-lines .block-item {
            display:flex;
            padding:25px 0 25px 70px;
            position:relative;
        }
        
        .zebra-lines .block-item .icon {
            display:block;
            height:30px;
            width:30px;
            min-height:30px;
            min-width:30px;
        }
        .zebra-lines .block-item .icon.quote {background:url(/images/events-icon-1.png) no-repeat;}
        .zebra-lines .block-item .icon.camera {background:url(/images/events-icon-2.png) no-repeat;}
        .zebra-lines .block-item .icon.cup {background:url(/images/events-icon-3.png) no-repeat;}
        
        .zebra-lines .block-item .content {
            padding-left:35px;
        }
        
            .zebra-lines .block-item .content  > * {
                margin:12px 0 0;
                line-height:1.1;
            }
                
                .zebra-lines .block-item .content  .header {
                    font-size:1.1em;
                    font-weight:bold;
                }
            
            .zebra-lines .block-item .content  > *:first-child {
                margin-top:0;
            }
            
            .zebra-lines .block-item .block-item-link {
                margin-top:30px;
            }
            
                .zebra-lines .block-item .block-item-link a {
                    font-size:0.9em;
                    font-weight:bold;
                    text-decoration:none;
                }
                
                .zebra-lines .block-item .block-item-link a:hover {
                    color:#c64f15;
                }
            
            .zebra-lines .block-item .stretched::after {
                content:"";
                position:absolute;
                left:0;
                top:0;
                right:0;
                bottom:0;
            }
            
@media (max-width:480px) {
    .zebra-lines .block-item {padding:25px;}
    .zebra-lines .block-item .content {padding-left:0;}
    .zebra-lines .block-item .icon {display:none;}
}



.quad-columns {}

    .quad-columns .block-group {
        display:grid;
        gap:30px;
        grid-template-columns:repeat(4, 1fr);
        margin:30px 0 0;
    }
    
        .quad-columns .block-item {position:relative;}
        .quad-columns .block-item .preview img {
            width:100%;
            aspect-ratio:3/1;
            object-fit:cover;
        }
        .quad-columns .block-item .title {font-weight:bold;margin-top:10px;}
        .quad-columns .block-item .text {margin-top:10px;}
        
            .quad-columns .block-item  a {text-decoration:none;}
            
            .quad-columns .block-item .stretched::after {
                content:"";
                position:absolute;
                left:0;
                top:0;
                right:0;
                bottom:0;
            }


.lite-taesr {
    min-height:200px;
    padding:30px;
    position:relative;
}

    .lite-taesr .content {
        color:#fff;
        position:relative;
        z-index:1;
    }
        .lite-taesr .content h1 {
            font-size:21px;
            font-weight:bold;
        }
        
    .lite-taesr img {
        position:absolute;
        left:0;
        bottom:0;
        height:100%;
        width:100%;
        object-fit:cover;
        z-index:0;
    }
    
    .lite-taesr .standard-btn {
        background-color:#c64f15;
        margin-top:20px;
        min-height:30px;
        min-width:130px;
        padding:2px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
        .lite-taesr .standard-btn a {
            background-color:#fff;
            color:#c64f15;
            padding:2px 5px;
            text-decoration:none;
        }


@media (max-width:767px) {
    .quad-columns .block-group {
        gap:20px;
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width:480px) {
    .quad-columns .block-group {
        gap:10px;
        grid-template-columns:repeat(1, 1fr);
    }
}
