@font-face {
    font-family: Proxima Nova;
    src: url(fonts/ProximaNova-Regular.ttf); 
   }
   @font-face {
    font-family: Proxima Nova Bold;
    src: url(fonts/ProximaNova-Bold.ttf); 
   }

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	background: #fff;
position: relative;
width: 100%;
margin: 0 auto;
font-family: "Proxima Nova";
text-rendering: optimizespeed;
-moz-osx-font-smoothing: grayscale;
color: rgb(22, 21, 21);
  -webkit-font-smoothing:subpixel-antialiased !important;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
      width: calc(100%);
	  -webkit-animation: show 2s;
	          animation: show 2s;
	scroll-behavior: smooth;          
}

   input::-webkit-input-placeholder { color: #000; }
   input:-ms-input-placeholder { color: #000; }
   input::-ms-input-placeholder { color: #000; }
   input::placeholder { color: #000; } 
   input::-webkit-input-placeholder { color: #000; }
   input:-ms-input-placeholder { color: #000; }
   input::-ms-input-placeholder { color: #000; }
 .block5  input::placeholder { color: #000;} 
   /*  input[type="search"]::placeholder { color: #ffd595; } */
@-webkit-keyframes show {

from {opacity: 0;} to {opacity: 1;}
}
@keyframes show {

from {opacity: 0;} to {opacity: 1;}
}
header {
    background-image: url(./img/title.jpg);
    height: 727px;
    z-index: 412;
    display: block;
    position: relative;
    color: #fff;
    background-size: cover;
}


header h1 b{
font-weight:bold;
display: initial;
line-height: 0 !important;
font-size: 48px;
font-family: "Proxima Nova Bold";
border-bottom: solid 2px #fdb700;
}
header h1{color:white;
    font-size: 52px;
    text-align: left;
}
header b{
font-size: 22px;
}
.blockzakaz p {
    margin: 3px;
    font-size: 14.1px;
    line-height: 1.5 !important;
    position: relative;
    bottom: 17px;
}
.blockzakaz span {
    color: #ccc;
    font-size: 14px;
    top: -37px;
    position: relative;
}

.circle {
    width: 100px;
    height: 100px;
    margin-bottom: 15px !important;
    background-color: #fcb100;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 41px;
}

.circle img {
    width: 64.5px !important;
    height: 63.5px !important;
}

.circlemini{
width: 65px;
    height: 65px;
    background-color: #fcb100;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    float: left;
}

.circlemini img {
    width: 39.5px !important;
    height: 39.5px !important;
}

.blockzakaz a.button {
    display: table;
    color: #fff;
    text-decoration: none;
    padding: 1em 4em;
    outline: none;
    font-size: 16px;
    border-width: 3px 0;
    border-radius: 5px;
    background: #0058ac;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin: 11px auto;
}

/*header*/
.logo{
	 width: 180px;
    position: relative;
    top: 7px;	
}
h1{
    font-size: 38px;
    letter-spacing: 2.4px;
    text-align: center;
    font-family: "Proxima Nova Bold";
    }
h2{
font-family: "Proxima Nova Bold";
font-size: 40px;
}
.small{
font-size:12px !important;
top: 15px;
    position: relative;
}
b{lletter-spacing: 1px;
    line-height: 1.5 !important;
    display: block;}
font{	
font-size: 16px;
}	
.title {
    overflow: hidden;
    text-align: center;
    font-size: 26px;
    width: 50%;
    margin: auto;
}
.title span {
    display: inline-block;
    vertical-align: middle;
}
.title:before,
.title:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 3px;
    background-color: #00cf00;
    position: relative;
}
.title:before {
    margin-left: -100%;
    left: -14px;
}
.title:after {
    margin-right: -100%;
    right: -14px;
}
.dozvon{
    color: #ffffff !important;
    padding: 0.8em 1.6em !important;
    margin-top: 8px !important;
}
.tel
{
     margin-left: 30px;
}

#svetilnik .column img {
    width: 356px;
    height: 167px;
}

#m1 figure {
width: 100% !important;
    height: 67% !important;
    overflow: scroll !important;
}
#m2 figure {
width: 100% !important;
    height: 67% !important;
    overflow: scroll !important;
}
#m3 figure {
width: 100% !important;
    height: 67% !important;
    overflow: scroll !important;
}
#m4 figure {
width: 100% !important;
    height: 67% !important;
    overflow: scroll !important;
}
#m5 figure {
width: 100% !important;
    height: 67% !important;
    overflow: scroll !important;
}
#m6 figure {
    width: 100% !important;
    height: 67% !important;
    overflow: scroll !important;
}
/*header*/
input{    
    width: 290px;
    height: 52px;
    margin: 0px  auto;
    text-indent: 15px;
    background: white;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    text-align: left;
    color: #000;
  /*  margin-left: 11px; */
    font-size: 16px;
    }
.blockzakaz input::placeholder {
     color: #ccc;
 }   
