@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300,700&display=swap');
BODY {font-size:18px; font-family:Roboto, sans-serif; background-color: #fff;text-size-adjust: none; -webkit-text-size-adjust:none; -moz-text-size-adjust: none;padding:0 8% 0 8%; background: #f1f1f1 url(../img/bg0.jpg) repeat-x;}
BODY.path-frontpage  {background: #f1f1f1 url(../img/bg0t.jpg) center top repeat-x;}

body.toolbar-horizontal {padding-top:71px !important; background:#f1f1f1 url(../img/bg0.jpg) center 71px repeat-x;}
body.path-frontpage.toolbar-horizontal {padding-top:71px !important; background: #f1f1f1 url(../img/bg0t.jpg) center 71px repeat-x;}
body.toolbar-horizontal #mm-0 {padding-top: 71px !important;}

.navbar-brand .site-title {display:none;}

.navbar {padding: 0rem 1rem;}

H1.page-title {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2rem;font-weight: 700;text-align: left !important;margin: 0 0 3rem 0;}

HEADER {position:relative; min-height:150px !important; background-color: #fff;}
.region-content {overflow-x: auto;}

#node-71 {padding-left:0;}

#block-uaix-branding {position: absolute;  top: 62px;left: 0px; margin-left:5%;}
.navbar-brand img {height: 94px;}

#block-peremikachmovi {position: absolute;  top: 20px;left: 88px; width:180px; font-size: 0.9rem;  }
#block-peremikachmovi UL {padding-left:0;}
#block-peremikachmovi UL LI {float: left; list-style: none;}
#block-peremikachmovi UL LI a, 
#block-peremikachmovi UL LI .locale-untranslated {display: inline-block;margin: 0 0px;}
#block-peremikachmovi UL LI:after {content: "/";color: #ccc;margin: 0px 12px;}
#block-peremikachmovi UL LI:last-child:after {display:none;}

#block-uaix-account-menu {position: absolute;left:calc(25% + 25px);top: 22px; font-size: 1rem;}

#block-uaix-account-menu .navbar-nav {flex-direction: row !important; line-height: 1rem;}

#block-uaix-account-menu UL.nav li {margin-right:60px;}

#block-uaix-account-menu UL.nav li A {padding:3px 0px 3px 30px;color: #337AB7 !important;    display: block;  }
#block-uaix-account-menu UL.nav li A[href$="/user/login"] {background: transparent url(../img/icoz.gif) no-repeat 0 0 ;}
#block-uaix-account-menu UL.nav li A[href$="/user/logout"] {margin-left: 20px; background: url(../img/ico2.gif) 0 2px no-repeat;  background-size: 22%;}
#block-uaix-account-menu UL.nav li A[data-drupal-link-system-path$="node/31"] { background: url(../img/icotel.gif) no-repeat 0px 2px;}
#block-uaix-account-menu UL.nav li A[href$="/user"] {padding-left: 40px; background: url(../img/icopro.gif) no-repeat;}

#block-uaix-account-menu UL.nav li A:hover {text-decoration: none; opacity: 0.6;}


#navbarSupportedContent {justify-content: flex-start !important; transition:none;}
#navbarSupportedContent .region-nav-main {width:100%;}

#block-uaix-main-menu {position: absolute;left:calc(25% + 15px);top: 62px;width:calc(75% - 15px);}

#block-uaix-main-menu UL.navbar-nav {display: flex; width:100%; flex-direction: row;    padding-left: 0;    margin-bottom: 0;    list-style: none;}

#block-uaix-main-menu UL.navbar-nav > LI { background: url(/sites/default/themes/uaix/img/bg1.jpg) no-repeat;   float: left; min-width:165px;  flex-basis: 165px ;  flex-grow: 1;    margin: 0 0 0 0px; list-style: none;text-align: center;    border-right: 2px solid #fff;}
#block-uaix-main-menu UL.navbar-nav > LI:nth-child(1) {background-position: 0px -285px;}
#block-uaix-main-menu UL.navbar-nav > LI:nth-child(2) {background-position: 0px -190px;}
#block-uaix-main-menu UL.navbar-nav > LI:nth-child(3) {background-position: 0px -95px;}
#block-uaix-main-menu UL.navbar-nav > LI:nth-child(4) {background-position: 0px 0px;}

#block-uaix-main-menu UL.navbar-nav > LI > A {    width: 100%;     height: 90px;    padding: 63px 0 0 0px;    color: #fff; text-decoration: none; background: url(../img/icomain.png) center top no-repeat; transition: 0.2s opacity; }
/*
#block-uaix-main-menu UL.navbar-nav LI a.active {color: #fff; background-color: #00000087; }
*/

/*
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="node/41"] {background-position: 50% -285px;}
*/
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="webform/webform_41"] {background-position: 50% -285px;}
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="node/69"]{background-position: 50% -186px;}
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="members"]{background-position: 50% -95px;}
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="node/2"]{background-position: center top;}

#block-uaix-main-menu UL.dropdown-menu { display:none;}


#block-uaix-main-menu .dropdown-toggle:after,
#block-mainnavigation .dropdown-toggle:after {display:none;}

#block-uaix-main-menu UL.navbar-nav > LI a:hover, 
#block-uaix-main-menu UL.navbar-nav > LI > a:focus {    text-decoration: none;    background-color: transparent;    opacity: 0.5;}

MAIN {margin-top:95px;}
.path-frontpage MAIN {margin-top: 49px;}
.container-fluid {background-color:#fff;}
.path-frontpage .container-fluid {background-color:transparent; margin-left:-15px;margin-right:-15px;}
.path-frontpage .region-content {padding: 0}

MAIN .region-content {padding: 0 1.5rem 5rem 1.5rem;}

.view-frontpage-carousel {margin-top: -48px;}
#slick-views-frontpage-carousel-page-1 {margin-bottom: 30px;}
.slick-dots {bottom: -31px;}


#block-views-block-members-block-1,
#block-views-block-kol-block-1,
#block-webform {float:left; width:23%; margin-right:2%;   color: #fff;    text-align: center;   padding-bottom: 40px;}

#block-views-block-kol-block-1 { padding-right: 15px;    padding-left: 15px;}
#block-webform {position:relative; width:50%;margin-right:0px;}

#block-views-block-members-block-1 H2,
#block-views-block-kol-block-1 H2,
#block-webform H2 { margin: 0 0 0px 0;  font-weight: bold;font-size: 1.4rem;padding: 5px 0;    white-space: nowrap; color: #fff;    background-color: #fb9508;    border-radius: 6px 6px 0px 0px;}

#block-views-block-members-block-1 > DIV > DIV,
#block-views-block-kol-block-1 .field-content,
#block-webform .field-content {height: 120px;    position: relative;    padding: 6px 0 0 0;    border-radius: 0px 0px 6px 6px;    background: #fb9508 url(../img/bg2.jpg) left -10px no-repeat;  background-size: cover;}

#block-views-block-members-block-1 HEADER {  min-height: auto !important;  background-color: transparent;}

#block-views-block-kol-block-1 .field-content {background: #fb9508 url(../img/bg3.jpg) left 0px no-repeat;background-size: 100% 118px;}

#block-webform {padding-bottom: 0px;}

#block-webform #edit-nomer-as {background: url(../img/bg4.jpg) left -117px no-repeat;background-size: cover;height: 116px;padding: 1px 0; border: 4px solid #FB9508;border-radius: 0 0 6px 6px;border-width: 0px 4px 4px 4px;}

#block-webform .description {width: 38%; height: 112px; margin-top: -19px;padding: 20px 10px; font-size:1rem;  float: right; text-align: left;color: #DA7E00; background-color: #fef7c2;}
#block-webform .description UL {padding-left:30px;}
#block-webform .description A {color: #DA7E00;}

#block-webform LABEL { display:inline-block; float: left;  width: auto;    margin: 10px 0 10px 10px; font-size:0.9rem; color:#000;}
#block-webform INPUT#edit-as {  display:inline-block; float:left; width:46%;    font-size: 1rem;      padding-left: 5px;    box-shadow: none;    border-color: #000;    border-radius: 0;    border-width: 0 0 1px 0;}

#block-webform #edit-actions {position:absolute; left:89px;top:80px;}
.user-logged-in #block-webform #edit-actions {position:absolute; left:91px;top:50px;}
#block-webform #edit-actions .btn-primary, 
#block-webform #edit-actions .btn-primary:visited,
#block-webform #edit-actions .btn-primary:focus,
#block-webform #edit-actions .btn-primary:active:focus {color: #DA7E00; background-color: transparent;    border:none;}
#block-webform #edit-actions .btn-primary:hover {color: #000;}

#block-views-block-members-block-1 HEADER,
#block-views-block-members-block-1 A,
#block-views-block-members-block-1 A:visited,
#block-views-block-kol-block-1 A,
#block-views-block-kol-block-1 A:visited { font-size: 65px; font-weight: 700;  color: #fff;  text-decoration: none;}

#block-views-block-members-block-1 A:hover,
#block-views-block-members-block-1 A:visited:hover,
#block-views-block-kol-block-1 A:hover,
#block-views-block-kol-block-1 A:visited:hover { opacity: 0.8;}


#block-views-block-news-block {clear:both; margin-top:30px;}
#block-views-block-news-block H2 {clear:both; position:relative;margin: 0;  padding: 11px 15px; font-size: 1.4rem;  color: #fff;  background-color: #5e5653;    border-radius: 6px 6px 0px 0px;}
#block-views-block-news-block H2:after {    content: "";    position: absolute;    left: 14px;    bottom: -9px;    border-width: 9px 9px 0px;    border-style: solid;    border-color: #5e5653 transparent;    display: block;    width: 0px;}
#block-views-block-news-block > DIV {padding:30px 20px 50px 20px; background-color: #fff;}

#block-views-block-news-block .view-content { float: left;    width: 65%;    padding: 0 30px 0 0;   border-right: 2px solid #ccc; }
#block-views-block-news-block .view-content .views-row,
.path-about .region-content .views-row {clear:both;color: #666;margin-bottom:4rem;}

#block-views-block-news-block .view-content .views-field-field-image,
.path-about .region-content .views-row .views-field-field-image {width:28%; height:auto;margin:0 20px 4rem 0;    float: left;  }

#block-views-block-news-block .view-content .views-field-field-image IMG,
.path-about .region-content .views-row .views-field-field-image IMG {width:100%;min-width:100%;max-width:100%; height:auto;border: 1px solid #ccc;    padding: 4px;    border-radius: 4px;}

#block-views-block-news-block .view-content .views-field-field-date,
.path-about .region-content .views-row .views-field-field-date {margin-left:30%; font-size: 1rem; color:#000;}

#block-views-block-news-block .view-content .views-field-title,
.path-about .region-content .views-row .views-field-title,
#block-views-block-news-block .view-content .views-field-body {margin-left:30%;}
#block-views-block-news-block .view-content .views-field-title A,
.path-about .region-content .views-row .views-field-title A {font-size: 1.5rem;    color: #FB9508;    font-weight: bold;}
#block-views-block-news-block .view-content .views-field-body,
.path-about .region-content .views-row .views-field-body {margin-left:30%;}

#block-views-block-news-block .attachment-after .view-content {    font-size: 0.9rem;    float: left;    width: 35%; padding:0 0 0 30px;   border-left: 2px solid #ccc; margin-left: -2px;   border-right: none;}
#block-views-block-news-block .attachment-after .views-row {margin-bottom:1.5rem; }
#block-views-block-news-block .attachment-after .views-field-field-date {margin-left:0; color:#000;font-size:0.9rem;}
#block-views-block-news-block .attachment-after .views-field-title {margin-left:0; margin-bottom:0.3rem;}
#block-views-block-news-block .attachment-after .views-field-title A {font-size:1.2rem; line-height:1; font-weight:normal;}
#block-views-block-news-block .attachment-after .view-content .views-field-body {margin-left:0;}

#block-views-block-news-block .more-link {    text-align: left; clear:both;}


.breadcrumb {margin-left:calc(25% + 1rem); padding-bottom:0rem; font-size:0.85rem; padding-left: 11px; background-color: transparent; }
.breadcrumb A {color: #000;}

.region-sidebar-first .block {margin-bottom:50px;}
.region-sidebar-first .block .more-link {font-size:0.9rem; text-align: left !important;}
.block .more-link A {color: #FB9508; text-decoration:none;}

.region-sidebar-first #block-mainnavigation { margin-top: -34px; border-right: 3px solid #d4e1ea;}

.region-sidebar-first .navbar-nav li a {position: relative;    color: #5d6162;   padding: 0.3rem 1rem 0.3rem 2rem;}
.region-sidebar-first .navbar-nav li a:before {content: "";    position: absolute;    left: 10px;    top: 12px;    width: 12px;    height: 12px;    background-color: #D6E3EE;  border-radius: 12px;}
.region-sidebar-first .navbar-nav li a:hover {opacity: 0.7;}
.region-sidebar-first .navbar-nav li a:hover:before,
.region-sidebar-first .navbar-nav li a.is-active:before { background-color: #665e5a; border-radius: 12px;}
.region-sidebar-first .navbar-nav li a.is-active {color:#000;}


.region-sidebar-first H2 {     position: relative;    margin: 0 -15px 15px -24px;    padding: 10px 5px 10px 17px;    font-size: 1.2rem;         font-weight: normal;    background-color: #fa9507; color: #fff;}
.region-sidebar-first H2:after {    content: "";    position: absolute;    left: 11px;    bottom: -8px;    border-width: 10px 10px 0px;    border-style: solid;    border-color: #fb9508 transparent;    display: block;    width: 0px;}

#block-views-block-news-block-1 {padding: 0 15px;}

#block-views-block-news-block-1 .views-row {    margin-bottom: 0.6rem;}
#block-views-block-news-block-1 .views-field-field-date {font-size:0.9rem;}
#block-views-block-news-block-1 .views-field-title A {color: #E18201; line-height: 14px;}
#block-views-block-news-block-1 .views-field-title A:hover {opacity: 0.8; text-decoration: none;}

#block-views-kol-block-3 { background-color:#e4e4e4; min-height:78px;}
#block-views-kol-block-2 { font-size:13px; background-color:#78706c; min-height:35px;}
#block-views-kol-block-2 .view-content { margin-bottom:30px;}
#block-views-kol-block-2 .attachment-after { background-color:#5e5652; min-height:35px;}

#top-link-block {    position: fixed;    bottom: 2em;    right: 1em;    color: #78706c;min-height: 20px;padding: 6px 10px 6px 9px;margin-bottom: 20px;background-color: #d2cfcf;border: 1px solid #a4a4a4;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.05);font-size: 0.9rem;}
.well {color: #000; text-decoration:none;}
A.well:hover {opacity:0.9;} 

.arrow {margin:0 10px;border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;vertical-align: middle;}
.right {    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);}
.left {    transform: rotate(135deg);    -webkit-transform: rotate(135deg);}
.up {    transform: rotate(-135deg);    -webkit-transform: rotate(-135deg);}
.down {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);}


.path-members TD.is-active {background-color: transparent;}
.path-members .container-fluid > .row .region-sidebar-first {display:none;}
.path-members .container-fluid > .row DIV:nth-child(2) {flex: 0 0 100%;max-width: 100%;}
.path-members .breadcrumb { margin-left: 15px; padding-left: 11px;}


#views-exposed-form-members-page {padding:5px 20px; border:1px solid #d9d9d9; border-radius:3px; margin-bottom:35px;}
#views-exposed-form-members-page .form-item { width: calc(32% - 0.5em);}

.path-webform  #edit-info,
.field--name-webform {width:60%;}
.path-webform  #edit-info LEGEND { width: auto; padding: 10px 12px; margin-left:-20px;}
.path-webform  #edit-info fieldset#edit-pidklyuchennya {padding: 30px; border: 1px solid #aaa; border-radius: 3px;}
.path-webform  #edit-info fieldset#edit-pidklyuchennya .fieldset-wrapper {margin-top: -30px;}


.path-user ARTICLE.profile {min-width: 48%; margin-right:20px;}
.path-user #block-vidpravitizapit { margin: 52px 0 40px 0px;border: 1px solid #ccc;padding: 20px;}
.path-user #block-statistika {margin:30px 0px;}
.path-user #block-statistika IMG {width:100%;min-width:100%;max-width:100%; clear:both;margin-top:30px;}

.path-user #block-statistika H2,
.path-user #block-statistika H3,
.path-user #block-statistika H5 {font-weight: 700; font-size: 1.25rem;}
.path-user #block-statistika H3 {font-weight: 400;}

.path-user #block-statistika H5 {background-color: #fff;    padding: 2px 15px;    margin-top: -34px;    width: auto !important;}


ARTICLE.profile .horizontal-tabs, 
ARTICLE.profile .horizontal-tabs .horizontal-tab-button {min-width: auto; border: none; background-color: transparent;}
ARTICLE.profile .horizontal-tabs .horizontal-tabs-list {background-color: transparent;}
ARTICLE.profile .horizontal-tabs .horizontal-tab-button A STRONG {font-weight: normal;}

ARTICLE.profile .horizontal-tabs .horizontal-tab-button A:hover  {background-color: #eee; opacity:0.7;}
ARTICLE.profile .horizontal-tabs .horizontal-tab-button.selected A {color:#000;background-color: #eee !important;}

ARTICLE.profile #edit-group-info,
ARTICLE.profile .details-wrapper {padding:0 !important;}
ARTICLE.profile DETAILS .field {padding:10px 0;border-bottom:1px solid #ccc;}

ARTICLE.profile details { border: none;}

ARTICLE.profile {position:relative; padding-top:140px;}
ARTICLE.profile .field--name-field-logo {position:absolute; left:0; top:0;}
ARTICLE.profile .field--name-field-logo IMG {min-width:auto; width:auto; height:80px;}

ARTICLE.node--type-page td {border-style: solid; border-width: 1px;}

.path-user H5 {font-weight:700;}

.path-user nav#block-vidpravitizapit LI {position:relative; padding-left:15px;}
.path-user nav#block-vidpravitizapit LI:before  {    content: "";    position: absolute;    left: 0px;    top: 16px;    width: 10px;    height: 10px;    background-color: #D6E3EE;    border-radius: 10px;}


.page-node-type-news ARTICLE.node--type-news {}
.page-node-type-news ARTICLE.node--type-news .field--name-field-image {/*margin: 0 auto; */ width:45%;height:auto;overflow:hidden;}
.page-node-type-news ARTICLE.node--type-news .field--name-field-image IMG {width:100%;min-width:100%;max-width:100%;margin-bottom:3rem; height:auto;}
.page-node-type-news ARTICLE.node--type-news .field--name-field-date {font-size:0.9rem; margin-bottom:1.5rem;}

.pager {clear: both; margin-top: 40px;}

.path-search #search-form { margin-bottom: 40px;}
.path-search H2 {margin-bottom: 2.2rem;}
h2, 
.h2 {font-size: 2rem;}
.path-search OL.search-results {padding: 0;}
.path-search OL.search-results LI {list-style: decimal; margin-bottom:1.5rem;}
.path-search OL.search-results h3, 
.path-search OL.search-results .h3 {font-size: 1.2rem;}
.path-search .search-result__snippet-info {font-size:1rem;}
.path-search #search-form #edit-submit {margin:0;}
.path-search .form-item-keys {width:60%; margin-bottom:20px;}
.path-search .form-item-keys > label {font-size:0.9rem; color:#777;}
A.edit-help-link {font-size:0.9rem;}


footer {font-size:0.95rem; position:relative; width:100%; min-height:200px; margin:0; padding:30px; border:none; background-color:#78706c; color:#cacaca;}
footer .container-fluid {background-color: transparent;}
FOOTER A { color:#fff; text-decoration:none;}
FOOTER A:hover { color:#fff; opacity:0.7;}

TABLE.ftab {} 
TABLE.ftab TD {vertical-align:top;padding-right:40px;} 

footer #block-uaix-search-form {position:absolute;top:30px;right:30px;width:330px; }
footer #edit-actions,
footer #edit-actions--2 {margin-left:-3px;}
footer INPUT#edit-keys{width:250px; box-shadow: none;    background-color: #eee;   border-color: #5E5652;   border-radius:3px 0 0 3px;   border-right: none;}
footer INPUT#edit-submit,
footer INPUT#edit-submit--2 {margin-top: -3px; color: #eee;background-color: #98908C;border-color: #5E5652;}
footer .form-item-keys { width: auto !important;}

#edit-as--description UL {padding-left:16px;}

ARTICLE[about="/pro-kompaniyu/statystyka"] IMG,
ARTICLE[about="/pro-kompaniyu/tekhnichnyy-opys"] IMG {width:100% !important;min-width:100% !important;max-width:100% !important; height:auto !important;}

.navbar-toggler {position:absolute;right:10px;top:20px;    padding: 5px 10px;    font-size: 1.25rem;    line-height: 1;    border: 1px solid #ddd;    border-radius: 4px; z-index:12;}
.navbar-toggler-icon { background: url(../img/1bgtg.gif) 50%/100% 100% no-repeat;}


P.rteright, P.rteleft, P.rtejustify {overflow-wrap:break-word;}
P.rteright   {text-align:right;}
P.rteleft    {text-align:left;}
P.rtejustify {text-align:justify;}



/**********************************************************/


@media (max-width: 1710px) { 

.path-user ARTICLE.profile {float:none;margin-right:0px;}
.path-user #block-vidpravitizapit {float:none; min-width:auto; margin:15px 0 0 30px;}

}

@media (max-width: 1600px) { 

#block-webform INPUT#edit-as { width: 44%;}
/*#block-webform #edit-nomer-as { background: url(../img/bg4.jpg) left -94px no-repeat;}
*/

}


@media (max-width: 1400px) { 

BODY {padding:0 5% 0 5%;}
#block-webform INPUT#edit-as { width: 43%;}
#block-webform #edit-nomer-as { background: url(../img/bg4.jpg) left bottom no-repeat;}

}


@media (max-width: 1200px) { 

BODY {padding:0 0 0 0;}

}

@media (max-width: 1130px) { 

#block-webform INPUT#edit-as { width: 41%;}

}

@media (max-width: 991px) { 

#block-uaix-branding {left: calc(50% - 133px);    margin:0;}
#block-peremikachmovi {top: 170px;left: calc(50% - 85px);}
#block-uaix-account-menu { left: 20px;}
#block-uaix-account-menu UL.nav li { margin-right: 32px;}

#block-views-block-members-block-1,
#block-views-block-kol-block-1,
#block-webform {width:calc(50% - 34px) !important; max-width:unset !important; margin-left:15px;padding-bottom: 24px;} 

#block-views-block-kol-block-1 {padding-left:0px; padding-right: 0px; margin-right:0px;}
#block-webform {float:none; clear:both; width:calc(100% - 30px) !important; margin: 0 0 30px 15px;} 

#block-webform #edit-nomer-as {background: url(../img/bg4.jpg) left -155px / cover;}

.region-sidebar-first #block-mainnavigation {display:none;}

HEADER {position: relative;}
MAIN {}

#block-uaix-main-menu { position: absolute;   width: 45%;  right: -15px;  top: 0px; left:unset; padding: 90px 20px 85px 20px; background-color:#777; z-index:10;}

#block-uaix-main-menu UL.navbar-nav { flex-direction: column;align-items: left; justify-content: stratch;}
#block-uaix-main-menu UL.navbar-nav > LI {    background: transparent; float: none;    min-width: auto;    flex-basis: 1px;    flex-grow: 1;    margin: 0 0 15px 0px;    text-align: left;    border: 1px solid #aaa; border-width:0 0 1px 0;}

#block-uaix-main-menu UL.navbar-nav > LI > A { width: 100%; height:auto;  padding: 0 0 15px 50px;    background: url(../img/icomain.png) center center no-repeat;   transition: none;}

#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="webform/webform_41"] {background-position: 0px -532px;}
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="node/69"] {background-position: 0px -490px;}
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="members"] {background-position: 0px -447px;}
#block-uaix-main-menu UL.navbar-nav > LI A[data-drupal-link-system-path$="node/2"] {background-position: 0px -401px;}

#block-uaix-main-menu UL.dropdown-menu { display:block; margin-top: -10px; padding-left:40px; background-color: transparent; border:none;}

#block-uaix-main-menu UL.dropdown-menu LI > A { background: transparent; position:relative; color:#fff;padding:0 0 10px 15px;}
#block-uaix-main-menu UL.dropdown-menu LI > A:before {content: "";    position: absolute;    left: 0px;    top: 10px;    width: 5px;    height: 5px;    background-color: #eee;    border-radius: 5px;}

.navbar .container-fluid {display:flex; display:block;}
.navbar .container-fluid DIV:nth-child(2){max-width: 100%;}

#block-uaix-main-menu .dropdown-toggle:after,
#block-mainnavigation .dropdown-toggle:after {display:inline-block;margin: 0px 0 0 13px; float:none;color:#aaa;}

.path-webform #edit-info,
.field--name-webform { width: 100%;}

.breadcrumb {margin-left:15px;}

.path-user .region-content {}

ARTICLE.profile .field--name-field-logo IMG { height: 100px;}
ARTICLE.profile .field--name-field-logo {width:100%; text-align:center;}

footer { min-height: unset; padding-top:80px;}
footer #block-uaix-search-form {
    position: absolute;
    top: 20px;
    right: calc(50% - 165px);
    width: 330px;
}

footer TABLE, 
footer TABLE thead, 
footer TABLE tbody,
footer TABLE th, 
footer TABLE td,
footer TABLE tr { display: block; margin-bottom: 30px; width: 100% !important; text-align:center; }
footer TABLE thead tr {position: absolute; top: -9999px; left: -9999px;}
footer TABLE tr { border: none; }

}

@media (max-width: 880px) { 

#block-uaix-main-menu { width: 55%; }




}


@media (max-width: 780px) { 

#block-views-block-news-block .view-content { width: 55%; padding: 0 10px 0 0;}
#block-views-block-news-block .attachment-after .view-content { width: 43%;padding: 0 0 0 20px;}

#block-views-block-news-block .view-content .views-field-field-image, 
.path-about .region-content .views-row .views-field-field-image { width: 100%; margin: 0 0px 5px 0;float: none;}

#block-views-block-news-block .view-content .views-field-field-date, 
.path-about .region-content .views-row .views-field-field-date,
#block-views-block-news-block .view-content .views-field-title, 
.path-about .region-content .views-row .views-field-title,
#block-views-block-news-block .view-content .views-field-body,
.path-about .region-content .views-row .views-field-body  { margin-left: 0;}

#block-views-block-news-block .view-content .views-row, 
.path-about .region-content .views-row {margin-bottom: 2rem;}

}


@media (max-width: 767px) { 

#block-uaix-main-menu { width: 320px; }

#block-webform #edit-nomer-as { height: 130px;}
#block-webform #edit-nomer-as {background: url(../img/bg4.jpg) left -100px / cover;}
#edit-nomer-as .webform-element--title-inline {  margin: 5px 0 16px 0 !important; text-align:left;}

#block-webform LABEL { display:block; float: none;}
#block-webform INPUT#edit-as { float:none; width: 50%;margin: 0 0 0 11px;}
#block-webform .description {width: 43%; height: 126px; margin-top: -42px;padding: 36px 10px;}
#block-webform #edit-actions {left:calc(50% - 106px); top: 103px;}

.horizontal-tabs .horizontal-tab-button { float: none;}

}


@media (max-width: 639px) { 

#block-webform #edit-nomer-as {background: url(../img/bg4.jpg) left bottom no-repeat;}
#block-webform .description { padding: 21px 10px;}

}

@media (max-width: 570px) { 

#block-views-block-kol-block H2, 
#block-views-block-kol-block-1 H2, 
#block-webform H2 {font-size: 1.2rem;}

#block-views-block-news-block .view-content, 
#block-views-block-news-block .attachment-after .view-content { float:none; width: 100%; padding: 0 0px 0 0; border:none;}
#block-views-block-news-block .attachment-after .view-content,
#block-views-block-news-block .attachment-after .views-field-field-date {font-size: 1.1rem;}
#block-views-block-news-block .attachment-after .views-field-title A {font-size: 1.4rem;     font-weight: bold;}

#views-exposed-form-members-page .form-item {width: calc(48% - 0.5em); margin-top:0 !important; margin-bottom: 0.5em;}
#views-exposed-form-members-page label { font-size: 1rem; margin-bottom: 0.25rem;}

#views-exposed-form-members-page .form--inline .form-actions {clear: none;}

#views-exposed-form-members-page .js-form-submit {margin-top:30px; clear:none;}

}


@media (max-width: 460px) { 



}

@media (max-width: 430px) { 


#block-views-block-members-block-1,
#block-views-block-kol-block, 
#block-views-block-kol-block-1, 
#block-webform {
	float:none;
    width: calc(100% - 30px) !important;
    margin: 0 15px 24px 15px;
    padding-bottom: 0px;
}


}

@media (max-width: 360px) {



}

@media (max-width: 307px) { 



}


@media print {

}

table .member_class {width: 40%}

table .asnum_class {width: 30%}

table .size_class {width: 30%; text-align: right;}

.uaix2-btn {margin-right: 10px; margin-bottom: 10px;}

.uaix2dia {display: block; margin-left: auto; margin-right: auto;}