@font-face {
    font-family: 'Gotham Pro Italic'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/GothamPro/gothampro_italic.ttf); 
}

@font-face {
    font-family: 'Gotham Pro Light'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/GothamPro/gothampro_light.ttf); 
}

@font-face {
    font-family: 'Gotham Pro Medium'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/GothamPro/gothampro_medium.ttf); 
}

@font-face {
    font-family: 'Gotham Pro Bold'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/GothamPro/gothampro_bold.ttf); 
}



@font-face {
    font-family: 'Roboto'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/Roboto/Roboto-Black.ttf); 
}

@font-face {
    font-family: 'Roboto Italic'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/Roboto/Roboto-Italic.ttf); 
}

@font-face {
    font-family: 'Roboto Light'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/Roboto/Roboto-Light.ttf); 
}

@font-face {
    font-family: 'Roboto Regular'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/Roboto/Roboto-Regular.ttf); 
}

@font-face {
    font-family: 'Roboto Medium'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/Roboto/Roboto-Medium.ttf); 
}

@font-face {
    font-family: 'Roboto Bold'; 
    src: url(/bitrix/templates/tss_templates_new/fonts/Roboto/Roboto-Bold.ttf); 
}



  #cms #center_column h1.h1_dop {
    font-family: Gotham Pro;
    font-weight: 600;
    font-size: 60px;
    line-height: 57.42px;
    color: rgba(0, 90, 155, 1);
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: left;
    margin-top: 0px;
}

#cms #center_column h2.block_name_dop {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 34px;
    line-height: 129%;
    letter-spacing: 0.25px;
    color: rgba(0, 90, 155, 1);
}

.dost_text {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.44px;
    color: black;
}

.text_dop_center {
    margin: 20px auto 30px auto;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.15px;
    text-align: center;
    width: 75%;
    color: black;
}

.odin_img img {
    width: 100%;
}

.block_img_logo {
    display: flex;
    justify-content: space-around;
    margin-bottom: 75px;
}

.block_img_logo img {
}

.block_img_logo_fon {
    background: #004F7C;
    display: flex;
    justify-content: space-around;
    padding-top: 60px;
    padding-bottom: 60px;
}

.name_dop_center {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.15px;
    text-align: center;
    color: black;
    margin-top: 60px;
    margin-bottom: -15px;
    font-weight: 700;
}