input:last-child{/*margin-right: 39px !important; */}
button{    color: #fff;
    text-decoration: none;
    padding: 1em 4.5em;
    border: 0px;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    border-width: 3px 0;
    border-radius: 5px;
    background: #0058ac;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-top: -15px;
    margin-bottom: 50px;}
.menu{
    width: 100%;
    height: 77px;
    position: relative;
    bottom: 0px;
    background: #0058ac;
    }
.header {
    width: 100%;
    margin: 0 auto;
}
.header p  {
    font-size: 19px;
}
.header .column {
    margin-top: 64px;
}


.woodland {
    width: auto !important;
    height: auto !important;
    margin: 0px auto !important;
}
.akcii img{
padding-bottom: 0px !important;
}
.superakcii img{
    padding: 10px;
padding-bottom: 0px !important;
width: 96%;
}
.kachestvo{
    position: relative;
    top: 78px;
    font-size: 20px;
    }
.cel img {
    font-size: 85.3px;
    top: 0px;
    position: relative;
    width: 47%;
}
.crup{
font-size: 29px;
}
.doc{
    position: relative;
    top: 36px;
    font-size: 27px;
    }
.info {
    float: right;
    position: relative;
    color: #fff;
}
.round{
    border-radius: 60px;
    background: #fcb101;
    padding: 10px;
    width: 77px !important;
    height: auto !important;
    margin: 30px auto !important;
    vertical-align: middle;
}
.blockzakaz{
    background: #fff;
    color: #000;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    width: 330px;
    float: right;
    border-radius: 5px;
}
.blockzakaz  h2 {
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    letter-spacing: 2px;
}

.phone{
    position: inherit;
left: 0px;
    bottom: -2px;
    width: 42px;
    }
.info a {
    top: -10px;
    text-decoration: none;
    position: relative;
    font-size: 21px;
}    
.line{
    background-color: #d1d1d1;
    height: 1px;
    margin-bottom: 50px;
    margin-top: 60px;
}
.zahvat{
    background: url(./img/title2.jpg);
    height: 635px;
    background-position: right;
    color: #fff;
    background-size: cover;
    margin-top: 78px;
    margin-bottom: 63px;
    background-repeat: no-repeat;
    }
.zahvat h1{
text-align:left;
}    
.i {
background-image: url(./img/ico/confirmation.png);
    width: 44px;
    height: 44px;
    display: inline-block;
    position: relative;
    top: 18px;
    background-repeat: no-repeat;
}
p, small {
line-height: 1.2 !important;
    letter-spacing: 1.1px;
        padding-bottom: 20px;
}
#okompanii{
background: #0058ac;
    color: #fff;
    position: relative;
    top: 20px;
}

#okompanii .column {
    margin-top: 0px;
    margin-bottom: -5px;
}

#okompanii main {
    margin: 0px auto;
}
.whatsapp .form {
    height: 23.9vh;
}

