@font-face
{
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans-VariableFont_wdth,wght.ttf) format("truetype-variations");
    font-display: swap;
}

:root
{
    --thm-max-width: 1400px;

    --thm-color-1: #2945cd;
    --thm-color-2: #ddab78;
    --thm-color-3: #3d3c41;
    --thm-color-4: #506852;
    --thm-color-5: #92aae6;
    --thm-color-5-1: #a9b3aa;
    --thm-color-6: #dbdcd7; /* #f1f1ef */
    --thm-color-7: white;
    --thm-color-8: black;

    --thm-link-color: var(--thm-color-4);
    --thm-link-color-hover: var(--thm-color-3);

    --thm-error-color: #DD3D3D;

    --thm-transition-all: all 0.1s ease-in;
}

body
{
    margin: 0;
    padding: 0;

    font-family: "Open Sans", serif;
    font-size: 16px;

    min-width: 500px;

    background-color: var(--thm-color-6);
    color: var(--thm-color-3);
}

.valute
{
    font-family: normal;
}

a
{
    color: var(--thm-color-1);
}
.thm-title-1
{
    background-color: var(--thm-color-3);
    padding: 16px 32px;

    font-size: 30px;
    font-weight: bold;
    color: var(--thm-color-7);
    text-transform: uppercase;
    letter-spacing: 4px;
}

.thm-title-2
{
    background-color: var(--thm-color-4);
    color: var(--thm-color-6);
    padding: 8px 16px;
    font-size: 20px;

    text-align: center;
}

.header,
.body,
.footer
{
    position: relative;
    width: 100%;
}

.clearfix
{
    clear: both;
}


.max-width
{
    max-width: var(--thm-max-width);
    margin: auto;
    width: 100%;
}

.header
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--thm-color-7);
    padding: 8px 16px;
    box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.5);

    opacity: 0.9;
    z-index: 100;

    box-sizing: border-box;
}
.header .max-width,
.footer .max-width
{
    display: flex;
    justify-content: space-between;

}

.header .logo
{
    display: flex;
    align-items: center;
}
.header .logo img
{
    display: block;
}

.header .mod-menu
{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}

.header .mod-menu > li:not(:last-child)
{
    margin-right: 15px;
}

.header .mod-menu span,
.header .mod-menu a
{
    text-transform: uppercase;
    text-decoration: none;
    color: var(--thm-color-5-1);
    font-weight: bold;
    font-size: 14px;
}

.header .mod-menu .active span,
.header .mod-menu .active a,
.header .mod-menu a:hover
{
    color: var(--thm-color-2);
}

.header .contacts a,
.footer .contacts a
{
    display: block;
    color: var(--thm-color-2);
    text-decoration: none;
    font-size: 18px;
}

.header .contacts a:hover,
.footer .contacts a:hover
{
    color: var(--thm-color-5);
}

.header .contacts a:first-child,
.footer .contacts a:first-child
{
    margin-bottom: 8px;
}

.body-before
{
    margin-top: 72px;
    min-height: 1px;
}

.body
{
    margin-top: 64px;
}


.button
{
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: var(--thm-color-3);
    color: var(--thm-color-7);
    padding: 8px 16px;
    cursor: pointer;
    height: fit-content;

    text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button.disabled
{
    opacity: 0.6;
}

.button:not(.disabled):hover
{
    background-color: var(--thm-color-4);
    color: var(--thm-color-2);
}


.mod-tblocks
{
    display: flex;
    flex-wrap: wrap;
}

.mod-tblocks .block
{
    display: flex;
    flex-direction: row;
    width: 50%;
    cursor: pointer;

    transition: var(--thm-transition-all);


    box-sizing: border-box;

    text-decoration: none;
}





.mod-tblocks .block:hover
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.mod-tblocks .block:hover .info
{
    background-color: gray;
}

.mod-tblocks .block:nth-child(4n + 3),
.mod-tblocks .block:nth-child(4n + 4)
{
    flex-direction: row-reverse;
}

.mod-tblocks .block .image,
.mod-tblocks .block .info
{
    width: 50%;
    height: 350px;
}
.mod-tblocks .block .image img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mod-tblocks .block .info
{
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--thm-color-7);

    padding: 32px;
    box-sizing: border-box;

    transition: var(--thm-transition-all);
}

