/* Theme Name: GP Prime Theme URI: http://www.goodwinpress.ru/tema-dlya-wordpress-gp-prime/ Author: GoodwinPress Author URI: http://www.goodwinpress.ru Description: GP Prime - новая адаптивная тема для WordPress, предназначенная для блогеров и предпринимателей. Содержит статическую главную страницу с произвольными блоками, двухколоночный блог. Управляется через консоль, созданную на основе Titan Framework. Поддерживает Woo Commerce. Готова к локализации. Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpprime */ /* * Таблица стилей содержит: * * * 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} .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:Arial,sans-serif; font-weight:normal; font-size:16px; line-height:25px; color:#464646; 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:24px; line-height:30px} h3{font-size:22px; 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} /* 05 Шапка: логотип, контактная информация */ .header-logo{width:100%; max-width:1200px; margin:0px auto; position:relative; padding-top:10px} .site-phone, .site-place, .site-shed{float:right; display:block} .site-title{float:left; display:block; width:34%; font-weight:bold; text-transform:uppercase} .site-title-center{width:100%; text-align:center; display:block; margin:auto; font-size:30px; line-height:38px; font-weight:bold; text-transform:uppercase} .site-phone, .site-place, .site-shed{width:20%; margin-left:2%; line-height:22px; font-size:14px; padding-top: 30px;} .site-title a, .site-title-center a{text-decoration:none} .site-title .desc, .site-title-center .desc{display:block;font-size:14px; font-weight:normal; line-height:19px; color:#888; text-transform:none; padding-right:50px} .site-title-center .desc{text-align:center; padding:0} .header-logo .fa{float:left; display:block; margin-right:25px; padding-bottom:40px; font-size:30px} .head-banner{float:right; width:60%; height:auto; text-align:right} /* 06 Основное меню */ .menunav{ position:relative; z-index:1001} .menunav ul{width:100%; max-width:1200px; margin:0 auto; list-style-type:none; text-align:center} .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 14px; 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} #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} /* 09 Контейнеры страниц, записей, сайдбара */ .maincol{width:100%; max-width:1200px; margin:0 auto; position:relative} .maincol-inner{ margin:20px auto; padding-bottom:40px} .sidebar{float:left; width:26.8%; padding-top:30px} .postcol-fullwidth{width:66%; 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, .credits 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 Оформление анонсов записей, информации о записи, блока расшаривания */ .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} .share-post ul li:before{display:none;} /* 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:'Roboto Condensed',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} /* 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:30%; padding:1.5%; float:left; margin-bottom:30px} .product-blok .cell img{width:220px; border-radius:50%; margin-bottom:20px} .product-blok .cell img{ transition:all 500ms ease; overflow:hidden} .product-blok .cell:hover img{transform:scale(1.1,1.1) 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} /* 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); 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; color:#fff; padding:0 0 40px 0; text-align:center; font-style:italic; font-size:15px} .wpcf7{margin:auto !important} .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 .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{width:60%; color:#fff; text-align:center; margin:auto !important} /* 26 Кнопки сайта */ a.btn, input[type="submit"].btn, .wpcf7 input[type="submit"] {width:130px; 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-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"] {width:160px !important; 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 Подвал */ .credits{width:100%; position:relative; background:#f9f9f9} .credits p{display:block; max-width:1000px; margin:auto; text-align:center; padding:3% 0; font-size:14px} /* 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; border:none; float:none} .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{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} /* 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} /* 36 Адаптивные стили */ @media only screen and (max-width:1360px){ .featured-item span{ font-size:12px} } @media only screen and (max-width:1280px){ .header-logo, .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:90%} .main-img{height:400px} .site-title{ width:31%; font-size:30px; line-height:32px} .site-phone, .site-place, .site-shed{width:21%; line-height:21px; font-size:14px} .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;} } @media only screen and (max-width:1160px){ body{ font-size:15px; line-height:23px} .menunav ul li{font-size:13px} .menunav ul li a{padding:25px 5px} .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 } .credits p{ padding:4% 10%} } @media only screen and (max-width:1024px){ .site-title{ width:100%; font-size:30px; line-height:32px; text-align:center; margin-bottom:30px} .site-phone, .site-place, .site-shed{width:28%; padding:0 1.5%; font-weight:normal} .head-banner{float:none; width:100%; text-align:center; margin:auto} .main-img{ height:350px} .site-title .desc, .site-title-center .desc{padding:0; margin-top:10px} .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} .banner--clone.menunav ul li, .banner--clone.menunav ul li ul li{font-size:12px} .banner--clone.menunav ul li a{padding:12px 6px} .news-blok h2 { font-size:14px; line-height:22px; } } @media only screen and (max-width:900px){ body{ font-size:16px; line-height:24px; margin:0} .testimonial{width:90%; 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:90%; padding:0; margin:0 auto 50px; float:none} .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} .wpcf7 p{ width:90%} .postcol-fullwidth{width:100%} .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} } @media only screen and (max-width:736px){ .header-logo{width:96%} .site-phone, .site-place, .site-shed{font-size:13px} .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} .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 {font-size: 18px; line-height: 26px} } @media only screen and (max-width:600px){ .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} } @media only screen and (max-width:590px){ .header-logo .fa{font-size:16px; margin-bottom:8px} .product-blok .cell img{width:200px} 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} } @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} table{font-size:11px} table th, table td{padding:5px 3px} } .phonesidebar{font-size:1.4em; font-weight:bolder; padding:5px; border:5px SOLID yellow; background-color:#2487ca; text-align:center;color:white;} .phonesidebar a,.phonesidebar a:hover,.phonesidebar a:focus,.phonesidebar a:visited{color:white !important;font-size:1.2em;} .phoneconent{font-size:2em; font-weight:bolder; padding:20px; border:5px SOLID #2487ca; background-color:BLACK; text-align:center;color:white; line-height: 1.3em;} .phoneconent a,.phoneconent a:hover,.phoneconent a:focus,.phoneconent a:visited{color:white;font-size:1.2em;} .AdsPlacer{border:10px outset yellow; background-color:#2487ca; text-shadow:2px 2px 5px black;} .topphone{z-index:9999; position:fixed; padding: 10px; font-size:2em; font-weight:bolder;width:100%; background-color:#1e73be; display:none;} .topphone a,.topphone a:hover,.topphone a:focus,.topphone a:visited{color:white; text-decoration:none;} .probel {width:100%; height:40px;} .header .site-title {font-size:4em !important;} @media (max-width: 768px){ .topphone span{display:none;} .header .site-title {font-size:2em !important;} } .doinf_zapis div{display:inline-block; margin-right:10px; margin-bottom:10px; padding:5px; border:2px SOLID #2487ca; background-color:#2487ca; border-radius:5px;} .doinf_zapis div a,.doinf_zapis div a:hover{color:#fff; text-decoration:none;} .topphone #mob{background:none;}