main {
  max-width: 1109px;
  margin: 50px auto;
}
footer{
	background: #2c2d2e;
}
footer .menu {
    background: #333436 !important;
}
::-webkit-input-placeholder {color:#000;}
::-moz-placeholder          {color:#000;}/* Firefox 19+ */
:-moz-placeholder           {color:#000;}/* Firefox 18- */
:-ms-input-placeholder      {color:#000;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
a{color: #fff;font-size: 17px;}
a.button {
    display: table;
    color: #fff;
    text-decoration: none;
    padding: 0.8em 5em;
    outline: none;
    font-size: 16px;
    border-width: 3px 0;
    border-radius: 5px;
    background: #0058ac;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin: 11px auto;
}
a.button:hover {
   background: -webkit-gradient(linear, left top, left bottom, from(#fcb100), to(#fcb100)) #fcb100;
    background: -o-linear-gradient(#22956c, #22956c) #22956c;
    background: linear-gradient(#fcb100, #fcb100) #fcb100;
    color: white;
}
a.buttonmodal {
    display: table;
    color: white;
    float: left;
    text-decoration: none;
    padding: 0.6em 3em;
    outline: none;
    font-size: 19px;
    font-weight: bold;
    border-width: 3px 0;
    border-style: solid none;
    border-radius: 9px;
    background: #3fa907;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin: 30px auto;
    text-align: center;
}
a.buttonmodal:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#00a74d), to(#00a74f)) #01a74f;
    background: -o-linear-gradient(#00a74d, #00a74f) #01a74f;
    background: linear-gradient(#00a74d, #00a74f) #01a74f;
}
a.buttonhead {
display: table;
    color: black;
    text-decoration: none;
    padding: 1em 2em;
    outline: none;
    font-size: 18px;
    font-weight: bold;
    border-width: 3px 0;
    border-radius: 30px;
    background: #fbc91b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    letter-spacing: 1.4px;
    margin-top: 35px;
}
a.buttonhead img{
	    width: 15px;
		margin-left: 14px;
    margin-top: 7px;
}
a.buttonborder {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    outline: none;
    border: 1px solid;
    border-color: #ffffff;
    border-radius: 4px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    letter-spacing: 0.7px;
    margin-right: 50px;
    top: -15px;
    right: -2px;
}
a.buttonborder:hover {
    border: 1px solid;
    border-color: #ebaf1e;
    color: #0058ac;
}
.euro{
    background: #fcb101;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0px;
}
#otzyv .column img {
    width: 356px;
    height: 219px;
}
.radius{
	background: #fff;
	border-radius:3px;
	border: 1px solid #d1d1d1;
	text-align: center;
}
.column img{
    width: 356px;
    height: 219px;
}
#catalog b{
    font-size: 20px;
    font-weight: bold;
}
#catalog p, small {
    line-height: 1.2 !important;
    letter-spacing: 1.1px;
    padding-bottom: 17px;
    font-size: 14.4px;
}
.primery .column img{
    float: left;
    width: 552px;
    height: 335px;
 }    
 
 .primery .column p{
    text-align: left;
    position: relative;
    left: 29px;
    letter-spacing: normal !important;
    font-size: 16.3px !important;
    padding-bottom: 6.2px !important;
 }    
.primery b {
font-size: 22px !important;
    font-weight: bold !important;
    margin-top: 7px;
    line-height: normal !important;
}
y{
    float: right;
    margin-right: 55px;
}
g{
color:#fcb101;
}
.blockinfo{
    background: #fff;
    color: #000;
    width: 216px;
    height: auto;
    border-radius: 5px;
    padding-left: 30px;
    height: 100px;
    float: left;
    margin-top: 21px;
    margin-right: 31px;
}
    
.block1 img{
	    width: 204px;
	    margin: 0px auto;
	    display: block;
	    margin-right: 12px;
}
.block2 img{
		margin: 0 auto;
        display: block;
}
.block4  img{
		margin: 0 auto;
        display: block;
}
.block5  .radius img{
	    width: 84px;
		margin: 0 auto;
        display: block;
}
.block5  .radius p{
    font-size: 21px;
	line-height: 3;
}
.block5 .radius b {
    font-size: 21px;
	line-height: 2.5;
}
.block5  .radius{
    padding-bottom: 0px;
    padding-top: 30px;
}
.block4 .column{text-align: center;}
.block1{    padding-top: 36px;}
.block1 .column{margin-right: 35px;text-align:center;font-size: 20px;}
.block1 .column:last-child{margin-right: 0px !important;}
.block2 .column{margin-right: 18px;}
.block4 .column{margin-right: 18px;}
#primery .column{margin-right: 0px;}
.block5 .column{ }
.block2 .column:last-child{margin-right: 0px !important;}
.block3 .column:last-child{margin-right: 0px !important;}
.block4 .column:last-child{margin-right: 0px !important;}
.block5 .column:last-child{margin-right: 0px !important;}
.block6 .column:last-child{margin-right: 0px !important;}
.block3{
	position: relative;
	margin-bottom: 42px;
	margin-top: 79px;
	text-align: left;
	background: #22956c;
	background-size: cover;
}
.block3 .column {
    margin-top: 63px;
    color: #000;
    text-align: left;
    margin-bottom: 63px;
}
.block3 p{
font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 1.2;
    padding-top: 7px;
    margin-bottom: 3px;
	    padding-bottom: 1px;
}
.block3 h1{  
color:white;
position: relative;
    top: 50px;}
.block5 p{
    font-size: 15px;
    letter-spacing: 0.3 !important;
    line-height: 1.4 !important;
}
.block5 p b{
    font-size: 16px;
    line-height: 1.2;
}
.block5 h1{
    letter-spacing: 1;
    font-weight: bold;
    margin-top: -7px;
}
.block6{ }

#otzyv .column{ 
    text-align: left;
    padding-top: 0px;
}

#otzyv .column small{ 
   font-size: 17px;
    letter-spacing: -0.55px;
}

#otzyv .column b {
    font-size: 18px;
    letter-spacing: 0.15px;
}
#otzyv .column p {
    padding-left: 20px;
    padding-right: 20px;
}
.ava{
    width: 63px !important;
    height: auto !important;
    float: left;
    padding: 25px;
    top: 11px;
    position: relative;
}
.name{
    font-size: 21px !important;
    margin-bottom: -15px;
    margin-top: 10px;
}
.rec{
color: #918889;
    font-size: 15px;
    letter-spacing: 0.55px;
    padding: 15px !important;
    }
.adress{
	width:65%;
	height:440px;
	position: relative;
    margin-top: 50px;
}
.adress h1{
text-align:left;
}
.adress b{
line-height: 0 !important;
letter-spacing: 0px;
}

#feedback{
    height: 100px;
    margin-top: 10%;
    font-size: 2em;
    line-height: 3;
}
figure h1 {
    font-size: 29px;
    margin-top: 35px;
}
figure input{
    width: 88%;
    margin-top: 13px;
}
figure p {
font-size: 14px;
    text-align: left;
    padding-left: 27px;
    padding-right: 20px;
    line-height: 1.4 !important;
}
figure tbody img {
    position: absolute;
    width: 45%;
    top: 65px;
}
figure button {
    padding: 1em 3.5em;
display: table;
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    border-width: 3px 0;
    border-radius: 5px;
    background: #0058ac;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin: 11px auto;
}
#zvonok figure {
    overflow: hidden;
    height: auto;
}
#zvonok figure button {
    width: 88%;
}