.mod-tblocks .block .info .title
{
    position: relative;
    color: var(--thm-color-2);
    font-size: 28px;
    text-align: center;
    margin-bottom: 32px;
}

.mod-tblocks .block .info .title:after
{
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: var(--thm-color-2);
    bottom: -19px;
    left: 50%;
    margin-left: -9px;
}

.mod-tblocks .block .info .trainings
{
    text-align: center;
}

.mod-tblocks .block .info .more
{
    position: absolute;
    bottom: 8px;
    right: 16px;
    text-decoration: none;
    color: var(--thm-color-2);
    font-size: 14px;
    text-transform: uppercase;
}

.mod-tblocks .block .info .trainings .training,
.mod-tblocks .block .info .desc
{
    display: block;
    text-decoration: none;
    color: var(--thm-color-5);
    font-size: 12px;

    text-align: center;
}


.footer
{
    margin-top: 64px;
    background-color: var(--thm-color-4);
    padding: 16px 32px;

    box-sizing: border-box;

    min-height: 100px;
}

.footer .copyright
{
    text-align: center;
    font-size: 12px;
    width: 100%;
    margin-top: 32px;
    color: var(--thm-color-7);
}

#TrisodiumCopyright
{
    bottom: 15px !important;
    right: 15px !important;
    top: auto !important;
}


.mod-tcontacts
{
    display: flex;
    flex-wrap: wrap;
}

.mod-tcontacts .left,
.mod-tcontacts .right
{
    display: flex;
    flex-direction: column;
}

.mod-tcontacts .left
{
    width: 60%;
}
.mod-tcontacts .right
{
    width: 40%;
}

.mod-tcontacts .map
{
    width: 100%;
    height: 400px;

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}



.mod-tcontacts .left .info
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 32px;
    background-color: var(--thm-color-3);
}

.mod-tcontacts .left .info .row:first-child
{
    margin-bottom: 16px;
}

.mod-tcontacts .left .info .title
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--thm-color-7);
}

.mod-tcontacts .left .info .title > div:first-child
{
    font-size: 30px;
    font-weight: bold;

    text-transform: uppercase;
    letter-spacing: 4px;
}


.mod-tcontacts .left .info span,
.mod-tcontacts .left .info a
{
    display: block;
    text-align: right;
}
.mod-tcontacts .left .info span
{

    color: var(--thm-color-7);
    font-weight: bold;
}
.mod-tcontacts .left .info a
{
    color: var(--thm-color-7);
}

.mod-tcontacts .right > img
{
    height: calc(100% - 150px);
}

.mod-tcontacts .right .icons
{
    display: flex;
    flex-direction: row;
    height: 150px;
}

.mod-tcontacts .right .icons .icon
{
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%;

    justify-content: center;
    align-items: center;

    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    transition: var(--thm-transition-all);
}

.mod-tcontacts .right .icons .icon:hover
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.mod-tcontacts .right .icons .icon img
{
    width: 50px;
    margin-bottom: 16px;
}

.mod-tcontacts .right .icons .icon:nth-child(1)
{
    background-color: var(--thm-color-5);
    color: var(--thm-color-4);
}
.mod-tcontacts .right .icons .icon:nth-child(2)
{
    background-color: var(--thm-color-4);
    color: var(--thm-color-5);
}









.mod-breadcrumbs__wrapper
{
    max-width: var(--thm-max-width);
    margin: auto;
    margin-bottom: 32px;
    box-sizing: border-box;
}

