html,body {
height:100%;
width:100%;
position:relative;
display:block;
margin:0;
padding:0;
border:0;
margin-left:auto;
margin-right:auto;
font:1em;
}
ul, menu, dir { user agent stylesheet.  
display: block;
list-style-type: disc;
-webkit-margin-before:0px;
-webkit-margin-after:0px;
-webkit-margin-start:0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
div {
position:relative;
}
LI {
list-style-type:none; 
}
UL {
margin-left:0; 
padding-left:0; 
}
a {
text-decoration: none;
font-size:1.5vw;
}
.support {
position:absolute;
display:none;
}

/************Header***********/

header {
width:100%;
position:relative;
color:#ffffff;
background:#ffffff;
}
.house {
width:100%;
}
.house img{
width:100%;
max-width:100%;
vertical-align:bottom;
}
.header-menu {
position: absolute;
top:0%;
left:0%;
overflow:hidden;
display:block;
margin:0 auto;
width:100%;
font-size:1.3em;
z-index:2;
}
.header-contacts {
display:inline-block;
width:35%;
float:right;
padding-bottom:1%;
text-align:center;
background:linear-gradient(40deg, rgba(80, 87, 86, 0.51), rgba(80, 87, 86, 0.51), rgba(80, 87, 86, 0.51));
border:2px #ffffff solid;
border-bottom-left-radius:17px;
}
.logo-menu {
border-bottom:2px rgba(255, 255, 255, 0.85) solid;
}
.header-menu-company {
display: inline-block;
width:15%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.header-menu-special {
display: inline-block;
width:17%;
margin-left:1%;
margin-right:1%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.header-menu-enciclopedia {
display: inline-block;
width:30%;
margin-left:1%;
margin-right:1%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.header-menu-contacts {
display: inline-block;
width:22%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.header-contacts-logo {
padding-top:4%;
width:48%;
display:inline-block;
}
.header-contacts-logo img {
width:77%;
max-width:77%;
}
.header-contacts-logo img:hover {
cursor:pointer;
}
.header-contact {
display:inline-block;
width:47%;
margin-left:3%;
padding-top:2.4%;
vertical-align:top;
}
.header-contact-vk {
width:100%;
}
.header-contact-vk img {
width:84%;
max-width:84%;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.header-contact-vk img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.phone {
color:#fdf26d;
text-decoration:none;
}
.header-menu-link {
display:inline-block;
width:100%;
border-left:1px rgba(255, 255, 255, 0) solid;
border-right:1px rgba(255, 255, 255, 0) solid;
color:#ffffff;
text-decoration:none;
}
.header-menu-link:hover {
color:#fdf26d;
}
.main-menu {
width:100%;
background-image:url('/screenshots/fons/fon-header.jpg');
background-size:cover;
border-top:2px #ffffff solid;
border-bottom:2px rgb(255, 255, 255) solid;
}
.main-menu-logo {
display:inline-block;
width:9%;
margin-left:4%;
margin-right:3%;
vertical-align:top;
padding-top:1%;
}
.main-menu-logo img {
width:95%;
max-width:95%;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.main-menu-logo img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.menu-home {
display:block;
width:100%;
}
.menu-home:hover {
cursor:pointer;
}
.main-menu-block {
display:inline-block;
width:65%;
text-align:center;
background-image:url('/screenshots/fons/fon-menu.png');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
border:2px rgba(255, 255, 255, 0.66) solid;
border-radius:7px;
box-shadow: 8px 8px 25px rgba(103, 105, 108, 0.54);
margin-top:2%;
}
.main-menu-level {
width:14%;
display:inline-block;
vertical-align:bottom;
border:2px rgba(119, 119, 119, 0) solid;
font-size:0.9em;
}
.main-menu-level:hover {
border-left:2px rgba(255, 255, 255, 0.83) solid;
border-right:2px rgba(255, 255, 255, 0.83) solid;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
cursor:pointer;
}
.main-menu-level img {
display:block;
width:40%;
max-width:40%;
margin:0 auto;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.main-menu-level img:hover {
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#nav {
width:100%;
color:#ffffff;
font-size:1.4em;
z-index:5;
}
#nav:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
}
#nav li {
width:98%;
padding:5%;
float:left;
position:relative;
list-style:none;
text-decoration:none;
text-align:center;
}
#nav li a {
color:#ffffff;
}
#nav li:hover {
color:#fff;
}
#nav li:hover > ul {
display:block;
}
#nav ul {
display:none;
width:92%;
overflow:hidden;
position:absolute;
top:100%;
left:0;
background:#ffffff;
z-index:3;
border-top:1px #1a7aa5 solid;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
#nav ul li {
width:100%;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
border-top:1px rgba(255, 255, 255, 0) solid;
border-bottom:1px rgb(255, 255, 255) solid;
}
#nav ul li:hover {
width:100%;
background:#91b9bc;
border-top:1px #ffffff solid;
border-bottom:1px #ffffff solid;
}
#nav ul a {
display:block;
}
#nav ul a:hover {
width:100%;
color:#fff;
cursor:pointer;
}
#nav ul li {
float:none;
padding-top:14%;
padding-bottom:14%;
text-align:center;
}
.main-menu-quality {
display:inline-block;
width:11%;
margin-left:3%;
margin-right:1%;
vertical-align:top;
}
.main-menu-quality img {
width:100%;
max-width:100%;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.main-menu-quality img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}