/*figure tbody tr td {
    border-right-style: solid;
    border-right-width: 1px;
    border-color: #a0a0a0;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 8px 5px;
    margin: 8px 63px;
}*/

.ico{
    width: 6%;
    height: 6%;
    float: left;
    margin-right: 7px !important;
}

footer .info{
        margin-top: 4px;
    font-size: 16px;
}
footer nav{
 margin-left: 0px !important;  
}
footer nav ul li a {
    color: #fff;
    font-size: 17px;
    padding: 0px 25px;
    display: inline-block;
    text-decoration: none;
}
tbody {
    color: #fff;
}


/*Menu PC*/

nav {
	width: auto;
	float: left;
	margin-top: 17px;
	margin-left: 53px;
}

nav ul {display: table;float: right;margin: 0;padding: 0;top: 10px;right: -40px;position: relative;}
p{
	    margin: 3px;
	    line-height: 2.2;
	    font-size: 19px;
}
nav ul li {
	float: left;
	list-style-type: none;
}
nav ul li:last-child{border-right:none !important;}
nav ul li a {
    color: #fff;
    font-size: 13px;
    padding: 0px 18px;
    display: inline-block;
    text-decoration: none;
}
footer nav ul li a {
    color: #fff;
}
.icon{
    background-image: url("./img/ico/confirmation.png");
    width: 19px;
    height: 19px;
    position: absolute;
    display: inherit;
}
#logo {
	margin-top: 14px;
	float: left;
	position: relative;
	left: 48px;
}

nav ul li:last-child {
	padding-right: 50px;
}

nav ul li a:hover {
    color: #fdb700;
    text-decoration: none;
}

.toggle-menu ul {
	display: table;
	width: 31px;
	margin-left: 0;
	padding-left: 0;
	margin: 5px
}

.toggle-menu ul li {
	width: 100%;
	height: 3px;
	background-color: #fff;
	margin-bottom: 4px;
	list-style: none
}

.toggle-menu ul li:last-child {
	margin-bottom: 0
}

input[type=checkbox],
label {
	display: none;
}


/*Menu PC*/



/*Menu Mobile*/







.ymaps-2-1-76-gotoymaps, .ymaps-2-1-76-zoom,.ymaps-2-1-76-copyright__content, .ymaps-2-1-76-controls__control,.ymaps-2-1-76-float-button,.ymaps-2-1-76-listbox {
    display: none !important;
}


/* Unopened CSS Modal */
.cssmodal {
    display: flex;
    position: absolute;
    z-index: 999999;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: top 0s .5s, opacity .5s 0s;
    transition: top 0s .5s, opacity .5s 0s;
}


/* Opened CSS Modal */
.cssmodal:target {
    top: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    position: fixed;
}

/* CSS Modal content */
.cssmodal figure {
    width: 95%;
    position: relative;
    opacity: 0;
    background-color: white;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    text-align: center;
}
figure  {max-width: 28%;height:auto !important;}