.mod-breadcrumbs__wrapper .mod-breadcrumbs
{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mod-breadcrumbs__wrapper .mod-breadcrumbs li{
    display: inline-block;
}

.mod-breadcrumbs__wrapper .mod-breadcrumbs li.float-start
{
    display: none;
}

.mod-breadcrumbs__wrapper .mod-breadcrumbs li:not(:nth-child(1)):not(:nth-child(2)):before
{
    content: '/';
    margin-left: 5px;
    margin-right: 5px;
}

.mod-breadcrumbs__wrapper .mod-breadcrumbs li a
{
    color: var(--thm-color-4);
    font-weight: bold;
}


.mod-taboutus .block-1
{
    padding: 32px;
    background-color: var(--thm-color-4);

    color: var(--thm-color-7)
}


.mod-taboutus .block-2
{
    position: relative;
}

.mod-taboutus .block-2 .back
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mod-taboutus .block-2 .back > div:first-child
{
    height: 30%;
    background-color: var(--thm-color-4);
}

.mod-taboutus .block-2 .back > div:last-child
{
    height: 70%;
    background-color: var(--thm-color-7);
}

.mod-taboutus .block-2 .main
{
    position: relative;
    z-index: 1;
    padding: 32px;
    padding-top: 32px;
}

.mod-taboutus .block-2 .main .image
{
    margin: auto;
    width: 100%;
    height: 500px;
}

.mod-taboutus .block-2 .main .image img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mod-taboutus .block-2 .icons
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    background-color: var(--thm-color-3);
    padding-top: 16px;
}

.mod-taboutus .block-2 .icons .icon
{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);

    box-sizing: border-box;
    padding: 16px;

    color: var(--thm-color-6);
}

.mod-taboutus .block-2 .icons .icon img
{
    width: 75px;
}

.mod-taboutus .block-2 .icons .icon .title
{
    margin-top: 12px;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 16px;
}

.mod-taboutus .block-2 .icons .icon .desc
{
    text-align: center;
}


.block-3
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    padding: 32px;
    padding-top: 0;
    box-sizing: border-box;
    background-color: var(--thm-color-7);

}
.block-3 .left
{
    display: block;
    width: 25%;
    object-fit: cover;
}
.block-3 .right
{
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;

    box-sizing: border-box;
    padding: 32px;
}

.block-3 .right .title-1
{
    color: var(--thm-color-3);
    font-size: 25px;
    text-transform: uppercase;
}
.block-3 .right .title-2
{
    color: var(--thm-color-8);
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 32px;
    font-weight: bold;
}




.block-3 .right .icons
{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    margin-bottom: 32px;
    color: var(--thm-color-7);
}

.block-3 .right .icons .icon
{
    width: calc(100% / 4);
    width: -moz-calc(100% / 4);
    width: -webkit-calc(100% / 4);

    text-align: center;

    padding: 32px;

    box-sizing: border-box;
}

.block-3 .right .icons .icon:nth-child(1)
{
    background-color: var(--thm-color-3);
}
.block-3 .right .icons .icon:nth-child(2)
{
    background-color: var(--thm-color-2);
}
.block-3 .right .icons .icon:nth-child(3)
{
    background-color: var(--thm-color-5);
}
.block-3 .right .icons .icon:nth-child(4)
{
    background-color: var(--thm-color-1);
}

.block-3 .right .icons .icon .title
{
    font-size: 30px;
    font-weight: bold;
}


.block-3 .right .icons .icon .desc
{
    font-size: 22px;
}

.block-3 .right .desc-short
{
    font-size: 16px;
    text-align: justify;
    color: var(--thm-color-3);
}


.mod-taboutus .block-4
{
    padding: 32px;
    background-color: var(--thm-color-7);
}

.mod-taboutus .block-4 > div
{
    margin-bottom: 16px;
}

.mod-taboutus .block-4 .thm-color-text
{
    color: var(--thm-color-1);
    font-weight: bold;
}

.mod-taboutus .block-5
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;

    background-color: var(--thm-color-5);
    padding: 32px;
}

.mod-taboutus .block-5 img
{
    display: block;
    width: calc((100% / 4) - 16px);
    width: -moz-calc((100% / 4) - 16px);
    width: -webkit-calc((100% / 4) - 16px);
    height: 250px;
    object-fit: cover;
    box-sizing: border-box;
    margin-bottom: 16px;
    border: 4px solid var(--thm-color-4);
}

.block-6
{
    padding: 32px;
    background-color: var(--thm-color-7);
}