.home-offer-menu {
width:100%;
vertical-align:bottom;
border-top:2px #ffffff solid;
background:linear-gradient(40deg, rgba(79, 85, 90, 0.34), rgba(152, 156, 159, 0.65), rgba(79, 85, 90, 0.34));
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
}
.home-offer-menu-level {
width:24.5%;
font-size:1.3em;
display:inline-block;
vertical-align:bottom;
font-weight:bold;
}
.home-offer-menu-level:hover { 
cursor:pointer;
}
#nav-home {
width:100%;
font-size:1.4em;
z-index:5;
}
#nav-home:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
}
#nav-home li {
width:100%;
float:left;
position:relative;
list-style:none;
text-decoration:none;
text-align:center;
}
#nav-home li a {
color:#ffffff;
display:block;
padding-top:5%;
padding-bottom:5%;
}
#nav-home li a:hover {
color:#ffff00;
}
#nav-home li:hover > ul {
display:block;
}
#nav-home ul {
display:none;
width:92%;
overflow:hidden;
position:absolute;
top:100%;
left:0;
background:#ffffff;
z-index:3;
border-top:2px #ffffff solid;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
#nav-home ul li {
width:100%;
background:#91b9bc;
border-top:1px rgba(255, 255, 255, 0) solid;
border-bottom:1px rgb(255, 255, 255) solid;
font-weight:300;
}
#nav-home ul li:hover {
width:100%;
background:linear-gradient(10deg, rgba(209, 217, 212, 0.67), rgba(168, 177, 171, 0.81), rgba(193, 198, 188, 0.64));
border-top:1px #ffffff solid;
border-bottom:1px #ffffff solid;
}
#nav-home ul a {
display:block;
}
#nav-home ul a:hover {
width:100%;
color:#fff;
cursor:pointer;
}
#nav-home ul li {
float:none;
padding-top:2%;
padding-bottom:2%;
text-align:center;
}
.nav-home-link {
font-weight:900;
font-size:0.8em;
}

/************Header***********/

