* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
td {
padding: 5px;
}
body {
font-family:'OpenSans', Arial, sans-serif;
height: 100%;
background-color: white;
}
a {
color: #fff;
outline: none;
text-decoration: underline;
}
p {
padding: 10px 0 10px 0;
}
img{
max-width: 100%;
height: auto;
}
li{
margin: 10px 0 0 20px;
}
/* Top menu */
.top-menu {
background-color: #534b6b; /*#000000;*/
box-shadow: 0 0 20px rgba(0,0,0,.4);
/* min-height: 48px; 06/10/21 */
margin: 0 0 0 0;
}
.block {
margin: 0 auto 0 50px;
min-height: 48px;
}
.block ul {
list-style-type: none;
position: relative;
top: 10px;
}
.block ul li {
float: left;
margin: 0 20px 0 0;
font-family: "OpenSans", Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
line-height: 28px;
text-transform: uppercase;
}
/*// Top menu */
/* 17/10/19*/
.big_menu{
padding: 0px 0px 0px 30px;
/*margin-bottom: 10px;*/
}
.type_p {
position: relative;
font-size: 1.5em;
font-weight: bold;
}
.type_a {
text-decoration: none;
color: #000;
}
.type_img {
float: left;
padding: 5px 10px 0px 0px;
}
.type_cont {
padding: 10px 20px 10px 20px;
background-color: #cd07ed; /* #00a270*/
overflow: auto;
border-radius: 20px;
text-align: center;
}
/*// */
/* Варианты заголовков H-1-2-3 */
.tipe_h1 {
font-size: 2em;
color: silver;
line-height: 50px;
font-family: "IntroRegular";
margin: 20px 0px 0px 0px;
text-transform: uppercase;
}
.tipe_h1a {
font-size: 2.4em;
color: black;
text-align: center;
line-height: 30px;
font-family: Arial, sans-serif;
margin: 50px 0px 0px 0px;
text-transform: uppercase;
}
.tipe_h2 {
font-size: 2.2em;
line-height: 30px;
text-align: center;
color: DarkSlateGrey;
font-family: Arial, sans-serif;
margin: 20px 0px 0px 0px;
padding-bottom: 15px;
/*text-transform: uppercase;*/
}
.tipe_h3 {
font-size: 1.1em;
color: DarkSlateGrey;
line-height: 20px;
font-family: "OpenSans", Arial, sans-serif;
text-align: center;
text-transform: uppercase;
}
.tipe_h3a {
font-size: 1.1em;
color: DarkSlateGrey;
line-height: 20px;
font-family: "OpenSans", Arial, sans-serif;
text-align: left;
text-transform: uppercase;
}
/* Разделы */
.tops {
font-size: 1.6em;
line-height: 30px;
min-hight:30px;
text-align: center;
color: #00aeef;
font-family: "IntroRegular";
margin: 20px 0px 0px 0px;
text-transform: uppercase;
}
/* Bottom menu */
.bottom-menu {
/* color: #dcdcdc;
background-color: #dcdcdc;*/
color: black;
background-color: black;
min-height: 48px;
}
.wrapper {
width: 100%;
max-width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
}
.middle {
margin: 0 auto 0 50px;
padding: 0 0 80px;
height: 1%;
position: relative;
}
.container {
width: 100%;
float: left;
overflow: hidden;
}
.container1280{
width: 100%;
max-width: 1260px;
margin: 0 auto;
}
.container1480{
width: 100%;
max-width: 1460px;
margin: 0 auto;
}
.container2040{
width: 100%;
max-width: 2020px;
}
.content-block {
padding: 0 0 50px 354px;
}
.tipe_a {
font-size: 1em;
color: DarkSlateGrey;
line-height: 20px;
font-family: "OpenSans", Arial, sans-serif;
text-align: center;
}
/* Вставка строки-прилипалы)) 11.09.17*/
.sticky-content{
background-color: #e9f4f5;
}
.sticky-content.fixed{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index:1;
}
/* включение hpesynergy в строку-прилипалу*/
.top-logoHPE {
float:left;
width:150px;
height:21px;
background:url(/images/logonimble.png) no-repeat 0 0 / contain;
/* opacity:1;*/
margin:12px 6px 0 20px;
}
.fixed .top-logoHPE {
opacity:0;
}
/* включение лого в строку-прилипалу*/
.top-logo {
float:left;
width:50px;
height:21px;
background:url(/images/minilogo.png) no-repeat 0 0 / contain;
/* opacity:0;*/
margin:12px 6px 0 -120px;
}
.fixed .top-logo {
float:left;
width:50px;
height:21px;
background:url(/images/minilogo.png) no-repeat 0 0 / contain;
/* opacity:0;*/
margin:12px 6px 0 -120px;
/*opacity:1;*/
}
/* включение номера телефона в строку-прилипалу*/
.phone {
float:right;
width:150px;
height:21px;
/* background:url(/images/logophone.png) no-repeat 0 0 / contain;*/
opacity:0;
margin:12px 20px 0;
}
.fixed .phone {
opacity:1;
}
.head-owl {
background: url(/images/Hat-Main-PinkOcean.png) no-repeat 0% 0;
margin: 0 0 0px;
}
#subheader {
min-height: 70px;
padding-top: 10px;
background: #ccd2ff;
margin: 0 0;
border-top: 1px solid;
}
.miniheader {
min-height: 70px;
padding-top: 10px;
background: #ccd2ff;
margin: 0 0;
border-top: 1px solid;
}
.arrow-left {
margin-left: 10%;
}
.arrow-left {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #ccd2ff;
}
/**
* ѕереключаема¤ бокова¤ панель навигации
* выдвигающа¤с¤ по клику слева
*/
.nav {
/* ширна произвольна¤, не стесн¤йтесь экспериментировать */
width: 320px;
min-width: 320px;
/* фиксируем и выставл¤ем высоту панели на максимум */
/* height: 100%;*/
position: fixed;
/* top: 0; */
/* bottom: 0;*/
margin: 0;
/* сдвигаем (пр¤чем) панель относительно левого кра¤ страницы */
left: -320px;
/* внутренние отступы */
/* padding: 15px 20px;*/
/* плавный переход смещени¤ панели */
-webkit-transition: left 0.3s;
-moz-transition: left 0.3s;
transition: left 0.3s;
/* определ¤ем цвет фона панели */
background: #ccd2ff; /*#05ffc5; #8dbfef;*/
border-bottom-right-radius: 20px;
/* поверх других элементов */
z-index: 2000;
}
/**
* нопка переключени¤ панели
* тег