.block-6 .reviews
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.block-6 .reviews .review
{
    width: calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);

    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    box-sizing: border-box;

    text-align: center;
}

.block-6 .reviews .review .desc
{
    text-align: center;
    margin-bottom: 16px;
}

.block-6 .reviews .review .image
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    margin-bottom: 16px;
}

.block-6 .reviews .review .title
{
    color: var(--thm-color-3);
}

.block-6 .reviews .review .title :nth-child(1)
{
    font-weight: bold;
    font-size: 20px;
}
.block-6 .reviews .review .title :nth-child(2)
{
    font-size: 13px;
}





.mod-schedule
{

}

.mod-schedule > .title
{
    background-color: var(--thm-color-3);
    padding: 16px 32px;

    font-size: 30px;
    font-weight: bold;
    color: var(--thm-color-7);
    text-transform: uppercase;
    letter-spacing: 4px;
}

.mod-schedule > .schedules
{

}

.schedules .schedules-actual
{
    margin-bottom: 32px;

}

.schedules .schedule
{
    display: flex;
    width: 100%;
    background-color: var(--thm-color-7);
}

.schedules .schedule:not(:last-child)
{
    border-bottom: 4px solid var(--thm-color-5-1);
}

.schedules .schedule.archive
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

.schedules .schedule > img
{
    width: 100px;
    object-fit: cover;
}

.schedules .schedule .info
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
    color: var(--thm-color-4);
}

.schedules .schedule .info .title
{
    display: flex;
    flex-direction: column;
    width: 300px;
}

.schedules .schedule .info .title .main
{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.schedules .schedule .info .title .place
{
    display: flex;
    align-items: center;
    color: var(--thm-color-5);
    font-size: 12px;
}

.schedules .schedule .info .title .place img
{
    margin-right: 8px;
}

.schedules .schedule .info .prices
{
    text-align: center;
    color: var(--thm-color-5);
}
.schedules .schedule .info .prices .price
{
    font-size: 25px;
}

.schedules .schedule .info .prices .margin
{
    font-size: 12px;
}

.schedules .schedule .info .dates
{
    text-align: right;
    width: 150px;
}

.schedules .title-2
{
    background-color: var(--thm-color-4);
    color: var(--thm-color-6);
    padding: 8px 16px;
    font-size: 20px;

    text-align: center;

}

.schedules .button.archive,
.schedules .button
{
    width: 120px;
}









.com-tnews > .title,
.com-tnew > .title,
.mod-taboutus > .title
{
    background-color: var(--thm-color-3);
    padding: 16px 32px;

    font-size: 30px;
    font-weight: bold;
    color: var(--thm-color-7);
    text-transform: uppercase;
    letter-spacing: 4px;

}

.com-tnews > .title,
.com-tnew > .title
{
    margin-bottom: 32px;
}

.com-tnews .news .new
{
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 16px;

    box-sizing: border-box;

}



.com-tnews .news .new > img
{
    width: 320px;
    height: 240px;
    object-fit: cover;
    object-position: top;

}

.com-tnews .news .new .info
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    width: calc(100% - 320px);
    padding: 32px;

    background-color: var(--thm-color-7);

    box-sizing: border-box;
}

.com-tnews .news .new .info .title
{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 16px;
}

.com-tnews .news .new .info .desc
{
    font-size: 16px;
}

.com-tnews .news .new .info .button
{
    max-width: 150px;
    width: 100%;
    margin: 32px 0 0 auto;
}

.pagination
{
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 32px;
}

.pagination .button:not(:last-child)
{
    margin-right: 8px;
}


.com-tnew .info,
.com-treview .info,
.com-ttraining .info
{
    background-color: var(--thm-color-7);
    padding: 32px;
}

.com-tnew .image,
.com-treview .image,
.com-ttraining .image
{
    width: 480px;
    height: 360px;


    float: left;

    margin-right: 32px;
    margin-bottom: 32px;

    object-fit: cover;
    object-position: top;
}

