/*
-------------------------------------------------------
                  Main Grid Layout
-------------------------------------------------------
*/

#header {
	border-bottom: 13px solid #282828;
	margin-bottom: 0px;
	
}

#header-a {
	background: #282828;
	height: 49.8px;
}

.title-full {
	margin-left: 10px;
	margin-right: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 155px 10px 3fr 10px 2fr;
    grid-template-columns: 155px 3fr 2fr;
    -ms-grid-rows: 49.8px 10px 100px;
    grid-template-rows: 49.8px 100px;
    gap: 10px 10px;
	margin-top: -49.8px;
    margin-bottom: 10px;
        grid-template-areas:
        "okpud-title-pic okpud-title-top-1 okpud-title-top-2"
        "okpud-title-pic okpud-title-bottom okpud-title-bottom";
}

.full-title-img { 
	-ms-grid-row: 1; 
	-ms-grid-row-span: 3; 
	-ms-grid-column: 1; 
	grid-area: okpud-title-pic;
}
.full-title-text { 
	-ms-grid-row: 1; 
	-ms-grid-column: 3; 
	grid-area: okpud-title-top-1; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.full-title-search { 
	-ms-grid-row: 1; 
	-ms-grid-column: 5; 
	grid-area: okpud-title-top-2; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	align-self: center;
}
.region-title-top {
	width: 100%
}
.full-title-menu { 
	-ms-grid-row: 3; 
	-ms-grid-column: 3; 
	-ms-grid-column-span: 3; 
	grid-area: okpud-title-bottom;
}
.full-title-img p { margin:0;}

.full-title-img img {
	width: 155px;
	height:170.5px;
	margin-top: 5px;
    
}

.full-title-text h1 {
	width: 100%;
}
.full-title-text * {
	margin: 0;
	padding: 0;
	width: 100%;
}

/*
-------------------------------------------------------
               Main Phone Grid Layout
-------------------------------------------------------
*/
.phone-title-menu {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
	margin-right: 7px;
}
.title-middle {
	display: -ms-grid;
	display: grid;
    -ms-grid-columns: 90px 5px 2fr;
    grid-template-columns: 90px 2fr;
    -ms-grid-rows:  35px;
    grid-template-rows:  35px;
    gap: 0px 5px;
        grid-template-areas:
        "title-pic-p title-search ";

	margin-left: 0px;
	padding: 10px 5px 5px 5px;
}
.title-middle .region-title-image-phone{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: title-pic-p;
}

.title-middle .region-title-image-phone p { padding: 0px; }
.title-middle .region-title-search-phone{
     -ms-grid-row: 1;
     -ms-grid-column: 3;
     grid-area: title-search;
}
.region-title-image-phone p, .region-title-image-phone a {
	margin: 0px;
	padding: 0px;
}

.region-title-search-phone .field__item, 
.region-title-search-phone .block, 
.region-title-search-phone .content {
    height: 100%;
}

.title-bottom {
	margin-left: 10px;
	display: -ms-grid;
	display: grid;
    -ms-grid-columns: minmax(0,.4fr) 10px 2fr;
    grid-template-columns: minmax(0,.4fr) 2fr;
    -ms-grid-rows:  auto;
    grid-template-rows:  auto;
    gap: 0px 10px;
        grid-template-areas:
        "title-pic title-right ";
}
.title-grid-phone p {
 	margin:0;
}
.title-phone .phone-title-right>div {
    padding-bottom: 10px;
}
.title-phone .phone-title-right>div:last-child {
	 padding-bottom: 0px;
}
.phone-title-top {
	height: 30px;
	margin-top: -33px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;	
}
.phone-title-right {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title-right;
}

.region-title-search { height: 100%; }

.region-title-menu-phone { 
	grid-area: region-title-menu-phone; 
	height: 100%;
}
.region-title-menu { height: 100%; }
.title-phone .region-title-image {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: title-pic;
}
.title-phone .img-title-pud {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: title-pic;
}