figure tbody{color:#000; text-align:left;}
tbody img{width:100%;}
figure  .line {
    margin-bottom: 10px;
    margin-top: 10px;
}
figure  .block2 td img {
    width: 45%;
}

/* Dialog modal style */
.cssmodal.dialog figure {
    background: white;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
}

/* Dialog modal h2 style */
.cssmodal.dialog figure h2 {
    margin-top: 0;
    padding-bottom: 5px;
}

/* CSS Modal content when opened */
.cssmodal:target figure {
    opacity: 1;
}

/* style for small x link inside dialog modal */
.cssmodal.dialog .smallclose {
    text-decoration: none;
    position: absolute;
    right: 6px;
    top: 0px;
    font-size: 36px;
}


/* veil that covers page when CSS Modal is open */
.cssmodal .veil {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    content: "";
    cursor: default;
    visibility: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* veil style when CSS Modal is open */
.cssmodal:target .veil {
    visibility: visible;
}



   @media only screen and  (min-width: 1920px) and (max-width:1920px) {
.row{
	display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex;
}

.column {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.column {
 /* padding-top: 14px; */
  padding-bottom: 20px;
  margin-top: 24px;
}
.header {
    width: 62%;
}
a.buttonborder {
    font-size: 16px;
}
figure a.buttonborder {
    width: 45%;
    float: right;
    font-size: 18px;
    margin-top: 33px;
    text-align:center;
    padding:0.6em;
}

figure{
    overflow-y: scroll;
    height: inherit;
}
.whatsapp .form {
    height: 23.9vh;
}
footer nav {
    margin-left: -24px !important;
}
.rec {
    padding: 16px !important;
}
   }

/* Grid */
   @media only screen and  (min-width: 1600px) and (max-width:1600px) {
.row{
	display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex;
}

.column {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.column {
  padding-top: 14px;
  padding-bottom: 20px;
  margin-top: 24px;
}
.header {
    width: 74%;
}

a.buttonborder {
    font-size: 15px;
}
figure a.buttonborder {
    width: 45%;
    float: right;
    font-size: 18px;
    margin-top: 33px;
    text-align:center;
    padding:0.6em;
}
figure{
    overflow-y: scroll;
    height: inherit;
}
   }

   @media screen and (max-device-width: 1366px) {
.row{
	display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex;
}
.primery .column{margin-right: 0px;}
.column {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.column {
  margin-top: 34px;
}
a.buttonmodal {
    padding: 0.5em 2.5em;
}
figure a.buttonborder {
    width: 43%;
    padding: 0.46em;
}
nav ul li a {
    font-size: 16px;
}

main {
    max-width: 1109px;
}


a.buttonborder {
    font-size: 15px;
}
.header {
    width: 95%;
}

figure{
    height: inherit;
}
figure a.buttonborder {
    width: 45%;
    float: right;
    font-size: 18px;
    margin-top: 33px;
    text-align: center;
    padding: 0.46em;
}
   }


/*Menu Mobile*/

@media only screen and (max-width: 1024px) {
	header {
		padding: 0px 0
	}
	#logo {
		padding: 0;
		margin-top: 15px;
		float:right;
	}
	.toggle-menu ul {
		margin-top: 0px;
	}
	figure tbody{font-size:11px;}
	.hidemobile{display:none;}
	input[type=checkbox],
	label {
		display: block;
	}
	.primery b {
    margin-left: 0px;
}
#svetilnik .column img {
    width: 100%;
    height: 167px;
    margin-bottom: 20px;
    margin-top: -37px;
}
#catalog b {
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
    margin-left: 0px;
    padding-bottom: 10px;
}
#catalog p, small {
    width: 91%;
}
.adress p small {
    width: 100%;
}

button {
    color: #fff;
    text-decoration: none;
    padding: 1em 2em;
    width: 300px !important;
    border: 0px;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    border-width: 3px 0;
    border-radius: 5px;
    background: #0058ac;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-top: 10px;
    margin-bottom: 20px;
}
#feedback:target figure {
    opacity: 1;
    width: 88%;
    padding-top: 60px;
    height: auto !important;
    margin: auto;
    top: 0;
    margin-top: 10px;
}
.primery b {
    font-size: 20px !important;
    font-weight: bold !important;
    position: relative;
    top: 20px;
    margin-bottom: 30px;
    line-height: normal !important;
}
.ico {
    width: 6%;
    height: 6%;
    float: initial;
    margin-right: -20px !important;
}
#otzyv .column b {
    font-size: 18px;
    letter-spacing: 0.15px;
    padding-bottom: 5px;
    text-align: left;
    margin-left: 0px;
}
#otzyv .column p {
    text-align: left;
}
.blockinfo {
    background: #fff;
    color: #000;
    width: 74%;
    height: auto;
    border-radius: 5px;
    padding-left: 30px;
    position: relative;
    height: 100px;
    margin: 0 auto;
    float: inherit;
    margin-top: 21px;
    margin-right: auto;
}
.logo {
    right: 60px;
}
header h1 {
    color: white !important;
    font-size: 34px;
    text-align: center;
}
header span {
    text-align: center;
    display: none;
}
header {
    height: 100% !important;
}
.blockzakaz p {
    bottom: 0px;
}
.blockzakaz {
    background: #fff;
    color: #000;
    text-align: center;
    width: 330px;
    padding: 10px;
    float: inherit;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    bottom: 20px;
}

.primery .column p {
    text-align: left;
    position: relative;
    left: 15px;
    width: 103% !important;
    letter-spacing: normal !important;
    font-size: 16px !important;
    padding-bottom: 6.2px !important;
}

.primery .column p b{
    width: 85%
}

.zahvat {
    height: 100% !important;
}
	input[type=checkbox] {
		position: absolute;
		top: -7777px;
		left: -7777px;
		background: none
	}
	input[type=checkbox]:focus {
		background: none
	}
	input[type=checkbox]:checked~nav {
		display: block
	}
	nav {
    display: none;
    position: absolute;
    right: 0;
    top: 79%;
    background: rgba(0, 0, 0, 0.45);
    padding: 0;
    z-index: 99;
    width: 100%;
	}
	nav ul {
		width: 100%;
		right: 0px;
	}
	nav ul li {
		float: none;
		padding: 0;
		width: 100%;
		display: table
	}
	nav ul li a {
    color: #FFF;
    font-size: 22px;
    padding: 10px 20px;
    display: block;
	}

  .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
		display: block;
  }
  .column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .menu {
    bottom: 0px;
}
.header {
    width: 100% !important;
}
.zahvat {
    height: 430px;
}
footer .menu nav {
    background: #333436;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: 1px;
}
footer .menu {
    background: #333436 !important;
    height: 30px !important;
}
#m1 figure {
    max-width: 90%;
    height: 90%;
}
#m2 figure {
    max-width: 90%;
    height: 90%;
}
#m3 figure {
    max-width: 90%;
    height: 90%;
}
#m4 figure {
    max-width: 90%;
    height: 90%;
}
#m5 figure {
    max-width: 90%;
    height: 90%;
}
#m6 figure {
    max-width: 90%;
    height: 90%;
}
footer #logo
{text-align: center;
    top: 20px;
    float: initial;
    position: relative;}