.com-tnew .info .desc-full,
.com-treview .info .desc-full,
.com-ttraining .info .desc-full
{
    text-align: justify;
}
.com-tnew .info .desc-full p,
.com-treview .info .desc-full p,
.com-ttraining .info .desc-full p
{
    margin: 0 0 16px;
}

.com-tnew .galleries
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    margin-top: 32px;
    box-sizing: border-box;

    background-color: white;
    padding: 32px;
}

.com-tnew .galleries img
{
    display: block;
    width: calc(100% / 5);
    width: -moz-calc(100% / 5);
    width: -webkit-calc(100% / 5);

    object-fit: cover;
    object-position: top;

    box-sizing: border-box;
    cursor: pointer;
}

.com-tnew .galleries img:hover
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}













.com-treviews .reviews
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 32px;
}

.com-treviews .reviews .review
{
    width: calc((100% - 16px*3) / 4);
    width: -moz-calc((100% - 16px*3) / 4);
    width: -webkit-calc((100% - 16px*3) / 4);

    background-color: var(--thm-color-7);

    margin-bottom: 32px;
}

.com-treviews .reviews .review img
{
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}

.com-treviews .reviews .review .info
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;

    height: calc(100% - 350px);
    box-sizing: border-box;
}

.com-treviews .reviews .review .info .title,
.com-treview .titles .title
{
    font-size: 20px;
    font-weight: bold;
}

.com-treviews .reviews .review .info .title-2,
.com-treview .titles .title-2
{
    font-size: 12px;
    font-weight: bold;

}

.com-treviews .reviews .review .info .title-3,
.com-treview .titles .title-3
{
    font-size: 12px;
    font-style: italic;
    margin-bottom: 32px;
}

.com-treviews .reviews .review .info .button
{
    margin-top: 32px;
}

.com-treview .titles
{
    margin-top: 32px;
    text-align: right;
}





.d-flex
{
    display: flex;

}



.mobile-menu .close
{
    position: absolute;
    top: 37px;
    right: 37px;
    width: 20px;
    height: 20px;
}

.mobile-menu .close > div
{
    position: absolute;
    top: 7px;
    width: 100%;
    height: 4px;
    background-color: var(--thm-color-3);
    transform-origin: center;
    cursor: pointer;
}
.mobile-menu .close > div:nth-child(1)
{
    transform: rotateZ(-45deg);
}

.mobile-menu .close > div:nth-child(2)
{
    transform: rotateZ(45deg);
}

.mobile-menu .close:hover > div
{
    background-color: var(--thm-color-2);
}


.header .mobile-menu-button
{
    display: none;
    width: 36px;
    cursor: pointer;
    margin-right: 16px;
}

.header .mobile-menu-button
{
    padding: 10px 5px;
    background-color: var(--thm-color-2);
    border-radius: 6px;
}

.header .mobile-menu-button > div
{
    width: 100%;
    height: 6px;
    background-color: var(--thm-color-2);
}
.header .mobile-menu-button > div
{
    height: 4px;
    background-color: var(--thm-color-7);
}
.header .mobile-menu-button > div:not(:last-child)
{
    margin-bottom: 7px;
}

.header .mobile-menu-button:hover > div:hover
{
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}
.header .mobile-menu-button:hover > div:hover:active
{
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.16);
}

.mobile-menu
{
    -webkit-tap-highlight-color: transparent;
}

.mobile-menu .navbar.navbar-expand-md button
{
    display: none;
}

.mobile-menu
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    max-width: 480px;
    background-color: var(--thm-color-7);
    z-index: 110;
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
    padding: 36px;
    box-sizing: border-box;

    transform: translateX(-150%);
    -o-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);

    transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.mobile-menu.shown
{
    transform: translateX(-0%);
    -o-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
}

.mobile-menu .title
{
    font-weight: bold;
    font-size: 25px;
    line-height: 48px;
    letter-spacing: -0.03em;
    color: var(--thm-color-4);
    margin-bottom: 16px;
    text-align: center;
}

