Warning: filemtime(): stat failed for /home/host1200110/vlg.opera-office.ru/htdocs/www/_cms_/data/content/kompaniya/index.php.css in /home/host1200110/vlg.opera-office.ru/htdocs/www/_cms_/data/content/kompaniya/index.php.css.content on line 5
.tabs { display: block; position: absolute; bottom: 0; width: 100%; margin: 0 0 0 -2px; position: absolute; left: 0; bottom: 0; } .tabs .tab { display: inline-block; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; behavior: url(border-radius.htc); position: relative; cursor: pointer; text-align: center; border: solid 2px transparent; border-bottom: none; width: calc(100% + 4px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .tabs .tab.current { border: solid 2px transparent; border-bottom: none; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.8); box-shadow: 0px 0px 10px rgba(0,0,0,0.8); } .tabs .tabt { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items: end; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; width: calc(100% + 2px); } .tabs .tabt.current { width: calc(100% + 4px); } .relative-508 { display: block; width: 100%; height: 508px; } .main-cnt.page { width: 100%; margin: 0 auto; height: 508px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; } .tabs .tab img { margin: 17px 0px 11px 0px; filter: alpha(Opacity=50); opacity: 0.5; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .tabs .tabt.current img { filter: alpha(Opacity=100); opacity: 1; } .tabs .tab:hover img { filter: alpha(Opacity=100); opacity: 1; } .tabs .tab.n1 img { height: 22px; margin: 16px 0px 7px 0px; } .tabs .tab.n2 img { height: 15px; margin: 17px 0px 11px 0px; } .tabs .tab.n3 img { height: 15px; margin: 17px 0px 11px 0px; } .tabs .tab.n1.current img { margin: 16px 0px 7px 0px; } .tabs .tab.n2.current img { margin: 19px 0px 11px 0px; } .tabs .tab.n3.current img { margin: 19px 0px 11px 0px; } .tabs .tab.n1 { background-color: #d27e7e; z-index: 10; width: calc(100% - 2px); margin: 0 0 0 2px; } .tabs .tab.n2 { background-color: #f8ad96; z-index: 9; width: calc(100% - 0px); margin: 0 0 0 2px; } .tabs .tab.n3 { background-color: #d59798; z-index: 8; width: calc(100% - 0px); margin: 0 0 0 2px; } .tabs .tab.n1.current { margin-left: 2px; width: calc(100% - 4px); } .tabs .tab.n2.current { margin-left: 2px; width: calc(100% - 4px); } .tabs .tab.n3.current { _background-color: #; margin-left: 2px; width: calc(100% - 4px); } .tabs .tab.n1.current, .tabs .tab.n1:hover { background-color: #c51a1b; } .tabs .tab.n2.current, .tabs .tab.n2:hover { background-color: #f57215; } .tabs .tab.n3.current, .tabs .tab.n3:hover { background-color: #bf1e24; } .od-logo { width: 300px; margin: 45px 0 -10px -10px; } .catalog-groups__item_text { min-height: 80px; } .catalog-groups__item_image, a.catalog-groups__item .rounded, div.catalog-groups__item .rounded { border: none; width: 100%; } .catalog-groups__item_text p { font-size: 14px; } .catalog-groups__item_text p:last-child { margin-bottom: 0; } .page-catalog-group .lgray-bg.items-list.nopb { padding-bottom: 0; } a.catalog-groups__item .rounded, div.catalog-groups__item .rounded { min-height: 365px; } p.aks { font-size: 24px; font-weight: normal; line-height: 1em; } @media all and (max-width: 700px) { .catalog-groups__item { padding: 0 0 10vw 0; } a.catalog-groups__item .rounded, div.catalog-groups__item .rounded { min-height: 60vw; } .bottom-query-form .gcols.text p.aks { font-size: 5vw; font-weight: normal; line-height: 1.3em; } .catalog-groups__item.nopb:last-child { padding-bottom: 0; } .right-text p { font-size: 4vw; } .od-logo { margin-top: 0; } .main-cnt.wide { display: none; } }