/*
THEME NAME: Empty Canvas
THEME URI: http://web-master58.ru/
Description: <a href="http://web-master58.ru/" target="_blank" title="Разработка и создание сайтов">Разработка и создание сайтов</a> - web-master58.ru
VERSION: 1.0
AUTHOR: <a href="http://web-master58.ru/">Руслан</a>
Russian translation: http://web-master58.ru/
*/

@import "reset.css";



/* ----------------  шрифты  --------------------- */

/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url(/wp-content/themes/EmptyCanvas/font/8v5Te3n1zxIm7cF0xXG0iiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url(/wp-content/themes/EmptyCanvas/font/37_egASvAhc9tHwCuoIfKyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url(/wp-content/themes/EmptyCanvas/font/Rpc1bsIIcqFfucX8mi4y5vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(/wp-content/themes/EmptyCanvas/font/pEbpp8gu02JrI5SDG9jj6g.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(/wp-content/themes/EmptyCanvas/font/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(/wp-content/themes/EmptyCanvas/font/-A4eIjQkAwKL411pgtQ4VA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(/wp-content/themes/EmptyCanvas/font/bjq6AK9kaX_qiS97tqNwpBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(/wp-content/themes/EmptyCanvas/font/j6S3lQriBGoUURQ3ejUiKBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(/wp-content/themes/EmptyCanvas/font/AbMslUVu4Wq5jvNwOBLwLvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* Icomoon */
@font-face {
  font-family: 'Icomoon';
  font-style: normal;
  font-weight: 500;
  src: local('Icomoon'), url(/wp-content/themes/EmptyCanvas/font/icomoon.woff) format('woff');
}

body, html, p, a, h1, h2, h3, h4, h5, h6, strong, span, em, ol, li, ul, tr, td, input, button, textarea {
    font-family: 'Exo 2', sans-serif, Arial;
}


/* ----------------  капча  --------------------- */

.grecaptcha-badge {
    display: none !important;
}

/* ----------------  whatsapp --------------------- */

.WhatsApp.right {
	right: 25px!important;
    left: auto;
	bottom: 50px;
	position: fixed;
    z-index: 99;
	width: 60px;
    height: 60px;
    cursor: pointer;
}

.WhatsApp_txt {
    position: absolute;
    width: 156px;
    right: 100%;
    background-color: #f5f7f9;
    font-size: 12px;
    color: #43474e;
    top: 15px;
    padding: 7px 0 7px 12px;
    margin-right: 7px;
    letter-spacing: -.03em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: .4s ease all;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
}

a.messege img {
    width: 40px;
    height: 40px;
    margin: 10px 10px 0 0;
}

/* ----------------  города  --------------------- */

.post-content ul.goroda {
    margin-left: 0;
    margin-bottom: 0;
}

.post-content .goroda li, .goroda li {
    list-style-type: none;
    float: left;
    border: 1px solid #e0e0e0;
    padding: 5px;
    margin: 0 5px 5px 0;
    color: #848484;
    font-size: 13px;
}

.delivery-cities h3 {
    margin: 15px 0;
    font-size: 22px;
    color: #ffffff;
    font-weight: 700;
}

.delivery-cities {
    background: #0d70a8;
    display: flex;
	padding: 0 0 15px 0;
}

ul.goroda a {
    color: #848484;
    text-decoration: none;
}

/* ----------------  меню шапки  --------------------- */

#menu {
    z-index: 999;
}

.back-zel {
  background-color: #ffffff;
}

.head-menu {
  height: 50px;
}

.menu-header {
  margin: 0 auto;
}

.screen1200 {
  width: 1200px;
}

.menu-header li {
  list-style-type: none;
  float: left;
}

.menu-header li a {
  display: inline-block;
  color: #333333;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  padding: 23px 27px 23px 27px;
  line-height: 15px;
}

.menu-header li a:hover {
  text-decoration: none;
  color: #333333;
}

.menu-header li ul.sub-menu li a {
    padding: 10px 10px 10px 30px;
    font-weight: 300;
}

.menu-header li ul.sub-menu li:hover {
    background: #1b98de;
    cursor: pointer;
}

.menu-header li ul.sub-menu > li:hover > a {
    color: #ffffff;
}

.searchblok {
    text-align: right;
    padding: 10px 10px 0 0;
}

.searchblok input#s {
    height: 19px;
    width: 240px;
    border: 0px;
    padding: 4px 10px;
    font-size: 14px;
}

.searchblok input#searchsubmit {
    background: #52a71d;
    border: 0px;
    color: #ffffff;
    line-height: 27px;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer;
}

.searchblok input#searchsubmit:hover {
    background: #67c72a;
}

img.logotyp {
    padding: 4px 0;
    float: left;
}


/* ------------- menu ------------- */

.mobile-menu {display: none; }

div#menu {
    background: #1e3685;
    width: 100%;
    height: 50px;
    margin: 0 auto;
}

#menu ul li a {
    color: #ffffff;
}

#menu ul li {
    float: left;
}

ul.sub-menu {
    display: none;
}

ul.sub-menu ul.sub-menu {
    display: none;
}


ul#menu-glavnoe li.menu-item-has-children > a,
ul#menu-glavnoe-pk li.menu-item-has-children > a {
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) 93% 50% no-repeat;
    display: block;
}

ul#menu-glavnoe > li.menu-item-has-children > a,
ul#menu-glavnoe-pk > li.menu-item-has-children > a {
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) 100% 50% no-repeat;
    display: block;
}


li:hover .sub-menu {
    display: block;
}

.sub-menu {
    position: absolute;
    position: fixed;
    width: 180px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
}

.sub-menu {
    z-index: 999;
    opacity: 1;
}


#menu ul li a {
    display: block;
    padding: 17px 18px;
    text-transform: none;
    font-size: 16px;
}

#menu ul li.menu-item-has-childrenn a {
    padding-right: 30px;
}

ul.sub-menu {
    background: #f6f6f6;
    position: absolute;
    width: 270px;
}

ul.sub-menu li {
    width: 100% !important;
}

#menu ul.sub-menu li a {
    padding: 10px 20px 10px;
    font-size: 15px;
}

#menu ul.sub-menu li:nth-child(1) a {
    padding: 10px 20px 10px;
}

#menu ul.sub-menu li:last-child a {padding: 10px 20px 15px;}

ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    margin-left: 270px;
    margin-top: -35px;
    display: block;
}

ul.sub-menu li.menu-item-has-children {
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) 95% 50% no-repeat;
}

ul.sub-menu li.menu-item-has-children:hover {
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) 95% 50% #ffaa50 no-repeat;
}

ul.sub-menu li:hover {
    background: #ffaa50;
}

.pagewidth {
    width: 1400px;
    margin: 0 auto;
    display: table;
}

ul#menu-glavnoe > li:hover > a,
ul#menu-glavnoe-pk > li:hover > a {
    color: #ff9728;
}


/* ----------------- контакты шапки ------------------ */

.lmb {display: none;}

.fullscreen.fon-header {
    background: url(/wp-content/uploads/2017/11/fon-cpa.jpg) 0 0 no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: inline-block;
}

.screen1200 {
  width: 1200px;
  margin: 0 auto;
}

.kont-header {
  height: 110px;
}


.color-zelty {
  background-color: #e7e3bc;
}

