/*
Theme Name: Vladpromo
Author: <a href="https://boinstudio.com/lp//">boinstudio.com</a>
Description:  Новая адаптивная тема для WordPress, написана для рекламного агентства Vladpromo. Содержит статическую главную страницу с произвольными блоками. Управляется через консоль, созданную на основе Titan Framework. Поддерживает Woo Commerce. Готова к локализации и многоязычности.
Text Domain: boinstudio.com
*/


/*

* Таблица стилей содержит:
*
*
* 01. Подключаем обнуление стилей и стили мобильного меню
* 02. Подключаем оформление мелких элементов (форматирование, таблицы и тп)
* 03. Фон, семейство шрифтов, размер шрифта сайта
* 04. Заголовки сайта
* 05. Шапка: логотип, контактная информация
* 06. Основное меню
* 07. Мобильная навигация
* 08. Липкое меню и поиск
* 09. Контейнеры страниц, записей, сайдбара
* 10. Избранные записи в блоге
* 11. Виджеты сайдбара
* 12. Списки в сайдбаре, записях, статической главной
* 13. Хлебные крошки
* 14. Оформление анонсов записей, информации о записи, блока расшаривания
* 15. Подписка на обновления (статическая главная)
* 16. Главное изображение (статическая главная)
* 17. Блок с текстом и подпиской (статическая главная)
* 18. Блок с круглыми миниатюрами (статическая главная)
* 19. Блок Галерея (статическая главная)
* 20. Блок Счетчики (статическая главная)
* 21. Второй текстовый блок (статическая главная)
* 22. Блок Отзывы (статическая главная)
* 23. Блок Команда (статическая главная)
* 24. Блок Новости (статическая главная)
* 25. Блок Контактная форма (статическая главная)
* 26. Кнопки сайта
* 27. Метки сайта
* 28. Подвал
* 29.  Кнопка Вверх
* 30.  Постраничная навигация
* 31. Блок Похожие записи
* 32. Оформление изображений  в записях и на страницах
* 33. Комментарии
* 34. 404 страница
* 35. Социалка
* 36. Адаптивные стили
*
*/


 /* 01 Подключаем обнуление стилей и стили мобильного меню */
