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;
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 {
width:100%;
padding-top:3%;
}
.welcome-slaider {
display:inline-block;
width:64%;
margin-left:1%;
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-slaider img {
width:100%;
max-width:100%;
}
#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%;
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;
  }
}
.welcome-offers {
display:inline-block;
width:28%;
margin-left:4%;
margin-right:1%;
vertical-align:top;
padding-top:1%;
}
.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;
}
.welcome-offer-title {
font-size:1.3em;
color:#ffff00;
}

.shop-offers {
width:100%;
margin-bottom:5%;
}
.shop-offers-title {
background:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
box-shadow:5px 5px 25px #777;
}
.materials-title {
width:100%;
vertical-align:bottom;
display:inline-block;
font-size:2em;
text-align:center;
background:rgba(118, 19, 110, 0.35);
color:#ffffff;
border-top:2px #f5f5f5 solid;
border-bottom:2px #f5f5f5 solid;
}
.catalog {
width:100%;
}
.ceiling-names {
width:17%;
display:inline-block;
vertical-align:top;
margin-top:16.5%;
margin-left:1%;
font-size:1.5em;
border-radius:7px;
background:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border:1px rgba(162, 156, 156, 0.31) solid;
overflow:hidden;
}
.ceiling-names-annotation {
display:block;
padding:1%;
font-size:0.9em;
text-align:center;
background:rgba(118, 19, 110, 0.35);
color:#ffffff;
border-bottom:1px rgba(149, 139, 139, 0.23) solid;
}
.ceiling-description {
width:80%;
display:inline-block;
vertical-align:top;
margin-left:1%;
}
.tabs {
width:100%;
text-align:left;
}
.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:9%;
padding-bottom:9%;
box-shadow: 5px 5px 25px #777;
}
.tabs__caption li:last-child:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: -2px;
	z-index: -1;
}
.tabs__caption:after {
	content: '';
	display: table;
	clear: both;
}
.tabs__caption li {
padding:1%;
color:rgba(141, 104, 173, 0.92);
transition:color 1s;
position: relative;
border-radius:5px;
text-align:center;
margin-right:1%;
margin-left:9%;
margin-top:4%;
margin-bottom:4%;
}
.tabs__caption li:not(.active) {
cursor: pointer;
}
.tabs__caption li:not(.active):hover {
color:rgba(141, 104, 173, 0.92);
}
.tabs__caption .active {
color:#bbccbd;
}
.tabs__caption .active:after {
content: '';
position: absolute;
left: 0;
right: 0;
background: #FFF;
}
.tabs__content {
margin-top:5%;
border-radius:14px;
display: none;
width:100%;
}
.tabs__content.active {
display: block;
}
@media screen and (max-width: 650px) {

	.tabs__caption li {
		-webkit-flex: 1 0 auto;
		    -ms-flex: 1 0 auto;
		        flex: 1 0 auto;
	}
	.vertical .tabs__caption {
		float: none;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.vertical .tabs__caption li {
		border-width: 2px 2px 0;
		border-radius: 5px 5px 0 0;
	}
	.vertical .tabs__caption li:last-child:before {
		display: block;
	}
	.vertical .tabs__caption .active:after {
		top: auto;
		bottom: -5px;
		left: 0;
		right: 0;
		width: auto;
		height: 5px;
		background: #FFF;
	}

}
.tab_content {
width:100%;
float:left;
position:relative;
}
.tab_content div{
display:none;
}
.tab_content .tab1 {
display:block;
}
.tab_content .tab1, .tab_content .tab2, .tab_content .tab3 {
padding:1%;
}
.offer-description {
width:100%;
margin-top:3%;
margin-bottom:3%;
box-shadow:5px 5px 25px #777;
}
.offer-description-block {
display:inline-block;
width:30%;
margin-left:5%;
}
.ceilings-offer {
width:96%;
padding:2%;
box-shadow:5px 5px 25px #777;
}
.catalog-previev-link {
color:rgba(141, 104, 173, 0.92);
font-size:1em;
}
.catalog-previev-link:hover {
color:#1a7e44;
}
.ceiling-brand {
width:100%;
margin-top:5%;
}
.brand-offer {
display:inline-block;
width:71%;
}
.brand-offer-title {
display:inline-block;
width:70%;
margin-left:15%;
vertical-align:top;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border-radius:7px;
border:2px solid rgba(255, 255, 255, 0.75);
box-shadow:5px 5px 25px #777;
text-align: center;
font-size:2.3em;
color:rgba(118, 19, 110, 0.65);
}
.brand-offer-image-title {
font-size:2em;
text-align:center;
color:#898181;
}
.brand-offer-image {
display:inline-block;
width:96%;
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;
}
.brand-offer-image img {
width:100%;
max-width:100%;
}
.offer-title {
width:70%;
margin-top:5%;
margin-bottom:3%;
margin-left:15%;
vertical-align:top;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
border-radius:7px;
border:2px solid rgba(255, 255, 255, 0.75);
box-shadow:5px 5px 25px #777;
text-align: center;
font-size:2.3em;
color:#608e65;
}
#descriptiona1 {
display:block;
font-size:1.5em;
width:50%;
}
.largeImage-block {
display:inline-block;
width:55%;
}
#largeImagea1 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea1 img {
width:100%;
}
#thumbsa1 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa1 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa1 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona2 {
display:block;
font-size:1.5em;
width:50%;
}
.largeImage-block {
display:inline-block;
width:55%;
}
#largeImagea2 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea2 img {
width:100%;
}
#thumbsa2 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa2 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa2 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona3 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea3 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea3 img {
width:100%;
}
#thumbsa3 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa3 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa3 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona4 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea4 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea4 img {
width:100%;
}
#thumbsa4 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa4 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa4 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona5 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea5 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea5 img {
width:100%;
}
#thumbsa5 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa5 img { 
float:left; 
width:27%;
max-width:28%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa5 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona6 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea6 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea6 img {
width:100%;
}
#thumbsa6 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa6 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa6 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona7 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea7 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea7 img {
width:100%;
}
#thumbsa7 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa7 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa7 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona8 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea8 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea8 img {
width:100%;
}
#thumbsa8 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa8 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa8 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}
#descriptiona9 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea9 {
display:block;
border-radius: 12px;
border:2px #ffffff solid;
overflow:hidden;
box-shadow:3px 3px 25px rgba(119, 119, 119, 0.37);
}
#largeImagea9 img {
width:100%;
}
#thumbsa9 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
border-radius:7px;
text-align:center;
}
#thumbsa9 img { 
float:left; 
width:27%;
border:2px solid rgba(183, 178, 178, 0);
box-shadow:2px 2px 2px #777;
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 2s ease-out;
 -o-transition: all 2s ease-out;
 -webkit-transition: all 2s ease-out;
}
#thumbsa9 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
border:2px solid rgb(255, 255, 255);
}

.brand-description {
display:inline-block;
width:25%;
margin-left:2%;
margin-right:1%;
vertical-align:top;
}
.brand-offer-description {
display:inline-block;
width:100%;
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;
}
.brand-offer-promo {
display:inline-block;
width:100%;
margin-bottom:10%;
background:#ffffff;
border-radius:12px;
border:2px solid rgba(255, 255, 255, 0.75);
box-shadow:5px 5px 25px #777;
overflow:hidden;
}
.brand-offer-promo img {
width:94%;
max-width:94%;
padding:3%;
max-width:100%;
background:#ffffff;
vertical-align:top;
}
.brand-offer-promo-description {
text-align:center;
font-size:1.5vw;
color:#413e3e;
line-height:40%;
}
.brand-offer-description-image {
display:inline-block;
width:50%;
margin-top:10%;
}
.brand-offer-description-image img {
width:100%;
}
.company-offer-description-image {
display:inline-block;
width:94%;
margin-top:4%;
}
.company-offer-description-image img {
width:100%;
}
.brand-offer-description-block {
display:inline-block;
width:98%;
padding:1%;
vertical-align:top;
font-size: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;
}
.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;
font-size:0.95em;
}
.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;
}

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