.h-blok {
    padding: 50px 0 20px 0;
    width: 33.33%;
    float: left;
    line-height: 20px;
}

.h-blok p {
    font-size: 22px;
    padding: 0;
    margin: 0;
    line-height: 28px;
    color: #ffffff;
    font-weight: 300;
}

.h-blok:nth-child(2) {
    text-align: center;
}

.h-blok:nth-child(3) {
    text-align: right;
}


.kont-header.screen1200 {
    display: table;
}

a.phone {
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
    color: #ffffff;
    text-decoration: none;
}

.h-blok p a {
    color: #ffffff;
}

.h-blok p a:hover {
	text-decoration: none;
}


.header-page .h-blok {
    padding: 20px 0 20px 0;
    width: 25%;
    float: left;
}

.header-page .h-blok p, .h-blok.h-page-bl.adress a {
    font-size: 16px;
    line-height: 22px;
}

.h-blok a {
    color: #ffffff;
    text-decoration: none;
	font-size: 22px;
    line-height: 24px;
}

.h-blok a:hover {
    color: #ffffff;
    text-decoration: none;	
}

.h-blok a.fancybox-inline {
    margin: 15px 0 0 0;
    background: #1b98de;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    font-size: 16px;
    line-height: 18px;
}

.h-blok a.fancybox-inline:hover {
	background: #35b1f7;
}

.header-page .h-blok:nth-child(2) {
    text-align: left;
}

.header-page a.phone {
    font-size: 20px;
    line-height: 28px;
}

.header-page .h-blok:nth-child(3) {
    text-align: left;
}

.header-page {
    padding-bottom: 50px;
}


.h-blok.h-page-bl a:hover {
    text-decoration: none;
}


.header-page .h-blok.h-page-bl {
    text-align: left;
}

/* -------------------- коментарии --------------------- */


#respond input#submit {
    background: #37AEED;
    border: 0px;
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 3px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
}

.sow-slider-image-foreground-wrapper img {
    width: 100% !important;
    height: auto;
}

/* -------------------- прозрачные кнопки --------------------- */

.blok-botton {
    clear: both;
    display: block;
    margin-bottom: 125px;
    padding-bottom: 70px;
}

.bl-bottn {
    width: 25%;
    float: left;
    padding: 50px 0;
    text-align: center;
}

.bl-bottn a {
    border: 1px solid #ffffff;
    padding: 15px 25px 16px 0px;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.bl-bottn a:hover {
    background-color: #ffffff40;
    text-decoration: none;
    color: #ffffff;
}

.bl-bottn a:before {
    content: " ";
    padding: 14px 25px;
    border-right: 1px solid #ffffff;
    background: url(/wp-content/uploads/2017/11/botton.png) 50% 50% no-repeat;
    z-index: 9999;
    margin-right: 15px;
    box-sizing: border-box;
	margin-left: -1px;
}

/* ------------ меню кубы -------------- */

ul#menu-produktsiya > li {
    float: left;
    background: #ff9728;
    color: #333333;
    width: 25%;
    text-align: center;
    border-left: 1px solid #ae5c04;
    box-sizing: border-box;
}

ul#menu-produktsiya > li > a {
    color: #333333;
    text-decoration: none;
    font-weight: 700;
    padding: 75px 0 10px 0;
    display: block;
}

ul#menu-produktsiya > li.current-menu-item {
	background: #ffaa50;
}

.menu-kub {
    margin-top: -45px;
    position: relative;
}

.kont-header.screen1200.kubheader {
    display: block;
}

