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;
}
.scrollup {
width:5%;
position:fixed;
display:none;
bottom:11%;
right:5%;
z-index:77;
}
.image-up img {
width:100%;
max-width:100%;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 -ms-transition: all 1s ease-out;
 }
.image-up img:hover{
 -webkit-transform: translateY(-7px);
 -moz-transform: translateY(-7px);
 -o-transform: translateY(-7px);
 -ms-transform: translateY(-7px);
 }

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

header {
width:100%;
position:relative;
color:#ffffff;
box-shadow:3px 3px 25px #777;
}
.header-menu {
display:inline-block;
width:100%;
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-bottom:2px #ffffff solid;
}
.logo-menu {
display:inline-block;
width:40%;
border-bottom:2px rgba(255, 255, 255, 0.85) solid;
vertical-align:top;
}
.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-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;
}
.header-contact {
display:inline-block;
width:55%;
margin-left:3%;
vertical-align:top;
}
.header-phone {
display:inline-block;
width:30%;
vertical-align:top;
padding-top:1%;
}
.header-phone-link {
color:#fdf26d;
text-decoration:none;
font-size:1.6em;
}
.header-vk {
display:inline-block;
width:27%;
margin-left:7%;
margin-top:1%;
box-shadow:4px 4px 5px rgba(78, 76, 76, 0.92);
border-radius:7px;
}
.header-vk img {
width:100%;
max-width:100%;
vertical-align:bottom;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.header-vk-link {
display:inline-block;
width:100%;
}
.header-vk-link img:hover {
 -webkit-transform: scale(1.02);
 -moz-transform: scale(1.02);
 -o-transform: scale(1.02);
}
.header-addres {
display:inline-block;
width:25%;
margin-left:7%;
vertical-align:top;
}
.header-addres p {
margin-top:0;
margin-bottom:0;
padding-top:5%;
font-size:1.1em;
}
.header-addres-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-addres-link:hover {
color:#fdf26d;
}

/************Header***********/
/************Welcome***********/

.welcome {
width:100%;
padding-top:3%;
}
.welcome-slaider {
display:inline-block;
width:64%;
margin-left:1%;
}
#slider{
  width:100%;
  position:relative;
  overflow:hidden;
background:rgba(119, 119, 119, 0.41);
border-radius:12px;
overflow:hidden;
border:2px solid rgba(183, 178, 178, 0.75);
box-shadow:5px 5px 25px #777;
}
@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%;
float:left;
position:absolute;
top:0;
background: rgba(67, 65, 65, 0.58);
border-bottom:2px #e2e2e2 solid;
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;
  }
}
.company-description {
margin-top:5%;
padding:1%;
width:98%;
background:rgba(119, 119, 119, 0.67);
border:2px rgba(255, 255, 255, 0.63) solid;
box-shadow:5px 5px 25px #777;
border-radius:10px;
color:#ffffff;
font-size:1.2em;
text-indent:2%;
}
.welcome-offers {
display:inline-block;
width:28%;
margin-left:4%;
margin-right:1%;
vertical-align:top;
}
.welcome-annotation {
display:inline-block;
width:100%;
margin-bottom:12%;
vertical-align:top;
background:rgba(119, 119, 119, 0.41);
border-radius:7px;
overflow:hidden;
border:1px solid rgba(124, 119, 119, 0.75);
box-shadow:5px 5px 25px #777;
text-align: center;
color:#ffffff;
font-size:1.25em;
}
.welcome-image {
width:100%;
margin-top:0;
background:rgb(114, 109, 109);
border-bottom:2px solid rgba(255, 255, 255, 0.75);
}
.welcome-image img {
margin-top:2%;
margin-bottom:2%;
width:98%;
vertical-align:bottom;
}
.welcome-offer-block {
font-size:0.92em;
padding-top:4%;
padding-bottom:2%;
}
.welcome-offer {
display:inline-block;
width:98%;
padding:1%;
margin-bottom:12%;
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.25em;
}
.company-offer-description {
font-size: 1.55em;
text-align:center;
}
.metering-form {
margin-bottom:2%;
}
.metering-form-annotation {
width:100%;
padding-top:1%;
padding-bottom:1%;
width:100%;
border-top:2px #ffffff solid;
border-bottom:2px #ffffff solid;
box-shadow:0px 10px 25px #777;
background:#778899;
color:#ffffff;
}
.question-form {
font-size:1em;
margin-top:3%;
}
.question-names {
display:inline-block;
vertical-align:top;
width:90%;
color:#777;
}
.question-line1 {
width:80%;
padding-top:1%;
padding-bottom:1%;
margin-bottom:1%;
border-radius:5px;
font-size:0.6em;
text-indent:5%;
box-shadow:5px 5px 25px #777;
}
.question-text {
display:inline-block;
vertical-align:top;
width:90%;
margin-top:3%;
}
.text1 {
width:92%;
border-radius:5px;
padding:4%;
font-size:0.7em;
font-family:segoe print;
text-indent:5%;
box-shadow:5px 5px 25px #777;
}
.submit-metering {
margin-top:2%;
margin-bottom:2%;
width:70%;
border-radius:8px;
border:1px rgba(119, 136, 153, 0.51) solid;
box-shadow:2px 2px 25px #777;
padding:2%;
font-size:1em;
background:#778899;
color:#ffffff;
cursor:pointer;
}
.submit-metering:hover {
box-shadow:5px 5px 25px #777;
}