.mobile-menu > .mod-menu
{
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
    color: var(--thm-color-2);

    overflow-y: auto;
    height: calc(100% - 110px);
    height: -moz-calc(100% - 110px);
    height: -webkit-calc(100% - 110px);
}
.mobile-menu > .mod-menu a
{
    display: block;
    color: var(--thm-color-5-1);
    margin-bottom: 32px;
    text-decoration: none;
}

.mobile-menu > .mod-menu .active a
{
    color: var(--thm-color-2);
}

.mobile-menu > .mod-menu span
{
    display: block;
    color: var(--thm-color-4);
    margin-bottom: 16px;
}

.mobile-menu > .mod-menu a:hover
{
    color: var(--thm-color-2);
}

.mobile-menu > .mod-menu ul
{
    margin-left: 32px;
}

.mobile-menu .apps .navbar
{
    width: 100%;
}

.mobile-menu .apps .mod-menu.mod-list
{
    display: flex;
    justify-content: space-between;
}


.mobile-menu .apps li
{
    display: block;
    width: calc((100% - 16px) / 3);
}

.mobile-menu .apps a
{
    display: block;
    width: 100%;
}

.mobile-menu .apps a img
{
    width: 100%;
}



@media(max-width: 1720px)
{
    .footer .copyright
    {
        margin-top: 64px;
    }
}

@media(max-width: 1400px)
{
    .mod-breadcrumbs__wrapper
    {
        padding-left: 16px;
        padding-right: 16px;
    }

    .com-tnews .news .new > img
    {
        height: auto;
    }
}

@media(max-width: 1200px)
{
    .block-3 .right .icons .icon
    {
        padding: 16px;
    }
}

@media(max-width: 1000px)
{
    .header .mod-menu
    {
        display: none;
    }

    .header .mobile-menu-button
    {
        display: block;
    }
    .header .d-flex
    {
        align-items: baseline;
    }

    .mod-tblocks .block
    {
        width: 100%;
    }

    .mod-tblocks .block:nth-child(4n + 3),
    .mod-tblocks .block:nth-child(4n + 4)
    {
        flex-direction: row;
    }

    .mod-tblocks .block:nth-child(2n)
    {
        flex-direction: row-reverse;
    }

    .com-tnew .image,
    .com-treview .image,
    .com-ttraining .image
    {
        width: 100%;
        margin: 0;
        margin-bottom: 32px;
    }

    .block-3 .right .icons .icon
    {
        width: calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: -webkit-calc(100% / 2);

        padding: 32px;
    }

    .schedules .schedule .info .title,
    .schedules .schedule .info .dates,
    .schedules .schedule .info .prices
    {
        width: 50%;
        margin-bottom: 16px;
    }

    .schedules .schedule .info .prices
    {
        text-align: left;
    }

    .com-treviews .reviews .review
    {
        width: calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: -webkit-calc(100% / 3);
    }

    .mod-taboutus .block-5 img
    {
        width: calc((100% / 3) - 16px);
        width: -moz-calc((100% / 3) - 16px);
        width: -webkit-calc((100% / 3) - 16px);
    }

}

@media(max-width: 700px)
{
    .body
    {
        margin-top: 32px;
    }
    .block-3
    {
            padding: 0;
    }

    .block-3 .left,
    .block-3 .right
    {
        width: 100%;
    }

    .block-3 .right .icons .icon
    {
        width: 100%;
    }

    .block-3 .right .title-2
    {
        text-align: center;
    }

    .block-6 .reviews .review
    {
        width: 100%;
        margin-bottom: 32px;
    }

    .com-treviews .reviews .review
    {
        width: 100%;
    }

    .mod-taboutus .block-2 .icons .icon
    {
        width: 100%;
        margin-bottom: 32px;
    }

    .mod-taboutus .block-5 img
    {
        width: calc((100% / 2) - 16px);
        width: -moz-calc((100% / 2) - 16px);
        width: -webkit-calc((100% / 2) - 16px);
    }

    .mod-tcontacts .left,
    .mod-tcontacts .right
    {
        width: 100%;
    }

    .com-tnews .news .new > img
    {
        width: 100%;
    }

    .com-tnews .news .new .info
    {
        width: 100%;
    }
}