ul#menu-produktsiya > li:nth-child(1) > a {
    background: url(/wp-content/uploads/2017/11/icon-02.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(2) > a {
    background: url(/wp-content/uploads/2017/11/icon-03.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(3) > a {
    background: url(/wp-content/uploads/2017/11/icon-05.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(4) > a {
    background: url(/wp-content/uploads/2017/11/icon-06.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(5) > a {
    background: url(/wp-content/uploads/2017/11/icon-05.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(6) > a {
    background: url(/wp-content/uploads/2017/11/icon-06.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(7) > a {
    background: url(/wp-content/uploads/2017/11/icon-07.png) 50% 30% no-repeat;
}

ul#menu-produktsiya > li:nth-child(8) > a {
    background: url(/wp-content/uploads/2017/11/icon-08.png) 50% 30% no-repeat;
}

ul#menu-produktsiya ul.sub-menu {
    background: #ff9728;
    text-align: left;

}

ul#menu-produktsiya ul.sub-menu a {
    color: #333333;
    padding: 10px 10px 10px 15px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 15px;
}

ul#menu-produktsiya > li:hover {
    background: #ffaa50;
}


ul#menu-produktsiya li:nth-child(8) ul.sub-menu {
    margin: 0 0 0 -111px;
}

/* ------------ главная -------------- */

.screen1200 {
  width: 1200px;
  margin: 0 auto;
}

.fullscreen {
  width: 100%;
}

.blok-title {
  text-align: center;
  padding: 20px 0;
}

.post-content h1 {
    font-size: 160%;
    margin-bottom: 10px;
    padding: 0px;
    font-weight: 700;
    color: #333;
}

.blok-title h2, .blok-title h1 {
    font-size: 30px;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.blok-title p {
  font-size: 20px;
  color: #6e6e6e;
  padding: 0;
  margin: 0;
    line-height: 24px;
}

.bezpad {
    padding-bottom: 0;
    margin-bottom: 0;
}

.razdel {
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    width: 24%;
    text-align: center;
    float: left;
    margin: 0 0.66% 1% 0.66%;
    background-color: #ffffff;
    padding: 8px;
}

.razdel:nth-child(2),
.razdel:nth-child(6) {
    margin: 0 0.66% 1% 0;
}


.razdel:nth-child(5),
.razdel:nth-child(9) {
    margin: 0 0 1% 0.66%;
}

.razdel a.btn-razdel {
    color: #333333;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    padding: 10px;
    display: block;
}

.razdel a.btn-razdel:hover {
  color: #ff9728;
  text-decoration: none;
}


a.zakaz-btn {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fecc0c, endColorstr=#fddf58)";
    background: -webkit-linear-gradient(to top, #fecc0c, #fddf58);
    background: -moz-linear-gradient(to top, #fecc0c, #fddf58);
    background: -o-linear-gradient(to top, #fecc0c, #fddf58);
    background: linear-gradient(to top, #fecc0c, #fddf58);
    color: #333333;
    text-decoration: none !important;
    padding: 7px 10px;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ceb554;
    margin-top: 10px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

a.zakaz-btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffdf13, endColorstr=#feed68)";
    background: -webkit-linear-gradient(to top, #ffdf13, #feed68);
    background: -moz-linear-gradient(to top, #ffdf13, #feed68);
    background: -o-linear-gradient(to top, #ffdf13, #feed68);
    background: linear-gradient(to top, #ffdf13, #feed68);
    color: #333333;
    text-decoration: none;
}


/* 
a.zakaz-btn {
    background: #ffc107;
    border: none;
    border-radius: 5px;
    color: #171717;
}

a.zakaz-btn:hover {
    background: #1b98de;
    color: #ffffff;
} */

.razdel p {
    font-size: 20px;
    line-height: 28px;
}

.razdel p span {
    font-weight: 700;
    color: #d50a0a;
}

.razdel a img:hover {
    opacity: 0.8;
}

.razdel a img {
    opacity: 1;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


/* ------------ акция -------------- */

.prise {
    margin-bottom: 15px;
}


/* ------------ преимущества -------------- */

.dostavka {
    width: 25%;
    text-align: center;
    float: left;
}

.dostavka p {
  font-size: 17px;
  line-height: 26px;
  margin: 0px;
  padding: 0 0 15px 0;
}

.fon-preim {
    background: url(/wp-content/uploads/2017/11/fon-preim.jpg) repeat;
   /* margin: 25px 0 25px 0; */
    padding: 10px 0 30px 0;
    display: inline-block;
}


.dostavka p strong {
    color: #ff9728;
    font-size: 20px;
    padding: 15px 0 0 0;
    display: block;
}

.dostavka p {
    color: #7d7d7d;
}




/*------------------------------ о компании -------------------------------*/

.kompany-blok-1 {
    width: 100%;
    float: left;
    padding-right: 20px;
}

.kompany-blok-2 {
    width: 100%;
    float: left;
}

.kompany-blok-2 img {
    float: left;
    padding: 0 0 15px 15px;
}

.kompany-blok-1 h2 {
    text-align: center;
    color: #000000 !important;
    font-weight: 300;
}


/*------------------------------content-------------------------------*/


.content {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}

.description.panel-row-style {
    clear: both;
    padding-top: 15px;
}

/*------------------------------ таблицы в прайс листе -------------------------------*/

table.prise-list tr td:first-child {
    width: 32%;
}

table.prise-list tr td {
    width: 17%;
}

table.prise-list {
    width: 100%;
}

table.prise-list tr:nth-child(1) td {
    font-weight: 700;
}


/*------------------------------ таблицы -------------------------------*/



table.table-style{
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border: 5px solid #f9f9f9;
}

table.table-style tr:hover td {
	background: #E7E7E7;
}

table.table-style.characteristics-table{
    border: 4px solid #93cc70;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0 15px 0px;
}

table.table-style .aaaa {color:#000;text-decoration:none;}
table.table-style tr:hover .aaaa {color:#fff;}

table.table-style th{
    padding: 16px 10px;
}

table.table-style td{

    padding: 10px 10px;
    text-align:center;
}

table.table-style tr:nth-child(odd){
    background: #f9f9f9;
}

table.table-style tr.fl:hover{
    background: #52a71d;
    color: #fff;
    cursor: pointer;
}
table.table-style tr.fl:hover td {
    background: #52a71d;
}

table.table-style tr.titles{
    color: #000;
    background: #f9f9f9;
    cursor: default;
}

table.table-style tr.titles th {
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    font-size: 16px;
}

table.table-style tr.fl:hover td{
    border-color: #52a71d;
}

table.table-style tr.fl:hover .zakaz, .characteristics-table tr.fl:hover .zakaz{
    visibility: visible;
	color: #fff;
}

.characteristics-table tr:hover .zakaz{
    visibility: visible;
	color: #52a71d;
}

table.table-style td, table.table-style th{
    border: 2px solid #f9f9f9;
}

.characteristics-table td .zakaz{
    color: #fff;
    font-family: 'latobold';
    visibility: hidden;
}

table.table-style.pk td:first-child {max-width: 290px;}



/* форма обратной связи */

.forma-zakaza input[type="text"], 
.forma-zakaza input[type="email"], 
.forma-zakaza textarea {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #006ca8;
    font-size: 15px;
    color: #000000;
    background: #f3f3f3;
    margin-bottom: 5px;
}

.forma-zakaza h2, .forma-zakaza h3 {
    text-align: center;
    color: #ffffff;
    line-height: 20px;
    font-weight: 700;
    font-size: 18px;
    padding: 5px 0;
}

.forma-zakaza h2 {
    font-size: 30px;
}

.forma-zakaza p {
    font-size: 15px;
    color: #ffffff;
    padding: 4px 0 4px 0;
}

#fancybox-content {
    border-width: 0px !important;
    background: #1b98de !important;
    padding: 10px !important;
}

#contact_form_1, #contact_form_2 {
    padding: 10px 20px;
}

.forma-zakaza input[type="submit"] {
    border: none;
    background: #ff9728;
    color: #ffffff;
    padding: 10px;
    font-size: 20px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
}

.forma-zakaza textarea {
    height: 110px;
}

.forma-zakaza input[type="submit"]:hover {
    background: #ffaf59;
}

.forma-zakaza input[type="submit"]:active {
    background: #f38611;
}

#contact_form_1 div.wpcf7-response-output {
    margin: 0px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #f7e700;
}

.wpcf7 {
    max-width: 400px;
}

.forma-zakaza p a {
    text-align: center;
    display: block;
    color: #ffffff;
    padding: 5px 0;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 !important;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

/* плавная анимация */

a {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}


/*------------------------------ обычные таблицы -------------------------------*/


table th, table td {
    font-weight: normal;
    border-collapse: collapse;
    /* border: 1px solid #D7D7D7; */
    padding: 15px 15px;
    vertical-align: middle;
    text-align: center;
}

table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
}

table tr:nth-child(1) td {
    font-weight: 700;
}

table tr:nth-child(2n+2) td {
    background: #f1f1f1;
}

/*------------------------------ скролл таблиц -------------------------------*/

.table-container
{
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
}

.table-container::-webkit-scrollbar
{
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}





/*------------------------------ товар -------------------------------*/


.tovar {
  border: 1px solid #cdcdcd;
  width: 220px;
  height: 290px;
  text-align: center;
  float: left;
  margin: 5px 9px 15px 9px;
  background-color: #ffffff;
}

.opisanie-tovara {
    display: block;
    clear: both;
}


.tovar, .razdel {transition: box-shadow 0.3s ease;}
.tovar:hover, .razdel:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }


.tovar2 {
    height: 240px;
}

.tovar a.btn-podrob {
    background-color: #5ca530;
    color: #ffffff;
    text-decoration: none !important;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 3px;
    margin: 5px 0;
    font-size: 17px !important;
    min-width: 150px;
}

.tovar a.btn-podrob:hover {
  background-color: #5fb32d;
  color: #ffffff;
  text-decoration: none;
}

.tovar a img:hover, .img-tovar a img:hover {
  opacity: 0.9;
}

.tovar p {
    font-size: 17px !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    line-height: 17px !important;
}

.tovar p span {
 color: #717171;
}


/* ------------ описание товаров разделов -------------- */

.opisanie {
    background: #ffffff;
    border: 1px solid #cdcdcd;
    margin: 9px;
    padding: 20px;
}

/*------------------------ статьи ---------------------------------------*/

.navigation {
    clear: both;
}

.stroka {margin-bottom: 20px;}

.blok-zapis {
    margin-bottom: 0px;
    margin-left: 10px;
    background: #ffffff;
    padding: 15px;
    display: inline-block;
    border: 1px solid #cdcdcd;
}

.blok-zapis-img, .blok-zapis-text {float: left; }

.blok-zapis-img {padding-right: 20px;}

.blok-zapis-text {
    width: 670px;
    padding: 10px 10px 10px;
}

.probel {height: 10px; width: 100%;}

.blok-zapis .post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 0px;
}

a.podrobnee {
    color: #ffffff;
    background: #52a71d;
    padding: 7px 20px;
    text-decoration: none;
    border-radius: 3px;
}

a.podrobnee:hover {
    color: #ffffff;
    background: #67c72a;
    text-decoration: none;
}


.post-content-2 {
    border: 1px solid #cdcdcd;
    background: #ffffff;
    padding: 20px;
    margin: 10px;
}

.blok-zapis-text .post-meta {
    margin-left: 0px;
}


/* ------------ форма обратного звонка -------------- */


.zvonok-form h3 {
    background: #0f5b41;
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
}

.zvonok-form p {
    text-align: center;
    font-size: 15px;
    padding-bottom: 10px;
}

.zvonok-form input[type="text"], .zvonok-form input[type="tel"], .zvonok-form input[type="email"] {
    width: 300px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #a5a5a5;
    padding: 5px 10px;
    font-size: 15px;
}

.zvonok-form textarea {
    width: 300px;
    height: 80px;
    border-radius: 3px;
    border: 1px solid #a5a5a5;
    padding: 5px 10px;
    font-size: 16px;
    font-family: arial;
}



.zvonok-form input[type="text"] .wpcf7-not-valid, .zvonok-form input[type="tel"] .wpcf7-not-valid {
    border: 1px solid #f10000;
}

.zvonok-form input[type="submit"] {
    background: #52a71d;
    color: #ffffff;
    padding: 10px 40px;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
}

.zvonok-form input[type="submit"]:hover {
    background: #67c72a;
}

.zvonok-form span.ajax-loader {
    display: none !important;
}

.zvonok-form {
    max-width: 340px;
}

/* ------------ доставка в доставке -------------- */

.blok-dostavka {
    display: inline-block;
    margin-top: 20px;
}

.blok-dostavka .dostavka {
    width: 300px;
}

.blok-dostavka .dostavka img {
    width: 260px;
}





/* ------------ карточка товара -------------- */

.img-tovar, .harakteristiki {
    float: left;
}

.texhar tr td {
    border-bottom: 1px solid #cdcdcd;
    padding: 5px 5px;
}

.texhar, .cena {
	margin-bottom: 20px;
}

.cena tr td {
    border-bottom: 1px solid #cdcdcd;
    padding: 6px 10px;
}

.harakteristiki, table.texhar {
    width: 100%;
}

table.cena {
    width: 50%;
}

.price a.zakaz-btn {
    background: #52a71d;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 50px;
    font-size: 17px;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
}

.price a.zakaz-btn:hover {
    background: #67c72a;
}


/* ------------ футер -------------- */

.footer {
    background: #0d70a8;
    padding: 25px 0;
    display: table;
    margin: 0 auto;
    width: 100%;
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    text-decoration: none;
    color: #ff9728;
}


.f-blok {
    float: left;
    width: 25%;
    text-align: left;
}

.f-blok h3 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 20px;
    margin: 0;
}

.f-blok ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.f-blok p {
    color: #ffffff;
    font-size: 16px;
    padding: 0 0 15px 0;
    line-height: 26px;
}

.f-blok p strong {
    font-size: 22px;
}


.f-blok ul li a {
	color: #ffffff;
	font-size: 15px;
	text-decoration: underline;
	line-height: 26px;
}


.f-blok ul li a:hover {
    text-decoration: none;
    color: #ff9728;
}

.f-blok .con {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 26px;
}

.f-blok .con a {
	color: #79b130;
	text-decoration: underline;
}

.f-blok .con a:hover {
	text-decoration: none;
	color: #6fca0d;
}

.footer-top {
	background-color: #ffbe00;
	width: 100%;
	height: 200px;
}

.footer-bottom {
	background-color: #1d1d1d;
	width: 100%;
}

.footer-bottom-cop {
    padding: 20px;
}

.footer-bottom-cop p {
	color: #ffffff; 
	font-size: 15px; 
	text-align: center;
}

.f-blok ul li.current-menu-item a {
    text-decoration: none;
    color: #c9c9c9;
}

/*------------------------ новости ---------------------------------------*/

.news {
    margin-bottom: 30px;
    margin-top: 5px;
    display: inline-block;
}

.meta-news {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #a0a0a0;
}

h2.title-news a {
    font-size: 22px;
    text-decoration: none;
    color: #1b98de;
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
}

.text-news p {
    font-size: 16px;
    line-height: 20px;
}

.img-news {
    float: left;
    margin: 0 25px 0px 0;
}

/*------------------------ блок CPA ---------------------------------------*/

.cpa-blok {
    background: url(/wp-content/uploads/2017/11/fon-cpa.jpg) 0 0 no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: flex;
    padding: 25px 0 0 0;
}

.cpa-blok .blok-botton {
    margin: 0;
    padding: 0;
}

.cpa-blok p {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
}

.cpa-blok p span {
    font-size: 22px;
    font-weight: 300;
}

/*------------------------ о компании главная ---------------------------------------*/

.post-content.glav-kompany p {
    font-size: 18px;
    font-family: 'Exo 2', sans-serif, Arial;
    margin-bottom: 20px;
}

a.btn-comp, a.btn-ob {
    padding: 10px 20px;
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
    text-decoration: none !important;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin: 10px 10px 0 0;
}

a.btn-comp {
    background: #1b98de;
}

a.btn-ob {
    background: #ff9728;
}

a.btn-comp:hover {
    background: #32b5ff;
}

a.btn-ob:hover {
    background: #ffbd77;
}

/*------------------------ клиенты ---------------------------------------*/

.screen1200.clients img {
    width: 24%;
    float: left;
    max-width: 290px;
    margin: 0 0.66%;
    border: 1px solid #dadfe2;
    box-sizing: border-box;
	height: auto;
}

.screen1200.clients img:nth-child(2) {
    margin: 0 0.66% 0 0;
}

.screen1200.clients img:nth-child(5) {
    margin: 0 0 0 0.66%;
}

.screen1200.clients {
    margin-bottom: 30px;
    display: table;
}

/*------------------------ сайдбар ---------------------------------------*/

.menu-katalog-container {
    padding: 15px;
    background: #ffffff;
    border: 1px solid #cdcdcd;
}

.menu-katalog-container a {
    color: #000000;
    text-decoration: none;
}

.menu-katalog-container ul li {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 0;
}



/* продукция */

.product .siteorigin-widget-tinymce.textwidget {
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    padding: 10px;
}

.description .siteorigin-widget-tinymce.textwidget p {
    font-size: 16px;
}

.product .siteorigin-widget-tinymce.textwidget a.fancybox-inline.zakaz-btn {
    text-align: center !important;
    display: block;
    width: 50%;
    margin: 0 auto;
}

.product .siteorigin-widget-tinymce.textwidget img {
    width: 100%;
    height: auto;
    max-width: 250px;
}

.product .siteorigin-widget-tinymce.textwidget h3,
.product .siteorigin-widget-tinymce.textwidget h3 a
 {
    color: #1b98de;
    font-size: 16px;
	margin-bottom: 0px;
}

.product .siteorigin-widget-tinymce.textwidget h3 a:hover
 {
    color: #ff9728;
}

.product .siteorigin-widget-tinymce.textwidget img:hover
 {
    opacity: 0.8;
}

.product .siteorigin-widget-tinymce.textwidget p {
    margin-bottom: 10px;
    color: #2C2C2C;
    font-size: 15px;
    line-height: 18px;
}



/* аккордеон */

.accordion .accordion-title {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 15px 50px;
    margin: 0 0 10px 0;
    cursor: pointer;
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) 25px 50% no-repeat;
}

.accordion .accordion-title.open
{
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) #f9f9f9 25px 50% no-repeat;
}


/* -- соц сети -- */

.social-list li {
	display: inline-block;
}

.social {
    width: 33px;
    height: 31px;
    display: block;
    background: url(/wp-content/uploads/2017/11/social.png) no-repeat;
	margin-right: 10px;
}

.social:hover {opacity: 1;}
.clearme { clear:both; }

.facebook { background-position-x: 0px; }
.twitter { background-position-x: -43px; }
.vk { background-position-x: -129px; }
.ok { background-position-x: -172px; }
.gp { background-position-x: -172px; }
.inst { background-position-x: -215px; }

.facebook:hover,
.twitter:hover,
.vk:hover,
.ok:hover { background-position-y: -41px; }

/* заказ в таблице */

table.blu tr:nth-child(1) {
    background: #1b98de;
    color: #ffffff;
}

a.fancybox-inline.zakaz-table {
    color: #333333;
    border: 1px solid #333339;
    padding: 5px 15px;
    text-decoration: none;
}

a.fancybox-inline.zakaz-table:hover {
    background: #1b98de;
    color: #ffffff;
    border: 1px solid #0d70a8;
}

a.fancybox-inline.zakaz-opt {
    border: 2px solid #ff9728;
    color: #ff9728;
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    padding: 10px 40px;
    margin: 10px 0;
    text-transform: uppercase;
}

a.fancybox-inline.zakaz-opt:hover {
    border: 2px solid #ff9728;
    color: #ff9728;
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    padding: 10px 40px;
    margin: 10px 0;
    text-transform: uppercase;
}

a.fancybox-inline.zakaz-opt:hover {
    background: #1b98de;
    color: #ffffff;
    border: 2px solid #1b98de;
}

/* акция */

.akcia {
    margin-bottom: 30px;
}

.akcia img {
    border-radius: 5px;
    cursor: pointer;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
	width: 100%;
}

.akcia img:hover {
    opacity: 0.8;
}

.sertifikat img {
    width: 90%;
    height: auto;
    max-width: 182px;
}

/*------ доставка --------*/

.delivery img {
    width: 100%;
    height: auto;
}

/*------------------------ дефолт ---------------------------------------*/


a {
	color: #00AADD;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
        color: #0CB3EF;
}

.post-content a:hover {
	text-decoration: none !important;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#wrapper {
	width: 900px;
	background: #FFF;
	margin: 0 auto;
}

#header {
	overflow: hidden;
	width: 880px;
	border-bottom: 3px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	margin: 0 auto;
}

#logo {
	font-size: 250%;
	margin: 50px 0 0 30px;
	font-weight: bold;
}

#logo a {
	color: #333333;
}

#description {
	font-size: 130%;
	color: #666666;
	margin: 5px 0 50px 30px;
}



#container {
	width: 840px;
	overflow: hidden;
	margin: 25px auto;
}

.breadcrumb {
	font-size: 14px;
	color: #909090;
	padding-bottom: 10px;
}

#content {
    float: left;
    padding: 0 0 0 0;
    width: 100%;
}

.post {
	margin-bottom: 35px;
}

.post-title, .page-subtitle {
    font-size: 28px;
    font-weight: 700;
    padding-left: 0px;
    padding-bottom: 10px;
}

.post-title a {
	color: #333333;
        text-decoration: none;
}

.post-meta {
	font-size: 85%;
	color: #999;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content2 {
	margin-top: 10px;
}

.post-content2 p {
margin-bottom: 15px;
color: #2a170a;
font: 16px/20px Helvetica, Arial, sans-serif;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	padding: 10px 0 5px;
	font-weight: 700;
	color: #333333;
}

.post-content h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
	padding: 10px 0 10px;
	color: #333333;
}

.post-content p {
    margin-bottom: 15px;
    color: #2C2C2C;
    font-size: 16px;
    line-height: 20px;
}


.post-content a {text-decoration: underline;}


.post-content img.alignnone {
}

.post-content img.aligncenter {
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	margin: 0 0 15px 25px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li, .post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
	color: #2C2C2C;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 10px;
}

.navright {
	float: right;
	margin: 0 10px 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 0 0 10px 0;
	overflow: hidden;
	height: 1%;
	list-style-type: none;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
    font-weight: 700;
    margin: 10px 0;
    font-size: 18px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

#comments > ol {
  margin-left: 0px !important;
}

#comments .post-content ul, #comments .post-content ol {
  margin-left: 0px !important;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
    width: 100%;
    max-width: 600px;
    height: 200px;
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 10px;
    box-sizing: border-box;
}

#sidebar {
    float: left;
    width: 220px;
    margin: 0px 10px 0 9px;
}

.sidepanel {
	margin-bottom: 20px;
}

.sidepanel h3 {
text-transform: uppercase;
padding: 15px 15px 15px 15px;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
background-color: #0f5b41;
}

.sidepanel ul li {
	border-bottom: 1px solid #aeaeae;
}

.sidepanel ul li:last-child {border-bottom:none;} 

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

#footer {
	margin: 0 auto;
	width: 840px;
	height: 20px;
	border-top: 1px solid #EAEAEA;
	padding: 20px;
}