.ser_fon_shift {
    background: rgba(248, 248, 248, 1);
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.name_shift {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 96px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #595B61;
    margin-bottom: 20px;
}

.blocks_shift {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block_shift {
    width: 19%;
    background: white;
    padding: 20px;
    border-radius: 20px;
    color: black;
}

.block_shift p {
    overflow-wrap: anywhere;
    padding-bottom: 20px;
}

.block_shift:nth-child(1) p {
    font-family: Gotham Pro Italic;
}

.block_shift:nth-child(2) p {
   font-family: Gotham Pro Light;
}

.block_shift:nth-child(3) p {
    font-weight: 400;
}

.block_shift:nth-child(4) p {
    font-family: Gotham Pro Medium;
}

.block_shift:nth-child(5) p {
    font-family: Gotham Pro Bold;
}



.block_shift_r:nth-child(1) p {
    font-family: Roboto Italic;
}

.block_shift_r:nth-child(2) p {
   font-family: Roboto Light;
}

.block_shift_r:nth-child(3) p {
    font-family: Roboto Regular;
}

.block_shift_r:nth-child(4) p {
    font-family: Roboto Medium;
}

.block_shift_r:nth-child(5) p {
    font-family: Roboto Bold;
}

.block_shift_r {
    width: 19%;
    background: white;
    padding: 20px;
    border-radius: 20px;
    color: black;
}

.blocks_shift_r {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block_shift_r p {
    overflow-wrap: anywhere;
    padding-bottom: 20px;
}

.firm_color_blocks {
    display: flex;
    flex-wrap: wrap;
}

.firm_color_block1 {
    width: 32%;
    display: flex;
}

.firm_color_block2 {
    width: 32%;
    margin-left: 2%;
    margin-right: 2%;
    display: flex;
}

.firm_color_block3 {
    width: 32%;
    display: flex;
}

.firm_color_block2_text {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.15px;
    color: #595B61;
}

.firm_color_block3_text {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.15px;
    color: #595B61;
}

.firm_color_block1_text {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.15px;
    color: #595B61;
}

p.text_color_name {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.15px;
    color: black;
}

.firm_color_blocks {
    margin-top: 50px;
    margin-bottom: 50px;
}

.firm_color_block1_crug {height: 200px; width: 200px; margin-right: 20px; position: relative;}
.firm_color_block2_crug {height: 200px; width: 200px; margin-right: 20px; position: relative;}
.firm_color_block3_crug {height: 200px; width: 200px; margin-right: 20px; position: relative;}
.firm_color_block4_crug {height: 200px; width: 200px; margin-right: 20px; position: relative;}
.firm_color_crug1 {width: 200px; height: 200px; border-radius: 200px; position: absolute; top: 0px; right: 0px;}
.firm_color_crug2 {width: 164px; height: 164px; border-radius: 164px; top: 18px; right: 18px; position: absolute;}
.firm_color_crug3 {width: 130px; height: 130px; border-radius: 130px; position: absolute; top: 35px; right: 35px;}
.firm_color_crug4 {width: 100px; height: 100px; border-radius: 100px; position: absolute; top: 50px; right: 50px;}
.firm_color_block1_crug .firm_color_crug1 {background: rgb(0 78 124 / 25%);}
.firm_color_block1_crug .firm_color_crug2 {background: rgb(0 78 124 / 50%);}
.firm_color_block1_crug .firm_color_crug3 {background: rgb(0 78 124 / 75%);}
.firm_color_block1_crug .firm_color_crug4 {background: rgb(0 78 124 / 100%);}
.firm_color_block2_crug .firm_color_crug1 {background: rgb(247 168 30 / 25%);}
.firm_color_block2_crug .firm_color_crug2 {background: rgb(247 168 30 / 50%);}
.firm_color_block2_crug .firm_color_crug3 {background: rgb(247 168 30 / 75%);}
.firm_color_block2_crug .firm_color_crug4 {background: rgb(247 168 30 / 100%);}
.firm_color_block3_crug .firm_color_crug1 {background: rgb(224 235 235 / 25%);}
.firm_color_block3_crug .firm_color_crug2 {background: rgb(224 235 235 / 50%);}
.firm_color_block3_crug .firm_color_crug3 {background: rgb(224 235 235 / 75%);}
.firm_color_block3_crug .firm_color_crug4 {background: rgb(224 235 235 / 100%);}

.mathabir_logos {
    display: flex;
    justify-content: space-around;
}

.mathabir_logo1 img {
    width: 100%;
}

.mathabir_logo2 img {
    width: 50%;
}

.mathabir_logo3 img {
    width: 25%;
}

.mathabir_logo1 {
    width: 30%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.mathabir_logo2 {
    width: 30%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.mathabir_logo3 {
    width: 30%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.linii_logo {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mathabir_logo {
    position: relative;
}

.linii_logo div:nth-child(1) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 0px;
    position: absolute;
}
.linii_logo div:nth-child(2) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 16%;
    position: absolute;
}
.linii_logo div:nth-child(3) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 32%;
    position: absolute;
}
.linii_logo div:nth-child(4) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 49%;
    position: absolute;
}
.linii_logo div:nth-child(5) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 66%;
    position: absolute;
}
.linii_logo div:nth-child(6) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 83%;
    position: absolute;
}
.linii_logo div:nth-child(7) {
    width: 100%;
    border-top: 1px solid rgba(220, 220, 222, 1);
    bottom: 100%;
    position: absolute;
}


#cms #center_column .mathabir_logos img {
    margin: 0px;
}

.obratit_foter {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.15px;
    text-align: center;
    color: #595B61;
    margin-top: 35px;
}

a.skat_a_new {
    position: relative;
    background: rgba(0, 90, 155, 1);
    overflow: hidden;
    border-color: rgba(0, 90, 155, 1);
    border-radius: 15px;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    padding: 35px;
    margin: 0 auto;
    color: white;
    display: inline-block;
    margin-top: 20px;
}

a.skat_a_new:after {
    content: "";
    background: url(/img/tss_logo_fon.png) no-repeat;
    width: 100%;
    position: absolute;
    height: 168px;
    bottom: -15px;
    left: 0px;
}

.center_text_block {
    text-align: center;
}


@media (max-width: 600px){
.text_dop_center {
    margin: 0px;
    text-align: left;
    width: 100%;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.dost_text {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.block_img_logo {
    display: flex;
    flex-direction: column;
}

.block_img_logo_fon {
    display: flex;
    flex-direction: column;
}

#cms #center_column .block_img_logo_fon img {
    padding: 35px;
}

#cms #center_column .block_img_logo img {
    padding: 35px;
}

.firm_color_block1 {
    width: 100%;
}

.firm_color_blocks {}

.firm_color_block2 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.firm_color_block3 {
    width: 100%;
}

.name_shift {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -1.5px;
}

.block_shift {
    width: 100%;
    margin-bottom: 20px;
}

.block_shift_r {
    width: 100%;
    margin-bottom: 20px;
}

.name_dop_center {
    margin-bottom: 0px;
}



.mathabir_logo {
    margin-top: 20px;
}

#cms #center_column h1.h1_dop {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}
p.text_color_name {font-size: 16px; line-height: 15px;}
p.text_color_desk {margin-bottom: 0px; font-size: 14px;}
.firm_color_block1 {align-items: center;}
.firm_color_block2 {align-items: center;}
.firm_color_block3 {align-items: center;}

}