/*
* Таблица стилей содержит:
*
* 45.  Сбрасываем стили
* 49.  Элементы WP
* 82.  Фон, шрифт
* 87.  Шапка, лого, липкое меню
* 99.  Главное меню
* 122. Мобильное меню
* 128. Контейнеры и колонки сайта
* 140. Блок с фоном, текстом и кнопками (статичная главная)
* 156. Spritely
* 160. Четыре блока с текстом и картинками (статичная главная)
* 184. Блок с видео и текстом на темном фоне (статичная главная)
* 187. Видео с youtube
* 192. Видео с boomstream
* 197. Поиск
* 204. Разбить текст на две колонки
* 208. Подвал и виджеты подвала
* 224. Облако меток в подвале
* 229. Кнопки сайта
* 245. Заголовки сайта
* 268. Контейнеры и элементы записей и страниц
* 303. Лэндинг
* 324. Портфолио-Продукты
* 349. Миниатюры Hover Effects
* 361. Анимация
* 380. Всплывающие подсказки
* 396. Виджеты сайдбара
* 404. Облако меток в сайдбаре
* 410. Календарь в сайдбаре
* 420. Списки
* 431. Внутренняя навигация по записям с эффектом
* 447. Постраничная навигация (список страниц)
* 454. Кредитсы
* 458. Изображения сайта
* 482. Миниатюры блога
* 487. Кнопка вверх
* 490. Рубрики 404 страницы
* 496. Информация о записи
* 502. Социалка
* 508. Адаптивные стили
*/

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}strong{font-weight:700}em,i{font-style:italic}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;display:block;content:" ";height:0;visibility:hidden}img,video,object,embed,iframe{max-width:100%}img{height:auto}p{margin-bottom:15px}p:last-child{margin-bottom:0}img{border:0}a{transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}.aligncenter{display:block;margin:0 auto 20px}.alignleft{float:left}.alignright{float:right}

 /*  Элементы 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:20px; margin:20px 0 25px 20px; font-weight:400; display:block;font-size:16px;border-left:solid 5px #a3680a;}
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:none;font-weight:500;}
a:hover{text-decoration:underline; cursor:pointer}

 /*  Фон, шрифт   */

body{font-family: 'Open Sans',Arial,sans-serif; font-size:14px; line-height:22px; font-weight:500; color:#363441;  word-wrap:break-word; background:#f9f9f9 url('//bentsioni.com/wp-content/themes/secret-garden3/img/fon_body.jpg') top left repeat; background-attachment:fixed; position: relative; height:100%}
.fon{background:#eaeaea url('//bentsioni.com/wp-content/themes/secret-garden3/img/Shapka_Bentsioni_COM_new.jpg') top left no-repeat;width:1400px;height:212px;margin:10px auto 0;position:relative}
 
/*  Шапка, лого, липкое меню   */
.header-logo{width:100%;  max-width:1400px; margin:0 auto 0;   position:relative;  z-index:100}
.header-logo-inner{width:92%;  margin:0 auto;  position:relative}
.site-title{float:left; width:27%}
.top-nav{float:left; width:73%}
.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}
 
 /*  Главное меню  */
 .menunav{float:right; position:relative; z-index:1001;  margin:auto}
.menunav ul{list-style-type:none; margin-top:25px;}
.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:5px 10px;  display:block}
.menunav li a:hover{text-decoration:none;   }
.menunav ul li ul{position:absolute; height:auto; top:35px; 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}
.top-menu a{font-weight:400;} 
 
/*  Мобильное меню  */
#mob{margin:-222px auto 0; 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;}
#gl{margin:222px auto 0;padding:0} 
 