#footer-links {
	list-style: none;
}

#footer-links li {
	float: left;
	margin-right: 15px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}



/* ------ сайдбар ----------- */


.menu-katalog-container li.current-menu-item a {
    color: #93cc70;
}

.su-spoiler-title {
    font-family: arial;
    font-size: 16px !important;
    color: #00aadd;
    text-decoration: underline;
}

.su-spoiler-title:hover {
    color: #33caf7;
}

.su-spoiler {
    margin-bottom: 4px !important;
}

.su-spoiler-style-default>.su-spoiler-content {
    padding-left: 0px !important;
}


/* ------ пагинация ----------- */

.pagination {
    padding: 0px;
    margin: 10px 0 20px 0;
    text-align: center;
}


/* ------ галерея ----------- */

.galereya #gallery-2 img {
    width: 100%;
    height: auto;
    border: 5px solid #ffffff;
    box-sizing: border-box;
}

#gallery-3 img {
    border: 0px !important;
    width: 90%;
    height: auto;
}

img.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}

/* ------ форма заказа ----------- */


@media screen and (min-width: 800px) {

.form-zakaz {
  width: 800px;
  min-height: 570px;
  display: block;
}

.fz-bl1 {
  width: 760px;
  background: #59a92e;
  height: 25px;
  padding: 15px 20px 10px 20px;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
}

.fz-bl {
  float: left;
}

.fz-bl2,
.fz-bl3 {
  width: 380px;
  padding: 20px 0 20px 20px;
}

.pola-z {
  font-weight: 700;
  font-size: 24px;
  padding: 0 0 20px 0;
}

.pola-l {
  width: 140px;
  float: left;
  height: 50px;
}

.pola-r {
  width: 240px;
  float: left;
  height: 50px;
}

.pola-l p {
    font-size: 18px !important;
    line-height: 46px !important;
}

.pola-r input, .pola-r select {
  border-radius: 4px;
  border: 1px solid #949494;
  height: 35px !important;
  padding: 0 0 0 10px;
  color: #000000;
  font-size: 16px;
  background: #ffffff;
font-family: myfont, Helvetica, Arial, sans-serif;
}

.pola-r input {width: 210px !important; }
.pola-r select {width: 217px !important; }

.fz-bl4 {  padding: 0 20px 0 20px;}

.fz-bl4 p {
  font-size: 18px;
  margin-bottom: 20px;
}

.fz-bl4 textarea {
    border-radius: 4px;
    border: 1px solid #949494;
    padding: 0 0 0 10px;
    color: #000000;
    font-size: 16px;
    background: #ffffff;
    width: 750px !important;
    height: 100px;
}

.fz-bl5 {padding: 0 0 0 20px;}

.fnz {float: left; height: 35px;}

.formniz1 {width: 240px;}
.formniz2 {width: 90px;}
.formniz3 {width: 170px;}
.formniz4 {width: 250px;}

.fnz p {line-height: 35px;}

.formniz4 input {
    background-color: #59a92e;
    border: 0px;
    border-radius: 5px;
    margin: 0px;
    padding: 10px 40px;
    display: block;
    cursor: pointer;
    color: #ffffff;
  font-size: 18px;
font-family: myfont, Helvetica, Arial, sans-serif;
}

span.wpcf7-not-valid-tip {
    display: none !important;
}

}