/************Welcome***********/
/************Brand***********/

.brand {
width:96%;
padding:2%;
box-shadow:5px 5px 25px #777;
margin-top:1%;
padding-bottom:7%;
}
.catalog-previevs {
display:inline-block;
width:25%;
vertical-align:top;
margin-left:1%;
margin-right:1%;
border-radius:7px;
border:2px solid rgba(255, 255, 255, 0.75);
box-shadow:5px 5px 25px #777;
background-image:url('/screenshots/fons/fon-brands.jpg');
			 background-attachment:fixed;
             background-repeat:no-repeat;
			 background-size:cover;
border-bottom:2px #ccc6c6 solid;
box-shadow: 8px 8px 25px rgba(38, 35, 35, 0.8);
text-align:center;
color:#ffffff;
font-size:1.1em;
}
.catalog-previevs-annotatition {
font-size:1.2em;
text-align:center;
color:#746c6c;
}
.previevs {
padding-bottom:2%;
}
.catalog-previev {
width:35%;
display:inline-block;
margin-left:2%;
margin-right:2%;
margin-bottom:7%;
text-align:center;
}
.catalog-previev img {
overflow:hidden;
width:100%;
max-width:100%;
display:block;
border-radius:7px;
vertical-align:bottom;
will-change:transform;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
border:2px #ccc6c6 solid;
box-shadow: 1px 1px 25px rgba(38, 35, 35, 0.8);
}
.catalog-previev img:hover {
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
.catalog-previev-gl {
width:80%;
display:inline-block;
margin-left:2%;
margin-right:2%;
margin-bottom:9%;
text-align:center;
}
.catalog-previev-gl img {
overflow:hidden;
width:100%;
max-width:100%;
display:block;
border-radius:7px;
vertical-align:bottom;
will-change:transform;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
border:2px #ccc6c6 solid;
box-shadow: 1px 1px 25px rgba(38, 35, 35, 0.8);
}
.catalog-previev-gl img:hover {
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
.catalog-previev-link {
color:#1a767e;
font-size:0.9em;
}
.catalog-previev-link:hover {
color:#1a7e44;
}
.brand-offer {
display:inline-block;
width:70%;
margin-left:2%;
}
.brand-offer-title {
display:inline-block;
width:70%;
margin-left:15%;
vertical-align:top;
background:rgba(119, 119, 119, 0.67);
border:2px rgba(255, 255, 255, 0.63) solid;
box-shadow:5px 5px 25px #777;
border-radius:10px;
color:#ffffff;
border-radius:7px;
text-align: center;
font-size:2.3em;
}
.brand-annotation {
display:inline-block;
width:92%;
padding:2%;
margin-top:3%;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border-radius:7px;
border:2px solid rgba(183, 178, 178, 0.75);
box-shadow:5px 5px 25px #777;
color:#645d5d;
}
.brand-annotation-title {
padding-top:3%;
font-size:2.5em;
text-align:center;
color:#927ebf;
}
.brand-annotation-line {
padding-left:5%;
text-indent:2%;
font-size:1.3em;
}
.brand-annotation-image {
display:inline-block;
width:30%;
margin-left:2%;
margin-top:15%;
margin-bottom:4%;
box-shadow: 5px 5px 25px #777;
border-radius:10px;
overflow:hidden;
vertical-align:top;
}
.brand-annotation-image img {
width:100%;
max-width:100%;
vertical-align:bottom;
}
#slider-offer{
width:100%;
position:relative;
border-radius:12px;
overflow:hidden;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides-offer{
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-offer{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide-offer img{
  width:100%;
  height:100%;
}
.slide-offer img{
  width:100%;
  height:100%;
}
.image-offer{
  width:100%;
  height:100%;
}
.image-offer img{
  vertical-align:top;
  width:100%;
  height:100%;
}
.legend-offer{
  border-bottom:0;
  position:absolute;
  bottom:0;
}
.content-offer{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt-offer{
width:100%;
float:left;
position:absolute;
top:0;
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;
}
slide-offer{
  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-offer{
  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-offer{
  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%;
  }
}
.brand-annotation-text {
display:inline-block;
width:65%;
vertical-align:top;
font-size:1.2em;
padding-left:2%;
text-indent:2%;
}
.brand-annotation-text-title {
font-size:1.5em;
text-align:center;
color:#927ebf;
}
.docke-image {
width:54%;
margin-left:23%;
margin-top:5%;
text-align:center;
}
.docke-image img{
width:100%;
}
.grandline-image {
margin-top:5%;
text-align:center;
}
.grandline-image img{
width:80%;
}
.brand-description {
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;
}
.brand-description-image {
display:inline-block;
width:100%;
}
.brand-description-image img {
width:900%;
max-width:90%;
}
.brand-description-text {
display:inline-block;
width:98%;
padding:1%;
vertical-align:top;
font-size:1.1em;
}
.brand-description-title {
font-size:1.8em;
text-align:center;
}
.offers-catalog {
width:100%;
text-align:left;
background-image:url('/screenshots/fons/fon-brands.jpg');
			 background-attachment:fixed;
             background-repeat:no-repeat;
			 background-size:cover;
border-top:2px #ccc6c6 solid;
border-bottom:2px #ccc6c6 solid;
box-shadow: 8px 8px 25px rgba(38, 35, 35, 0.8);
font-size:2.2em;
color:#777;
text-align:center;
}

/************Brand***********/
/************Catalog**********/

.main-block {
width:100%;
padding-bottom:15%;
}
.main-block-left {
display: inline-block;
width:75%;
margin-top:3%;
}
.catalog {
margin-top:1%;
}
.catalog-block {
width:96%;
padding:1%;
display:block;
margin-top:8%;
margin-left:2%;
padding-top:5%;
padding-bottom:5%;
text-align:center;
background:rgba(30, 82, 38, 0.18);
color:#1e425d;
border-radius:17px;
box-shadow:8px 8px 25px #777;
}
.block-offer {
display:inline-block;
vertical-align:top;
width:30%;
}
.offer {
overflow:hidden;
display:inline-block;
vertical-align:top;
width:100%;
border:1px #ac9f9f solid;
border-radius:7px;
font-size:1.2em;
box-shadow:2px 2px 25px #777;
background:#f5ffd8;
color:#244039;
text-align:center;
}
.offer:hover {
background:#dceab4;
box-shadow:5px 5px 25px #777;
}
.offer:hover>.offer-title {
color:#18a3a8;
}
.offer:hover>.price {
color:#2e7e4a;
}
.block-offer-image {
overflow:hidden;
display:inline-block;
vertical-align:top;
width:100%;
}
.block-offer-image img {
width:100%;
max-width:100%;
border-top:2px rgba(119, 119, 119, 0.63) solid;
border-bottom:2px rgba(119, 119, 119, 0.63) solid;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
.block-offer-image img:hover {
width:100%;
will-change: transform;
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
.ky-image-min { 
float:left;
cursor:pointer;
}
.ky-min {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}
.ky_bg-min {
	background:rgba(0,0,0,0.5);
	position:fixed;
	z-index:999;
	height:100%;
	width:100%;
}
.ky_img-min {
position:relative;
width:35%;
max-width:35%;
margin-top:5%;
z-index:999;
border-radius:17px;
border:12px #58aa6b solid;
background:#ffffff;
box-shadow:5px 5px 25px rgb(32, 39, 5);
}
.ky-image-mid { 
float:left;
cursor:pointer;
}
.ky-mid {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}
.ky_bg-mid {
	background:rgba(0,0,0,0.5);
	position:fixed;
	z-index:999;
	height:100%;
	width:100%;
}
.ky_img-mid {
position:relative;
width:55%;
max-width:55%;
margin-top:5%;
z-index:999;
border-radius:17px;
border:12px #58aa6b solid;
background:#ffffff;
box-shadow:5px 5px 25px rgb(32, 39, 5);
}
.ky-image-center { 
float:left;
cursor:pointer;
}
.ky-center {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}
.ky_bg-center {
	background:rgba(0,0,0,0.5);
	position:fixed;
	z-index:999;
	height:100%;
	width:100%;
}
.ky_img-center {
position:relative;
width:55%;
max-width:55%;
margin-top:10%;
z-index:999;
border-radius:17px;
border:12px #58aa6b solid;
background:#ffffff;
box-shadow:5px 5px 25px rgb(32, 39, 5);
}
.price {
width:100%;
clear:both;
}
.price p {
padding-top:3%;
}
.block-buttom-buy {
width:90%;
display:block;
margin-top:4%;
margin-left:5%;
text-align:center;
}
.bottom-buy {
width:100%;
display:block;
font-size:1.4em;
text-decoration:none;
}
.bottom-buy-line {
padding-top:5%;
padding-bottom:5%;
border-radius:17px;
background:#46a32a;
color:#ffffff;
box-shadow:2px 2px 25px #777;
}
.bottom-buy-line:hover {
background:#26a395;
box-shadow:5px 5px 25px rgba(119, 119, 119, 0.79);
}
.link_group-buy {
width:100%;
text-align:center;
}
.link_group-buy a {
width:94%;
padding:3%;
font-size:1.4em;
display:inline-block;
vertical-align:top;
position:relative;
text-decoration:none;
border-radius:5px;
background:rgb(50, 190, 56);
color:#ffffff;
box-shadow:2px 2px 25px #777;
border-radius:10px;
overflow: hidden;
}
.link_group-buy a:hover {
background:#959bbf;
}
.tabs-buy {
margin-top:-2%;
margin-left:-26%;
width:70%;
}
.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;
}
.block-buy {
width:80%;
margin-left:10%;
font-size:0.8em;
}
.block-buy-annotation {
display:block;
vertical-align:top;
margin-top: 0;
color:#777;
font-size:2em;
}
.block-buy-map {
display:inline-block;
width:70%;
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;
}
#map-buy {
display:block;
width:100%; 
height:100%;
border-top-left-radius:14px;
border-top-right-radius:14px;
overflow:hidden;
}
.block-buy-contacts {
display:inline-block;
vertical-align:top; 
width:90%;
margin-left:5%;
color:#fdf26d;
font-size:1.7em;
}
.block-buy-contacts-phone {
display:inline-block;
width:40%;
}
.block-buy-contacts-mail {
display:inline-block;
width:55%;
}
.block-buy-addres {
display:inline-block;
width:23%;
padding:2%;
margin-left:1%;
color:#777;
vertical-align:top;
font-size:1.7em;
}
.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;
}
.block-buy-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;
}
.block-buy-contact-form-annotation {
width:100%;
font-size:1.8em;
color:#ffffff;
}
.block-buy-order-form {
font-size:1em;
}
.block-buy-contact {
display:inline-block;
vertical-align:top;
width:34%;
color:#777;
}
.block-buy-contacts-line {
width:80%;
padding:2%;
margin-bottom:4%;
border-radius:5px;
font-size:1em;
text-indent:7%;
}
.block-buy-order-text {
display:inline-block;
vertical-align:top;
width:62%;
}
.block-buy-text {
width:85%;
border-radius:5px;
padding:3.8%;
font-size:0.8em;
font-family:segoe print;
text-indent:5%;
}
.submit-block-buy {
margin-left:35%;
margin-bottom:2%;
width:40%;
border-radius:8px;
padding:1%;
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-block-buy: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;
}
.offer-description-block {
width:67%;
margin-left:2%;
display:inline-block;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
border-radius:7px;
}
.tabs {
width:100%;
}
.tabs__caption {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
list-style:none;
position:relative;
padding-top:2.4%;
padding-bottom:2%;
border-bottom:2px rgba(119, 119, 119, 0.63) solid;
}
.tabs__caption li:first-child {
margin-left:2%;
}
.tabs__caption li:last-child:before {
content:'';
position:absolute;
left: 0;
z-index:-1;
background:#7DCA86;
}
.tabs__caption:after {
	content: '';
	display: table;
	clear: both;
}
.tabs__caption li {
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
background:rgb(18, 170, 71);
color:#FFF;
position:relative;
border-radius:5px;
box-shadow:1px 1px 10px rgba(119, 119, 119, 0.71);
text-align:center;
margin-right:1%;
margin-left:1%;
font-size:1.1em;
}

.tabs__caption-line1 {
width:21%;
}
.tabs__caption-image1 {
display:inline-block;
vertical-align:middle;
width:13%;
margin-left:3%;
text-align:right;
}
.tabs__caption img {
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
ul.tabs__caption>li:hover img {
will-change: transform;
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
}
.tabs__caption-text1 {
display:inline-block;
vertical-align:middle;
width:68%;
margin-left:5%;
font-size:1.05em;
text-align:left;
}
.tabs__caption-line1 p {
padding-top:5%;
padding-bottom:5%;
margin-top:0;
margin-bottom:0;
vertical-align:middle;;
}

.tabs__caption-line2 {
width:22%;
font-size:1.5em;
}
.tabs__caption-image2 {
display:inline-block;
vertical-align:middle;
width:12.7%;
margin-left:5%;
text-align:right;
}
.tabs__caption-text2 {
display:inline-block;
vertical-align:middle;
width:70%;
margin-left:5%;
text-align:left;
}
.tabs__caption-line2 p {
padding-top:5%;
padding-bottom:5%;
margin-top:0;
margin-bottom:0;
vertical-align:middle;;
}

.tabs__caption-line3 {
width:20%;
font-size:1em;
}
.tabs__caption-image3 {
display:inline-block;
vertical-align:middle;
width:14.5%;
margin-left:4%;
text-align:right;
}
.tabs__caption-text3 {
display:inline-block;
vertical-align:middle;
width:63%;
margin-left:6%;
text-align:left;
}
.tabs__caption-line3 p {
padding-top:5%;
padding-bottom:5%;
margin-top:0;
margin-bottom:0;
vertical-align:middle;;
}

.tabs__caption-line4 {
width:27%;
font-size:1em;
}
.tabs__caption-image4 {
display:inline-block;
vertical-align:middle;
width:11.4%;
margin-left:3%;
text-align:right;
}
.tabs__caption-text4 {
display:inline-block;
vertical-align:middle;
width:72%;
margin-left:4.5%;
text-align:left;
}
.tabs__caption-line4 p {
padding-top:5%;
padding-bottom:5%;
margin-top:0;
margin-bottom:0;
vertical-align:middle;;
}

.tabs__caption li:hover {
background:rgb(18, 170, 61);
box-shadow:3px 3px 10px rgba(119, 119, 119, 0.71);
}
.tabs__caption li:not(.active) {
cursor:pointer;
}
.tabs__caption .active {
background:rgb(32, 177, 171);
color:#ffffff;
}
.tabs__caption .active:hover {
background:rgb(28, 173, 185);
color:#ffffff;
box-shadow:1px 1px 10px rgba(119, 119, 119, 0.71);
}
.tabs__caption .active:after {
content:'';
position:absolute;
left:0;
right:0;
background:#FFF;
}
.tabs__content {
display: none;
width:100%;
}
.tabs__content.active {
display: block;
}
.offer-description {
width:98%;
padding:1%;
color:#805823;
padding-bottom:3%;
}
.offer-description-image {
display:inline-block;
width:10%;
vertical-align: bottom;
}
.offer-description-image img{
display:inline-block;
width:100%;
}
.offer-description-line {
width:100%;
}
.offer-description-line-left {
display:inline-block;
width:40%;
margin-left:4%;
}
.offer-description-line-right {
display:inline-block;
width:48%;
margin-left:7%;
}
.offer-description-left {
display:inline-block;
width:62%;
text-align:left;
font-size:1.2em;
padding-left:1%;
}
.offer-description-right {
display:inline-block;
width:27%;
text-align:center;
}
.colors-choice {
padding-top:1%;
padding-bottom:2%;
color:#805823;
font-size:1.2em;
background:#ffffff;
}
.colors-block {
display:inline-block;
width:60%;
vertical-align:top;
}
.collection-description {
width:96%;
padding:1%;
padding-left:2%;
padding-right:2%;
color:#805823;
font-size:1.1em;
}
.facade-examples {
padding:3%;
}
.facade-examples-description {
font-size:1.15em;
}
.involvement {
background:rgba(119, 119, 119, 0.58);
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top:2px solid #ffffff;
font-size:1.2em;
}
.involvement p {
padding-top:3%;
padding-bottom:3%;
margin-top:0;
margin-bottom:0;
color:#ffffff;
}

#description-facade1 {
display:block;
font-size:1.5em;
}
#largeImage-facade1 {
display:inline-block;
width:75%;
margin-top:1%;
vertical-align:top;
border-radius:7px;
box-shadow:1px 1px 5px #777;
}
#thumbs-facade1 {
display:inline-block;
width:20%;
padding-left:2%;
text-align:center;
}
#thumbs-facade1 img { 
float:left; 
width:80%;
box-shadow:1px 1px 5px #777;
margin-bottom:10%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-facade1 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-facade2 {
display:block;
font-size:1.5em;
}
#largeImage-facade2 {
display:inline-block;
width:75%;
margin-top:1%;
vertical-align:top;
border-radius:7px;
box-shadow:1px 1px 5px #777;
}
#thumbs-facade2 {
display:inline-block;
width:20%;
padding-left:2%;
text-align:center;
}
#thumbs-facade2 img { 
float:left; 
width:80%;
box-shadow:1px 1px 5px #777;
margin-bottom:10%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-facade2 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-facade3 {
display:block;
font-size:1.5em;
}
#largeImage-facade3 {
display:inline-block;
width:75%;
margin-top:1%;
vertical-align:top;
border-radius:7px;
box-shadow:1px 1px 5px #777;
}
#thumbs-facade3 {
display:inline-block;
width:20%;
padding-left:2%;
text-align:center;
}
#thumbs-facade3 img { 
float:left; 
width:80%;
box-shadow:1px 1px 5px #777;
margin-bottom:10%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-facade3 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-facade4 {
display:block;
font-size:1.5em;
}
#largeImage-facade4 {
display:inline-block;
width:75%;
margin-top:1%;
vertical-align:top;
border-radius:7px;
box-shadow:1px 1px 5px #777;
}
#thumbs-facade4 {
display:inline-block;
width:20%;
padding-left:2%;
text-align:center;
}
#thumbs-facade4 img { 
float:left; 
width:80%;
box-shadow:1px 1px 5px #777;
margin-bottom:10%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-facade4 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-facade5 {
display:block;
font-size:1.5em;
}
#largeImage-facade5 {
display:inline-block;
width:75%;
margin-top:1%;
vertical-align:top;
border-radius:7px;
box-shadow:1px 1px 5px #777;
}
#thumbs-facade5 {
display:inline-block;
width:20%;
padding-left:2%;
text-align:center;
}
#thumbs-facade5 img { 
float:left; 
width:80%;
box-shadow:1px 1px 5px #777;
margin-bottom:10%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-facade5 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-facade6 {
display:block;
font-size:1.5em;
}
#largeImage-facade6 {
display:inline-block;
width:75%;
margin-top:1%;
vertical-align:top;
border-radius:7px;
box-shadow:1px 1px 5px #777;
}
#thumbs-facade6 {
display:inline-block;
width:20%;
padding-left:2%;
text-align:center;
}
#thumbs-facade6 img { 
float:left; 
width:80%;
box-shadow:1px 1px 5px #777;
margin-bottom:10%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-facade6 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}