label{
	    padding-top: 33px;
	    margin-left: 10px;
}
img{
	    display: initial !important;
		    width: auto;
}
.column {
    margin-right: 0px !important;
}
 .column {
	margin-right: 0px !important;
    margin-top: 15px;
	padding-top: 15px;
}
.block3{width:100% !important;}
.block3  h1{
    color: white !important;
    position: relative;
    top: 25px;
}
.center {
    margin-left: 5px !important;
}
input {
    width: 98% !important;
}
section{
 /*   padding-top: 36px; */
    width: 90%;
    margin: 0 auto;
}
.zahvat {
    background-size: cover;
}
.block5  {
    width: 100%;
}
.block5 button {
    margin-top: 21px;
}
.kachestvo {
    width: 90%;
    margin: 0 auto;
}
.cel {
    font-size: 33px;
}
h1 {
    font-size: 1.7em;	
    color: black !important;
    text-align: center;
}
b {
    line-height: normal !important;
    margin-left: 20px;
}

a.buttonhead {
    margin-top: 77px;
     font-size: 20px;
    margin: 50px auto;
}

.number_block {
    width: auto !important;
}

.number_block b {
    font-size: 18px !important;
}
.eli{
    width: 98%;
    height: 95.89%;
    margin-top: -35px;
    }
 .phone {
    left: 94px;
}   
.line {
    margin-bottom: 0px;
    margin-top: 60px;
}
.block3 .column {
width: 90%;
padding-left: 5%;
font-size: 16px;
padding-bottom: 30px;
}
.block2, .block4, .column {
    margin-top: 20px;
}
/*.block2, .column{margin: 0 auto;}*/
.block4 img {
 /*   width: 40%; */
    margin: 0 auto;
    display: block;
}
.block5 h1 {
    margin: 0px;
    font-weight: bold;
}
.block5 .column h1 {
    color: white !important;
    text-align: center;
    font-size: 33px;
}
.circle {
    margin-bottom: 20px;
    margin-top: 10px;
}
.rec {
    padding-top: 22px !important;
    text-align: left;
}
.adress h1 {
    text-align: center;
    color: white !important;
    padding: 20px;
}
.adress a {
    text-align: center;
    color: white !important;
    padding: 20px;
}
#okompanii {
    width: 100%;
}
.block6 {
    color: #fff;
    padding-bottom: 66px;
    padding-top: 36px;
}
.block1 img {
    width: 70%;
}
.block2 img {
    width: 100% !important;
    margin-top: -15px;
}

.block4 .column {
    padding-top: 37px;
    padding-bottom: 0px;
    margin-top: 20px;
    text-align: center;
}
.block3 p {
    font-size: 20px;
}
p {
    font-size: 20px;
    text-align: center;
}
.block5 p {
    font-size: 20px;
    padding: 20px;
}	
.block5 p b {
    font-size: 20px;
}
h2 {
    font-size: 22;
}
.block5 .radius img {
    width: 40%;
}
.block5 .radius b {
    font-size: 20px;
}

button {
    font-size: 20px;
}
a.button {
    font-size: 20px;
    padding: 0.8em 2.3em;
}
font {
    font-size: 22px;
}
a.buttonborder {
    font-size: 13px;
	margin: 0 auto;
}
.adress{
	width:100%;
}
header {
    height: 727px;
}
button {
    width: 100%;
}

.info {
    float: inherit;
    position: relative;
    color: #000;
    text-align: center;
    display:none;
}
.info a {
    top: -46px;
    text-decoration: none;
    position: relative;
    color: white !important;
    right: 36px;
}
.menu{
    background: #0058ac;
    text-align:center;
}
.menu nav{
    background: #0058ac;
 /*   padding-top: 50px;  */
    padding-bottom: 20px;
    margin-top: 1px;
}
figure a.buttonborder {
    margin-top: 0px;
}
figure a.buttonmodal {
  padding: 0.5em 2.5em;
    width: 57%; 
/*    
    */
}
#spirt figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 57%;
    margin-left:4px;
}
#dietil figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 63%;
    margin: 0 auto;
    margin-left: 3%;
    margin-bottom: 15px;
    margin-top: 15px;
}
footer nav {
    display: block;
    margin-top: 1px;
}
nav ul li:last-child {
border-right: 1px solid #77a246;
}

figure input {
    width: 86% !important;
    }