@media screen and (max-width: 799px) {

.form-zakaz {
    width: 205px;
    height: auto;
}

.fz-bl1 {
    width: 205px;
    background: #59a92e;
    height: 20px;
    padding: 10px 10px 10px 10px;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
}

.fz-bl2, .fz-bl3 {
    width: 205px;
        padding: 10px 0 0px 0px;
}

.pola-z {
    font-weight: 700;
    font-size: 16px;
    padding: 0 0 5px 0;
}

.pola-l p {
    font-size: 15px !important;
    line-height: 35px !important;
}

.pola-l {
    width: 100px;
    float: left;
    height: 40px;
    display: none;
}

.pola-r input, .pola-r select {
    height: 30px !important;
}

.pola-r {
    width: 195px;
float: left;
}

.fz-bl4 {
    padding: 0px;
width: 195px !important;
}

.fz-bl4 textarea {
    width: 205px !important;
    height: 80px;
}

.pola {
    width: 205px;
    height: 40px;
}

.pola-r input, .pola-r select {
    width: 205px !important;
}

.nomob {display: none;}
	
	
.sertifikat #gallery-1 .gallery-item {
    width: 33% !important;
}
	
.sertifikat img {
    width: 90% !important;
    height: auto;
    max-width: 182px;
}

}

.mobakcia {
    display: none;
}

