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

.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%;
}
.brands {
display:inline-block;
width:98%;
margin-top:4%;
margin-bottom:4%;
padding:1%;
border-top:2px #f5f5f5 solid;
border-bottom:2px #f5f5f5 solid;
box-shadow:5px 5px 25px #777;
background-image:url('/screenshots/fons/fon-brands.jpg');
background-size:cover;
background-attachment:fixed;
font-size: 1.3em;
color:#726c6c;
text-align:center;
}
.brands-title {
font-size:1.8em;
text-align:center;
}
.brand {
display:inline-block;
width:22%;
margin-left:1%;
margin-right:1%;
}

.block-buttom-brand {
box-shadow: 1px 1px 25px rgba(38, 35, 35, 0.8);
border-radius:12px;
overflow:hidden;
}

.block-buttom-brand img {
width:100%;
max-width:100%;
border-radius:12px;
overflow:hidden;
vertical-align:bottom;
will-change:transform;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.block-buttom-brand img:hover {
border-radius:12px;
overflow:hidden;
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
.doors-offer {
width:96%;
padding:2%;
box-shadow:5px 5px 25px #777;
}
.roof-brand {
width:96%;
padding:2%;
box-shadow:5px 5px 25px #777;
margin-top:5%;
}
.brand-offer {
display:inline-block;
width:70%;
margin-left:1%;
}
.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:#888080;
}
.brand-offer-image-title {
font-size:2em;
text-align:center;
color:#847c7c;
}
.brand-offer-image {
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;
}
.brand-offer-image img {
width:100%;
max-width:100%;
}
.block-buttom-catalog {
width:90%;
margin-top:4%;
margin-left:5%;
margin-bottom:7%;
text-align:center;
}
.block-buttom-catalog-link {
display:inline-block;
width:100%;
border-radius:17px;
background:#959bbf;
color:#ffffff;
box-shadow:2px 2px 25px #777;
font-size:1.4em;
}
.block-buttom-catalog-link:hover {
box-shadow:5px 5px 25px rgba(98, 93, 93, 0.9);
}
.largeImage-example {
display:inline-block;
width:70%;
}
.brand-catalog {
background: #ffffff;
border-radius:10px;
padding:2%;
border:1px #a89d9d solid;
box-shadow:5px 5px 25px rgba(111, 105, 105, 0.78);
}
.largeImage-catalog {
display:inline-block;
width:52%;
margin-left:3%;
}
.main-description {
width:100%;
box-shadow:5px 5px 25px #777;
border-radius:7px;
color:#645d5d;
}
.offer-description-line {
padding-left:5%;
text-indent:2%;
font-size:1.3em;
}
.offer-description-title {
padding-top:3%;
font-size:2.5em;
text-align:center;
color:#927ebf;
}
.roof-description-image {
display:inline-block;
width:30%;
margin-left:2%;
margin-top:9%;
margin-bottom:4%;
box-shadow: 5px 5px 25px #777;
border-radius: 10px;
overflow:hidden;
}
.roof-description-image img {
width:100%;
max-width:100%;
vertical-align:bottom;
}
.offer-description-image {
display:inline-block;
width:30%;
}
.offer-description-text {
display:inline-block;
width:65%;
vertical-align:top;
font-size:1.2em;
padding-left:2%;
text-indent:2%;
}
.offer-description-text-title {
font-size:1.5em;
text-align:center;
color:#927ebf;
}
.brand-description {
display:inline-block;
width:25%;
margin-left:1%;
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;
}
.brand-offer-description-image {
display:inline-block;
width:100%;
}
.brand-offer-description-image img {
width:90%;
max-width:90%;
}
.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;
}
.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;
}

/************Catalog**********/

.catalog-title {
text-align:center;
font-size:1.8em;
}

.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;
margin-top:2%;
padding-top:2%;
padding-bottom:2%;
border-top: 2px solid #7DCA86;
}
.tabs__caption li:last-child:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: -2px;
	z-index: -1;
	background: #7DCA86;
}
.tabs__caption:after {
	content: '';
	display: table;
	clear: both;
}
.tabs__caption li {
padding:1%;
padding-left:3%;
padding-right:3%;
background: #61AF6A;
color:#FFF;
position: relative;
border-radius:5px;
text-align: center;
margin-right:4%;
margin-left:1%;
font-size: 1em;
}
.tabs__caption li:not(.active) {
margin-right:4%;
margin-left:1%;
cursor: pointer;
}
.tabs__caption li:not(.active):hover {
background: #22a8d9;
}
.tabs__caption .active {
background: rgba(255, 255, 255, 0);
color: #000;
}
.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;
	}

}
.selectTabs {
margin:10px 0 0;
width:100%;
}
.lineTabs {
width:100%;
float:left;
list-style:none;
}
.lineTabs li {
float:left;
position:relative;
z-index:1;
border:1px solid #ccc;
}
.lineTabs li.active {
border-bottom:1px solid #fff;
}
.lineTabs li.active a {
color:#cc0000;
}
.lineTabs a {
padding:4px 15px;
display:block;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}
.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%;
}

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