figure tbody img {
    position: absolute;
    width: 0%;
    top: 0;
}
figure {
    overflow-y: scroll;
    height: inherit;
    max-width: 100%;
}
.cssmodal figure button {
    width: 88% !important;
    padding: 1em;
}
.cssmodal a.buttonborder {
    padding: 10px;
    width: 88%;
    text-align: center;
}
.frontpage {
    display: contents !important;
}
}

@media only screen and (max-width: 768px) {
#spirt figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 83%;
    margin-left: 0px;
}

}

@media only screen and (max-width: 414px) {
#spirt figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 63%;
    margin-left: 11px;
}
#dietil figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 63%;
    margin-left: 11px;
}
figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 58%;
    margin-left: 8px;
}
}

@media only screen and (max-width: 411px) {
#spirt figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 63%;
    margin-left: 10px;
}
#dietil figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 63%;
    margin-left: 10px;
}
figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 58%;
    margin-left: 8px;
}
}  

@media only screen and (max-width: 390px) {
.primery .column p {
    text-align: left;
    position: relative;
    display: inherit;
    width: 356px !important;
    letter-spacing: normal !important;
    font-size: 16px !important;
    padding-bottom: 6.2px !important;
}
}  
 
@media only screen and (max-width: 375px) {
#spirt figure a.buttonmodal {
padding: 0.5em 2.5em;
    width: 58%;
    margin-left: 7px;
}
#dietil figure a.buttonmodal {
padding: 0.5em 2.5em;
    width: 58%;
    margin-left: 7px;
}
figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 54%;
    margin-left: 6px;
}
}

@media only screen and (max-width: 360px) {
#spirt figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 56%;
    margin-left: 5px;
}
.primery .column p {
    text-align: left;
    position: inherit;
    display: inline-block;
    width: 340px !important;
    margin-left: 10px;
    letter-spacing: normal !important;
    font-size: 15.5px !important;
    padding-bottom: 6.2px !important;
}
figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 54%;
    margin-left: 3px;
}
#dietil  figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 56%;
    margin-left: 5px;
}
}

@media only screen and (max-width: 320px) {
#spirt figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 53%;
    margin-left: 0px;
}
.primery .column p {
    text-align: left;
    position: relative;
    display: inline-block;
    width: 295px !important;
    letter-spacing: normal !important;
    font-size: 15px !important;
    padding-bottom: 6.2px !important;
}
#dietil  figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 53%;
    margin-left: 0px;
}
figure a.buttonmodal {
    padding: 0.5em 2.5em;
    width: 49%;
    margin-left: 0px;
}
}

/*gallery*/
.fp-item div > img {
    width: 100%;
}

.fp-item div > label {
    border-radius: 5px;
}
.fp-cell:hover label {
    cursor:zoom-in;
}