/* ----------------  сопутствующие товары  --------------------- */

.blok-tov {
    width: 100%;
    margin-top: 10px;
}

.produkt {
    width: 25%;
    float: left;
    text-align: center;
}


/* ----------------  иконки соц сетей  --------------------- */

[class^='icon-'], [class*=' icon-'] {
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
    content: '\e94d';
    color: #fff;
}

.icon-vk:before {
    content: '\e94c';
    color: #fff;
}

.icon-instagram:before {
    content: '\e919';
    color: #fff;
}

.icon-facebook:before {
    content: '\e90f';
    color: #fff;
}

.icon-youtube:hover:before,
.icon-vk:hover:before,
.icon-instagram:hover:before,
.icon-facebook:hover:before {
    color: #ff9728;
}

.footer-soc__link span {
    -webkit-transition: .1s;
    transition: .1s;
}

.footer-soc__items {
    font-size: 36px;
}

body.home #fancybox-title {
    display: none !important;
}

.imgborder img {
    border: 1px solid #e1e1e1;
}

a.phone.callibri_phone {
    background: url(https://vektor-e.ru/wp-content/uploads/2020/03/ico-tel.png) 0 1px no-repeat;
    padding-left: 22px;
}

a.mail {
    background: url(https://vektor-e.ru/wp-content/uploads/2020/03/ico-mail.png) 0 8px no-repeat;
    padding-left: 30px;
}

.h-blok.h-page-bl.adress p {
    background: url(https://vektor-e.ru/wp-content/uploads/2020/03/ico-geo.png) 0 3px no-repeat;
    padding-left: 25px;
}

/* ----------------  адаптация  --------------------- */


@media screen and (max-width: 1300px) {

.h-blok p {
    font-size: 20px;
    line-height: 26px;
}

.bl-bottn {
    padding: 20px 0;
}

.h-blok {
    padding: 35px 0 20px 0;
}

.blok-botton {
    margin-bottom: 100px;
}

.menu-header li a {
    padding: 17px 13px;
}

ul#menu-glavnoe > li.menu-item-has-children > a {
    background: url(/wp-content/uploads/2017/11/strelka-bl.png) 100% 50% no-repeat;
}

.menu-header li ul.sub-menu li a {
    padding: 10px 10px 10px 18px;
    font-weight: 300;
}

.bl-bottn a {
    padding: 15px 22px 15px 22px;
}

.bl-bottn a:before {
    content: none;
}

.razdel a img {
    width: 100%;
	height: auto;
}

.razdel p {
    font-size: 18px;
}

.f-blok h3 {
    font-size: 19px;
}

.crp_related a {
    width: 100% !important;
    height: auto !important;
}

.produkt a img {
    width: 100% !important;
    height: auto !important;
}

.produkt {
    width: 23% !important;
    padding: 1% !important;
}

.crp_related .crp_title {
    width: 100% !important;
}

p.tel-menu {
    background: none;
    width: 300px;
}

.screen1200 {
    width: 90%;
}

a.bottom-kat {
    font-size: 20px;
}

.post-content.glav-kompany p {
    font-size: 16px;
    margin-bottom: 15px;
}

.cpa-blok p {
    font-size: 26px;
    line-height: 40px;
}

.blok-title h2, .blok-title h1 {
    font-size: 26px;
}

.blok-title p {
    font-size: 18px;
}

.dostavka p {
    font-size: 15px;
    line-height: 22px;
}


.blok-zapis-text {
    width: 438px;
}

.post-content2 p {
    font: 14px/18px Helvetica, Arial, sans-serif;
}

.img-tovar img {
    width: 299px;
    height: auto;
}

table.table-style tr.titles th {
    text-align: center;
    font-weight: 700;
    line-height: 16px;
    font-size: 13px;
}

table.table-style td {
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
}

.blok-dostavka .dostavka {
    width: 220px;
}

.blok-dostavka .dostavka img {
    width: 180px;
	height: auto;
}

.blok-dostavka .dostavka p {
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 0 0 10px 0;
}

}

@media screen and (max-width: 1100px) {

.menu-header li a {
	padding: 17px 11px;
	font-size: 16px;
	font-weight: 300;
}

.razdel a.btn-razdel,
.product .siteorigin-widget-tinymce.textwidget h3, .product .siteorigin-widget-tinymce.textwidget h3 a {
    font-size: 15px;
}

.razdel p {
    font-size: 16px;
    line-height: 24px;
}

.header-page .h-blok p {
    line-height: 24px;
}

}

@media screen and (max-width: 999px) {

.produkt {
    width: 40% !important;
    padding: 10px 5% !important;
}

.searchblok {
    display: none;
}

.post-title, .page-subtitle {
    font-size: 24px;
    line-height: 34px;
}

.tovar {
    width: 160px;
    height: 270px;
}

.tovar img {
    width: 160px;
}

.tovar a.btn-podrob {
    padding: 8px 10px;
    font-size: 15px !important;
    min-width: 110px;
}

.tovar p {
    font-size: 15px !important;
}

#sidebar {
    width: 160px;
}

.f-blok:nth-child(5) {
    display:none;
}

.f-blok {
    width: 25%;
}

.menu-katalog-container a {
    font-size: 14px;
}

.post-content img.alignright {
    width: 40%;
    height: auto;
    padding: 0;
    margin: 0 0 10px 10px;
}

.post-content img.alignleft {
    width: 40%;
    height: auto;
}

.blok-zapis-text {
	width: 278px;
	padding: 0px;
}

.zagolovok h1 {
    font-size: 32px;
    line-height: 40px;
    padding: 80px 20px 0px 20px;
}

.zagolovok h3 {
    font-size: 32px;
    line-height: 40px;
    padding: 0px 20px 70px 20px;
}

.zalivka, .fon {
    height: 400px;
}

.dostavka p {
    font-size: 15px;
    line-height: 24px;
}

.blok-title p {
    font-size: 16px;
    line-height: 20px;
}

.blok-title h2, .blok-title h1 {
    font-size: 28px;
}

.preim-blok:nth-child(2) {
    display:none;
}

.preim-blok {
    width: 160px;
}

.blok-title h1 {
    font-size: 28px;
    font-weight: 300;
}

.kompany-blok-1 {
    width: 100%;
    padding-right: 0px;
}

.kompany-blok-2 {
    width: 100%;
    float: left;
    padding: 0;
}

.kompany-blok-2 img {
    width: 172px;
    padding: 10px 5px 10px 5px;
}

.kompany-blok-2 img:nth-child(1) {padding-left:0px;}
.kompany-blok-2 img:nth-child(4) {padding-right:0px;}


.img-tovar img {
    width: 209px;
    height: auto;
    margin: 0px 10px 10px 0;
}

.cena tr td, .texhar tr td {
    font-size: 15px;
}

.price a.zakaz-btn {float: right;}

.blok-dostavka .dostavka {
    width: 160px;
}

.blok-dostavka .dostavka img {
    width: 120px;
	height: auto;
}

.fullscreen.fon-header {
    margin-top: 50px;
}

.blok-botton {
    margin: 0px;
    display: inline-block;
    padding: 0 0 20px 0;
	width: 100%;
}

.fullscreen.fon-header.header-page {
    padding-bottom: 0;
}

.fullscreen.back-zel.head-menu {
    display: none;
}

.kont-header.screen1200.kubheader {
    display: none;
}

.mobile-menu {
    background: #ff9728;
    color: #ffffff;
    height: 50px;
    font-size: 15px;
    line-height: 20px;
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
	display: block;
}

.mobile-menu span {
    padding-top: 15px;
    display: inline-block;
	font-size: 16px;
    color: #ffffff;

}


span.knopka {
    text-align: right;
    float: right;
    padding: 0 2% 0 0;
}

.mobile-menu span {
    padding-top: 15px;
    display: inline-block;
}

.mobile-menu span.tel-1 {
    padding-left: 15%;
	font-weight: 700;
}

span.knopka a {
    background: #25a7d8;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 25px;
    font-size: 14px;
}

span.knopka a:hover {background: #27b9f0;}

div#responsive-menu-wrapper {
    margin-top: 50px;
}

p.lpk {
    display: none;
}

p.lmb {
    display: block;
}

p.lmb.vpage img {
    width: 85%;
}

.bl-bottn a {
    padding: 10px;
}

.header-page .h-blok p, .header-page .h-blok p a {
    font-size: 14px;
    line-height: 22px;
}

.header-page .h-blok.h-page-bl a {
    width: 130px;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 13px;
    margin: 0 0px 7px 0;
}

a.zakaz-btn {
    padding: 5px 20px;
    font-size: 16px;
}

.razdel p {
    font-size: 13px;
    line-height: 22px;
}

.post-title, .page-subtitle {
    line-height: 24px;
}

.post-content p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 18px;
}

.product .post-content p {font-size: 13px;}

.razdel a.btn-razdel, .product .siteorigin-widget-tinymce.textwidget h3, .product .siteorigin-widget-tinymce.textwidget h3 a {
    font-size: 14px;
}

.h-blok p {
    font-size: 16px;
    line-height: 22px;
}

a.phone {
    font-size: 20px;
    line-height: 28px;
}

p.lmb img {
    width: 85%;
	max-width: 250px;
}
.h-blok {
    padding: 25px 0 10px 0;
}

.bl-bottn a {
    font-size: 14px;
}


.blok-title h1, .blok-title h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.dostavka p strong {
    font-size: 15px;
}

.dostavka p {
    font-size: 13px;
    line-height: 18px;
}

.dostavka img {
    width: 100px;
	height: auto;
}

.social {
    margin-right: 5px;
}

.cpa-blok p {
    font-size: 20px;
    line-height: 38px;
}

.razdel:nth-child(6) {
    clear: both;
}

.post-content .product  p {
    font-size: 13px;
}

}

