/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

:root {
  --main-width: 1440px;
  --main-font : 14px;
  --small-font : 12px;
  --big-font : 18px;
  --head-font : 26px;
  --menu-font : 18px;
}

html, body{
    min-height: 100%;
    font-size: 100%;
    background:	#ffffff;
    font-family:  Raleway, Roboto, 'Helvetica Neue', 'Roboto',  sans-serif;
}

body{
    padding: 0;
    margin: 0;
    color: #10374E;
    /*background-image:url(/img/site/bg_2.jpg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
}

body a{
    color:#1B1B1B;
    text-decoration: none;
}
p{
	margin:0;
}
h1,h2,h3,h4,h5,h6{
	/*font-family:  'Helvetica Neue', 'Roboto', cursive;*/
	font-weight:400;
	margin:4px 0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
    text-decoration:none;
    color:#2A7DE1;
}


.body-content{
    background: url(/img/site2/bg.jpg);
    max-width: var(--main-width);
    margin:0 auto;
    padding: 0 52px;
    box-sizing: border-box;
}


._page_header{
    /*height: 134px;*/
    margin-top: 80px;
    position: relative;
    background-image: url(/img/site2/logo_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 342px;
    border-radius: 25px;
}

    ._page_header ._logo_panel{
        background-image:url(/img/site2/logo_tree.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
        text-align: center;
        
        height: 342px;
    }
        ._page_header ._logo_panel a{
            margin-top:58px;
            background: url(/img/site2/logo.png);
            display: inline-block;
            width:44px;
            height: 44px;
            border-radius: 50%;
            background-position: center;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        
        ._page_header ._logo_panel p._gr{
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            margin-top:8px;
        }
        
        ._page_header ._logo_panel p._exib{
            font-family: 'Vetrino';
            text-align: center;
            font-size: 48px;
            font-weight: 400;
            line-height: 52px;
            margin-top:16px;
            color: #10374E;
        }

._page_header .mobile{
    display: none;
}
    

._page_footer{
    background: #96C9F8;
    height:56px;
    position: sticky;
    bottom:0;
    margin:0 -52px;
}    
    ._page_footer ._bot_logo{
        background: url(/img/site2/logo_bot.png);
        position: absolute;
        left:52px;
        top:8px;
        width: 72px;
        height:40px;
        display: block;
        cursor:pointer;
    }
    
    ._page_footer ._copy{
        font-weight: 600;
        font-size: 14px;
        line-height:16px;
        text-align: right;
        padding-right: 52px;
        line-height: 56px;
    }
            
    

._center{
}
    

    ._center ._people{
        text-align: justify;
        vertical-align: top;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        margin-bottom: 64px;
    }
    ._center ._people::after {
        content: "";
        /*flex: auto;*/
        width: 310px;
    }
    

        ._center ._people ._one{
            flex: 0 0 310px;
            display: inline-block;
            width: 310px;
            height:362px;
            margin-top:61px;
            flex-basis: 310px;
            /*margin-right: 32px;*/
            background: rgba(255, 255, 255, 0.7);
            border-radius: 12px;
            /*gap: 16px;*/
            vertical-align: top;
            border-radius: 12px;
        }
        
        
        
            ._center ._people ._one ._img{
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                background-position: top center;
                background-size: cover;
                background-repeat: no-repeat;
                height: 230px;
                cursor: pointer;
            }
        
            ._center ._people ._one > a{
                font-family: 'Inter';
                line-height: 30px;
                font-size: 18px;
                font-weight: 600;
                color :#10374E;
                align-self: stretch;
                margin-top:16px;
                display: block;
                padding:0 16px;
            }
            
            ._center ._people ._one > ._short{
                font-family: 'Inter';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 22px;
                align-self: stretch;
                padding: 0 16px;
            }

._page_people .body-content{
    background-image: url(/img/site2/bg_people.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 72px;
/*    background-repeat: repeat;
    background-size: contain;*/
}            

._page_people ._page_header{
    display: none;
}
._center ._desc{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 32px;
    gap: 64px;
    display: flex;
    flex-wrap: wrap;
    /*flex-direction: column;*/
    align-items: flex-start;
    padding: 122px 102px;
    /*margin: 72px auto;*/
    border-radius: 20px;
    margin-bottom:24px;
}

    ._center ._desc > div{
        flex: 0 0 calc(50% - 32px);
    }
    
        ._center ._desc > div ._img_file{
            width: 500px;
            background: #D9D9D9;
            border-radius: 27px;
            margin-bottom: 58px;
        }
        
        ._center ._desc > div table._data{
            width: 100%;
        }
        
        ._center ._desc > div table td:first-child{
            width: 40%;
            min-width: 149px;
            vertical-align: top;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #336383;
        }
        
        ._center ._desc > div table td:last-child{
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #10374E;
            padding-bottom: 32px;
            /*text-align: right;*/
        }
        
        
        ._center ._desc > div h1{
            font-family: 'Vetrino';
            font-style: normal;
            font-weight: 400;
            font-size: 76px;
            line-height: 100px;
            align-items: center;
            letter-spacing: 0.03em;
            color: #10374E;
            
        }
        
        ._center ._desc._compact > div h1{
            font-size: 56px;
        }
        
        ._center ._desc > div h2{
            font-family: 'Vetrino';
            font-style: normal;
            font-weight: 400;
            font-size: 52px;
            line-height: 44px;
            align-items: center;
            letter-spacing: 0.03em;
            color: #336383;
            margin-top:48px;
        }
        
        ._center ._desc > div h3 {
            font-family: 'Vetrino';
            font-style: normal;
            font-weight: 400;
            font-size: 28px;
            line-height: 28px;
            color: #336383;
            margin-bottom: 10px;
        }
        
        /* 40 СЂРѕРєС–РІ */
        ._center ._desc > div ._lifelength {
            font-family: 'Vetrino';
            font-style: normal;
            font-weight: 400;
            font-size: 32px;
            line-height: 34px;

            color: #10374E;
            margin-top:44px;
        }
        
        ._center ._desc > div ._date {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 24px;
            line-height: 29px;
            color: #10374E;
            margin-top:12px;
            margin-bottom:48px;
        }
        
        
        ._center ._desc > div ._short {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #10374E;
            margin-bottom: 30px;
        }


    ._center ._desc  ._break {
      flex-basis: 100%;
      height: 0;
    }
    ._center ._desc  ._gal{
        flex: 1 1 100%;
        height: 230px;
        position: relative;
    }
        ._center ._desc  ._gal ._imgs{
            position: absolute;
            overflow-x: auto;
            
            white-space: nowrap;
            height: 230px;
            left: -102px;
            right: -102px;
        }
        ._center ._desc  ._gal ._imgs > img{
            display: inline-block;
            margin-right: 18px;
            height:220px;
            cursor: pointer;
        }

.paging1{
    
    margin-top:12px;
    margin-bottom:12px;
    text-align: right;
    padding: 0 20px;
}
.paging1 ul{
    list-style-type: none;
}
.paging1 ul li{
    display: inline-block;
}

    .paging1 li a{
        border: 1px solid #003366;
        border-radius: 3px;
        font-size: 16px;
        color: #003366;
        display: inline-block;
        margin: 0 12px 0 0;
        padding: 4px 4px;
        width: 34px;
        text-align: center;
        box-sizing: border-box;
    }
    .paging1 li.active a{
        color:white;
        background-color: #003366;
    }
    

._static_text{
    font-size: 16px;
    line-height: 140%;
    color: #2E222C;
    padding: 10px 25px;
    display: block;
    
}    

.logo-search .mobile{
    display: none;
}

._mobile_layout .body-content{
    padding: 0 24px;
}

    ._mobile_layout  ._page_header{
        margin-top: 24px;
    }   
    ._mobile_layout  ._center ._desc{
        padding: 24px;
        margin: 24px 0;
        gap: 32px;
    }
    
        ._mobile_layout   ._center ._desc > div{
            flex: 0 0 calc(50% - 32px);
        }
    
        ._mobile_layout    ._center ._desc > div h1{
            font-size: 48px;
            line-height: 52px;
        }
        ._mobile_layout     ._center ._desc > div h2{
            font-size: 36px;
            margin-top:12px;
        }
        ._mobile_layout     ._center ._desc > div ._lifelength{
            margin-top: 24px;
        }
        
    ._mobile_layout  ._page_footer{
        position: relative;
        margin: 0 -24px;
    }

@media (max-width:900px) {
    ._mobile_layout  .body-content{
        padding: 0 12px;
    }
        ._mobile_layout ._page_header{
            margin-top: 12px;
            height: auto;
        }
            ._mobile_layout ._page_header ._logo_panel{
                height: auto;

            }

                ._mobile_layout   ._page_header ._logo_panel a{
                    margin-top: 10px;
                }

                ._mobile_layout  ._page_header ._logo_panel p._exib{
                    font-size: 24px;
                    line-height: 26px;
                    padding-bottom: 10px;
                }

    ._mobile_layout ._center {
        display: block;
        /*padding:0 15px;*/
        margin-top:10px;
        /*display: flex;*/
        flex-direction: column;
        margin-bottom: 60px;
    }
    
        ._mobile_layout ._center ._people ._one{
            margin-top: 11px;
        }
    
    ._mobile_layout  ._center ._desc{
        padding: 24px;
        border-radius: 10px;
        gap: 14px;
        flex-direction: column;
    }
    
            ._mobile_layout   ._center ._desc > div ._img_file{
                width: 100%;
            }

            ._mobile_layout    ._center ._desc > div h1{
                font-size: 36px;
                line-height: 40px;
            }
            ._mobile_layout     ._center ._desc > div h2{
                font-size: 36px;
                margin-top:12px;
            }
            ._mobile_layout     ._center ._desc > div ._lifelength{
                margin-top: 24px;
            }

    ._mobile_layout  ._page_footer{
        position: relative;
        margin: 0 -12px;
    }
    
    ._mobile_layout   ._page_footer ._bot_logo{
        left:12px;
    }
    ._mobile_layout    ._page_footer ._copy{
        padding-right: 12px;
    }
       
        
}
@media (max-width:600px) {
    ._mobile_layout  ._center ._desc{
        padding: 12px;
    }
    
}
#_popup {
    max-width: none;
    min-width: 100px;
    position: fixed;
    left:50%;
    top:50%;
    max-height: 720px;
    margin-top:-160px;
    margin-left: -160px;
    background-color: #ffffff;
    padding:5px;
    z-index:99;
    display: none;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 0px 6px rgba(8, 35, 48, 0.2);
    border-radius: 3px;
}

._mobile_layout #_popup {
    margin-left: -50% !important;
    width: 100%;
}

    #_popup > div{
        padding:0;
        margin:0 auto;
        text-align: center;
        border: 1px solid #CEDFEF;
        box-sizing: border-box;
        border-radius: 3px;
        padding: 20px;
    }
    
        #_popup > div > img{
            max-width: 720px;
            max-height:720px;
        }
    
    
    #_popup > a{
        position: fixed;
        right:65px;
        /*top:-25px;*/
        background-image: url(/img/site/ico_close.png);
        background-size: contain;
        width: 28px;
        height:28px;
        cursor: pointer;
    }
    ._mobile_layout #_popup > a{
        display: none;
    }
    
    #_popup ._description{
        font-size: 11px;
        padding:5px 3px;
    }
    
    #_popup > div ._static{
        max-height: 50%;
        overflow-y: auto;
        max-height: 400px;
        overflow-y: auto;
        max-width: 600px;
    }
    #_popup > div ._static ._short{
        text-align: left;
    }
    
    
    
    
#_popup_shadow {
    max-width: none;
    min-width: auto;
    z-index:98;
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color: rgba(0,0,0,0.3);
    /*background-image: url(/img/site/popup_bg.png);*/
    display: none;
}

#_popup.show,  #_popup_shadow.show{
    display: block;
}

#_popup.visible{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    visibility: visible;
}



    
    #_popup ._text{
        font-size: 13px;
    }