/************Catalog**********/
/************Docke**********/

#description-docke1 {
display:block;
font-size:1.5em;
}
#largeImage-docke1 {
display:inline-block;
width:50%;
vertical-align:top;
border-radius:7px;
}
#thumbs-docke1 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-docke1 img { 
float:left; 
width:25%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-docke1 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-docke2 {
display:block;
font-size:1.5em;
}
#largeImage-docke2  {
display:inline-block;
width:50%;
vertical-align:top;
border-radius:7px;
}
#thumbs-docke2  {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-docke2  img { 
float:left; 
width:25%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-docke2  img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-docke3  {
display:block;
font-size:1.5em;
}
#largeImage-docke3 {
display:inline-block;
width:50%;
vertical-align:top;
border-radius:7px;
}
#thumbs-docke3 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-docke3 img { 
float:left; 
width:25%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-docke3 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-docke4 {
display:block;
font-size:1.5em;
}
#largeImage-docke4 {
display:inline-block;
width:50%;
vertical-align:top;
border-radius:7px;
}
#thumbs-docke4 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-docke4 img { 
float:left; 
width:25%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-docke4 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-docke5 {
display:block;
font-size:1.5em;
}
#largeImage-docke5 {
display:inline-block;
width:50%;
vertical-align:top;
border-radius:7px;
}
#thumbs-docke5 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-docke5 img { 
float:left; 
width:25%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-docke5 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-docke6 {
display:block;
font-size:1.5em;
}
#largeImage-docke6{
display:inline-block;
width:50%;
vertical-align:top;
border-radius:7px;
}
#thumbs-docke6 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-docke6 img { 
float:left; 
width:25%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-docke6 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}

/************Docke**********/
/************GrandLine**********/

#description-grandline1 {
display:block;
font-size:1.5em;
}
#largeImage-grandline1 {
display:inline-block;
width:50%;
vertical-align:top;
margin-top:5%;
}
#thumbs-grandline1 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-grandline1 img { 
float:left; 
width:30%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-grandline1 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}
#description-grandline2 {
display:block;
font-size:1.5em;
}
#largeImage-grandline2 {
display:inline-block;
width:50%;
vertical-align:top;
margin-top:5%;
}
#thumbs-grandline2 {
display:inline-block;
width:45%;
margin-top:5%;
overflow:hidden;
padding-top:2%;
padding-bottom:2%;
border-radius:7px;
text-align:center;
}
#thumbs-grandline2 img { 
float:left; 
width:30%;
box-shadow:1px 1px 5px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
background:#ffffff;
will-change:transform;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-webkit-transition: all 2s ease-out;
overflow:hidden;
}
#thumbs-grandline2 img:hover { 
background:#ffffff;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
}

/************GrandLine**********/
/************News**********/

.main-block-right {
display: inline-block;
vertical-align:top;
width:27%;
}

/************News**********/
/************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***********/