@font-face
{
    font-family: co-headline;
   src: url('/master/Co Headline Corp.ttf');
}



@font-face
{
    font-family: DDM;
    src: url('/master/DDM-icon.ttf');
   
}
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #f03766;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #faa62b;
    --bs-yellow-lights: #fffede;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #66ccce;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #faa62b;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


  body {
      font-family: 'Exo 2',monospace;
    }
.banner {
    width: 100%;
    height: 35vh;
    margin-top: 100px;
    position: relative;
    color: #fff;
}
.logo {
    position: absolute;
    top: -90px;
    left: 80px;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1029;
}
nav {
    position: absolute;
    top: -40px;
    right: 0px;
    padding: 5px;
	width: 400px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1029;
}
.banner_title {
    position: absolute;
    top: -20px;
    right:450px;
    
    font-size: 7em;
    text-align: center;
     line-height: 0.8em;
     transform: scale(.5, 1);
     z-index: 1029;
}


.col-square {
    position: relative;
    border-radius: 15px;
    line-height: 1.2;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
    border:3px solid #000;
}
nav .col-square:before {
    content: "";
    display: block;
    padding-top: 60%;
}
.col-nabidka {
    font-size:15px;
    color: #000;
    text-align: center;
    padding: 5px;
	color: #000;
	line-height: 1.5;
	
}

.icon {
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    font-family: DDM;
    font-size: 7em;
    margin: 0px;
    padding: 0px;
    font-style: normal;
    color: #fff;
    
}
h3 .icon {
    position: relative;
    top: 10px;

    font-family: DDM;
    font-size: 2em;
    color: #fff;
    
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
a {
     text-decoration: none
}
.ps-6{padding-left: 80px!important;}




.activity-boxes .col-square {
    position: relative;
    border-radius: 15px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 50%);
}
.col-square {
    position: relative;
    border-radius: 15px;
    line-height: 1.2;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
}
.col-square-50:before {
    content: "";
    display: block;
    padding-top: 50%;
}
.col-activity {
    color: #000;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px;
    line-height: 1.3;
    overflow: hidden;
}

.col-activity-IK {
    position: absolute;
    bottom: 0px;
    right: 5px;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
    /* text-shadow: 2px 2px 4px black; */
}


@media (max-width: 576px){

  .col-square-50:before {
    content: "";
    display: block;
    padding-top:80px;
}
.col-activity-prelep {
    top: -2px;
}
.prelep {
    margin-left: 80px;
     margin-right: 80px;
    transform: rotate(-8deg);
}
}