.fp-item:hover label {
    opacity: 0.5;
    background-color: #000;
/*	transition: filter .25s ease-in-out;
	cursor:pointer;
	transition: background-color 0.3s ease;
    transition: transform 0.4s ease;
    transform: scale(1.1);*/
}
.frontpage {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 1px;
  margin: 0 -16px;
}
.fp-cell {
  padding: 16px;
}
.fp-cell--1 {
grid-row: 1 / span 1;
}
.fp-cell--2 {
    grid-row: 2 / span 1;
}
.fp-cell--3 {
    grid-column: 2 / span 1;
}
.fp-cell--4 {
/*grid-row: 2 / span 2;*/
}
.fp-cell--5 {
  grid-column: 2;
}
.fp-cell--6 {
  grid-column: 3;
}
.fp-item {
  display: flex;
  min-height: 400px;
  height: 100%;
  background-color: #000;
  border-radius: 10px;
}
input[type="checkbox"] {
  display: none;
}
input + label {
  display: block;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
 background-size: cover;
     border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
input:checked + label {
    width: 150px;
    height: 46px;
  position: fixed;
     opacity: 1 !important;
  right: 0;
  top: 0;
  background-color: #070707d9;
  background-size: contain;
  z-index: 99999;
}
/*gallery*/

.number_block{
    border: 1px solid #ccc;
    margin-bottom: 25px;
    border-radius: 5px;
    padding: 20px;
    width: 91%;
    background: white;
}
.number {
font-size: 70px;
    color: white;
    font-weight: bold;
    padding-right: 23px;
    float: left;
    text-shadow: 2px 2px 0 #22956c, 2px -2px 0 #22956c, -2px 2px 0 #22956c, -2px -2px 0 #22956C, 2px 0px 0 #22956c, 0px 2px 0 #22956c, -2px 0px 0 #22956c, 0px -2px 0 #22956c, 8px 8px 2px rgba(206,89,55,0);
}
.number_center {
    padding-right: 0px !important;
    float: none !important;
}
.number_block b{
font-size:20px;
}

.center{
    text-align: center !important;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px !important;
    padding-top: 5px;
    margin-bottom: 10px;
}

.center b {
    line-height: normal !important;
}




/* RESET RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --white: white;
  --gradient: linear-gradient(-45deg, #008a7c 0%, #008a7c 50%);
  --form: #eeefef;
  --border-radius: 4px;
  --form-width: 400px;
  --form-mob-width: 320px;
}

.whatsapp * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.whatsapp a {
  text-decoration: none;
  color: inherit;
}

.whatsapp button,
label {
  cursor: pointer;
}

.whatsapp label {
  display: block;
}

.whatsapp button,
input,
textarea {
  font-family: inherit;
  font-size: 100%;
  border: none;
}

.whatsapp textarea {
  resize: none;
}

/*body {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--white);
}*/

.whatsapp h1 {
  font-size: 2rem;
  text-align: center;
  margin-top: 20vh;
}

/* FORM
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.whatsapp [type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.whatsapp  .feedback-label,
.form {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.whatsapp .feedback-label {
  transform-origin: top right;
  z-index: 2;
}

.whatsapp .form {
    width: var(--form-width);
    height: 33.2vh;
    transform: translate(100%, -50%);
    overflow: auto;
    background: #efe7dd url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;
    box-shadow: 1px 2px 8px rgb(60 60 60 / 25%);
    border-radius: 6px;
    z-index: 1;
}

.whatsapp .feedback-label,
.form,
.form button {
  transition: all 0.35s ease-in-out;
}

.whatsapp .feedback-label,
.form input,
.form textarea,
.form button {
  border-radius: var(--border-radius);
}

.whatsapp .feedback-label,
.form button {
  background: var(--gradient);
  color: var(--white);
}

.whatsapp .feedback-label:hover,
.form button:hover {
  filter: hue-rotate(-45deg);
}

.whatsapp .feedback-label {
    padding: 10px 20px;
    background: rgb(255, 255, 255) !important;
    color: #008a7c;
    box-shadow: rgb(0 0 0 / 15%) 0px 3px 12px;
    margin-right: 20px;
    outline: 0 !important;
    right: 0px;
    width: 150px;
}

.whatsapp .feedback-label::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #59d066;
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    right: 4px;
    top: 4px;
}

.whatsapp form div:not(:last-child) {
  margin-bottom: 20px;
}

.whatsapp form div:last-child {
  text-align: right;
}

.whatsapp .form input,
.form textarea {
  padding: 0 5px;
  width: 100%;
}

.whatsapp .form button {
right: 10px;
    bottom: 15px;
    position: absolute;
    background: #008a7c;
    border-radius: 50%;
    padding-left: 5px;
    padding-top: 2px;
    width: 48px;
    height: 48px;
}

.whatsapp .form input {
  height: 40px;
}

.whatsapp .form textarea {
 border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 10px;
    width: 80%;
    height: 55px;
    float: left;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none;
}

.whatsapp [type="checkbox"]:checked + .feedback-label {
top: 70%;
    margin-right: 20px;
}

.whatsapp [type="checkbox"]:focus + .feedback-label {
  outline: 2px solid rgb(77, 144, 254);
}

.whatsapp [type="checkbox"]:checked ~ .form {
  transform: translate(0, -50%);
      right: 10px;
}

/* MQ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 600px) {
/*  body {
    font-size: 16px;
  }*/
.whatsapp .form button {
    right: 3px;
}
.whatsapp   .form {
    padding: 0px;
    width: var(--form-mob-width);
    height: 213px;
  }

.whatsapp   form div:not(:last-child) {
    margin-bottom: 10px;
  }

.whatsapp   [type="checkbox"]:checked + .feedback-label {
    transform: rotate(-90deg) translate(50%, calc((var(--form-mob-width) + 100%) * -1));
    /*uncomment this if you want to reverse the order of the characters*/
    /*transform: rotate(90deg) translate(50%, var(--form-mob-width));*/
  }
}

/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.whatsapp  .page-footer {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 0.85rem;
  color: var(--black);
}

.whatsapp .page-footer span {
  color: #e31b23;
}



/*------------*/
.whatsapp .user-bar {
    height: 55px;
    background: #005e54;
    color: #fff;
    padding: 0 8px;
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.whatsapp .user-bar .avatar {
    margin: 0 0 0 5px;
    width: 36px;
    height: 36px;
}
.whatsapp .user-bar div {
    float: left;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}
.whatsapp .user-bar .avatar img {
    border-radius: 50%;
    box-shadow: 0 1px 0 rgb(255 255 255 / 10%);
    display: block;
    width: 100%;
}
.whatsapp .user-bar .name {
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    margin: 0 0 0 8px;
    overflow: hidden;
    white-space: nowrap;
    width: 210px;
}
.whatsapp .user-bar .status {
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
}

.whatsapp .message.received {
    background: #fff;
    border-radius: 0px 5px 5px 5px;
    float: left;
    margin-left: 20px;
}
.whatsapp .message {
    color: #000;
    clear: both;
    line-height: 18px;
    font-size: 15px;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 85%;
    word-wrap: break-word;
    z-index: -1;
}
.whatsapp .message.received:after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px;
}
.whatsapp .message:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}