#descriptiona1 {
display:block;
font-size:1.5em;
width:90%;
text-align:right;
padding-right:10%;
color:#7b8183;
}
.largeImage-block {
display:inline-block;
width:70%;
}
#largeImagea1 {
display:block;
border-radius:8px;
overflow:hidden;
}
#largeImagea1 img {
width:100%;
max-width:100%;
}
#thumbsa1 {
display:inline-block;
width:20%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
border-radius:7px;
text-align:center;
}
#thumbsa1 img { 
float:left; 
width:80%;
max-width:80%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa1 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona2 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea2 {
display:block;
}
#largeImagea2 img {
width:100%;
max-width:100%;
}
#thumbsa2 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
text-align:center;
border:1px #777 solid;
border-radius: 10px;
box-shadow:0px 5px 25px #777;
}
#thumbsa2 img { 
float:left; 
width:19%;
max-width:19%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa2 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}

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

#descriptiona3 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea3 {
display:block;
border-radius:8px;
overflow:hidden;
}
#largeImagea3 img {
width:100%;
max-width:100%;
}
#thumbsa3 {
display:inline-block;
width:20%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
border-radius:7px;
text-align:center;
}
#thumbsa3 img { 
float:left; 
width:80%;
max-width:80%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa3 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona4 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea4 {
display:block;
}
#largeImagea4 img {
width:100%;
max-width:100%;
}
#thumbsa4 {
display:inline-block;
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
text-align:center;
border:1px #777 solid;
border-radius: 10px;
box-shadow:0px 5px 25px #777;
}
#thumbsa4 img { 
float:left; 
width:19%;
max-width:19%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa4 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona5 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea5 {
display:block;
border-radius:8px;
overflow:hidden;
}
#largeImagea5 img {
width:100%;
max-width:100%;
}
#thumbsa5 {
display:inline-block;
width:20%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
border-radius:7px;
text-align:center;
}
#thumbsa5 img { 
float:left; 
width:80%;
max-width:80;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa5 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona6 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea6 {
display:block;
width:70%;
margin-top:15%;
margin-left:15%;
}
#largeImagea6 img {
width:100%;
max-width:100%;
}
#thumbsa6 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
text-align:center;
border:1px #777 solid;
border-radius: 10px;
box-shadow:0px 5px 25px #777;
}
#thumbsa6 img { 
float:left; 
width:19%;
max-width:19%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa6 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona7 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea7 {
display:block;
border-radius:8px;
overflow:hidden;
}
#largeImagea7 img {
width:100%;
max-width:100%;
}
#thumbsa7 {
display:inline-block;
width:20%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
border-radius:7px;
text-align:center;
}
#thumbsa7 img { 
float:left; 
width:80%;
max-width:80%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa7 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona8 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea8 {
display:block;
}
#largeImagea8 img {
width:100%;
max-width:100%;
}
#thumbsa8 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
text-align:center;
border:1px #777 solid;
border-radius: 10px;
box-shadow:0px 5px 25px #777;
}
#thumbsa8 img { 
float:left; 
width:19%;
max-width:19%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa8 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}

/************Mitten**********/
/************Tecos**********/

.tecos-offer-description-image {
display:inline-block;
width:100%;
margin-top:5%;
}
.tecos-offer-description-image img {
width:50%;
max-width:50%;
}
#descriptiona9 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea9 {
display:block;
border-radius:8px;
overflow:hidden;
}
#largeImagea9 img {
width:100%;
max-width:100%;
}
#thumbsa9 {
display:inline-block;
width:20%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
border-radius:7px;
text-align:center;
}
#thumbsa9 img { 
float:left; 
width:80%;
max-width:80%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa9 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
#descriptiona10 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea10 {
display:block;
}
#largeImagea10 img {
width:100%;
max-width:100%;
}
#thumbsa10 {
display:inline-block;
width:40%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
padding:1%;
text-align:center;
border:1px #777 solid;
border-radius: 10px;
box-shadow:0px 5px 25px #777;
}
#thumbsa10 img { 
float:left; 
width:19%;
max-width:19%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa10 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}

/************Tecos**********/
/************Guttanit**********/

#descriptiona11 {
display:block;
font-size:1.5em;
width:50%;
}
#largeImagea11 {
display:block;
border-radius:8px;
overflow:hidden;
}
#largeImagea11 img {
width:100%;
max-width:100%;
}
#thumbsa11 {
display:inline-block;
width:20%;
vertical-align:top;
margin-left:2%;
overflow:hidden;
border-radius:7px;
text-align:center;
}
#thumbsa11 img { 
float:left; 
width:80%;
max-width:80%;
border:2px solid rgba(183, 178, 178, 0);
margin-left:2%;
margin-right:2%;
margin-bottom:5%;
cursor:pointer;
border-radius:7px;
will-change: transform;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
#thumbsa11 img:hover { 
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -o-transform: scale(1.04);
}
.guttanit-image {
display:inline-block;
width:30%;
margin-left:3%;
border-radius:12px;
overflow: hidden;
}
.guttanit-image img {
width:100%;
max-width:100%;
}
.guttanit-offer-description-image {
width:40%;
margin-top:10%;
margin-left:30%;
}
.guttanit-offer-description-image img{
width: 100%;
}

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