.company-contacts {
width:100%;
padding-bottom:3%;
box-shadow: 8px 8px 25px #777;
}
.company-contacts-annotation {
width:100%;
display:inline-block;
vertical-align:top;
margin-top: 0;
color:#777;
font-size:2.4em;
text-align:center;
}
.company-contacts-map {
display:inline-block;
width:75%;
margin-left:3%;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
color:#ffffff;
box-shadow:2px 2px 25px #777;
border:2px rgba(168, 167, 167, 0.83) solid;
border-radius:14px;
overflow:hidden;
}
#map1 {
display:block;
width:100%; 
height:100%;
border-top-left-radius:14px;
border-top-right-radius:14px;
overflow:hidden;
}
.company-map-contacts {
display:inline-block;
vertical-align:top; 
width:90%;
margin-left:5%;
color:#fdf26d;
font-size:1.8em;
}
.company-contacts-part {
display:inline-block;
width:45%;
text-align:center;
}
.company-contacts-part img{
display:inline-block;
width:50%;
vertical-align: middle;
}
.company-map-contacts-link {
width:100%;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.company-map-contacts-link:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.company-contacts-addres {
display:inline-block;
width:15%;
padding:2%;
margin-left:1%;
color:#777;
vertical-align:top;
font-size:1.3em;
text-align:center;
}
.addres {
margin-top:auto;
}
.work-time {
margin-top:25%;
font-size:0.8em;
}
.time {
padding:2%;
border: 2px rgba(168, 167, 167, 0.83) solid;
border-radius: 14px;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
color:#ffffff;
box-shadow:2px 2px 25px #777;
}
.contact-form {
display:inline-block;
vertical-align:top; 
width:100%; 
font-size:1em;
margin-top:4%;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
border-radius:17px;
border:2px rgba(168, 167, 167, 0.83) solid;
box-shadow:2px 2px 25px #777;
}
.contact-form-annotation {
width:100%;
font-size:1.5em;
color:#ffffff;
}
.block-buy-contacts {
display:inline-block;
vertical-align:top; 
width:90%;
margin-left:5%;
color:#fdf26d;
font-size:1.3em;
}
.block-buy-contacts-part {
display:inline-block;
width:45%;
}
.callback {
display:inline-block;
vertical-align:top; 
width:100%; 
font-size:1em;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
}
.contact-form-image {
display:inline-block;
width:70%;
margin-top:5%;
}
.contact-form-image img {
width:100%;
}
.callback-form {
width:90%; 
margin-top:2%;
margin-left:5%;
margin-bottom:2%;
padding:1%;
font-size:1em;
}
.buy-order-form {
font-size:1em;
}
.question-form {
display:inline-block;
vertical-align:top; 
width:50%; 
margin-left:10%;
margin-bottom:2%;
padding:1%;
box-shadow:5px 5px 25px #777;
border:2px #ffffff solid;
border-radius:17px;
font-size:1em;
}
.question-names {
display:inline-block;
vertical-align:top;
width:34%;
color:#777;
}
.question-line1 {
width:80%;
padding:2%;
margin-bottom:2.5%;
border-radius:5px;
font-size:0.77em;
text-indent:5%;
}
.question-text {
display:inline-block;
vertical-align:top;
width:62%;
}
.text1 {
width:85%;
border-radius:5px;
padding:3.8%;
font-size:0.7em;
font-family:segoe print;
text-indent:5%;
}
.submit-callback {
margin-left:35%;
margin-bottom:1%;
width:50%;
border-radius:8px;
padding:2%;
font-size:1em;
text-indent:5%;
background:linear-gradient(150deg, rgba(111, 212, 205, 0.75), rgba(197, 225, 239, 0.83), rgba(75, 163, 147, 0.77));
color:#337423;
cursor:pointer;
}
.submit-callback:hover {
background:linear-gradient(150deg, rgba(23, 244, 228, 0.75), rgba(48, 163, 221, 0.83), rgba(23, 244, 228, 0.75));
color:#ffffff;
}

/************Work plan***********/

/************Welcome***********/

.welcome {
width:100%;
margin-top:5%;
}
.support {
position:absolute;
display:none;
}
.welcome-block {
display:inline-block;
width:64%;
margin-left:1%;
}
.welcome-title {
width:100%;
margin-bottom:5%;
text-align:center;
font-size:2.7em;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border:2px #ffffff solid;
border-radius: 12px;
color:#918b8b;
box-shadow: 5px 5px 25px #777;
}
.welcome-offer-image {
display:inline-block;
width:100%;
margin-top:3%;
background:rgba(119, 119, 119, 0.41);
border-top-left-radius:12px;
border-top-right-radius:12px;
overflow:hidden;
border:2px solid rgba(183, 178, 178, 0.75);
box-shadow:5px 5px 25px #777;
}
.welcome-offer-image img {
width:100%;
max-width:100%;
}
.welcome-offer-image-annotation {
width:100%;
display:inline-block;
margin-top:0%;
font-size:1.5em;
text-align:center;
color:#ffffff;
background:rgba(119, 119, 119, 0.72);
border-bottom:2px solid rgba(255, 255, 255, 0.75);
}
#slider{
  width:100%;
  position:relative;
  overflow:hidden;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
width:400%;
height:100%;
position:relative;
animation:slide 60s infinite;
-webkit-animation:slide 60s infinite;
-moz-animation:slide 60s infinite;
-o-animation:slide 60s infinite;
-ms-animation:slide 60s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide img{
  width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  vertical-align:top;
  width:100%;
  height:100%;
}
.legend{
  border-bottom:0;
  position:absolute;
  bottom:0;
}
.content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt{
width:100%;
top:85%;
float:left;
position:relative;
background: rgba(67, 65, 65, 0.58);
color:#fff;
text-align:center;
font-size:2em;
animation:content-s 15s infinite;
-webkit-animation:content-s 15s infinite;
-moz-animation:content-s 15s infinite;
-o-animation:content-s 15s infinite;
-ms-animation:content-s 15s infinite;
z-index:12;
}
.switch{
  width:120px;
  height:10px;
  position:absolute;
  bottom:50px;
  z-index:99;
  left:30px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#333;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
width:100%;
height:100%;
border-radius:50%;
background:#f39c12;
position:relative;
animation:on 60s infinite;
-webkit-animation:on 60s infinite;
-moz-animation:on 60s infinite;
-o-animation:on 60s infinite;
-ms-animation:on 60s infinite;
}
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-webkit-keyframes content-s{
  0%{left:-100%;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-100%;}
  90%{left:-100%;}
  100%{left:-100%;}
}
@-moz-keyframes content-s{
  0%{left:-100%;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-100%;}
  90%{left:-100%;}
  100%{left:-100%;}
}
@keyframes content-s{
  0%{left:-100%;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-100%;}
  90%{left:-100%;}
  100%{left:-100%;}
}
@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}
@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}
@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}
.welcome-description {
display:inline-block;
width:28%;
margin-left:4%;
margin-right:1%;
vertical-align:top;
}
.brand-offer-description {
display:inline-block;
width:98%;
padding: 1%;
margin-bottom:10%;
vertical-align:top;
background:rgba(119, 119, 119, 0.41);
border-radius:7px;
border:2px solid rgba(255, 255, 255, 0.75);
box-shadow:5px 5px 25px #777;
text-align: center;
color:#ffffff;
font-size: 1.1em;
}
.company-description-title {
font-size:1.4em;
color:#ffff00;
}
.brand-offer-description-image {
display:inline-block;
width:80%;
margin-top:5%;
}
.brand-offer-description-image img {
width:100%;
max-width:100%;
}
.company-offer-description-image {
display:inline-block;
width:98%;
margin-top:5%;
border-radius:7px;
overflow:hidden;
border: 2px #c3bbbb solid;
box-shadow: 5px 5px 25px #777;
}
.company-offer-description-image img {
width:100%;
max-width:100%;
vertical-align:bottom;
}
.brand-offer-description-block {
display:inline-block;
width:98%;
padding:1%;
vertical-align:top;
font-size:1.1em;
}
.brand-offer-description-block-center {
width:95%;
padding:1%;
margin-left:2%;
text-align:left;
text-indent:2%;
}
.brand-offer-description-block-title {
font-size:1.8em;
text-align:center;
}
.company-offer-description {
font-size: 1.5em;
text-align:center;
}
.shop-logo {
width:80%;
margin-top:3%;
margin-left:10%;
}
.shop-logo img {
width:100%;
max-width:100%;
}
.block-buttom-callback {
width:90%;
display:block;
margin-top:5%;
margin-left:5%;
margin-bottom:5%;
text-align:center;
}
.link_group-callback {
width:100%;
text-align:center;
}
.link_group-callback a {
padding:3%;
font-size:1.4em;
display:inline-block;
vertical-align:top;
position:relative;
text-decoration:none;
border:1px solid #6a9cce;
border-radius:5px;
background:#959bbf;
color:#ffffff;
box-shadow:2px 2px 25px #777;
}
.link_group-callback a:hover {
color:rgb(150, 232, 19);
}
.popup {
padding:1%;
position:fixed;
top:1%;
left:50%;
display:none;
overflow:hidden;
border:1px solid #ccc;
background:#fff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
z-index:20;
}
.popup h2 {
font:bold 18px/32px Arial, san-serif;
}
.popup a.close {
width:16px;
height:16px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
right:10px;
background:url(../images/close.png) no-repeat;
}
.tabs-callback {
margin-left:-45%;
width:50%;
background:rgba(191, 180, 180, 0.12);
}
.question-form {
display:inline-block;
vertical-align:top; 
width:70%; 
margin-left:14%;
margin-bottom:4%;
padding:1%;
background:linear-gradient(40deg, rgba(130, 160, 195, 0.37), rgba(130, 160, 195, 0.57), rgba(130, 160, 195, 0.37));
box-shadow:5px 5px 25px #777;
border:2px #ffffff solid;
border-radius:17px;
font-size:1em;
}
.question-names {
display:inline-block;
vertical-align:top;
width:34%;
color:#777;
margin-top:3%;
}
.question-line1 {
width:80%;
padding:2%;
margin-bottom:5%;
border-radius:5px;
font-size:0.77em;
text-indent:5%;
}
.question-text {
display:inline-block;
vertical-align:top;
width:62%;
margin-top:3%;
}
.text1 {
width:85%;
border-radius:5px;
padding:3.8%;
font-size:0.8em;
font-family:segoe print;
text-indent:5%;
}
.submit-callback {
margin-top:3%;
margin-left:45%;
margin-bottom:2%;
width:40%;
border-radius:8px;
padding:2%;
font-size:1em;
text-indent:5%;
background:linear-gradient(150deg, rgba(111, 212, 205, 0.75), rgba(197, 225, 239, 0.83), rgba(75, 163, 147, 0.77));
color:#337423;
cursor:pointer;
}
.submit-callback:hover {
background:linear-gradient(150deg, rgba(23, 244, 228, 0.75), rgba(48, 163, 221, 0.83), rgba(23, 244, 228, 0.75));
color:#ffffff;
}
.tabs-offer-counting {
margin-left:-48%;
width:50%;
}
.link_group-counting {
width:100%;
text-align:center;
}
.link_group-counting a {
padding:3%;
font-size:1.4em;
display:inline-block;
vertical-align:top;
position:relative;
text-decoration:none;
border:1px solid #6a9cce;
border-radius:5px;
background:#959bbf;
color:#ffffff;
box-shadow:2px 2px 25px #777;
}
.link_group-counting a:hover {
color:rgb(150, 232, 19);
}
.counting-form {
width:100%; 
font-size:1em;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border-radius: 14px;
overflow:hidden;
}
.counting-form-annotation {
width:98%;
font-size:1.1em;
color:#746d6d;
border-radius:17px;
padding:1%;
}
.counting-offer-form {
width:90%; 
font-size:1em;
}
.counting-offer-contacts {
display:inline-block;
vertical-align:top;
width:34%;
color:#777;
margin-top:3%;
}
.counting-offer-contacts-line {
width:80%;
padding:2%;
margin-bottom:5%;
border-radius:5px;
font-size:0.77em;
text-indent:5%;
}
.counting-offer-form-text {
display:inline-block;
vertical-align:top;
width:62%;
margin-top:3%;
}
.counting-offer-text {
width:85%;
border-radius:5px;
padding:3.8%;
font-size:0.8em;
font-family:segoe print;
text-indent:5%;
}
.submit-counting-offer {
margin-top:3%;
margin-left:45%;
margin-bottom:2%;
width:40%;
border-radius:8px;
padding:2%;
font-size:1em;
text-indent:5%;
background:linear-gradient(150deg, rgba(111, 212, 205, 0.75), rgba(197, 225, 239, 0.83), rgba(75, 163, 147, 0.77));
color:#337423;
cursor:pointer;
}
.submit-counting-offer:hover {
background:linear-gradient(150deg, rgba(23, 244, 228, 0.75), rgba(48, 163, 221, 0.83), rgba(23, 244, 228, 0.75));
color:#ffffff;
}
.block-buttom-metering {
width:90%;
display:block;
margin-top:10%;
margin-left:5%;
margin-bottom:1%;
text-align:center;
}
.link_group-metering {
width:100%;
text-align:center;
}
.link_group-metering a {
padding:3%;
font-size:1.4em;
display:inline-block;
vertical-align:top;
position:relative;
text-decoration:none;
border:1px solid #6a9cce;
border-radius:5px;
background:#959bbf;
color:#ffffff;
box-shadow:2px 2px 25px #777;
}
.link_group-metering a:hover {
color:rgb(150, 232, 19);
}
.tabs-offer-metering {
margin-left:-48%;
width:50%;
}
.metering-form {
width:100%; 
font-size:1em;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border-radius: 14px;
overflow:hidden;
}
.metering-form-annotation {
width:90%;
margin-left:3%;
font-size:1.1em;
color:#746d6d;
padding:1%;
}
.metering-offer-form {
width:90%; 
font-size:1em;
}
.metering-offer-contacts {
display:inline-block;
vertical-align:top;
width:34%;
color:#777;
margin-top:3%;
}
.metering-offer-contacts-line {
width:80%;
padding:2%;
margin-bottom:5%;
border-radius:5px;
font-size:0.77em;
text-indent:5%;
}
.metering-offer-form-text {
display:inline-block;
vertical-align:top;
width:62%;
margin-top:3%;
}
.metering-offer-text {
width:85%;
border-radius:5px;
padding:3.8%;
font-size:0.8em;
font-family:segoe print;
text-indent:5%;
}
.submit-metering-offer {
margin-top:3%;
margin-left:45%;
margin-bottom:2%;
width:40%;
border-radius:8px;
padding:2%;
font-size:1em;
text-indent:5%;
background:linear-gradient(150deg, rgba(111, 212, 205, 0.75), rgba(197, 225, 239, 0.83), rgba(75, 163, 147, 0.77));
color:#337423;
cursor:pointer;
}
.submit-metering-offer:hover {
background:linear-gradient(150deg, rgba(23, 244, 228, 0.75), rgba(48, 163, 221, 0.83), rgba(23, 244, 228, 0.75));
color:#ffffff;
}
.qualities {
margin-top:4%;
margin-bottom:4%;
font-size:1.7em;
text-align:center;
color:#ffffff;
background:rgba(119, 119, 119, 0.41);
border-top:2px solid rgba(255, 255, 255, 0.75);
border-bottom:2px solid rgba(255, 255, 255, 0.75);
box-shadow:5px 5px 25px #777;
}
.qualities-title {
font-size:1.4em;
color:#ffff00;
}

