/*
Theme Name: Secret Garden 3
Theme URI: https://goodwinpress.ru/
Author: GoodwinPress
Author URI: http://www.goodwinpress.ru
Description:  Новый шаблон от Гудвина из серии Secret Garden. Современная, легкая, универсальная и стильная тема с адаптивным дизайном. Статичная главная, "липкое" меню, "липкий" сайдбар, кнопка "заказать звонок", слайдер, отзывы, аккордеон для faq. Модальное окно, всплывающее при первом посещении сайта. Новая консоль, в которой можно включать и перемещать компоненты статичной главной, возможность поменять цвет основных элементов без копания в коде.
Version: 1.0
*/

/*

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

 /*  01 Сбрасываем стили   */

@import url("css/reset.css"); 

 /*  02 Элементы WP */
 
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; margin-right:6px}
big{font-size:131.25%}
ins{background:#ffc; text-decoration:none}
blockquote{padding:30px 40px; margin:20px 0 25px 0; font-weight:400; display:block;  background:#fcfcfc; box-shadow:0 0 1px #bbb; font-size:16px}
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}
input, textarea{color:#888; font-size:16px; border:1px solid #fff; background:#f4f4f4; vertical-align:middle}
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:20px 0 40px}
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}
.home-clear{width:100%; height:50px; clear:both; display:block; margin:0 auto}
a{text-decoration:underline}
a:hover{text-decoration:underline; cursor:pointer}

 /*  03 Фон, шрифт   */
 body{ font-family: 'Open Sans',Arial,sans-serif; font-weight:300; font-size:16px; line-height:24px; font-weight:normal; color:#545454;  word-wrap:break-word; background: #fff; position: relative}
 
/*  04 Шапка, лого, липкое меню   */
.header-logo{width:100%;  max-width:1400px; margin:0 auto;   position:relative;  z-index:100}
.header-logo-inner{width:92%;  margin:0 auto;  position:relative}
.site-title{float:left; width:40%}
.top-nav{float:left; width:60%}
.logo-text{text-align:left; display:block; font-size:22px; line-height:24px;  margin:32px 0 30px 0;  font-weight:700; text-transform:uppercase; letter-spacing:0.5px}
.header-logo a{  text-decoration:none}
.archive-desc{margin-bottom:40px; color:#acacac}
.fix-top{width:100%;  max-width:1400px; margin:0 auto 0;    height:50px; position:fixed; top:0; left:0; right:0; z-index:200}
.fix-top .logo-text{font-size:16px; margin: 14px 0  5px 0}
.fix-top .site-title img {max-width:100%;   height:48px}
 
 /*  05 Главное меню  */
 .menunav{float:right; position:relative; z-index:1001;  margin:auto}
.menunav ul{list-style-type:none; margin-top:32px;}
.menunav ul li{position:relative;  z-index:101}
.menunav ul li{display:inline-block;  font-size:14px; font-weight:400;  text-transform:uppercase; letter-spacing:1px}
.menunav li a{text-decoration:none;  padding:0 10px;  display:block}
.menunav li a:hover{text-decoration:none;   }
.menunav ul li ul{position:absolute; height:auto; top:20px; left:-85px; text-align:center; display:none; visibility:hidden; width:240px; padding:15px 0; border-radius:5px}
.menunav ul li ul li{display:list-item; float:none; border:none;  margin-left:0}
.menunav ul li ul li ul{top:0}
.menunav ul li ul li a{padding:8px 0}
* html .menunav{height:1%}
.menunav ul li ul li ul{position:absolute; height:auto; top:-16px; left:240px; display:none; visibility:hidden; width:240px; margin-left:-1px; border-radius:5px}
.menunav ul li >ul:after{content:"";  width:0;  height:0;  position:absolute;  top:-11px;  left:42%;  border-left:15px solid transparent;  border-right:15px solid transparent}
.menunav ul li ul li>ul:after{border:none}
.fix-top .menunav ul{margin-top:10px;  }
.fix-top .menunav ul li{ font-size:11px}
.fix-top .menunav ul li ul{position:absolute; height:auto; top:28px; left:-65px; text-align:center; display:none; visibility:hidden; width:200px; padding:8px 0 10px 0; border-radius:5px}
 
 
/*  06 Мобильное меню  */ 
#mob{margin:0 auto; text-transform:uppercase; display:none; text-align:center;  padding:20px 0;font-size: 12px;  }
#mob a{color:#fff; text-decoration:none}
.mm-list > li{font-size: 14px;}
 
 
 

 
/*  07 Контейнеры и колонки сайта   */
.maincol{width:100%; max-width:1400px;  margin:0 auto;  background:#f9f9f9; position: relative}
 .maincol-inner{padding:4%; }
 .blog-col{width:67%;   }
 .right-sidebar{width:30%; float:left; position:relative}
 .slider-accord{width:100%; margin:auto;  background:#fff}
.video-text{width:100%; margin:auto;}
.vertical-left, .vertical-right{width:50%; float:left; display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden}
.contact-map{width:100%; margin:auto;  background:#fff}

/*  08 Модальное окно, вылезающее при первом посещении   */
#active-popup{  background-color:rgba(0,0,0,.7);   position:absolute;   width:100%;   height:100%;   top:0;  bottom:0;  left:0;   z-index:100}
#popup-container{  width:40%;  margin:0 auto;   margin-top:10%;   position:fixed;   left:30%;   top:0;   display:none;  background:#fff;   z-index:10000;  }
.popcont-top{width:80.1%; float:left;  padding:10%; background:#fff;  text-align:center; }
 .popcont-bottom{width:80.1%; float:left;   padding:10%;  color:#fff; text-align:center; }
 .modal-content{  position:relative;   text-align:center}
#popup-window{position:relative}
 #popup-container a.close{  position:absolute;   float:right;   top:-15px;   right:-7px;   z-index:99}
#popup-container a.close, .pop-wrap a.close{  font-weight:bold;   font-size:16px;   -webkit-border-radius:20px;   -moz-border-radius:20px;   border-radius:20px;   padding:0px 5px 2px 5px;   line-height:1em;   text-align:center;   background:#E74C3C;   border:4px solid #fff;   cursor:pointer;   color:#fff;   box-shadow:-2px 2px 3px #ddd;   text-decoration:none} 
.pop-wrap a.close{  position:absolute;   float:right;   top:-50px;   right:-41px;     z-index:200}

/*  09 Слайдеры   */
.rslides{  position:relative;   list-style:none;   overflow:hidden;   width:100%;   padding:0;   margin:0}
.rslides li{  -webkit-backface-visibility:hidden;   position:absolute;   display:none;   width:100%;   left:0;   top:0}
.rslides li:first-child{  position:relative;   display:block;   float:left}
.rslides img{  display:block;   height:auto;   float:left;   width:100%;   border:0}
.rslides_container{  position:relative;   float:left;   width:100%}
.rslides .caption{position:absolute; bottom:0; left:0; width:92%; text-align:center; color:#fff; background:rgba(0,0,0,.4); font-size:26px; line-height:36px; padding:4%; font-weight:700}
.centered-btns_nav{  z-index:3;   position:absolute;   -webkit-tap-highlight-color:rgba(0,0,0,0);   top:50%;   left:0;   opacity:0.7;   text-indent:-9999px;   overflow:hidden;   text-decoration:none;   height:61px;   width:38px;   background:transparent url('img/themes.gif') no-repeat left top;  margin-top:-45px}
.centered-btns_nav:active{ opacity:1.0}
.centered-btns_nav.next{ left:auto;  background-position:right top;  right:0}
.centered-btns_nav:focus, 
.transparent-btns_nav:focus, 
.large-btns_nav:focus{ outline:none}
.centered-btns_tabs, 
.transparent-btns_tabs, 
.large-btns_tabs{position:absolute; bottom:55px; left:50%; z-index:100;  text-align:center;  width:90px;  margin-left:-45px }
.centered-btns_tabs li, 
.transparent-btns_tabs li, 
.large-btns_tabs li{ display:inline;  float:none;  float:left;  margin-right:5px}
.centered-btns_tabs a, 
.transparent-btns_tabs a, 
.large-btns_tabs a{ text-indent:-9999px;  overflow:hidden;  -webkit-border-radius:7px;  -moz-border-radius:7px;  border-radius:7px;  background:#333;   display:inline-block;   display:block;   width:14px;  height:14px;  margin:0 5px}
.centered-btns_here a, 
.transparent-btns_here a, 
.large-btns_here a{ background:#fff}
 .rslides img.slider-avatar{width:170px; height:170px;  float:none; border-radius:85px; margin:5px auto 35px; display:block}
.flex-caption{display:block; margin:0 auto;  padding:5% 10% 20% 10%;  width:80%; text-align:center;}
.rslides_container h5{font-size:24px;  text-align:center;   margin:60px 0 0 0}
.sl-name{font-size:18px; text-transform:uppercase; text-align:center; display:block; margin:20px auto; font-weight:700}
.index-slider{margin-bottom:40px; box-shadow:0 0 1px #bbb}
 
/*  10 Блок с фоном, текстом и кнопками (статичная главная)  */
.top-block{width:100%; margin:auto;  position:relative}
 .mask{position:absolute; z-index:50; top:0; left:0; right:0; bottom:0;  background:rgba(51,51,51,.5);  z-index:10}
.top-text{width:60%; text-align:center;  padding:12.5% 0;  margin:auto;  position:relative;  z-index:20}
.top-text h1{font-size:38px; color:#fff; margin-bottom:40px; margin-top:0}
.top-text p{color:#fff; margin-bottom:45px; font-size:18px; line-height:26px }

 /*  11 Четыре блока с текстом и картинками (статичная главная)   */
 .box-25{width:100%;  display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden}
.image-wrap{float:left; width:50%; position:relative;  background:#fff}
.text-wrap{float:left; width:50%; position:relative;  background:#fff}
.box-inside{ padding:120px 80px}
.boxes h2{font-size:22px; margin:10px 0 18px 0;   text-align:left; margin-top:0}
.boxes span{font-weight:bold; font-size:14px}
.boxes  a{font-size:14px; color:#333; font-weight:700; text-decoration:none}
.boxes  a:hover{text-decoration:underline}
.boxes  p a{font-size:14px; color:#333; font-weight:700; text-decoration:underline}
.boxes  p a:hover{text-decoration:underline}
.boxes{width:100%;   margin:auto}
.fa-plus-square{position:absolute; top:46%; left:50%;  margin-top:-30px; margin-left:-30px; color:#fff;  opacity:0}
.photo1:hover .fa-plus-square,  .photo2:hover .fa-plus-square,  .photo3:hover .fa-plus-square,  .photo4:hover .fa-plus-square{opacity:.5;  transition:all .4s linear; -o-transition:all .4s linear; -moz-transition:all .4s linear; -webkit-transition:all .4s linear}

 /*  12 Блок с видео и текстом на темном фоне (статичная главная)   */
.video-inside{padding:50px 80px; }
.video-inside h3{text-align:left; }
 
/*  13 Аккордеон (статичная главная)   */
 #accordion{width:86%; margin:50px auto 0; position:relative}
.accordion-toggle{cursor:pointer;  padding:17px 40px; border:1px solid #eaeaea; position:relative}
.accordion-content{display:none; padding:10px 20px; margin-bottom:10px}
.accordion-content.default{display:block}
 #accordion h4{margin:20px 0; font-size:15px; color:#fff; text-align:left}
  .accordion-toggle:hover{transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear}

/*  14 Поиск */
#searchform #s{width:55%;  padding:10px 12px; margin:0; color:#333; background:#fff; border:1px solid #dedede;  font-size:14px; text-transform:uppercase; font-weight:normal}
 #searchsubmit{ color:#fff; padding:11px 20px;  font-size:13px; cursor:pointer; border:none; text-transform:uppercase; font-weight:normal}
 #searchform-404 #s{width:30%;  padding:10px 12px; margin:0; color:#333; background:#fff; border:1px solid #dedede;  font-size:14px; text-transform:uppercase; font-weight:normal;   }
 
 
/*  15 Разбить текст на 2 колонки  */
#column1, #column2{float:left; width:48%; text-align:justify}
#column2{margin-left:4%}

/*  16 Модальное окно - заказать звонок */
.overlay{ background-color:rgba(0,0,0,.7);  bottom:0;  cursor:default;  left:0;  opacity:0;  position:fixed;  right:0;  top:0;  visibility:hidden;  z-index:200; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s}
.popup{border-radius:10px; background-color:#fff; display:inline-block; left:50%; opacity:0; padding:35px; width:300px; height:300px; position:fixed; text-align:center; top:50%; visibility:hidden; z-index:300; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:opacity .5s,top .5s; -moz-transition:opacity .5s,top .5s; -ms-transition:opacity .5s,top .5s; -o-transition:opacity .5s,top .5s; transition:opacity .5s,top .5s}
.popup .wpcf7 p{color:#333}
.popup .wpcf7 input[type="text"], .popup .wpcf7 input[type="email"],  .popup .wpcf7 input[type="tel"]{width:90%; padding:3% 2%; margin-bottom:20px; color:#333; box-shadow:0 0 1px #333; background:#fff; margin-bottom:10px}
.popup-text{margin:5px auto 25px}
.pop-wrap{position:relative}
 
/*  17 Контактная форма (статичная главная)  */
.home-contact{ width:80%; margin:0 auto;  padding:3% 10%}
.home-contact h5{text-align:center;   font-size:24px}
.contactform{width:100%; position:relative}
 .contact-text{ font-size:14px; line-height:22px; text-align:center; margin-top:20px}
.wpcf7 p{margin-bottom:5px; text-transform:uppercase; font-weight:700; font-size:12px}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{width:96%; padding:1%; margin-bottom:20px; color:#333; box-shadow:0 0 1px #555; background:#f9f9f9}
.your-message textarea{width:96%; padding:1%; box-shadow:0 0 1px #555; height:140px; background:#f9f9f9; color:#333}
.wpcf7 input[type="submit"], .comment-form input[type="submit"]{width:130px; display:block; vertical-align:top; font-size:14px; font-weight:400; line-height:1.65em; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase; -webkit-appearance:none; outline:0; border:0; border-radius:4px; box-shadow:none; cursor:pointer; padding:12px 14px; clear:both}
.wpcf7 input[type="submit"]{margin:20px auto 0}
.comment-form input[type="submit"]{margin-top:0}
.wpcf7 input[type="submit"]:hover, .comment-form input[type="submit"]:hover{color:#fff; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear}
span.wpcf7-not-valid-tip{font-size:14px; color:#E2737C}
div.wpcf7-response-output{position:absolute; height:40px; top:-55px; left:-20px; width:96%; font-size:16px; text-align:center; background:#fff; padding:20px; border:none}
.wpcf7-not-valid-tip-no-ajax{color:#E2737C; font-size:16px}
.wpcf7-mail-sent-ok{color:#2b9369}
.wpcf7-validation-errors{color:#E2737C}
.your-message textarea:focus, .your-name input:focus, .your-subject input:focus, .tel input:focus, .your-email input:focus, .wpcf7-captchar:focus, .sr-box-list input: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)}

/*  18 Подвал и виджеты подвала  */
#footer{width:100%;  max-width:1400px; margin:0 auto;  font-size:15px;  position:relative}
.footer-inner{padding:4% 3% 4% 3%}
.foot-widget1{margin:0 4% 0 0; float:left;  width:42%}
.foot-widget2{margin:0 4% 0 0; float:left; width:25%}
.foot-widget3{margin:0; float:right;  width:25%}
#footer ul{list-style-type:circle; margin:0px 0px 0px 20px; padding:0}
#footer ul li{margin:0px 0px 8px 0px; padding:0 0 0 2px}
#footer li ul{display:block; padding:10px 0px 0px 10px}
#footer ul li ul li{display:block; padding:0px 0px 0px 5px}
 #footer a{color:#fff; }
#footer p a, #footer li a{color:#10aaa0; text-decoration: none}
#footer p a:hover, #footer li a:hover{color:#f9f9f9; text-decoration: underline}
.foot-widget1 .foot-blok{padding:8% 10%}
.foot-widget2 .foot-blok, .foot-widget3 .foot-blok{padding:10%}
.foot-title span{font-size:14px; line-height:20px; font-weight:700;  margin-bottom:12px; padding-bottom:10px;  display:block; text-transform:uppercase}

  /*  Облако меток в подвале  */
div.tagcloud{display:inline-block; margin-bottom:10px}
#footer .tagcloud a{ color:#fff;  float:left; margin:0 6px 6px 0; padding:3px 5px; line-height:20px;  font-size:11px !important;  text-decoration:none; text-transform:uppercase; letter-spacing:0.5px}
#footer .tagcloud a:hover{  color:#fff;  text-decoration:none}

/*  19 Кнопки сайта  */
 a.btn, input[type="submit"].btn{width:130px; display:block;  vertical-align:top; border-radius:4px; font-size:14px; text-transform:uppercase; font-weight:400; 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:12px 14px}
.btn, input[type="submit"].btn{transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; color:#fff; border:0; text-decoration:none}
.btn:hover, input[type="submit"].btn:hover{color:#fff; border:0}
.video-inside .btn{margin-top:40px}
 .top-block .btn{display:inline-block; margin:25px 15px; width:155px}
 .top-block .clear-btn{background:none; border:1px solid #fff;  padding:11px 13px}
 .top-block .clear-btn:hover,  #popup-window .btn:hover{  padding:11px 13px}
#popup-window .btn{background:none; border:1px solid #fff;  padding:11px 13px; margin:30px auto 5px; color:#fff}
 
/*  20 Заголовки сайта  */
 h1, h2, h3, h4, h5, h6{margin:30px 0;  font-weight:700; line-height:120%;  text-transform:uppercase; letter-spacing:0.5px}
h1{font-size:34px}
h2{font-size:32px}
h3{font-size:30px}
h4{font-size:28px}
h5{font-size:26px}
h6{font-size:24px}
h1.post-title{font-size:28px; margin-bottom:30px; padding-bottom:22px;  position:relative}
 h2.post-title{font-size:18px; margin-bottom:20px; text-align:left; margin-top:0}
.entry h2{font-size:24px; margin-bottom:28px; text-align:left; margin-top:0; padding-bottom:22px;  position:relative}
h2.post-title a{text-decoration:none}
h2.post-title a:hover{text-decoration:underline}
.arch-title{font-size:20px; text-transform:uppercase;  display:block; margin-bottom:14px; font-weight:bold}
h1.post-title:after, .entry h2:after{display:block; content:''; height:4px; width:70px; bottom:0; position:absolute;}

 /*  21  Контейнеры и элементы записей и страниц  */
.blog .post, .archive .post{width:48%; float:left;  background:#fff; height:620px; overflow:hidden; box-shadow:0 0 1px #bbb; padding:0; position: relative}
.blog .post:nth-of-type(odd), .archive .post:nth-of-type(odd), .search .post:nth-of-type(odd){margin:0 4% 3% 0}
.blog .post:nth-of-type(even), .archive .post:nth-of-type(even), .search .post:nth-of-type(even){margin:0 0 3% 0}
.search .post{width:48%; float:left;  background:#fff; height:370px; overflow:hidden; box-shadow:0 0 1px #bbb; padding:0; position: relative}
.search .page{width:100%; float:left;  background:#fff; height:210px; overflow:hidden; box-shadow:0 0 1px #bbb; padding:0; margin-bottom:25px; position: relative}
.entry{width:90%; float:left;  background:#fff;  box-shadow:0 0 1px #bbb; padding:5%; margin-bottom:25px; position: relative}
.post{background:#fff; padding:5%; box-shadow:0 0 1px #bbb; margin-bottom:30px}
.post-inner{ padding:30px 40px }
.post-date{display:block; color:#fff; font-size:14px; position:absolute; bottom:0px; left:0; padding:10px; }
 .entry a.more-link{display:block; color:#fff; font-size:14px; position:absolute; bottom:0px; right:0; padding:7px 25px;  text-decoration: none}
 .entry a.more-link:hover{color:#fff;  text-decoration:none}

   /*  22  Избранные записи с эффектом (статичная главная)  */
.featured-posts{width:100%; margin:auto}
.homepage-blog-box{width:25%; float:left; margin:0; padding:0; overflow:hidden; background:#333}
.cover-title{display:block; font-size:22px; line-height:28px; font-weight:700; color:#fff; margin:20% 10% 0 10%; position:relative; padding-bottom:20px}
.cover-info{position:absolute; bottom:0; left:11%; display:block; font-size:14px; line-height:24px; color:#fff; padding:3% 6%}
.homepage-blog-box a{color:#fff; text-decoration:none}
.img-wrap{width:350px; height:300px; overflow:hidden; position:relative; float:left; margin:4px 40px 0 0; clear:both; z-index:100}
.img-wrap-nav{overflow:hidden; position:relative; float:left; margin:0 0 30px 0}
.img-wrap-home{width:100%; height:100%; overflow:hidden; position:relative; margin:0}
.img-wrap-home img, .img-wrap-nav img{width:100%; float:left}
.img-wrap img, .img-wrap-nav img, .img-wrap-home img{-webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out}
.img-wrap:hover img, .img-wrap-nav:hover img, .img-wrap-home:hover img{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3)}
.img-wrap .cover, .img-wrap-nav .cover, .img-wrap-home .cover{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); opacity:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out}
.img-wrap:hover .cover, .img-wrap-nav:hover .cover, .img-wrap-home:hover .cover{opacity:1}

/*  23   Виджеты сайдбара  */
 .side-blok{padding:10%; margin-bottom:30px; background:#fff; box-shadow:0 0 1px #bbb}
.side-title, .screen-reader-text{font-size:12px; text-transform:uppercase;  display:block; margin-bottom:22px;  font-weight:bold;  color:#444; position:relative; letter-spacing:0.5px}
.side-title:first-letter, .screen-reader-text:first-letter, .foot-title span:first-letter{  font-size:18px}
.side-blok a{color:#333; text-decoration:none}
.side-blok a:hover, .post-col a:hover, .credits a:hover{text-decoration:underline}
.side-blok p a{text-decoration:none}
.side-blok p a:hover{text-decoration:underline}

/*  Облако меток в сайдбаре  */
.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}

/*  Календарь в сайдбаре  */
.side-blok #calendar_wrap{width:100%; font-size:14px}
.side-blok table#wp-calendar{min-width:100%}
.side-blok #wp-calendar caption{color:#333; font-size:14px; padding:6px; text-align:left; text-transform:uppercase}
.side-blok #wp-calendar th{color:#777; text-align:center; padding:6px; font-size:14px; font-weight:bold; border:1px solid #eaeaea}
.side-blok #wp-calendar td{padding:3px 6px; border:1px solid #eaeaea; text-align:center}
.side-blok #today{color:#FFF}
.side-blok #today a{color:#FFF}
.side-blok #wp-calendar a{text-decoration:underline}
.side-blok #wp-calendar a:hover{text-decoration:underline}

 /*  24  Списки  */
 .metaslider ul li{list-style-type:none}
.side-blok ul, .boxes ul{list-style-type:circle; list-style-position:inside; margin:0 0 5px 10px}
.side-blok ul li ul, .boxes ul li ul{margin:10px 0 0}
.side-blok ul li, .boxes ul li{margin:0; padding:0 0 10px 0}
.side-blok ul li ul li, .boxes ul li ul li{margin:0; padding:0 0 10px 14px}
.post ul{list-style-type:circle; list-style-position:inside}
.post ul li ul{margin:10px 0 0 20px}
.post ul li{margin:0; padding:0 0 10px}
.post ul li ul li{margin:0; padding:0 0 10px 14px}

/*  25    Внутренняя навигация по записям с эффектом */
 .img-wrap-nav img{width:100%; float:left; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all .7s ease-in-out; -moz-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out}
.img-wrap-nav:hover img{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3)}
.img-wrap-nav{overflow:hidden; position:relative; float:left}
.post-navigation{margin-top:40px; line-height:24px; overflow:hidden}
.nav-box-previous{float:left; width:46%; margin-right:8%; position:relative}
.nav-box-next{float:right; width:46%; position:relative}
.post-navigation .color{display:inline-block; color:#fff; padding:3px 8px; vertical-align:middle; font-size:13px; position:absolute; top:0; left:0}
.post-navigation a{ text-decoration:none}
.post-navigation a:hover{text-decoration:underline}
.cover-title-nav{display:block; color:#fff; padding:20% 10% 5%; font-size:16px}
.img-wrap-nav .cover{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); opacity:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.img-wrap-nav:hover .cover{opacity:1}
.cover-title-nav span{display:block; font-size:14px; color:#eaeaea}
.post-navigation .color a, .post-navigation .color a:hover{color:#fff}

/*  26  Постраничная навигация (список страниц) */
 .wp-pagenavi{margin:50px auto 30px; padding-top:30px;  font-size:14px}
.wp-pagenavi a{padding:6px 8px; margin:2px 5px 2px 0; text-decoration:none; border:none}
.wp-pagenavi span.pages{padding:2px 4px; margin:2px 30px 20px 2px; border:none}
.wp-pagenavi span.current{padding:6px 8px; margin:2px 5px 2px 0;  font-weight:normal}
.wp-pagenavi span.extend{padding:2px 4px; margin:2px; border:none}

 /*  27  Кредитсы  */
 .credits{width:50%; max-width:1000px; margin:50px auto;  text-align:center;  position:relative;  }
.credits p{padding:30px 0;  font-size:12px}

/*  28  Изображения сайта  */
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-bottom:40px; border:none}
.gallery-item{display:inline-block; padding:0 1% 1% 1%; text-align:center; vertical-align:top; width:100%}
#gallery-1 img{border:none;  border-radius:6px}
.gallery .gallery-item img{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 img{margin:0 auto}
.gallery-caption{color:#707070;  display:block;  font-size:12px;  padding:10px}
.img-attach {display: block; text-align: center; font-weight: 700}

/*  29 Миниатюры блога  */
.blog-thumb{margin:0 auto 20px; position:relative;  width:420px; height:215px;  overflow:hidden}
.blog-thumb img{-webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all .7s ease-in-out; -moz-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out}
.blog-thumb:hover img{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3)}
 
 /*  30  Комментарии  */
.comments-box{width:90%;  position:relative; background:#fff; padding:5%; box-shadow:0 0 1px #bbb}
#respond{margin:20px 0; padding:0}
.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}
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:3px 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:block;  line-height:1.5; text-transform:uppercase; margin-bottom:10px}
h3#reply-title, .comment-title{margin:10px 0 20px 0; font-size:22px;  padding:0 0 15px}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width:90%;  padding:20px; margin-bottom:10px; box-shadow:0 0 1px #999; background:#f9f9f9}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags{color:#707070; font-size:12px; line-height:1.5; margin-bottom:30px}
.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{height:150px; width:90%; box-shadow:0 0 1px #999; padding:20px; font-size:15px; line-height:24px; display:block; color:#333; background:#f9f9f9; float:left}
#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}
.logged-in-as{padding:15px 0; text-align:left}
.comment-form input[type="submit"]{width:220px; display:block; vertical-align:top;  font-size:12px; font-weight:400; line-height:26px; text-align:center; text-decoration:none; color:#fff; -webkit-appearance:none; outline:0; border:0; border-radius:4px; box-shadow:none; cursor:pointer; padding-top:14px; margin-bottom:30px}
.comment-form input[type="submit"]:hover{color:#fff; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear}

/*  31   Кнопка вверх  */
 #backtop{position:absolute; width:47px; height:50px;  text-align:center; z-index:50; bottom:-21px; right:50%; margin-right:-25px; font-size:50px;  font-weight:400; background:#333; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; padding-left:4px }
 

 /*  32 Рубрики 404 страницы */
 ul.nice-cats{margin:40px 0 40px 0; text-transform:uppercase; font-size:14px}
.nice-cats li.cat-item{border-bottom:1px dotted #eaeaea; text-align:right; font-weight:300; padding:4px 0; clear:both; list-style:none; color:#222; background:transparent; padding-left:0}
.nice-cats li.cat-item a{ color:#222;text-align:left; float:left; text-decoration:none}
.nice-cats li.cat-item a:hover{text-decoration:underline; cursor:pointer}

/*  33 Информация о записи */
 .breadcrumbs{display:inline}
 .entry-info{font-size:13px; line-height:20px;  color:#999; padding:20px; background:#fff;  box-shadow:0 0 1px #bbb; margin-top:0px; margin-bottom:40px;  }
.entry-info a, .entry-info-bottom a{text-decoration:none; color:#999}
.entry-info a:hover, .entry-info-bottom a:hover{ text-decoration:underline}

/*  34  Социалка  */ 
 
ul.social{list-style:none;   }
 ul.social li { display:inline-block;   margin:0 5px 5px 0; padding:6px 12px;  font-size:14px!important; }
 ul.social a{color:#fff;  text-decoration:none}
ul.social a:hover{ text-decoration:none}
 ul.social li:hover {transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear}
 


/*  35  Адаптивные стили  */ 
@media only screen and (max-width:1280px){ 
	.accordion-toggle{padding:13px 20px}
 #accordion{width:90%; margin:20px auto}
 #accordion h4{margin:14px 0; font-size:13px; line-height:22px}
}
@media only screen and (max-width:1024px){ 
	 .maincol-inner{padding:4% 2%}
body{font-size:15px}
 .blog .post, .archive .post{width:48%; float:left;  background:#fff; height:670px}
.video-inside{padding:30px 40px}
.video-inside h2{ font-size:22px}
 .cover-title{font-size:16px; line-height:20px}
.cover-info{font-size:14px}
 .home-unit-right h3{font-size:22px}
 .cover-title-nav{font-size:14px}
.accordion-content {font-size: 13px; line-height: 20px}
 #accordion h4{margin:8px 0; font-size:12px; line-height:20px}

  ul.social li {   padding:4px 9px;  font-size:13px!important; }
   #searchsubmit{   padding:11px 10px;  }
 }
 @media only screen and (max-width:800px){ 
	 #menu{margin-left:-9999px; width:0; height:0; overflow:hidden}
	  #active-popup, #popup-container, #popup-window, #popup-container .close{display:none}
#mob{display:block}
.sliding-menu {display:block}
 .site-title{width:100%}
.logo-text, .fix-top .logo-text{text-align:center; font-size:20px;  }
 .header-logo, .header-logo.fix-top{width:100%;  max-width:1400px; margin:0 auto;  background:#212121;  height:auto; position:relative;  z-index:0}
   .homepage-blog-box{width:50%; height:305px}
.cover-title{font-size:24px; line-height:28px}
.top-text{width:90%; text-align:center;  padding:15% 0;  margin:auto;  position:relative;  z-index:20}
.top-text h1{font-size:28px; margin-bottom:30px; margin-top:0}
.top-text p{margin-bottom:35px; font-size:16px; line-height:24px }
 .top-block .btn{display:inline-block; margin:25px 20px 0 0; width:135px; font-size:12px}
 .vertical-left, .vertical-right{width:100%; float:left; display:block}
 #accordion{width:86%; margin:25px auto}
 #accordion h4{margin:14px 0; font-size:18px; line-height:24px}
.video-inside{padding:40px 30px}
.video-inside h2{font-size:20px}
.foot-widget1, .foot-widget2, .foot-widget3{margin:0;  width:100%}
.foot-widget1{margin-top:35px}
 .foot-widget1 .foot-blok, .foot-widget2 .foot-blok, .foot-widget3 .foot-blok{padding:4%}
#searchform #s{width:50%;  padding:6px 6px; margin:0; color:#333; background:#fff; border:1px solid #dedede;  font-size:13px; text-transform:uppercase; font-weight:normal}
 #searchsubmit{ padding:7px 8px;  font-size:13px; cursor:pointer; border:none; text-transform:uppercase; font-weight:normal}
 .side-blok{padding:7%}
 .fa-close{ top:30px; right:10px; float:right; color:#fff}
ol{margin:15px 0 18px 0}
ol.commentlist li p{margin-left:0; margin-top:20px}
ol.commentlist li div.reply{margin-left:0}
 .cover-title-nav{padding:17% 10% 2%; font-size:14px; text-align:left; line-height:20px}
 #column1, #column2{float:left; width:100%; text-align:justify}
#column1{margin-bottom:3%}
#column2{margin:0}
 h3#reply-title, .comment-title{font-size:18px}
ol.children li{margin:20px 0}
 .img-wrap .cover, .img-wrap-nav .cover, .img-wrap-home .cover{opacity:1; background:rgba(0,0,0,0.3)}
}
@media only screen and (max-width:736px){.view-cover{font-size:15px; line-height:24px}
 .text-wrap{width:70%; float:left}
 .image-wrap{width:30%; float:left}
 .fa-close{ top:30px; right:5px; float:right; color:#fff}
.box-inside{ padding:45px 45px}
.nav-box-previous{float:left; width:100%; margin-right:0; margin-bottom:20px}
.nav-box-next{float:left; width:100%}
.home-unit-right h3{font-size:20px}
 .map{height:300px}
 .map-info{bottom:-10px}
  .cover-title{font-size:24px}
.cover-info{font-size:16px}
 #accordion{width:90%; margin:20px auto}
 #accordion h4{margin:14px 0; font-size:13px; line-height:22px}
.blog-thumb{margin:0 auto 20px}
  .centered-btns_tabs, 
.transparent-btns_tabs, 
.large-btns_tabs{ bottom:15px}
}
@media only screen and (max-width:600px){ #accordion{width:86%; margin:50px auto}
 .blog .post, .archive .post{width:100%;  height:auto}
.blog .post:nth-of-type(odd), .archive .post:nth-of-type(odd), .search .post:nth-of-type(odd){margin:0 0 6% 0}
.blog .post:nth-of-type(even), .archive .post:nth-of-type(even), .search .post:nth-of-type(even){margin:0 0 6% 0}
.top-block .btn{display:block; margin:20px auto 0; width:155px; font-size:14px}
 .map-info span{font-size:18px}
  .cover-title{font-size:18px; line-height:24px}
  .homepage-blog-box{width:50%; height:250px}
.cover-info{font-size:12px}
 .rslides .caption{font-size:20px}
.post ol{margin-left:30px}
 .view-cover{font-size:14px; line-height:22px}
 .post p{text-align:justify}
.popup{padding:10px; width:240px; height:350px;  top:40%}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width:86%}
 #commentform textarea{ width:86%}
.arch-title{font-size:20px; text-align:center; margin-top:20px}
.archive-desc{margin-bottom:20px;  text-align:center}
 div.wpcf7-response-output{ top:-35px; left:-15px; width:81%; font-size:15px; height:85px}
 .pop-wrap a.close{   top:-23px;  right:-14px}
span.wpcf7-not-valid-tip{font-size:13px; text-transform:none}
 }
 @media only screen and (max-width:414px){ 
 .homepage-blog-box{width:100%; height:300px}
 .text-wrap{width:80%; float:left}
 .image-wrap{width:20%; float:left}
 .blog-thumb{margin-top:0}
.box-inside{ padding:40px 20px}
h1.post-title{font-size:22px}
 .cover-title{font-size:24px}
.cover-info{font-size:16px}
.footer-inner{padding:4% 3% 16% 3%}
 .blog-thumb{margin:0 auto 20px}
  .popup{top:42%; font-size: 12px;}
 }
 @media only screen and (max-width:320px){ 
.rslides .caption{font-size:16px}
.text-wrap{width:85%; float:left}
 .image-wrap{width:15%; float:left}
}