/*  Контейнеры и колонки сайта   */
.maincol{width:100%;max-width:1400px;margin:0 auto;background:#363441;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}
.vertical-right{margin-top:30px;}
.contact-map{width:100%; margin:auto;  background:#fff}
.glmob{margin:-222px auto 0;padding:0}
.vrezka{padding:10px;margin:1% 1% 1% 3%;background-color:rgba(54, 52, 65, .2);}

/*  Блок с фоном, текстом и кнопками (статичная главная)  */
.top-block{margin:0 auto;position:relative;background:#171717;height:100vh;}
.zavitok{position:relative;height:25%;width:100%;margin:0;padding:0;background: url('//bentsioni.com/wp-content/themes/secret-garden3/img/zavitok_dark_8.png') 100% 0% no-repeat;background-size:auto 100%;z-index:30;}
.logo{position:absolute;height:15%;width:100%;margin:0;padding:0;background: url('//bentsioni.com/wp-content/themes/secret-garden3/img/new_logotip.png') 17% 0% no-repeat;background-size:auto 100%;-webkit-background-size: auto 100%;-o-background-size: auto 100%;-moz-background-size: auto 100%;z-index:128;top:2em;}
.top-text{display:block;width:75%;text-align:center;padding:0;margin:0 auto;position:relative;height:auto;top:0%;z-index:30}
.stroka{position:relative;display:block;width:100%;height:auto;margin-bottom:10px;float:left;padding:1px;}
.stroka-left{position:relative;display:block;float:left;width:auto;height:auto;}
a.okno, a.okno:link{font-family:'Open Sans',Arial,sans-serif; font-size:26px; color:#f5e09f;text-transform: uppercase;font-weight:400;}
a.okno:hover{color:#fff;text-decoration:none;}
.stroka-right{position:relative;display:block;float:right;font-size:24px; font-weight:400; color:#45a4fa;text-transform: lowercase;height:auto;}
.lozung{text-align:center; display:block;width:100%;height:auto;margin-bottom:10px;padding-top:10px;z-index:32}
a.about, a.about:link{font-family:'Times New Romfn', serif; font-size:14px; font-weight:400; color:#fff;text-transform: uppercase;text-decoration:none;}
a.about:hover{color:#fff;text-transform: uppercase;text-decoration:underline;}
.mask{position:absolute; top:0; left:0; right:0; bottom:0; z-index:10}
.shkola, .shkola:link{text-align:center; display:block;width:100%;margin-top:40px;font-family:'Open Sans',Arial,sans-serif; font-size:26px; color:#fff;font-weight:400;z-index:33;}
a.shkola:hover{color:#fff;}

/* Spritely */
#cloud1{position:absolute;top:100px;width:100%;height:270px;margin:0px;z-index:26;background:transparent url(//bentsioni.com/wp-content/themes/secret-garden3/img/clouds2.png) repeat-x 0 0;animation: oblako1 50s linear infinite;-webkit-animation: oblako1 50s linear infinite;-o-animation: oblako1 50s linear infinite;-moz-animation: oblako1 50s linear infinite;}
   @keyframes oblako1 {
    from { background-position: 1350px 100%, 0 0;}
    to { background-position: 0 100%, 0 0; }
   }
   @-webkit-keyframes oblako1 {
    from { background-position: 1350px 100%, 0 0;}
    to { background-position: 0 100%, 0 0; }
   }
   @-moz-keyframes oblako1 {
    from { background-position: 1350px 100%, 0 0;}
    to { background-position: 0 100%, 0 0; }
   }
#cloud2{position:absolute;top:10px;width:100%;height:140px;margin:0px;z-index:22;background:transparent url(//bentsioni.com/wp-content/themes/secret-garden3/img/clouds-01-black.jpg) repeat-x;animation: oblako2 370s linear infinite;-webkit-animation: oblako2 370s linear infinite;-o-animation: oblako2 370s linear infinite;-moz-animation: oblako2 370s linear infinite;}
    @keyframes oblako2 {
    from { background-position: 2295px 100%, 0 0;}
    to { background-position: 0 100%, 0 0; }
   }
   @-webkit-keyframes oblako2 {
    from { background-position: 2295px 100%, 0 0;}
    to { background-position: 0 100%, 0 0; }
   }
   @-moz-keyframes oblako2 {
    from { background-position: 2295px 100%, 0 0;}
    to { background-position: 0 100%, 0 0; }
   }

 /*  Четыре блока с текстом и картинками (статичная главная)   */
.box-25{width:100%;  display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden;background:#fff;}
.text-wrap{width:100%;margin:0 auto; position:relative;  background:#fff;}
.box-inside{position:relative;padding:50px 0;width:100%;}
.boxes h2{font-size:20px; text-align:center;  margin-top:20px;}
.messedj{font-size:16px;margin-left:20px;}
.boxes{width:100%;   margin:auto}
.fa-plus-square{position:absolute; top:46%; left:50%;  margin-top:-30px; margin-left:-30px; color:#fff;  opacity:0}
.box-card{position:relative;float:left;width:230px;min-width:130px;min-height:200px;border:solid 1px #C0C0C0;margin:1%;text-align:center;padding:10px;color:#A9A9A9;box-shadow: 5px 5px 5px rgba(211, 211, 211, 0.5);}
.title-box-card{margin-top:10px;font-size:22px;font-weight:400;color:#A9A9A9;}
.mes-box-card{font-size:16px;font-weight:200;color:#A9A9A9;}
.link-box-card, .knopka{width:100px;margin:20px auto;border-radius:4px;color:#FFF;background:#45a4fa;text-align:center;font-size: 14px;text-transform: uppercase;font-weight: 400;padding: 12px 14px;color:#fff;}
.knopka:hover{background:#a3680a;text-decoration: none;}
.box-rovno{width:100%;margin:0 auto;padding:0;}
.box-card:hover{background:#0f0f0f;box-shadow: 5px 5px 5px rgba(255, 194, 106, 0.4);}
.box-card:hover .title-box-card{color:#ffc26a; font-weight:400;}
.box-card:hover .mes-box-card{font-size:16px;color:#FFFFE0;}
.box-card:hover .link-box-card{color:#ffc26a;}
.blue-box{float:left;width:29%;text-align:center;margin:10px 1% 30px 3%;border:solid 2px #45a4fa;border-radius:9px;padding-top:10px;}
.blue-box ul{text-align:left;}
.blue-box2{float:left;width:45%;text-align:left;margin:30px 2%;border:solid 2px #45a4fa;border-radius:9px;padding:10px 0;}
.blue{color:#4682B4;font-size:18px;margin:0 10px 10px 20px;}
.blue-box2-delo{float:left;width:45%;text-align:left;margin:30px 2%;border:solid 2px #45a4fa;border-radius:9px;padding:0 10px 10px 10px;}

 /*  Блок с видео и текстом на темном фоне (статичная главная)   */
.video-inside{padding:50px 80px; }
.video-inside h3{text-align:left; }
 
/*  Видео с youtube   */
.youtube {background-position: center;background-repeat: no-repeat;position: relative;display: inline-block;overflow: hidden;transition: all 200ms ease-out;cursor: pointer;}
.youtube .play {background: url('//bentsioni.com/wp-content/themes/secret-garden3/img/youtube-play-btn.png') no-repeat;background-position: 0 -50px;-webkit-background-size: 100% auto;background-size: 100% auto;position: absolute;height: 50px;width: 69px;transition: none;top:0;left:0;right:0;bottom:0;margin:auto;}
.youtube:hover .play {background-position: 0 0;}

/*  Видео с boomstream   */
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width:100%;}                                                   
.embed-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}                                                                     
.block-boomstream{width:100%;max-width:640px;text-align:center;margin:10px auto;padding:0;}                                                               

/*  Поиск */
#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}
  
/*  Разбить текст на 2 колонки  */
#column1, #column2{float:left; width:48%; text-align:justify}
#column2{margin-left:4%}

/*  Подвал и виджеты подвала  */
#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}

/*  Кнопки сайта  */
 a.btn, input[type="submit"].btn{width:130px; display:block; 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}
.button-link{width:auto}
ul#top-link > li {display: inline-block!important}
ul#top-link {list-style-type:none;margin:0;padding:0 auto}
ul#top-link li a {color:#fff;background:rgba(10, 69, 163, 0.3);text-decoration:none;width:150px;height:33px;display:block;border-radius:8px;margin-bottom:5px;text-align:center;font-size:18px}
ul#top-link li a:hover {background:rgba(163, 104, 10, 0.3);display:block;color:#fff;text-decoration:underline;text-shadow:none}
 
/*  Заголовки сайта  */
 h1, h2, h3, h4, h5, h6{margin:30px 0;font-weight:500;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:24px;margin-bottom:15px;padding-bottom:22px;position:relative;text-align:center;}
h2.post-title{font-size:20px; margin-bottom:20px; text-align:left; margin-top:0}
 h2.post-title-prod{font-size:16px;margin-bottom:20px;text-align:left;margin-top:0;color:#84acb6}
 h2.post-title-info{font-size:16px;margin-bottom:20px;text-align:left;margin-top:0;color:#7c9963}
 h2.post-title-intmark{font-size:16px;margin-bottom:20px;text-align:left;margin-top:0;color:#988b87}
 h2.post-title-priklcons{font-size:16px;margin-bottom:20px;text-align:left;margin-top:0;color:#498391}
 h2.post-title-sites{font-size:16px;margin-bottom:20px;text-align:left;margin-top:0;color:#a3680a}
h2.card{text-transform:none;font-size:16px;text-align:center;color:#363441;font-weight:600;line-height:190%;}
.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;}

 /*  Контейнеры и элементы записей и страниц  */
.clear {clear:both;}
.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 0 40px}
.post-date{display:none; 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}
.anons_prod{color:#366e7c;font:600 16px Arial;margin-bottom:20px}
.anons_info{color:#7c9963;font:600 16px Arial;margin-bottom:20px}
.anons_intmark{color:#988b87;font:600 16px Arial;margin-bottom:20px}
.anons_priklcons{color:#498391;font:600 16px Arial;margin-bottom:20px}
.anons_sites{color:#a3680a;font:600 16px Arial;margin-bottom:20px}
.journal-article{width:auto}
ul#journal-gallery > li {display: inline-block!important}
ul#journal-gallery {list-style-type:none;margin:0;padding:0 auto}
a.journal_1{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/journal-cover2.jpg') top left no-repeat}
a.journal_2{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/journal-cover4.jpg') top left no-repeat}
a.journal_3{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/journal-cover18.jpg') top left no-repeat}
a.journal_4{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/journal-cover33.jpg') top left no-repeat}
a.journal_5{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/uprsbit12_09_2.jpg') top left no-repeat}
a.journal_6{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/uprsbit1_10_2.jpg') top left no-repeat}
a.journal_7{background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/uprsbit4_07_2.jpg') top left no-repeat}
ul#journal-gallery li a {width:200px;height:246px;display:block;;margin-bottom:5px;}
ul#journal-gallery li a:hover {display:block;opacity: 0.6}
span.smyle{width:1em;height:1em;padding:0;margin:0}
.vstavka{background-color: rgba(255, 231, 179, 0.8);border:1px solid rgba(255, 231, 179, 0.3);border-radius:15px;text-align:center;font-size:18px;font-weight:500;letter-spacing:1px;line-height:150%;color:#342c2c;margin:10px 3%;padding:10px 0;}
.speech{background-color: rgba(245, 228, 147, 0.6);border:1px solid rgba(245, 228, 147, 0.3);border-radius:15px;font-size:16px;font-weight:500;letter-spacing:1px;line-height:150%;color:#342c2c;margin:10px 4%;padding:10px 15px;text-align:left;}
.li{position:absolute;bottom:10px;right:10px;height:10px;width:10px;}
.li:hover{position:absolute;bottom:0px;right:10px;height:58px;width:150px;}
.text-smo{position:relative;padding:0 20px;margin:-1% auto 1%;width:100%;text-align:center;font-size:16px;font-weight:500;letter-spacing:1px;line-height:120%;color:#fff;background:none;}

/*  Лэндинг */
h1.land{color:#84acb6;font-size:28px;margin:0 auto 5px;position:relative;text-align:center;top:3%}
h2.land2{color:#84acb6;font-size:18px;margin:5px auto 5px;position:relative;text-align:center}
h3.pdz{color:#212121;font-size:16px;text-align:center;font-weight:bold;position:relative}
.text1{margin: 1% auto 0;width: 98%;background:rgba(132, 172, 182, 0.3);height:auto;padding-top:1%}
.text2{margin: 1% auto 0;width: 98%;background:rgba(255, 194, 106, 0.5);height:auto;padding-top:1%}
.text3{margin: 1% auto 0;width: 98%;background:rgba(73, 131, 145, 0.3);height:auto;padding-top:1%}
.text4{margin: 1% auto 0;width: 98%;background:rgba(226, 223, 222, 0.9);height:auto;padding-top:1%}
.usl{max-width:21%;margin:1%;background:#fff;padding:1%;display:inline-block;height:300px;}
.usl2{width: 46%;margin:1%;background:#fff;padding:1%;display:inline-block}
.usl3{width: 29%;margin:1%;background:#fff;padding:1%;display:inline-block}
.telo-landing-portfolio{background:#fff;padding:0;width:100%;margin:0 auto;}
.vstavka-land{margin:0;height:50px;width:100%;text-align:center;padding:0;background:#212121}
.block-all{position:relative;width:100%;text-align:left;color:#363441;}
.tema-block{width:100%;padding:0;margin:1% 5px;height:auto;border-top:2px solid #ffc26a;}
.tema-title{width:20%;margin:0 0 0 1%;float:left;padding-top:2%;}
.tema-product-2{position:relative;width:34%;padding:10px;margin:0 1%;float:left;}
.tema-product-3{position:relative;width:22%;padding:10px;margin:0 1%;float:left;}
.tema-product-4{position:relative;width:16%;padding:10px;margin:0 1%;float:left;}
.prodact-block{position:absolute;background:rgba(255, 255, 255, .4);width:auto;text-align:left;padding:10px;color:#fff;font-size:18px;font-weight:500;left:10%;}
.krug {position:relative;font-size:16px;border:1px solid #ffc26a;border-radius:75px;background:#ffc26a;width:150px;height:100px;text-align:center;margin-top:35%;margin-left:25%;font-weight:500;padding-top:50px;}		

/*  Портфолио-Продукты */
.first{height:100vh;padding:0;margin:0;float:left;}
.header-fon{background:#212121;width:100%;}                                          
h1.portfolio-title{position:relative;color:#a3680a;text-align:center;top:15%;}
h1.portfolio-title .plus{font-size:28px;}
h1.portfolio-title-page{position:relative;color:#fff;text-align:center;top:0%;font-weight:500;line-height:120%;text-transform:uppercase;font-size:26px}
h5.portfolio-pdz{position:relative;text-align:center;color:#a3680a;margin:0;}
h5.portfolio-pdz-page{position:relative;text-align:center;color:#fff;top:45%;text-transform:none;}
h5.portfolio-pdz-brdc{position:relative;text-align:center;padding:0;margin:10px 0 0 0;color:#fff;text-shadow: #342c2c 1px 1px 0, #342c2c -1px -1px 0, #342c2c -1px 1px 0, #342c2c 1px -1px 0;}
.first-prod{height:100vh;padding:0;margin:0;background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/portfolio_prod.jpg') top center no-repeat fixed;background-size:cover;}
.first-vspom{height:100vh;padding:0;margin:0;background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/portfolio_vspomogat.jpg') top center no-repeat fixed;background-size:cover;}
.plaintext{padding:3% 20%;width:auto;text-align:center;font-size:18px;font-weight:500;letter-spacing:1px;line-height:150%;background:#fff;margin-top:6em}
.plaintext-2{position:relative;padding:0 20px;margin:1% auto 0;width:47%;text-align:center;font-size:18px;font-weight:500;letter-spacing:1px;line-height:150%;color:#fff;background-color: rgba(255, 231, 179, 0.6);border:1px solid rgba(255, 231, 179, 0.3);border-radius:15px;}
.plaintext-2 ol,.plaintext-2 ul{padding:0;margin:0 90px;text-align:left;font-size:16px;font-weight:500;color:#fff}
.plaintext-3{display:inline-block;padding:20px 10px;margin:1em auto;text-align:center;font-size:18px;font-weight:500;letter-spacing:1px;line-height:100%;color:#342c2c;top:-1em;bottom:-1em;background-color: rgba(255, 231, 179, 0.6);border:1px solid rgba(255, 231, 179, 0.3);border-radius:15px;}
.plaintext-2 ul,.plaintext-3 ul{padding:0;margin:0 90px;text-align:left;font-size:16px;font-weight:500;color:#fff;list-style-type:disc}
.contentblock-1{padding:20em 0 0 0;margin:0;width:auto;background:#fff url('//bentsioni.com/wp-content/themes/secret-garden3/img/vannaya_3tn.jpg') top center no-repeat fixed;} 
.block-ramka{border:4px solid rgba(255, 231, 179, 0.9);border-radius:15px;text-align:left;padding:1%;margin:0 1%}
.block-colonka{position:relative;padding:10px;margin:1% auto;width:20%;min-width:300px;border:1px solid #363441;border-radius:15px;text-align:left;background-color: rgba(255, 231, 179, 0.9);float:left;font-size:16px;font-weight:500;letter-spacing:1px;line-height:150%;color:#363441;}
.block-view{width:1350px;padding:0;margin:1% auto 0;position:relative;}
.block-view_1{width:690px;padding:0;margin:1% auto 0;position:relative;}
.block-view_2{width:990px;padding:0;margin:10px auto 0;position:relative;}
.brdc_2{margin-left:50px}
.brdc_4{margin-left:20px}
.produkti-pdz{width:300px;height:200px;padding:0;margin:10px auto 20px;position:relative;}

/*  Миниатюры Hover Effects */
.view.view-sixth.hover-prod{float:left;margin-left:2%;}
.view.view-tenth.hover-vspom{float:left;margin:1% 1%;}
.hover-wau{float:left;margin:1% 1%;}
.block-view_1.hover-brdc{position:relative;margin:0;padding:0;display: inline-block;z-index:30;top:30px;cursor: pointer;}
.hover-brdc:hover,.hover-prod:hover,.hover-vspom:hover,.hover-wau:hover,.view-fifth:hover{cursor: default;}
.nazv{text-align:center;}
.nazv span1{font-size:18px;font-weight:600;color:#fff;text-shadow: #342c2c 1px 1px 0, #342c2c -1px -1px 0, #342c2c -1px 1px 0, #342c2c 1px -1px 0;padding:0 5px;}
.nazv span2{font:15px 'Open Sans',Arial,sans-serif;font-weight:500;position:relative;color:#fff;padding:0 3px;margin-top:30px;}
.mask2{position:relative;padding:0;margin:0;min-width:150px;height:100px;float:left;background-color: rgba(146,96,91,1)}
.mask2 img:hover{opacity:0.5;}
p.smotret{background-color:#000;text-transform: uppercase;color:#fff;padding:7px 0;}

/*  Анимация */
.blink{animation:blink 1s infinite;-webkit-animation:blink 1s infinite;-o-animation:blink 1s infinite;-moz-animation:blink 1s infinite;}
@keyframes blink{from{border:5px solid rgba(255, 231, 179, 0.7)} to{border:5px solid #ffc26a}}
@-webkit-keyframes blink{from{border:5px solid rgba(255, 231, 179, 0.7)} to{border:5px solid #ffc26a}}
@-o-keyframes blink{from{border:5px solid rgba(255, 231, 179, 0.7)} to{border:5px solid #ffc26a}}
@-moz-keyframes blink{from{border:5px solid rgba(255, 231, 179, 0.7)} to{border:5px solid #ffc26a}}
.shadow-point {position:fixed;right:6%;top:70%;width:50px;height:50px;background:#a4a89d url('//bentsioni.com/wp-content/themes/secret-garden3/img/fb-mess.png') top left no-repeat;border-radius: 50%;animation: shadow 1.5s infinite alternate;}
@keyframes shadow {
  from {box-shadow: 0 0 10px 20px rgba(147, 227, 224, 0.4);}
  to {box-shadow: 0 0 10px 50px rgba(164, 168, 157, 0.6);}
}
@-webkit-keyframes shadow {
  from {box-shadow: 0 0 10px 20px rgba(147, 227, 224, 0.4);}
  to {box-shadow: 0 0 10px 50px rgba(164, 168, 157, 0.6);}
}
@-moz-keyframes shadow {
  from {box-shadow: 0 0 10px 20px rgba(147, 227, 224, 0.4);}
  to {box-shadow: 0 0 10px 50px rgba(164, 168, 157, 0.6);}
}

/*  Всплывающие подсказки */
.tooltip{border-bottom:1px dotted #000000;outline:none;cursor: help !important;text-decoration:none;position:relative;font-style:italic;color:#000;font-weight:500;}
.tooltip:hover{color:#a3680a;}
.tooltip span{margin-left:-9999em;position:absolute;}
.tooltip:hover span {border-radius: 15px 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);font-family: Calibri, Tahoma, Geneva, sans-serif;position:absolute; left: 1em; top: 2em; z-index: 999;margin-left: 0;width: 250px;}
.tooltip:hover img{border:0;margin:-10px 0 0 -55px;float:left;position:absolute;}
.tooltip:hover em{font-family: Candara, Tahoma, Geneva, sans-serif;font-size:1.2em;font-weight: bold;display:block;padding: 0.2em 0 0.6em 0;}
.classic{padding: 0.8em 1em;}
.custom{padding: 0.5em 0.8em 0.8em 2em;}
* html a:hover{background:transparent;}
.classic{background:rgba(246, 246, 204, 0.9);border: 1px solid #ffad33;}
.critical{background:rgba(236, 209, 192, 0.9);border: 1px solid #ff3334;}
.help{background:rgba(155, 169, 174, 0.9);border: 1px solid #2bb0d7;color:#4f3307;}
.inform{background:rgba(173, 215, 229, 0.9);border: 1px solid #2bb0d7;color:#4f3307;}
.warning{background:rgba(255, 255, 170, 0.9);border: 1px solid #ffad33;}

 /*  Виджеты сайдбара  */
 .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}

 /*  Списки  */
 .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:outside;margin:10px 0 10px 30px;}
.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}

/*  Внутренняя навигация по записям с эффектом */
 .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}

/*  Постраничная навигация (список страниц) */
 .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}

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

/*  Изображения сайта  */
img.alignleft{float:left; margin:5px 35px 25px 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:10px}
.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}
.img-post{border:solid 1px #212121;}

/*  Миниатюры блога  */
.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)}

 /*  Кнопка вверх  */
 #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 }

 /*  Рубрики 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}

/*  Информация о записи */
 .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}

/*  Социалка  */
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}

/*  Адаптивные стили  */
@media only screen and (max-width:1340px) {
.block-view{width:990px;}   
}
@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;  }
.first{height:auto}
.plaintext-3{width:90%;}
.block-colonka{float:none;width:90%;}
.tema-title{width:auto;margin:0 0 0 1%;float:none;padding-top:2%;}
.tema-product-2{position:relative;width:auto;padding:10px;margin:0 1%;float:none;}
.tema-product-3{position:relative;width:auto;padding:10px;margin:0 1%;float:none;}
.tema-product-4{position:relative;width:auto;padding:10px;margin:0 1%;float:none;}
.krug {margin-top:2%;margin-left:40%;}
.box-card{margin:1% 4%;}
.blue-box{margin:10px 1% 30px;}
}
@media only screen and (max-width:990px) {
.block-view,.block-view_2{width:650px;}
.top-text{width:90%;}
.box-card{margin:1% 3%;}
}
@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;margin-top:0}
.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;font-weight:500;}
.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)}
h1.portfolio-title{position:relative;color:#a3680a;text-align:center;top:5%;margin-bottom:0;font-size:24px}
.plaintext{margin-top:1em;font-size:16px;}
h1.portfolio-title .plus{font-size:24px;}
.first{height:auto}
.block-view_1,.block-view_2{width:auto}
.view view-seventh hover-brdc{width:100%; margin:20px auto} 
.brdc_2,.brdc_4{margin-left:0}
.plaintext-2{width:90%;}
.plaintext-2 ol,.plaintext-2 ul,.plaintext-3 ol,.plaintext-3 ul{padding:0;margin:0 30px;}
a.okno, a.okno:link{font-size:24px;}
.stroka-right{font-size:22px;}
.top-text{width:90%; text-align:center;padding:0;margin:auto;position:relative;z-index:20}
.top-block .btn{display:inline-block; margin:25px 20px 0 0; width:135px; font-size:12px}
.fon{background:#eaeaea;width:auto;height:1px}
.box-card{margin:1% 2px;}
.blue-box2 iframe{width:400px;}
}
@media only screen and (max-width:768px){
.box-card{margin:1% 7%;}
}	
@media only screen and (max-width:740px){
.view-cover{font-size:15px; line-height:24px}
.text-wrap{width:100%; float:left}
.image-wrap{width:30%; float:left}
.fa-close{ top:30px; right:5px; float:right; color:#fff}
.box-inside{padding:20px 10px}
.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:20px}
.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}
h1.portfolio-title{position:relative;color:#a3680a;text-align:center;top:5%;margin-bottom:0%;font-size:20px}
.top-block{height:auto;padding-top:25%;}
.logo{height:25%;background-position: top center;}
.top-text{width:96%;height:auto;}
.box-card{margin:1% 5%;}
}
@media only screen and (max-width:700px) {
.stroka-right{font-size:21px;}
a.okno, a.okno:link{font-size:23px;}
.top-text{width:98%;}
.logo{max-height:129px;}
}
@media only screen and (max-width:660px) {
.block-view,.block-view_2{width:300px;}
.plaintext-3 ul{margin:0 30px;}
}
@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}
.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}
.plaintext-2{width:80%;}
.stroka-right{font-size:20px;}
a.okno, a.okno:link{font-size:19px;}
img.youtube{width:580px;height:328px}
.blue-box,.blue-box2{width:90%;margin:10px;position:relative;}
}
@media only screen and (max-width:480px){
.top-block{padding-top:25%;}
.stroka-right{font-size:21px;}
a.okno, a.okno:link{font-size:22px;}
.logo{top:0;}
img.youtube{width:460px;height:260px}
.youtube{margin-left:-130px;}
}
@media only screen and (max-width:414px){ 
.homepage-blog-box{width:100%; height:300px}
.homepage-blog-box2{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;}
.krug {margin-left:27%;}
#cloud1{height:150px;top:0px;}
.button-link{margin-top:20%}
.top-block{padding-top:130px}
.logo{top:0;}
.stroka-right{font-size:20px;}
a.okno, a.okno:link{font-size:22px;}
img.youtube{width:394px;height:222px}
}
@media only screen and (max-width:375px){
.stroka-right{font-size:18px;}
a.okno, a.okno:link{font-size:20px;}
img.youtube{width:365px;height:206px}
}
@media only screen and (max-width:320px){ 
.rslides .caption{font-size:16px}
.text-wrap{width:85%; float:left}
.image-wrap{width:15%; float:left}
.stroka-right{font-size:16px;}
a.okno, a.okno:link{font-size:18px;}
img.youtube{width:300px;height:170px}
}
@media only screen and (max-width:240px){
.view,.view .mask,.view .content {width: 230px !important; height: 153px;}
img.youtube{width:220px;height:125px}
}
@media screen and (max-device-width: 240px) {
.view,.view .mask,.view .content {width: 230px; height: 153px;}
}