@media screen and (max-width: 799px) {
	
.h-blok:nth-child(3) {
    display: none;
}
.h-blok.h-page-bl {
    display: none;
}
	
.header-page .h-blok {
    width: 100%;
	padding: 20px 0 20px 0;
}
	
.header-page .h-blok:nth-child(2) {
    text-align: center;
}
	
p.lmb.vpage {
    text-align: center;
}

.header-page .h-blok p a.phone {
    font-size: 20px;
    line-height: 28px;
}
	
#sidebar {display:none;}

.nomobakcia {
    display: none;
}

.mobakcia {
    display: block;
}

.head-menu {
    display: none;
}


.fon-footer {
    height: auto;
}

.zalivka-fot {
    display: none;
}


a.bottom-kat {
    font-size: 18px;
}

.zalivka, .fon {
    height: 340px;
}

.razdel {
    width: 32.2%;
}

.razdel:nth-child(6) {
    clear: none;
}

.razdel:nth-child(4), .razdel:nth-child(7) {
    margin: 0 0 1% 0.66%;
}

.razdel:nth-child(2), .razdel:nth-child(5), .razdel:nth-child(8) {
    margin: 0 0.66% 1% 0;
}

.razdel:nth-child(3), .razdel:nth-child(6), .razdel:nth-child(9) {
    margin: 0 0.66% 1% 0.66%;
}

.razdel img {
    width: 160px;
}

.dostavka {
    width: 50%;
}

.preim-blok:nth-child(3) {
    display: none;
}



.kompany-blok-2 img {
    width: 49%;
    padding: 1% ;
}

.kompany-blok-2 img:nth-child(1) {padding-left: 0;}
.kompany-blok-2 img:nth-child(2) {padding-right: 0;}
.kompany-blok-2 img:nth-child(3) {padding-left: 0;}
.kompany-blok-2 img:nth-child(4) {padding-right: 0;}

table th, table td {
    font: 14px/20px Helvetica,Arial,sans-serif;
}

.f-blok {
    width: 100%;
}

.f-blok:nth-child(1),
.f-blok:nth-child(2),
.f-blok:nth-child(3)
 {
    display:none;
}


.f-blok:nth-child(4)
 {
    text-align: center;
}

.bl-bottn {
    padding: 10px 0;
    width: 50%;
}

.bl-bottn a {
    width: 75%;
}

.cpa-blok p {
    font-size: 18px;
	line-height: 30px;
}

.cpa-blok p span {
    font-size: 18px;
}

.cpa-blok {
    padding: 20px 0;
}

.product.panel-row-style {
    width: 100%;
}

.product.panel-row-style {
    display: block !important;
}

#raschet {
    display: block;
    clear: both;
    padding-top: 20px;
}