@import url("css/reset.css");
@import url("css/jquery.mmenu.css");

  /* 02 Подключаем оформление мелких элементов (форматирование, таблицы и тп) */
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden}
dl{margin:0 0 24px}
dt{font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
em, i{font-style:italic}
big{font-size:131.25%}
ins{ text-decoration:none}
blockquote{padding:30px 40px 30px 60px; margin:30px 0; font-family: Georgia, serif; font-style:italic; display:block;   border-top:1px solid #eee; border-bottom:1px solid #eee;border-right:1px solid #eee}
pre{background:#f7f7f7; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}
abbr, acronym{border-bottom:1px dotted #666; cursor:help}
sup, sub{height:0; line-height:1; position:relative; vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
pre{border:1px solid rgba(0,0,0,0.1); margin-bottom:24px; max-width:100%; overflow:auto; padding:12px; white-space:pre; white-space:pre-wrap; word-wrap:break-word}
ol li{margin:0; padding:0 0 10px}
/*ol{list-style:decimal; margin:15px 0 18px 20px}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul, ol ol, ul ol, ol ul{margin-bottom:0}*/
table{width:100%; margin:40px 0}
table th{color:#777; text-align:left; padding:15px 14px; font-size:16px; font-weight:bold; border:1px solid #eaeaea}
table td{padding:13px 14px; border:1px solid #eaeaea; vertical-align:top}
table tr:nth-of-type(even){background:#fff}
table tr:nth-of-type(odd){background:#fafafa}
a{text-decoration:underline}
a:hover{text-decoration:underline; cursor:pointer}
.sticky{}
hr{display:block; width:100%; height:1px; background:#eee; margin:30px auto; clear:both; border:0}
input:focus {border:1px solid #ff6b6b}
.wrapper { width:100%; min-width:300px; overflow:hidden;}
.container { max-width:1200px; margin:0 auto; position:relative;}
.container:after { content:''; clear:both; display:table;}
.carousel-wrap { position:relative;}
.jcarousel { position:relative; overflow:hidden;}
.jcarousel>ul { width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.jcarousel>ul>li { float:left; position:relative;}
.jcarousel>ul>li a { text-decoration:none;}
.jcarousel-prev, .jcarousel-next { display:block;}
.jcarousel-prev.inactive, .jcarousel-next.inactive, .btns-hidden .jcarousel-prev, .btns-hidden .jcarousel-next, .btns-hidden .jcarousel-pagination { display:none;}
.woocommerce ul.products li.product .button{ font-size:12px}
.woocommerce ul.products li.product h3{height:120px; overflow:hidden}
 .woocommerce .product_meta span {display: block;   margin-bottom: 10px}
  .woocommerce .single_add_to_cart_button {display: block; float: left; margin:20px 0}

 /* 03 Фон, семейство шрифтов, размер шрифта сайта */
body{font-family:'Montserrat', Arial,sans-serif; font-weight:normal; font-size:15px; line-height:28px; color:#666;  word-wrap:break-word; background:#fff; position:relative}

  /* 04 Заголовки сайта */
h1, h2, h3, h4, h5, h6{ font-weight:bold; text-transform:uppercase; margin:0 0 25px 0}
h1{font-size:26px; line-height:32px}
h2{font-size:20px; line-height:30px}
h3{font-size:18px; line-height:28px}
h4{font-size:20px; line-height:26px}
h5{font-size:18px; line-height:24px}
h6{font-size:16px; line-height:22px}

h1.post-title, h1.page-title{ font-size:26px;  text-align:center; margin-bottom:20px; text-transform:uppercase; font-weight:bold; line-height:34px}
h2.post-title{ font-size:24px;  text-align:center; margin-bottom:15px; margin-top:0; text-transform:uppercase; font-weight:bold; line-height:30px}
h2.post-title a{ text-decoration:none}
h2.post-title a:hover{ text-decoration:underline}

@font-face {
	font-family: 'fa-viber';
	src:url('fonts/fa-viber.eot?-3dwksg');
	src:url('fonts/fa-viber.eot?#iefix-3dwksg') format('embedded-opentype'),
		url('fonts/fa-viber.ttf?-3dwksg') format('truetype'),
		url('fonts/fa-viber.woff?-3dwksg') format('woff'),
		url('fonts/fa-viber.svg?-3dwksg#fa-viber') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fa-viber:before {
	font-family: 'fa-viber';
	content: "\e666";
}

  /* 05 Шапка: логотип, контактная информация */
.header-main { background:#fff;}
.header-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding:32px 0;}
.header-logo-center .site-title { margin:0 auto;}
.site-title { position:relative; display:block;}
.site-title:after { content:''; clear:both; display:table;}
.site-title img { float:left; width:71px;}
.site-title .logo-text { display:block; margin-left:79px; padding-top:15px; white-space:nowrap; text-align:left;}
.site-title a{text-decoration:none}
.site-title .site-name { display:block; font-size:36px; line-height:36px; font-weight:500;}
.site-title .desc{display:block; font-size:14px; font-weight:bold; line-height:19px; margin-top:4px; text-transform:uppercase;}
.phone-box { float:left; margin-left:30px;}
.phone-box .phone-title { font-size:13px; line-height:20px; color:#999; margin-bottom:2px;}
.site-place, .site-shed{float:right; display:block}
.site-phone, .site-place, .site-shed{ line-height:22px; font-size:16px; color:#333; font-weight:500; padding-left:35px; position:relative;}

.header-contact .fa { display:block; font-size:26px; color:#096; position:absolute; top:0; left:0;}
.header-contact p { margin:0;}
.header-contact p a { text-decoration:none;}
.head-banner{float:right; width:60%; height:auto; text-align:right}
#lang { float:right; margin-left:30px; padding:8px 0; vertical-align:top; text-align:center;}
#lang li { display:inline-block; margin:0 5px; vertical-align:top;}
.header-callback { float:right; margin-left:30px;}
.btn.callback-btn-style { margin:0;}

  /* 06 Основное меню */
.menunav{ position:relative; z-index:1001}
.menunav:after { content:''; clear:both; display:table;}
.menunav ul{ float:left;}
.menunav ul li{position:relative; display:inline-block;  text-align:center; padding:0; position:relative; z-index:2000}
.menunav ul li:first-child{margin:0; z-index:1}
.menunav ul li{font-size:14px; margin:0;  line-height:14px; text-transform:uppercase; border:none;  font-weight:bold; transition:all .2s linear;}
.menunav li a{padding:25px 12px; text-decoration:none;  display:block}
.menunav li a:hover{ text-decoration:none}
.menunav ul li ul{position:absolute; height:auto; top:63px; left:-95px; width:280px; padding:13px 0;  border-bottom-left-radius:6px; border-bottom-right-radius:6px}
.menunav ul li ul li, .menunav ul li ul li ul li{display:list-item; float:none; border:none;  margin-left:0; font-size:13px}
.menunav ul li ul li ul{top:0}
.menunav ul li ul li a{padding:12px 0 10px 0px}
.menunav ul li ul li a:hover{}
.menunav ul li ul li ul{position:absolute; height:auto; top:-13px; left:273px;  width:280px; margin-left:-1px;  border-top-right-radius:6px}
.menunav ul li >ul:after{content:"";  width:0;  height:0;  position:absolute;  top:-11px; margin-left:-15px;  left:50%;  border-left:15px solid transparent;  border-right:15px solid transparent}
.menunav ul li ul li>ul:after{border:none}
.menunav li ul.sub-menu, .mobilemenu{display:none}
.menunav .menu-socials { float:right; padding:16px 0;}
.menunav .menu-socials li { width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; margin-left:6px;}
.menunav .menu-socials li a { padding:0;}
#menu, #mob{box-shadow:6px 6px 20px rgba(48,48,60,0.3)}
 .side-blok .current-menu-item {background: none}

  /* 07 Мобильная навигация  */
#mob{width:100%;  font-size:14px; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:bold; padding:10px 0; display:none}
#mob a{color:#fff; text-decoration:none; display:block; width:100%}
.mm-listview{ font-size:16px}
.mm-listview .current-menu-item{background:none}
 #mob.fix-top{position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:300}

  /* 08 Липкое меню */
.banner--clone .search-expand, .banner--clone .toggle-search{position:absolute; left:-9999px; top:0}
.toggle-search{ color:#fff; font-size:18px;  cursor:pointer; padding:21px 20px 0 0;  display:block; position:absolute; right:0; top:0;   transition:all 0.2s ease}
.search-expand{display:none; z-index:100;  position:absolute; top:53px; right:0px; width:280px}
.search-expand-inner{padding:10px}
.search-expand input{width:96%; border:0; border-radius:0; padding:2%; font-size:15px; font-family:inherit; color:#333}

.banner--clone{position:fixed;  z-index:100;  top:-100px;  left:0;  right:0;   transition:all 300ms ease-in-out}
.banner--stick{ top:0;  transform:translateY(0%)}

.banner--clone.menunav ul li{font-size:13px}
.banner--clone.menunav ul li a{padding:12px 10px}
.banner--clone.menunav ul li ul{top:38px; padding:10px 0}
.banner--clone.menunav ul li ul li{font-size:12px}
.banner--clone.menunav ul li ul li a{ padding:8px 0}
.banner--clone.menunav ul li >ul:after{ top:-8px}
.banner--clone.menunav ul li ul li ul{top:-10px;  padding:10px 0}

.banner--clone.menunav .menu-socials { padding:5px 0;}
.banner--clone.menunav .menu-socials li { width:28px; height:28px; line-height:28px; font-size:13px;}
.banner--clone.menunav .menu-socials li a { padding:0;}

  /* 09  Контейнеры страниц, записей, сайдбара */
.maincol{width:100%;  max-width:1200px;  margin:0 auto; position:relative}
.maincol-inner{ margin:20px auto;  padding-bottom:40px}
.sidebar{float:left; width:22.8%;  padding-top:30px}
.postcol-fullwidth{ padding-top:30px; margin:auto}


  /* 10 Избранные записи в блоге */

.featured-post{width:100%; max-width:1920px;  margin:0 auto 0; padding:30px 0; border-bottom:1px solid #eee}
.featured-item{float:left; width:14.6%;  margin:0 1%; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.featured-item div{position:absolute; bottom:3px;  width:100%; left:0; right:0;  top:0; background:rgba(0,0,0,0.1); transition:all 800ms ease;}
.featured-item div:hover{background:rgba(0,0,0,0)}
.featured-item span:hover{text-decoration:none}
.featured-item{ max-width:280px;  max-height:222px; overflow:hidden}
.featured-item span{display:block; position:absolute; bottom:-3px;  width:90%; left:0; right:0; text-align:left; opacity:0; color:#fff; font-weight:bold; font-size:14px;  line-height:18px;  padding:3% 5%;   transition:all 0.4s ease-in-out}
.featured-item:hover span{opacity:1}
.featured-item img{ transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease}
.featured-item:hover img{transform:scale(1.1,1.1) rotate(-3deg); }

  /*  11 Виджеты сайдбара */

.side-blok{margin-bottom:30px}
.side-title{font-size:12px;  text-transform:uppercase;  display:block; margin-bottom:20px;  padding-bottom:12px;  font-weight:bold;  border-bottom:1px solid #eee}
.side-blok a{ text-decoration:none}
.side-blok a:hover, .post-col a:hover { text-decoration:underline}
.side-blok p a{text-decoration:underline}
.side-blok p a:hover{text-decoration:underline}


  /*  12 Списки в сайдбаре, записях, статической главной */

.side-blok ul{list-style-type:square; list-style-position:inside; margin:0 0 5px 10px}
.side-blok ul li ul{margin:20px 0 10px 0}
.side-blok ul li{margin:0; padding:0 0 8px 5px}
.side-blok ul li ul li{margin:0; padding:0 0 8px 24px}
.post ul{list-style-type:square; list-style-position:inside; margin:10px 0 20px 0}
.post ul li ul{margin:10px 0 0 20px}
.post ul li{margin:0; padding:0 0 8px 0}
.post ul li ul li{margin:0; padding:0 0 8px 14px}
.sub-text-blok ul, .just-text-blok ul{list-style-type:square; list-style-position:inside; margin:0 0 8px 10px}
.sub-text-blok ul li ul, .just-text-blok ul li ul{margin:10px 0 0}
.sub-text-blok ul li, .just-text-blok ul li{margin:0; padding:0 0 5px 0}
.sub-text-blok ul li ul li, .just-text-blok ul li ul li{margin:0; padding:0 0 5px 14px}
.type-page ul, .post ul, .side-blok ul, .sub-text-blok ul, .just-text-blok ul{list-style-type:none;}
.type-page ul li, .post ul li, .side-blok ul li,  .sub-text-blok ul li, .just-text-blok ul li {position: relative; padding:0px 0 10px 30px}
.type-page ul li:before, .post ul li:before, .side-blok ul li:before,  .sub-text-blok ul li:before, .just-text-blok ul li:before { display:block;content:'';height:12px;width:12px;left:0;top:6px;position:absolute; border-radius: 50%;}

ol{ counter-reset: myCounter;}
ol li{ list-style: none;}
ol li:before {counter-increment: myCounter;content:counter(myCounter);color: #fff;display: inline-block;text-align: center;margin:4px 15px 4px 0;line-height: 30px;width: 30px;height: 30px;}

  /*  13 Хлебные крошки */

.breadcrumbs{text-align:center;  margin-bottom:20px; font-size:12px; line-height:20px;font-weight:bold; text-transform:uppercase}
.breadcrumbs a{ text-decoration:none}
.breadcrumbs a:hover{ text-decoration:underline}

  /*  14 Оформление анонсов записей, информации о записи, блока расшаривания */

.post:after { content:''; clear:both; display:table;}
.post-thumb { float:left; width:300px; margin-bottom:35px;}
.post-thumb+.post-entry { margin-left:330px;}
.post-entry { text-align:left; margin-bottom:35px;}
.post-entry .entry { padding:0; margin-bottom:20px; border-bottom:none;}
.post-entry .post-title { text-align:left;}

.entry{padding:0 5%; margin-bottom:70px;  padding-bottom:50px;  border-bottom:1px solid #eee; position:relative}
.entry-img{margin:0 auto 30px}
 .entry-date{display:block; text-align:center;  margin-bottom:35px; font-size:11px; font-weight:bold; text-transform:uppercase; font-style:italic}
.entry-date a{ text-decoration:none}
.entry-tags a{color:#aaa;  text-decoration:none}
.entry-date a:hover, .entry-tags a:hover{ text-decoration:underline}
.more-link{  width:28%;  margin:auto; position:absolute; bottom:-12px; left:0; right:0; text-align:center;  text-decoration:none;  background:#fff;  font-size:11px; font-weight:bold; text-transform:uppercase; font-style:italic;  color:#333}
.entry-tags{color:#aaa;  display:block; text-align:center;  margin:35px 0 5px 0; font-size:11px; font-weight:bold; text-transform:uppercase; font-style:italic}
.share-post {margin:40px auto 0; padding:30px 0 15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align: center}
.share-post span {display: block; margin-bottom: 20px; font-weight: bold; font-size: 16px; text-transform: uppercase}

   /*  15 Подписка на обновления (статическая главная) */


#emailSub-widget{width:100%; max-width:280px; padding:30px; height:300px;  border-radius:6px; position:relative}
.sub-title{display:block; font-size:20px; line-height:26px; text-align:center; margin-bottom:25px; font-weight:bold; font-family:'Montserrat',Arial,sans-serif}
#emailSub-widget input[type="text"]{background:#fff; border:none; width:90%; font-size:15px; color:#333; padding:5% 5%;  box-sizing:border-box;  margin:0 auto; display:block}
.sub-message{display:block; font-size:13px; line-height:18px; text-align:center}
#emailSub-widget input[type="submit"]{  width:180px; display:block;  vertical-align:top; border-radius:4px; font-size:16px;  line-height:1.65em; text-align:center; text-decoration:none; color:#fff; outline:0;  border:0; box-shadow:none; cursor:pointer; padding:10px 12px;  margin:0 auto 35px;  transition:all .2s linear;}
 #emailSub-widget input[type="submit"]:hover{}
 #emailSub-output{position:absolute; top:36%; left:10%; width:80%; text-align:center}
 #emailSub-widget .fa{display:block; text-align:center; font-size:60px; margin-bottom:15px}

/* Слайдер */
.home-slider { border-top:4px solid #fff;}
.slide-image { height: 580px; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; overflow: hidden; position: relative;}
.slide-content { position: absolute; width: 100%; height: 100%; top: 0; overflow:hidden;}
.slide-content .container { height:100%;}
.slide-content .slider-info-wrap { position:absolute; left:8%; top:0; height:100%; width:50%; webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.slide-content .slider-info-bg { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: -120px; -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg); opacity:0.85;}
.slide-content .slider-info { position:relative; z-index:2; padding-right:30%;}
.slide-content .slide-caption { font-size:45px; line-height:55px; font-weight:bold; margin-bottom:28px;}
.slide-content .slide-text { font-size:20px; line-height:30px; font-weight:500;}
.slide-content .slide-button-wrap { margin-top:40px;}
.slide-content .btn { margin:0;}
.home-slider .slider-actions { display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 60px; white-space: nowrap; z-index: 3; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 100px; position: absolute; bottom: 0; right: 100px;}
.home-slider .slider-actions:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); opacity:0.85;}
.home-slider .jcarousel-prev, .home-slider .jcarousel-next { width: 40px; height: 80px; top: 0; background-size: contain; display: inline-block; z-index: 4; outline: 0; position: relative; border: none; position: absolute; cursor:pointer; padding:31px 0;}
.home-slider .jcarousel-prev { left: 40px; top: -9px;}
.home-slider .jcarousel-next { right: 40px; top: -9px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.home-slider .jcarousel-prev svg, .home-slider .jcarousel-next svg { width:40px; height:18px; vertical-align:top;}
.home-slider .jcarousel-pagination { margin-top: 4px; position: relative; z-index: 5; text-align: center; line-height: 20px;}
.home-slider .jcarousel-pagination span { width: 16px; height: 16px; margin: 0 18px; border: 2px solid; background: 0 0; border-radius: 50px; display: inline-block; cursor:pointer;}

   /*  16 Главное изображение (статическая главная) */

.main-img{width:100%; height:450px; margin:0px auto 0px}

     /*  17 Блок с текстом и подпиской (статическая главная) */

.sub-text-blok{width:100%;  background:#f9f9f9}
.sub-text-blok-inner{width:100%;  max-width:1160px; margin:auto; padding:3% 0}
.sub-text-blok-left{float:left; width:65%; margin-bottom:20px}
.sub-text-blok-right{float:left;  width:31%;   margin-top:-10px; margin-left:4%}
.sub-text-blok-left-center{text-align:center !important}
.sub-text-blok-left-center .btn{margin:30px auto 0}
.sub-text-blok h1{  font-size:24px;  margin:0 0 20px 0; text-transform:uppercase; font-weight:bold; line-height:30px}

     /*  18 Блок с круглыми миниатюрами (статическая главная) */

.product-blok  h2{ font-size:22px;    margin-bottom:40px; text-transform:uppercase; font-weight:bold; }
.product-blok{width:100%;   margin:0px auto 0px; text-align:center}
.product-blok-inner{width:100%; max-width:1200px; margin:auto; padding:4% 0}
.product-blok .cell{ width:33.33%; padding:1.5%; float:left; overflow:hidden;  margin-bottom:30px}
.product-blok .cell:nth-child(3n+1) { clear:both;}
.product-blok .cell .image-wrap{ display:block; position:relative; overflow:hidden; margin:0 auto}
.product-blok .cell img { width:100%; display:block; transition:all 500ms ease;}
.product-blok .cell:hover img { transform:scale(1.2,1.2) rotate(-3deg); opacity:0.90}
.product-blok  h3{ font-size:18px;  margin-bottom:30px; text-transform:none;  font-weight:bold; line-height:26px}
.product-blok .fa{ font-size:40px; display:block; margin-bottom:26px}


    /*  19 Блок Галерея (статическая главная) */

.home-gallery-blok{width:100%}
.home-gallery-blok-inner{width:100%; max-width:1200px; margin:auto;  padding:3% 0}
.home-gallery-blok-item{width:23%; padding:1%; float:left}
.home-gallery-blok-item a{text-decoration:none}
.home-gallery-blok  h2{ font-size:22px; text-align:center;   margin-bottom:30px; text-transform:uppercase; font-weight:bold}
.home-gallery-blok .img-wrap{max-width:270px; max-height:270px; overflow:hidden;  position:relative}
.home-gallery-blok-item img{transition:all 500ms ease;  overflow:hidden}
.home-gallery-blok-item:hover img{transform:scale(1.1,1.1) rotate(3deg);   opacity:0.90}

.img-wrap p{display:block; position:absolute; bottom:0;  width:100%; left:0; right:0; text-align:center; color:#fff; font-weight:bold; font-size:14px; opacity:0;  padding:3% 0;    transition:all 0.4s ease-in-out}
.img-wrap:hover p{opacity:1}
.img-wrap:hover  img,  .img-wrap:hover p{    cursor:url(images/hover-plus.png),auto}


    /*  20 Блок Счетчики (статичная главная) */

.count-blok{width:100%;  margin:auto;  position:relative;}
.count-blok-inner, .count-blok .fa, .count-blok h2{color:#fff}
.count-blok h2{font-size:24px;  margin-bottom:60px; text-transform:uppercase; font-weight:bold}
.count-blok .mask{position:absolute;  top:0; left:0; right:0; bottom:0;  background:rgba(51,51,51,.6); z-index:10}
.count-blok-inner{width:100%; max-width:1200px; position:relative;  z-index:20; margin:auto;  text-align:center; padding:4% 0}
.count-blok-item{width:21%; padding:2%; float:left; font-size:22px}
.count-blok .fa{font-size:60px; display:block; margin-bottom:35px}
.count-blok-item span{display:block; margin-top:30px}
.count-blok-item .counter{font-size:50px; margin:5px 0 26px;  font-weight:bold}


    /*  21 Второй текстовый блок (статическая главная) */

.just-text-blok{width:100%; max-width:1160px;  margin:auto; padding:3% 0; text-align:center}
.just-text-blok-inner{padding:3% 5%}
.just-text-blok h2{ font-size:22px;  margin-bottom:30px; text-transform:uppercase; font-weight:bold}
.home-about-image { float:right; width:48%;}
.home-about-image+.home-about-text { margin-right:52%; text-align:left;}
.home-about-text .btn { margin-top:10px;}

    /*  22 Блок Отзывы (статичная главная) */

 .testim-blok{width:100%;  background:#f9f9f9; padding:3% 0}
 .testim-blok-inner{width:100%; max-width:1200px; margin:auto}
 .testimonial{width:46%; margin:1% 2% 2% 2%; float:left; background:#fff; position:relative;  box-shadow:0 0 5px #eee}
 .testimonial-inner{display:block; padding:8% 8% 3% 8%; color:#666}
 .testimonial .fa{float:left; display:block; color:#FCD614; font-size:20px}
 .testimonial-rating{padding-top:5%}
 .testimonial-name{display:block; font-weight:bold; font-size:18px;  padding-right:100px}
 .testimonial-info{display:block; font-weight:bold;  font-size:13px;  padding-right:100px}
 .testimonial-pic{width:100px; height:100px; position:absolute; bottom:35px; right:20px; border-radius:50%}
 .testim-blok h2{font-size:22px;  margin-bottom:30px; text-transform:uppercase; font-weight:bold; text-align:center}
 .testimonial-legend{position:absolute; width:84%; bottom:0; left:0; right:0; border-top:1px solid #eee; padding:5% 8%}


    /*  23 Блок Команда (статическая главная) */

.team-blok{width:100%;  background:#f9f9f9}
.team-blok-inner{width:100%; max-width:1200px; margin:auto; padding:3% 0}
.team-blok .team{width:29.33%; background:#fff;  margin:2% 2% 1% 2%; float:left;  box-shadow:0 0 5px #eee; overflow:hidden}
.team-blok h2{font-size:22px;  margin-bottom:40px; text-transform:uppercase; font-weight:bold;  text-align:center}
.team-text{ padding:8% 8% 6% 8%; background:#fff}
.team-blok h3{ font-size:18px;  margin-bottom:18px;  font-weight:bold; line-height:24px; text-transform:none}
.team-blok p{padding:0 0 8% 8%; font-weight:bold; font-size:15px}
.team-blok p a{ text-decoration:none}
.team-blok p a:hover{text-decoration:underline}

   /*  24 Блок Новости (статическая главная) */

.news-blok{width:100%; background:#f9f9f9}
.news-blok h3{ font-size:22px;  margin-bottom:40px; text-transform:uppercase; font-weight:bold;  text-align:center}
.news-blok-mask{position:absolute;  top:0; left:0; right:0; bottom:0;  background:rgba(51,51,51,.6);  z-index:10}
.news-inner{width:100%; max-width:1200px; position:relative;  z-index:20; margin:auto; color:#fff;  padding:4% 0}
.news-item{float:left;  width:29.33%;  margin:2%;  box-shadow:0 0 5px #eee;  overflow:hidden}
.news-text{padding:15% 10%;  margin-top:-8px;  text-align:center; position:relative}
.news-cat,  .news-date{display:block;  font-weight:bold; color:#fff}
.news-cat{margin-bottom:18px; font-size:11px; text-transform:uppercase}
.news-date{margin:10px 0 20px 0;  font-size:12px}
.news-cat a{color:#fff;  text-decoration:none}
.news-cat a:hover{color:#fff; text-decoration:underline}
.news-blok h2 {   font-size:18px; margin:0; font-weight:bold; line-height:26px;  }
.news-blok h2 a{ color:#fff; text-decoration:none}
.news-blok h2 a:hover{color:#fff; text-decoration:underline}
.news-text:after{content:"";  width:0; height:0;  position:absolute;  top:-20px; margin-left:-25px;  left:50%;  border-left:25px solid transparent;  border-right:25px solid transparent}
.news-text .btn{margin:auto}
.news-img{transition:all 500ms ease;   overflow:hidden}
.news-img:hover{transform:scale(1.1,1.1) rotate(3deg);   opacity:0.90}


   /*  25 Блок Контактная форма (статическая главная) */

.contact-blok{width:100%;  margin:auto;  position:relative}
.contact-blok .mask{position:absolute;  top:0; left:0; right:0; bottom:0;  background:rgba(51,51,51,.6); opacity:0;  z-index:10}
.contact-blok-inner{width:100%; max-width:1200px; margin:auto; padding:4% 0; position:relative;  z-index:30}
.contact-blok h2{color:#fff !important; font-size:22px;  text-align:center;  margin-bottom:20px; text-transform:uppercase; font-weight:bold}
.contact-blok .cf7-text{display:block; float:left; width:300px; color:#333; font-size:18px; font-weight:bold; padding:11px 0;}
.contact-blok .wpcf7 { margin-left:300px;}
.contact-blok .form-row { margin:0 -15px; overflow:hidden;}
.contact-blok .form-row:after { content:''; clear:both; display:table;}
.contact-blok .form-item { float:left; width:33.33%; padding:0 15px;}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{background-color:#fff !important; border:1px solid #aaa; width:100% !important;  border-radius:0 !important; font-size:14px; color:#333 !important; padding:16px !important;  box-sizing:border-box;   margin-bottom:20px;  position:relative;  z-index:30}
.wpcf7-textarea{margin-bottom:30px}
.contact-blok .form-item .wpcf7-text, .contact-blok .form-item .wpcf7-textarea, .contact-blok .form-item .wpcf7-captchar { margin-bottom:0;}
.contact-blok .form-item .wpcf7-submit { width:100%; font-size:15px; line-height:22px; padding:14px 12px;}
.contact-blok .submit-item { position:relative;}
.contact-blok .submit-item .ajax-loader { position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.contact-blok .wpcf7 p{ width:50%;  float:none; margin:auto; text-align:left;  color:#fff; font-size:14px; font-weight:bold;  display:block; }
.contact-blok .wpcf7-response-output{ color:#333; text-align:center; clear:both;}
.wpcf7-not-valid-tip { display:none !important;}
.wpcf7-not-valid { border-color:red !important;}

    /*  Преимущества   */
.advantages-block, .workscheme-block, .clients-block { padding:40px 0;}
.advantages-block h2, .workscheme-block h2, .clients-block h2 { text-align:center; margin-bottom:36px;}
.advantages-list, .workscheme-list { display: -ms-flexbox; display: -webkit-flex; display: flex;}
.advantages-item, .workscheme-item { -moz-box-flex:1; -webkit-flex-grow:1; -ms-flex: 1; flex-grow:1; padding:10px 15px; text-align:center; margin-bottom:15px;}
.advantages-item .caption, .workscheme-item .caption { font-size:16px; font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
.advantages-item .text, .workscheme-item .text { line-height:20px;}
.advantages-item .icon { font-size:52px; margin-bottom:28px;}
.workscheme-item .icon { border:1px solid; border-radius:50%; width:100px; height:100px; line-height:100px; font-size:48px; margin:0 auto 28px;}

    /*  Логотипы клиентов   */
.clients-carousel li { padding:0 15px; text-align:center;}
.clients-carousel .jcarousel-pagination { text-align:center; margin-top:24px; vertical-align:top;}
.clients-carousel .jcarousel-pagination span { display:inline-block; vertical-align:top; margin:0 8px; width:18px; height:18px; border:1px solid; border-radius:50%; cursor:pointer;}

	/* Дополнительные услуги */
	.related-services { margin-top:45px;}
	.related-services h2 { position:relative; padding-left:120px; margin-bottom:50px;}
	.related-services h2:before { content:''; display:block; position:absolute; left:0; bottom:0; width:100px; height:2px;}
	.services-carousel { margin:0 -45px; padding:0 40px;}
	.services-carousel .jcarousel ul li { padding:0 15px;}
	.services-carousel .jcarousel ul li:before { display:none;}
	.vacancies__item { margin: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.vacancies__item-image { display: block; vertical-align: text-top; -webkit-flex: 0 0 45%; -moz-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
	.vacancies__item-image .service-thumb { display:block; border-radius:5px; padding-bottom:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
	.vacancies__item-description { -webkit-flex: 0 0 52%; -moz-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%;}
	.vacancies__item-description h4 { margin-top: 0; font-size: 20px; margin-bottom: 16px;}
	.vacancies__item-description p { margin: 0 0 20px;}
	.vacancies__item .btn { margin-top:0;}
	.services-carousel .jcarousel-prev, .services-carousel .jcarousel-next { width:25px; height:90px; position:absolute; top:50%; margin-top:-45px; cursor:pointer; z-index:50; background: url(images/vacancies--arrow-big.svg) 50% no-repeat; background-size: contain;}
	.services-carousel .jcarousel-prev { left:0;}
	.services-carousel .jcarousel-next { right:0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
	.services-carousel .jcarousel-prev:hover, .services-carousel .jcarousel-next:hover { opacity:0.8;}

	/* Контакты */
	.contacts-main { padding-top:15px;}
	.contacts-main:after { content:''; clear:both; display:table;}
	.contacts-data { float:left; width:50%;}
	.contacts-form { float:right; width:47%; padding:25px 0;}
	.contacts-form .form-title { font-size:16px; font-weight:bold; color:#333; margin-bottom:18px;}
	.contacts-form .wpcf7 input[type="submit"] { width:auto; margin:0; display:inline-block;}
	.contacts-map { margin-top:30px;}
	.contacts-data { padding:25px 0 25px 100px; border-left:10px solid;}
	.contacts-data>:last-child { margin-bottom:0;}
	.contact-box { position:relative; min-height:50px; margin-bottom:20px;}
	.contact-box .contact-icon { display:block; float:left; width:50px; height:50px; line-height:50px; text-align:center; font-size:40px;}
	.contact-box .contact-entry { margin-left:80px; line-height:24px;}
	.contact-box .contact-entry h5 { font-size:16px; line-height:24px; margin:0;}
	.contact-box .contact-entry p { margin:0;}
	.contact-box a { text-decoration:none;}

    /*  26 Кнопки сайта   */

a.btn, input[type="submit"].btn, .wpcf7 input[type="submit"] { display:inline-block;  vertical-align:top; border-radius:0;   font-size:12px;   line-height:19px; text-align:center; text-decoration:none; color:#fff; white-space:nowrap; font-weight:bold; text-transform:uppercase; text-align:center; -webkit-appearance:none; outline:0;  border:0; box-shadow:none; cursor:pointer; padding:10px 12px;  margin-top:30px; transition:all .2s linear; }
.btn, input[type="submit"].btn{transition:all .2s linear;  color:#fff; border:0; text-decoration:none}
.btn:hover, input[type="submit"].btn:hover, .wpcf7-submit:hover{color:#fff; border:0}
 .wpcf7 input[type="submit"] { display:block; width:160px; margin:auto }
.product-blok  a.btn{margin:26px auto 0}

    /*  27 Метки сайта */

.side-blok .tagcloud{width:100%; display:inline-block; margin-bottom:10px}
.side-blok .tagcloud a{color:#fff;  border:none; float:left; margin:0 5px 5px 0; padding:4px 6px; line-height:20px; font-size:10px!important; text-transform:uppercase; text-decoration:none}
.side-blok .tagcloud a:hover{color:#fff; text-decoration:none}

 /*  28 Подвал   */
.footer-flex { display: -ms-flexbox; display: -webkit-flex; display: flex;}
.footer-left { -moz-box-flex:1; -webkit-flex-grow:1; -ms-flex: 1; flex-grow:1; padding:36px 0;}
.footer-logo { display:inline-block; position:relative;}
.footer-column { -moz-box-flex:1; -webkit-flex-grow:1; -ms-flex: 1; flex-grow:1; padding:36px 0 36px 15px;}
.footer-text { margin-top:30px;}
.footer-socials { margin-top:24px; vertical-align:top;}
.footer-socials li { display:inline-block; vertical-align:top; width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; margin-right:6px;}
.footer-column .widget_title { font-size:18px; line-height:24px; text-transform:uppercase; font-weight:bold; margin-bottom:20px;}
.footer-column .menu li a { text-decoration:none;}
.footer-column .menu li a:hover { text-decoration:underline;}
.footer-column .current-menu-item { background:none;}
.footer-copyright { padding:32px 0; text-align:center;}

  /*  29 Кнопка Вверх   */

#backtop{display:none; position:fixed; padding:4px 6px 4px 6px; text-align:center; z-index:100; bottom:15px; right:15px; font-size:25px; color:#fff; font-weight:normal; background:rgba(51,51,51,0.4);   border-radius:5px}
#backtop:hover{background:rgba(51,51,51,0.9)}

 /*  30 Постраничная навигация   */

.postcol .wp-pagenavi{width:100%; margin:40px 0; padding:30px 0; font-size:14px; color:#888}
.postcol-fullwidth .wp-pagenavi{width:100%; margin:40px auto 0; padding:30px 0; font-size:14px; color:#888; text-align:center }
.wp-pagenavi a, .wp-pagenavi a:link{padding:8px 8px; margin:1px 10px 2px 0; text-decoration:none; background:#f9f9f9; color:#888; border:none}
.wp-pagenavi a:visited{padding:8px 8px; margin:1px 10px 2px 0; text-decoration:none; color:#888; border:none}
.wp-pagenavi a:hover{color:#fff;  border:none}
.wp-pagenavi a:active{padding:8px 8px; margin:2px 10px 2px 0; text-decoration:none; color:#fff; border:none}
.wp-pagenavi span.pages{padding:2px 4px 2px 4px; margin:1px 30px 20px 2px; border:none}
.wp-pagenavi span.current{padding:8px 8px; margin:1px 10px 2px 0; color:#fff;  border:none}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px; margin:2px}
.sr-box-list ul, sr-box-list li{padding:0!important; margin:0 !important}

  /*  31 Блок Похожие записи   */

 ul.related-posts{width:100%; float:left; padding-bottom:20px; margin:30px 0 10px 0;  border-bottom:1px solid #eee;  list-style:none;}
 ul.related-posts li{width:30%; float:left; margin:1.5%; padding: 0 }
.related-title{margin:10px auto 25px; font-size:18px;  text-transform:uppercase;  text-align:center; display:block; font-weight:bold}
.rel-post-title{margin-top:10px; font-size:14px;   display:block; line-height:19px; height:70px; overflow:hidden}
 ul.related-posts li a{text-decoration:none}
 ul.related-posts li a:hover{text-decoration:underline}
 ul.related-posts li .wrap{max-width:230px; max-height:150px; overflow:hidden}
 ul.related-posts li img{border-radius:6px; transition:all 500ms ease;}
ul.related-posts li:hover img{transform:scale(1.1,1.1) rotate(3deg);}
  .post ul.related-posts li:before {height:0;width:0; position: relative; background: none}

  /*  32 Оформление изображений  в записях и на страницах*/

 img.alignleft{float:left; margin:5px 35px 25px 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:30px}
.wp-caption{text-align:center; margin-bottom:15px; max-width:100%; height:auto}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption-text{font-size:13px; line-height:17px; padding:7px 5px; margin:0}
.wp-caption.alignleft{float:left; margin:5px 30px 7px 0}
.wp-caption.alignright{float:right; margin:5px 0 7px 30px}
.wp-caption.aligncenter, .attachment img{display:block; margin-left:auto; margin-right:auto; margin-bottom:20px}
img.alignright{float:right; margin:5px 0 25px 35px}
.gallery{margin:30px auto 30px !important; text-align:center; vertical-align:top;}
.gallery>br { display:none !important;}
.gallery .gallery-item { float:none !important; width:auto !important;max-width:none !important;}
.gallery-item{display:inline-block; padding:0 1% 0 1%; text-align:center; vertical-align:top; width:100%}
#gallery-1 img{border:none;  border-radius:6px}
.gallery .gallery-item img{display:block;border:none !important}
.gallery-columns-2 .gallery-item{max-width:46%}
.gallery-columns-3 .gallery-item{max-width:29%}
.gallery-columns-4 .gallery-item{max-width:21%}
.gallery-columns-5 .gallery-item{max-width:16%}
.gallery-columns-6 .gallery-item{max-width:10%}
.gallery-icon a {display:block; position:relative;overflow:hidden;}
.gallery-icon a img{margin:0 auto;transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease;-weblit-transform:scale(1,1);transform:scale(1,1);}
.gallery-icon a:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); opacity:1;transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; z-index:1;}
.gallery-icon a:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.gallery-icon a:hover:before { opacity:0;}
.gallery-caption{color:#707070;  display:block;  font-size:12px;  padding:10px}

/* callback form */
#colorbox .callback-form { border:2px solid; overflow:hidden;}
#cboxContent #cboxClose { background: none; width:30px; height:30px;}
#cboxContent #cboxClose:before { content:'\f00d'; font-family:FontAwesome; display:block; position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; font-size:20px; text-align:center; text-indent:0;}
#colorbox div.callback-form { padding:20px 30px; height:100%;}
#colorbox div.callback-form h1 { text-align:center; font-weight:bold;}
#colorbox div.callback-form p { text-align:center;}
#colorbox div.callback-form label span.callback-label { display:none;}
#colorbox div.callback-form label input[type="text"], #colorbox div.callback-form textarea { font-family:'Montserrat', Arial,sans-serif; background:none; border:none; border-bottom:2px solid; padding:10px; font-size:15px; outline:none;}
#colorbox div.callback-form .submit-button { margin:0 auto;}

  /*  33 Комментарии  */

.comments-box{width:100%;  position:relative;   margin:30px auto; }
.comments-box ol {  counter-reset:none !important}
.comments-box ol li:before {counter-increment:none !important; background:none; content:''; padding:0; margin-left:-9999px}
 #respond{margin:20px 0; padding:0}
.comments-box.text{border:1px solid #93bab1; padding:2px; color:#666; width:200px}
ol.commentlist{margin-top:30px; padding:0; }
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none}
ol.commentlist li{margin-top:20px; list-style-type:none; padding: 0 }
ol.commentlist li div.vcard cite.fn{font-weight:bold; font-size:14px;  text-transform:uppercase}
ol.commentlist li div.vcard cite.fn a.url{text-decoration:none}
ol.commentlist li div.vcard img.avatar{float:left; margin:0 30px 0 0; border-radius:30px}
ol.commentlist li div.commentmetadata{font-size:12px}
ol.commentlist li div.comment-meta{margin:0 0 10px 0}
ol.commentlist li div.comment-meta a{color:#7b7b7b; text-decoration:none}
ol.commentlist li p{margin-left:90px}
ol.commentlist li div.reply{margin-left:90px; font-size:12px; text-transform:uppercase; color:#ccc; font-weight:bold; cursor:pointer}
ol.commentlist li div.reply a{color:#ccc; text-decoration:none}
ol.commentlist li div.reply:hover{}
ol.commentlist .parent{padding:5px 0 5px 0; border-bottom:1px dotted #ddd}
ol.commentlist .parent li{margin-top:20px; border:none; padding:0}
ol.children{margin:0}
ol.children li{margin:20px 0 20px 30px}
#comment{margin-bottom:30px}
.comment-form label{color:#707070; font-size:12px; font-weight:bold;  display:inline-block;  line-height:1.5; text-transform:uppercase;  margin-bottom:10px}
h3#reply-title, .comment-title{margin:10px auto 20px; font-size:22px;  text-transform:uppercase; padding:20px 0 15px 0;  text-align:center; display:block; font-weight:bold}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{font-family:inherit;  font-size:16px;  width:90%;  padding:5%; margin-bottom:10px; box-shadow:0 0 1px #555; background:#f9f9f9; border:0}
.logged-in-as, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags{color:#707070; font-size:15px; line-height:1.5; margin-bottom:20px; font-style:italic; text-align:center}
.no-comments{color:#707070; font-weight:bold; padding-top:1.6em}
.comment-navigation+.no-comments{border-top:0}
.form-submit{margin-bottom:30px; clear:both}
.required{color:#c0392b}
.top-text .vcard{display:inline-block; margin-bottom:40px}
#commentform textarea{font-family:inherit; height:150px; width:93%; box-shadow:0 0 1px #555; padding:2%; font-size:15px; line-height:24px; display:block; color:#333; background:#f9f9f9; float:left; border:0}
#commentform input:focus, #commentform textarea:focus{background:#fff; -webkit-box-shadow:0 0 4px rgba(102,203,245,0.9); -moz-box-shadow:0 0 4px rgba(102,203,245,0.9); box-shadow:0 0 4px rgba(102,203,245,0.9)}
.navleft{width:46%; padding:2%; float:left; text-align:left}
.navright{width:46%; padding:2%; float:right; text-align:right}
a#cancel-comment-reply-link{display:block; font-size:12px; margin-top:15px; color:#c0392b}
.comment-form input[type="submit"]{  width:250px; display:block;  vertical-align:top; border-radius:4px; font-size:16px;  line-height:1.65em; text-align:center; text-decoration:none; color:#fff; -webkit-appearance:none; outline:0;  border:0; box-shadow:none; cursor:pointer; padding:10px 12px;  margin:30px auto;  transition:all .2s linear; }
.comment-form input[type="submit"]:hover{color:#fff}
p.comment-form-author, p.comment-form-email, p.comment-form-url{width:31%; float:left; margin-right:2.33%; display:block}
 ol.commentlist li #respond p{margin-left:0px}

 .comments-box .navigation {width:100%; margin:40px auto 40px; text-align: center; border-top:1px solid #eee; border-bottom: 1px solid #eee; padding:20px 0}
.com-nav-title {display: block; text-align: center; margin-bottom: 15px;; font-weight: bold}
.comments-box .navigation .nav-previous {width:50%; float:left;}
.comments-box .navigation .nav-next {width:50%; float:right;}

  /*  34 404 страница */

.entry-404{padding:8% 15%}
.entry-404 h2{text-align:center; font-size:40px; margin-bottom:50px; font-weight:bold}
.entry-404 input{width:96%; margin-top:25px; border-radius:0; padding:2%; font-size:15px; font-family:inherit; color:#333; border:0; background:#f9f9f9; box-shadow:0 0 2px #aaa}

.arch-title{margin:0 auto 20px; font-size:20px;  text-transform:uppercase; padding-bottom:10px;  text-align:center; display:block; font-weight:bold}
.archive-desc{display:block; margin-bottom:45px; padding-bottom:20px; border-bottom:1px solid #eee; font-style:italic; font-size:16px; color:#878787; text-align:center}
.attachment-blok{padding:1% 15% 4% 15%}


  /*  35 Социалка   */

.social-bar{width:100%;  text-align:center}
.social-bar ul{list-style:none}
.social-bar ul li{width:20%; display:block; float:left; margin:1% 2%; border:1px solid #eee; padding:10px 0; font-size:15px}
.blog .social-bar ul li{ font-size:13px}
.social-bar ul li a{text-decoration:none; color:#fff}
.social-bar ul li:hover{}
.social-bar ul li span{margin-right:10px}
.social-bar p{ display:block; font-size:18px;  margin:30px auto 20px; text-transform:uppercase; font-weight:bold; text-align: center}

 .vk{background:#4d7198}
 .fb{background:#3b5998}
 .tw{background:#14a1e8}
 .ig{background:#c7b5a1}
 .od{background:#F6881F}
 .gp{background:#cf322a}
 .yt{background:#a81a1e}
  .in{background:#0c62a6}
 .social-bar ul li:before {height:0;width:0; position: relative; background: none}


/* Gutenberg */

 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.wrap{width:100%; max-width:1290px; padding:1% 5%}
p {margin-bottom: 20px}
table {width: 100%; display: table}
table tr:nth-of-type(odd){background:#f6f7fb}table tr:nth-of-type(even){background:#fff}
table tr, table td {font-size: 16px}
.entry h1,  .entry h2,  .entry  h3,  .entry  h4,  .entry  h5,  .entry  h6 {margin-bottom:15px}
.wp-block-embed, .wp-block-media-text {margin-bottom: 30px}
.wp-block-latest-posts {margin: 30px 0 !important; font-size: 17px}
.wp-block-latest-posts li {padding: 0 10px 0 25px !important}
.post li.blocks-gallery-item:before{content:'';padding:0; background: none}
.post .wp-block-gallery li {padding: 0}

  /*  36 Адаптивные стили  */


@media only screen and (max-width:1360px){
	.featured-item span{ font-size:12px}
}

@media only screen and (max-width:1280px){
	.container { padding:0 18px;}
	.menunav li a { padding:25px 10px;}
 .sub-text-blok-inner, .product-blok-inner,  .home-gallery-blok-inner, .testim-blok-inner,  .team-blok-inner,  .news-inner,  .count-blok-inner,  .just-text-blok,  .contact-blok-inner, .maincol-inner{width:calc(100% - 36px);}
 .main-img{height:400px}
 .count-blok-item{ font-size:18px}
 .count-blok-item .counter{font-size:40px}
 .count-blok .fa{font-size:40px}
 .home-gallery-blok .img-wrap{max-width:262px; max-height:262px;}
 .contacts-data { padding-left:50px;}
}
@media only screen and (max-width:1250px){
 .services-carousel { margin:0 -8px; padding:0 35px;}
}

@media only screen and (max-width:1160px){
#lang, .header-callback { float:none; margin-left:0;}
#lang { margin-top:15px; padding:0;}

.menunav ul li{font-size:13px}
.menunav ul li a{padding:25px 5px}
.banner--clone.menunav ul li{font-size:12px}
.banner--clone.menunav ul li a{padding:12px 5px}

	.sidebar { width:26.8%;}

 .testimonial-inner{ height:380px}
.featured-item{float:left; width:30.33%;  margin:0 1.5% 1.5% 1.5%}
.featured-item{ max-width:330px;  max-height:267px; overflow:hidden}
 .featured-item span{ font-size:15px; padding:8%; line-height:22px }
	.slide-content .slider-info-wrap { width:60%;}
}

@media only screen and (max-width:1050px){
 .head-banner{float:none; width:100%;  text-align:center; margin:auto}
 .main-img{ height:350px}
 .menunav ul li{font-size:12px;  line-height:14px;  font-weight:normal}
 .menunav ul li ul li, .menunav ul li ul li ul li{font-size:12px; padding:5px 0 4px 0; line-height:14px;  font-weight:normal}
.sub-text-blok-left{width:100%; margin-bottom:30px; text-align:center}
 .sub-text-blok-left .btn{margin:20px auto}
.sub-text-blok-right{ width:100%;  margin:0 0 30px 0}
 #emailSub-widget{margin:0 auto 0}
 .news-blok h2 { font-size:14px;   line-height:22px; }

	.slide-image { height:auto; padding-bottom:40%;}
	.slide-content { position:relative; height:auto; top:auto; padding:20px 55px;}
	.slide-content .container { height:auto;}
	.slide-content .slider-info-wrap { position:relative; left:auto; top:auto; height:auto; width:auto; display:block;}
	.slide-content .slider-info-bg { display:none;}
	.slide-content .slider-info { padding-right:0;}
	.slide-content .slide-caption { font-size:32px; line-height:40px; margin-bottom:24px;}
	.slide-content .slide-text { font-size:18px; line-height:24px;}
	.slide-content .slide-button-wrap { margin-top:28px;}
	.home-slider .slider-actions { display:none;}

	.vacancies__item-description h4 { font-size:18px;}
 }
 @media only screen and (max-width:970px){
 body{ font-size:16px; line-height:24px; margin:0}
	.header-flex { padding:20px 0;}
	.phone-box { float:none; margin-left:0;}
	.phone-box+.phone-box { margin-top:10px;}
 .testimonial{width:96%; margin:0 auto 30px; float:none}
 .testimonial-inner{ height:auto}
 .testimonial-legend{position:relative}
 #menu{margin-left:-9999px; width:0; height:0; overflow:hidden}
 #mob{display:block}
 .product-blok .cell{width:50%;}
 .product-blok .cell:nth-child(3n+1){ clear:none;}
 .product-blok .cell:nth-child(2n+1){ clear:both;}
 .count-blok-item{width:46%; padding:2%; margin-bottom:5px; height:250px}
 .sub-text-blok-inner,  .product-blok-inner, .home-gallery-blok-inner, .testim-blok-inner,  .team-blok-inner, .count-blok-inner,  .just-text-blok-inner, .news-inner, .contact-blok-inner{padding:8% 0}
 .home-gallery-blok-item{width:30.33%; padding:2% 1.5%}
 .featured-post{ margin:0 auto 0; padding-bottom:30px; border-bottom:1px solid #eee}
 .img-wrap p{opacity:1}
  .home-gallery-blok .img-wrap{max-width:400px; max-height:400px; overflow:hidden;  position:relative}
 .team-blok .team{width:46%;  height:auto; float:left}
 .team-blok .team:nth-of-type(odd){clear:both}
	.contact-blok .cf7-text{ float:none; width:auto; padding:0; margin-bottom:24px; text-align:center;}
	.contact-blok .wpcf7 { margin-left:0;}
 .wpcf7 p{ width:96%}
 .sidebar{float:left; width:100%;  margin-top:50px; }
 ol.children li{margin:20px 0 20px 15px}
 ol.commentlist li p{margin-left:0px; margin-top:20px}
 ol.commentlist li div.reply{margin-left:0}
 .social-bar ul li{width:44%}
.postcol .wp-pagenavi, .postcol-fullwidth .wp-pagenavi{width:100%; margin:40px auto 0; text-align: center}
	.advantages-list, .workscheme-list { display:block; margin:0 -4px 0 4px; text-align:center; vertical-align:top;}
	.advantages-item, .workscheme-item { display:inline-block; width:50%; margin-left:-4px; vertical-align:top; margin-bottom:28px;}
	.contacts-data, .contacts-form { float:none; width:auto;}
	.mm-panels { overflow:auto;}
	.mm-panels>.mm-panel { position:relative;}
	.mm-panels>.mm-panel>.mm-listview.menu-socials { margin-left:0; margin-right:0; text-align:center;}
	.menu-title { font-weight:bold; position:relative;}
	.menu-title:after { content:''; display:block; position:absolute; height:1px; left:0; right:-20px; bottom:-10px; background:rgba(0,0,0,.1);}
	.mm-listview.menu-socials>li { display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; margin:0 8px;}
	.mm-listview.menu-socials>li:after { display:none;}
	.mm-listview.menu-socials>li a { padding:0; color:#fff;}
	.footer-main { padding:30px 0; text-align:center;}
	.footer-flex { display:block;}
	.footer-left { padding:0;}
	.footer-column { float:left; width:33.33%; padding:0 15px; margin-top:30px; text-align:left;}
	.footer-socials li { margin:0 3px;}
}
@media only screen and (max-width:736px){
	.header-flex { display:block; text-align:center;}
	.header-logo .site-title { display:inline-block;}
	.phone-box { display:inline-block; text-align:left; padding:10px;}
	.phone-box+.phone-box { margin-top:0;}
	.header-right { padding-top:15px;}
	.slide-image { padding-bottom:55%; background-position:80% center;}
	.slide-content { padding:25px 10px;}
	.slide-content .slide-caption { font-size:24px; line-height:32px; margin-bottom:20px;}
	.slide-content .slide-text { font-size:16px; line-height:20px;}
	.slide-content .slide-button-wrap { margin-top:20px;}
 .home-gallery-blok-item{width:46%; padding:2%}
  .featured-item{float:left; width:46%;  margin:0 2% 2% 2%}
  .featured-item{ max-width:338px;  max-height:268px; overflow:hidden}
  .rel-post-title{height:100px}
 .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{padding:10px !important}
 .contact-blok .form-item .wpcf7-submit { width:100%; font-size:14px; line-height:18px; padding:10px 12px;}
   .product-blok  h2, .home-gallery-blok  h2, .count-blok h2, .just-text-blok h2,  .testim-blok h2, .team-blok h2, .news-blok h3, .contact-blok h2, .advantages-block h2, .workscheme-block h2, .clients-block h2 {font-size: 20px; line-height: 26px; margin-bottom:28px;}
	.advantages-block, .workscheme-block, .clients-block { padding:32px 0;}
	.clients-carousel .jcarousel-pagination { display:none;}
	.home-about-image { float:none; width:auto;}
	.home-about-image+.home-about-text { margin-right:0; text-align:center; margin-top:28px;}
}
@media only screen and (max-width:600px){
#wpadminbar { position:fixed;}
.container { padding:0 18px;}
 .header-logo .fa{float:none; display:block; margin-right:0; padding-bottom:0px; font-size:20px}
 .home-gallery-blok-item{width:70%; padding:0 15%; margin-bottom:30px }
 .team-blok .team, .news-item{ width:70%;  margin:0 auto 30px; float:none; height:auto}
 .contact-blok .form-item { width:100%; margin-bottom:24px;}
 .contact-blok .form-item.submit-item { margin-bottom:0;}
 .post-thumb { float:none; margin:0 auto 25px;}
.post-thumb+.post-entry { margin-left:0;}
.post-entry { text-align:center; margin-bottom:35px;}
.post-entry .post-title { text-align:center;}
	.product-blok .cell{width:auto; padding:0;  margin:0 auto 50px; float:none}
 	.related-services h2 { padding-left:60px;}
	.related-services h2:before { width:50px;}
	.services-carousel { padding:0 30px;}
	.advantages-list, .workscheme-list { margin:0;}
	.advantages-item, .workscheme-item { margin-left:0; display:block; width:auto;}
	.vacancies__item-image { -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.vacancies__item-description { -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top:20px;}
	.contacts-data { padding-left:40px; border-left:7px solid;}
	.contact-box .contact-entry { margin-left:70px;}
	.footer-main { text-align:left;}
	.footer-column { float:none; width:auto; padding:0; margin-top:24px;}
 }
 @media only screen and (max-width:590px){
.header-logo .fa{font-size:16px; margin-bottom:8px}
 p.comment-form-author, p.comment-form-email, p.comment-form-url{width:100%; float:left; margin-right:0; margin-bottom:15px}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width:96%;  padding:2%}
 ul.related-posts li{width:46%; float:left; margin:2%}
 .wp-pagenavi a.page, span.extend, a.last{display:none}
	 .wp-block-image .alignleft, .wp-block-image .alignright { float:none; margin-left:auto; margin-right:auto; text-align:center;}
}
 @media only screen and (max-width:414px){
.home-gallery-blok-item{width:90%; padding:0 5%; margin-bottom:30px }
.team-blok .team, .news-item{ width:90%;  margin:0 auto 30px; float:none; height:auto}
 #emailSub-widget{width:80%; overflow:hidden; padding:15px}
.sub-title{display:block; font-size:18px; line-height:22px}
 .testimonial-pic{width:50px; height:50px;  bottom:25px; right:15px}
 .testimonial-name{font-size:14px}
 .featured-item span{margin-left:-9999px}
 .testimonial-legend{line-height:20px}
.testimonial .fa{ font-size:16px}
 h1.post-title{ font-size:20px;  margin-bottom:20px;  line-height:30px}
h2.post-title{ font-size:18px;  margin-bottom:16px;  line-height:28px}
 .more-link{ width:50%}
.social-bar ul li{ padding:6px 0;  font-size:12px}
.social-bar ul li span{margin-right:4px}
.contacts-data { padding-left:0; border-left:none;}
table{font-size:11px}
table th, table td{padding:5px 3px}
#colorbox { max-width:96%;}
#colorbox #cboxWrapper, #colorbox #cboxContent, #colorbox #cboxLoadedContent { max-width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
#colorbox { left:2% !important;}
}
#productview.pv_fixed-widget .pv_head_ico { bottom:70px !important;}