/************Welcome***********/

/************Work plan***********/
/************Footer***********/

footer {
width:100%;
display:inline-block;
color:#ffffff;
background-image:url('/screenshots/fons/fon-menu.png');
background-size:cover;
}
.phone {
color:#ffffff;
text-decoration:none;
font-size:1.3em;
}
.header-menu-link {
display:inline-block;
width:100%;
border-left:1px rgba(255, 255, 255, 0) solid;
border-right:1px rgba(255, 255, 255, 0) solid;
color:#ffffff;
text-decoration:none;
}
.header-menu-link:hover {
color:#fdf26d;
}
.main-menu {
width:100%;
background-image:url('/screenshots/fons/fon-header.jpg');
background-size:cover;
border-top:2px #ffffff solid;
border-bottom:2px rgb(255, 255, 255) solid;
}
.main-menu-logo {
display:inline-block;
width:9%;
margin-left:4%;
margin-right:3%;
vertical-align:top;
padding-top:1%;
}
.main-menu-logo img {
width:95%;
max-width:95%;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.main-menu-logo img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.menu-home {
display:block;
width:100%;
}
.menu-home:hover {
cursor:pointer;
}
.main-menu-block {
display:inline-block;
width:65%;
text-align:center;
background-image:url('/screenshots/fons/fon-menu.png');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
border:2px rgba(255, 255, 255, 0.66) solid;
border-radius:7px;
box-shadow: 8px 8px 25px rgba(103, 105, 108, 0.54);
margin-top:2%;
}
.main-menu-level {
width:14%;
display:inline-block;
vertical-align:bottom;
border:2px rgba(119, 119, 119, 0) solid;
font-size:0.9em;
}
.main-menu-level:hover {
border-left:2px rgba(255, 255, 255, 0.83) solid;
border-right:2px rgba(255, 255, 255, 0.83) solid;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
cursor:pointer;
}
.main-menu-level img {
display:block;
width:40%;
max-width:40%;
margin:0 auto;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.main-menu-level img:hover {
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#nav {
width:100%;
color:#ffffff;
font-size:1.4em;
z-index:5;
}
#nav:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
}
#nav li {
width:98%;
padding:5%;
float:left;
position:relative;
list-style:none;
text-decoration:none;
text-align:center;
}
#nav li a {
color:#ffffff;
}
#nav li:hover {
color:#fff;
}
#nav li:hover > ul {
display:block;
}
#nav ul {
display:none;
width:92%;
overflow:hidden;
position:absolute;
top:100%;
left:0;
background:#ffffff;
z-index:3;
border-top:1px #1a7aa5 solid;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
#nav ul li {
width:100%;
background:linear-gradient(40deg, rgba(55, 133, 191, 0.64), rgba(94, 120, 162, 0.51), rgba(24, 90, 139, 0.64));
border-top:1px rgba(255, 255, 255, 0) solid;
border-bottom:1px rgb(255, 255, 255) solid;
}
#nav ul li:hover {
width:100%;
background:#91b9bc;
border-top:1px #ffffff solid;
border-bottom:1px #ffffff solid;
}
#nav ul a {
display:block;
}
#nav ul a:hover {
width:100%;
color:#fff;
cursor:pointer;
}
#nav ul li {
float:none;
padding-top:14%;
padding-bottom:14%;
text-align:center;
}
.main-menu-quality {
display:inline-block;
width:11%;
margin-left:3%;
margin-right:1%;
vertical-align:top;
}
.main-menu-quality img {
width:100%;
max-width:100%;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.main-menu-quality img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.home-offer-menu {
width:100%;
vertical-align:bottom;
background-image:url('/screenshots/fons/fon-menu.png');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
border-top:1px #ffffff solid;
}
.home-offer-menu-level {
width:24.5%;
font-size:1.3em;
display:inline-block;
vertical-align:bottom;
font-weight:bold;
}
.home-offer-menu-level:hover { 
cursor:pointer;
}
#nav-home {
width:100%;
font-size:1.4em;
z-index:5;
}
#nav-home:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
}
#nav-home li {
width:100%;
float:left;
position:relative;
list-style:none;
text-decoration:none;
text-align:center;
}
#nav-home li a {
color:#ffffff;
display:block;
padding-top:5%;
padding-bottom:5%;
}
#nav-home li a:hover {
color:#ffff00;
}
#nav-home li:hover > ul {
display:block;
}
#nav-home ul {
display:none;
width:92%;
overflow:hidden;
position:absolute;
top:100%;
left:0;
background:#ffffff;
z-index:3;
border-top:2px #ffffff solid;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
#nav-home ul li {
width:100%;
background:#91b9bc;
border-top:1px rgba(255, 255, 255, 0) solid;
border-bottom:1px rgb(255, 255, 255) solid;
font-weight:300;
}
#nav-home ul li:hover {
width:100%;
background:linear-gradient(10deg, rgba(209, 217, 212, 0.67), rgba(168, 177, 171, 0.81), rgba(193, 198, 188, 0.64));
border-top:1px #ffffff solid;
border-bottom:1px #ffffff solid;
}
#nav-home ul a {
display:block;
}
#nav-home ul a:hover {
width:100%;
color:#fff;
cursor:pointer;
}
#nav-home ul li {
float:none;
padding-top:2%;
padding-bottom:2%;
text-align:center;
}
.nav-home-link {
font-weight:900;
font-size:0.8em;
}
#nav-home-footer {
width:100%;
font-size:1.4em;
z-index:5;
}
#nav-home-footer:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
}
#nav-home-footer li {
width:100%;
float:left;
position:relative;
list-style:none;
text-decoration:none;
text-align:center;
}
#nav-home-footer li a {
color:#ffffff;
display:block;
padding-top:5%;
padding-bottom:5%;
}
#nav-home-footer li a:hover {
color:#ffff00;
}
#nav-home-footer li:hover > ul {
display:block;
}
#nav-home-footer ul {
display:none;
width:92%;
overflow:hidden;
position:absolute;
top:100%;
left:0;
background:#ffffff;
z-index:3;
border-top:2px #ffffff solid;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
#nav-home-footer ul li {
width:100%;
border-top:1px rgba(255, 255, 255, 0) solid;
border-bottom:1px rgb(255, 255, 255) solid;
display:inline-block;
color:#ffffff;
background-image:url('/screenshots/fons/fon-menu.png');

}
#nav-home-footer ul li:hover {
width:100%;
background:rgba(65, 67, 64, 0.78);
border-top:1px #ffffff solid;
border-bottom:1px #ffffff solid;
}
#nav-home-footer ul a {
display:block;
}
#nav-home-footer ul a:hover {
width:100%;
color:#fff;
cursor:pointer;
}
#nav-home-footer ul li {
float:none;
padding-top:2%;
padding-bottom:2%;
text-align:center;
}
.nav-home-link-footer {
font-weight:900;
font-size:0.8em;
}
.footer-main {
background:linear-gradient(40deg, rgba(172, 165, 149, 0.69), rgba(163, 154, 140, 0.63), rgba(173, 165, 144, 0.36));
padding-bottom:1%;
}
.footer-left {
display:inline-block;
vertical-align:top;
width:48%;
margin-top:8%;
}
.footer-company-menu {
border-bottom:2px rgba(255, 255, 255, 0.85) solid;
font-size:1.2em;
text-align:center;
}
.footer-company-menu-company {
display: inline-block;
width:10%;
color:#ffffff;
text-align:center;
vertical-align:top;
margin-left:1%;
margin-right:4%;
}
.footer-company-menu-special {
display: inline-block;
width:12%;
margin-left:1%;
margin-right:4%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.footer-company-menu-enciclopedia {
display: inline-block;
width:20%;
margin-left:1%;
margin-right:4%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.footer-company-menu-contacts {
display: inline-block;
width:15%;
color:#ffffff;
text-align:center;
vertical-align:top;
}
.footer-company-menu-link {
display:inline-block;
width:100%;
border-left:1px rgba(255, 255, 255, 0) solid;
border-right:1px rgba(255, 255, 255, 0) solid;
color:#ffffff;
text-decoration:none;
}
.footer-company-menu-link:hover {
color:#fdf26d;
}
.footer-form {
vertical-align:top;
width:100%;
margin-top:2%;
text-align:center;
}
.footer-contact-form {
display:inline-block;
vertical-align:top; 
width:100%; 
font-size:1em;
padding-top:4%;
}
.footer-question-form {
font-size:1em;
}
.footer-question-names {
display:inline-block;
vertical-align:top;
width:34%;
color:#777;
margin-top:3%;
}
.footer-question-line {
width:80%;
padding:2%;
margin-bottom:5%;
border-radius:5px;
font-size:0.77em;
text-indent:5%;
}
.footer-question-text {
display:inline-block;
vertical-align:top;
width:62%;
margin-top:3%;
}
.footer-text {
width:85%;
border-radius:5px;
padding:3.8%;
font-size:0.8em;
font-family:segoe print;
text-indent:5%;
}
.submit-footer {
margin-top:2%;
margin-left:35%;
margin-bottom:2%;
width:40%;
border-radius:8px;
border:1px rgba(132, 132, 124, 0.55) solid;
box-shadow:2px 2px 25px #777;
padding:2%;
font-size:1.2em;
    background-image: url(/screenshots/fons/fon-header.jpg);
    background-size: cover;
color:#f9faf7;
cursor:pointer;
}
.submit-footer:hover {
box-shadow:5px 5px 25px #777;
}
.footer-phone {
display:inline-block;
width:64%;
margin-left:35%;
font-size:1.3em;
}
.part {
display:inline-block;
width:45%;
margin-bottom:auto;
}
.footer-question-form {
font-size:1em;
}
.footer-right {
display:inline-block;
width:45%;
margin-left:5%;
margin-bottom:1%;
text-align:center;
font-size:1.2em;
}
.footer-annotation {
text-align:center;
font-size:1.7em;
}
.footer-map {
display:inline-block;
width:67%;
color:#ffffff;
}
#map-footer {
display:block;
width:93%; 
height:100%;
border-radius:10px;
overflow:hidden;
border:5px rgba(113, 105, 105, 0.16) solid;
box-shadow:5px 5px 15px rgba(119, 119, 119, 0.29);
}
.map-contacts {
margin-top:4%;
display:inline-block;
vertical-align:top; 
width:100%;
}
.map-contacts-part {
display:inline-block;
width:49%;
font-size:1em;
}
.map-contacts-part img {
display:inline-block;
margin-left:5%;
width:90%;
max-width:90%;
vertical-align: middle;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.map-contacts-part img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.footer-addres {
display:inline-block;
vertical-align:top;
width:27%;
margin-left:2%;
font-size:1em;
}
.addres-footer {
font-size:0.85em;
color:#ffffff;
}
.footer-work-time {
font-size:0.75em;
}
.footer-time {
padding:2%;
border:1px rgba(255, 255, 255, 0.47) solid;
border-radius: 14px;
background:rgba(119, 119, 119, 0.34);
color:#ffffff;
box-shadow:4px 4px 15px #777;
}
.copyright-block {
background:rgba(119, 119, 119, 0.29);
display:inline-block;
width:100%;
border-top:2px #d8cece solid;
}
.copyright {
text-align:center; 
color:#ffffff;
}

/************Footer***********/