.product .panel-grid-cell {
    width: 32% !important;
    float: left;
    display: block;
	margin: 0 0.5% 1% 0.5%;
}
	
ul.social-list li {
    padding: 5px;
}

}



@media screen and (max-width: 600px) {
	

.footer-bottom-cop p {
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    padding-bottom: 40px;
    line-height: 20px;
}
	
.prise {
    display: none;
}
	
.mobile-menu span.tel-1 {
    padding-left: 75px;
	font-weight: 700;
}

.header-page .h-blok {
    width: 33%;
}

.header-page .h-blok:nth-child(2) {
    text-align: center;
}
	
.screen1200 {
    width: 94%;
}

.h-blok:nth-child(3) {
    display: none;
}

.h-blok {
    width: 100%;
}

.produkt {
    width: 48% !important;
    padding: 5px 1% !important;
}


a.bottom-kat {
    font-size: 16px;
}

.preim-blok:nth-child(3) {
    display: block;
}

.preim-blok {
    height: 300px;
    width: 150px;
}



#sidebar {
    width: 340px;
}

.img-tovar img {
    width: 290px;
    height: auto;
    margin: 0px 0px 15px 0;
}

table.cena {
    width: 100%;
}

.price a.zakaz-btn {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 20px;
}

.cena tr td, .texhar tr td {
    padding: 10px 10px 10px 0;
}

.post-content .img-tovar img.alignnone {
    background: #FFF;
    border: 0px solid #EFEFEF;
    padding: 0px;
    margin: 0 0px 20px 0;
    width: 300px;
}

.blok-zapis .post-title {
    padding-top: 10px;
}

.blok-zapis-text {
    width: 318px;
}

.pic2 {
    display: none;
}

.zvonok-form p {
    padding-bottom: 5px;
}

.zvonok-form textarea {
    height: 60px;
}

.razdel {
    width: 48%;
}

.razdel:nth-child(2n+2) {
    margin: 0 1% 1% 0;
}

.razdel:nth-child(2n+3) {
    margin: 0 0 1% 1%;
}

.product .panel-grid-cell {
    width: 49% !important;
    float: left;
    display: block;
    margin: 0 1% 10px 0%;
}

#pgc-2867-0-0, #pgc-2867-0-1, #pgc-2867-0-2, #pgc-2867-1-0, #pgc-2867-1-1, #pgc-2867-1-2, #pgc-2867-2-0, #pgc-2867-2-1, #pgc-2867-2-2 {
    margin-bottom: 10px;
}

.product .panel-grid-cell:nth-child(1),
.product .panel-grid-cell:nth-child(3) {
    margin: 0 1% 10px 0% !important;
}

.product .panel-grid-cell:nth-child(2),
.product .panel-grid-cell:nth-child(4) {
    margin: 0 0% 10px 1% !important;
}

p.lmb {
    text-align: center;
	padding-top: 15px;
}

.h-blok {
    padding: 10px 0 10px 0;
}





.col-md-4.col-xs-12.col-sm-12 {
    width: 100%;
}

.form-group {
    margin-bottom: 1rem;
    float: left;
    width: 45%;
    margin-right: 5%;
}

.col-md-8.col-xs-12.col-sm-12 {
    width: 100%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.col-md-6.col-xs-12.col-sm-12 .form-group {
    width: 90% !important;
}
	
.blok-botton {
    display: none;
}
	
.kont-header {
    padding: 20px;
    box-sizing: border-box;
}
	
p.lmb img {
    width: 70%;
    max-width: 220px;
}
	
.h-blok p {
    font-size: 16px;
    line-height: 30px;
}
	

.header-page .h-blok {
    width: 100%;
}
	
.h-blok.h-page-bl {
    display: none;
}
	
.header-page .h-blok p, .header-page .h-blok p a {
    font-size: 18px;
    line-height: 30px;
}
	
.header-page .h-blok p a.phone {
    font-size: 20px;
    line-height: 28px;
}


}

@media screen and (max-width: 499px) {
	
.razdel {
    padding: 0 0 10px 0;
}
	
}


@media screen and (max-width: 340px) {

.mobile-menu span.knopka {
    display: none;
}
	
}	
	
@media screen and (max-width: 340px) {
	
.screen1200.clients img {
    width: 100%;
    float: left;
    max-width: 290px;
    margin: 0 0 15px 0 !important;
    height: auto;
}

.blok-zapis {
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 10px;
}


.zvonok-form input[type="text"], .zvonok-form input[type="tel"], input[type="email"], textarea {
    width: 200px !important;
font-size: 13px;
}

.zvonok-form textarea {font-size: 13px;}

.zvonok-form input[type="text"], .zvonok-form input[type="tel"], input[type="email"] {
    padding: 2px 10px;
    font-size: 13px;
}

#sidebar {
    width: 270px;
}

.tovar img {
    width: 270px;
}

.tovar {
    width: 270px;
    height: auto;
}

.tovar a.btn-podrob {
    margin-bottom: 15px;
}

.tovar a.btn-podrob {
    padding: 10px 15px;
    font-size: 15px !important;
    min-width: 150px;
    margin-bottom: 15px;
}

.post-content .img-tovar img.alignnone {
    width: 228px;
}

.blok-title h2, .blok-title h1 {
    font-size: 20px;
}

.blok-title p {
    font-size: 15px;
    line-height: 18px;
}

.blok-title {
    padding: 10px 0;
}

.footer-bottom-cop p {
    color: #e8e8e8;
    font-size: 14px;
    line-height: 18px;
}

.razdel {
    width: 100%;
    margin: 0 0 10px 0 !important;
}

.product .panel-grid-cell {
    width: 100% !important;
    float: left;
    display: block;
    text-align: center;
    margin: 0 0 10px 0 !important;
}

.bl-bottn {
    padding: 5px 0;
    width: 100%;
}


.header-page .h-blok.h-page-bl a {
    width: 110px;
}



}

.sod {
    border: 1px solid #dedede;
    max-width: 500px;
    padding: 15px 0 0 15px;
    margin: 10px 0;
    background: #fbfbfb;
}



/* таблицы на мобильных */

.table-container
{
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
}

.table-container::-webkit-scrollbar
{
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.akcia-1 img:hover, .akcia-2 img:hover  {
    opacity: 0.8;
}

#gallery-1 img {
    border: 1px solid #e0e0e0 !important;
}