/* Theme Name: Gorn Theme URI: http://www.goodwinpress.ru/tema-gorn Author: Goodwin Author URI: http://www.goodwinpress.ru/ Description: Новая адаптивная тема для WP от Гудвина. Шаблон для бизнеса, дистрибуции, каталог продукции. Статическая Главная с различными блоками (слайдер, каталог, популярные товары, карусель, тестовые ячейки, табы, блок для привлечения внимания, контактный блок и т.п.). Дополнительная таксономия и формат постов для создания товарных групп и карточек товаров и другие фишки. Блог. Встроенный виджет. Соц. кнопки. Простая, быстрая, но мощная. Дочерняя тема в комплекте. Готова к локализации. Version: 1.2 License: GNU General Public License v2 or later Text Domain: gpress */ /* Содержание файла стилей 01 Очистка и служебные селекторы 02 Тело сайта, шрифт 03 Контейнеры сайта 04 Шапка 05 Заголовок сайта / логотип 06 Контакный блок в шапке 07 Основное меню 08 Поиск в шапке 09 Подключение мобильного меню 10 Заголовки разделов сайта 11 Каталог товаров 12 Слайдер и карусель 13 Популярные товары 14 Табы (вкладки) для текстов 15 Блок для привлечения внимания 16 Контактная форма и телефоны на главной 17 Ячейки для произвольного контента на Главной 18 Карточка товара 19 Модальное окно заказа товара 20 Контейнеры блога 21 Заголовки блога 22 Элементы записей (миниатюры, информация о записи, архивы etc 23 Постраничная навигация 24 Маркированный список 25 Нумерованный список 26 Виджеты сайдбара 27 Встроенный баннер темы 28 Оформление изображений 29 Комментарии 30 Подвал 31 Страница Контакты 32 Аккордеон FAQ 33 Внутренняя навигация 34 Похожие товары 35 Соц кнопки 36 Адаптивные стили 37 Стили мобильного меню */ /* 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:20px}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}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:700}em,i{font-style:italic}big{font-size:131.25%}ins{text-decoration:none}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:#444;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}table{width:100%;margin:30px 0 40px}table th{text-align:left;padding:15px 14px;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}hr{display:block;width:100%;height:1px;border:0;border-bottom:1px dashed #e6e6e6;margin:30px auto 30px;clear:both}input:focus{border:1px solid #fc5d5d}.red{color:red}.gp-clearfix:after{content:"\00A0";display:block;clear:both;visibility:hidden;line-height:0;height:0}img{vertical-align:bottom}input::placeholder,input:placeholder-shown{color:#444}::-moz-selection{background:#fc5d5d;color:#fff}::selection{background:#fc5d5d;color:#fff}::-webkit-selection{background:#fc5d5d;color:#fff}.wpcf7-recaptcha {margin: 0 auto; width:304px}code{display: block;margin: 25px 0; padding: 20px 20px; background: #f9f9f9;font-family: monospace, monospace; border: 1px solid #e6e6e6;font-size: 17px;line-height: 30px; letter-spacing: 1px} /* 02 Тело сайта, шрифт */ body{font-family:'Open Sans',Arial,sans-serif;font-weight:normal;font-size:16px;line-height:1.6;word-wrap:break-word;background:#f6f7fb;position:relative} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /* 03 Контейнеры сайта */ .wrap{width:100%;max-width:1920px;margin:0 auto 0;background:#fff;position:relative} .container{width:100%;max-width:1200px;margin:0 auto 60px} .fullwidth-container{width:100%;max-width:1920px;margin:0 auto 70px} /* 04 Шапка */ .header{width:100%;padding-top:22px} .header-inner{max-width:1200px;margin:0 auto } /* 05 Заголовок сайта / логотип */ .site-title{float:left;width:24%;font-weight:700;font-size:30px;line-height:1.2;display:block;margin-right:4%;letter-spacing:0} .site-title a{text-decoration:none} /* 06 Контакный блок в шапке*/ .header-contact-bar{float:left;width:72%;margin-bottom:33px} .header-contact-bar_phone,.header-contact-bar_adress,.header-contact-bar_some{float:left;width:30.33%;margin-right:3%;padding:10px;position:relative;z-index:1} .header-contact-bar_adress{width:33.33%} .header-contact-bar_some{margin:0} .header-contact-bar .icon{display:inline-block;float:left;margin-right:15px;padding:10px;text-align:center;width:70px} .header-contact-bar_phone p,.header-contact-bar_adress p,.header-contact-bar_some p,p.site-desc{display:block;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#999;margin-bottom:6px} .header-contact-bar_value{font-weight:700;font-size:15px} .header-contact-bar_phone:before,.header-contact-bar_adress:before,.header-contact-bar_some:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1} .header-contact-bar_phone a {text-decoration: none} /* 07 Основное меню */ .menu-container{width:100%;margin:0 auto 10px;position:relative;z-index:1000} .menunav{width:100%;max-width:1200px;margin:0 auto;position:relative} .menunav li{display:inline-block;position:relative} .menunav li a{display:block;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:14px;line-height:1;padding:20px 9px} .menunav li a:hover{text-decoration:none} .menunav ul li ul{position:absolute;z-index:100;left:-4px;top:54px;display:none;visibility:hidden;width:300px;margin:0;padding:15px 0 12px;border:0!important} .menunav ul li ul li,.menunav ul li ul li ul li{width: 100%; padding:0;margin:0} .menunav ul li ul li:hover{border:0} .menunav ul li ul li a{position:relative;margin:0;padding:10px 15px; font-size:12px;line-height:1.65} .menunav ul li ul li ul{position:absolute;z-index:100;height:auto;top:-15px;left:299px;display:none;visibility:hidden;width:300px;border:0} .menunav ul li ul li ul li a{position:relative;margin:0} .menunav ul li ul li a:hover{text-decoration:none} .menunav .sf-sub-indicator {font-size: 11px; margin-left: 9px} .sub-menu{z-index:100} /* 08 Поиск в шапке */ .search-container{height:0;transition:all .5s ease;visibility:hidden} .search-container.open{height:80px;transition:all .3s ease;visibility:visible} .search-container .inner{width:100%;max-width:1200px;margin:0 auto;padding:20px 0} .search-container .s{width:84%;padding:10px;margin-right:2%;color:#888;background:#fff;border:0;font-size:12px; text-transform: uppercase; letter-spacing: 1px} .search-container .searchSubmit{width:14%;padding:10px;margin:0;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:0;font-weight:400;transition:.3s ease} .toggle-search{position:absolute;right: -50px; top: 9px;font-size:18px;line-height:1;cursor:pointer} /* 09 Подключение мобильного меню */ #mob{display: none; margin-left: 20px; padding:7px 0 8px } #mob a {font-size:15px; text-decoration:none; cursor: pointer} #mob span {text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-left: 10px; line-height: 1.5; font-weight: 700} #mobilemenu:not(.mm-menu){display:none} .mm-listview{font-size:15px!important; display: block} .mm-listview .current-menu-item{background:none} .mm-listview .sf-sub-indicator { display: none} .mm-menu .mm-listview>li .mm-next:after {border-color: rgba(255,255,255,0.65) !important} /* 10 Заголовки разделов сайта */ .container-title{overflow:hidden;padding:9px 0;margin-bottom:30px} .home .container-title h2{font-size:18px} .container-title span,.container-title h1,.container-title h2, .container-title div{font-size:16px;display:inline;text-align:center;padding:10px 20px;font-weight:700;text-transform:uppercase;letter-spacing:1px; position:relative;z-index:1} .container-title div h1 {padding:10px 0} .container-title div h2 {padding:10px 0} .container-title a{text-decoration:none} .container-title a:hover{text-decoration:underline} .container-title span:after,.container-title h1:after,.container-title h2:after, .container-title div:after{content:'';position:absolute;z-index:-1;width:50px;height:100%;right:-7px;bottom:0;transform:skewX(10deg);transform-origin:100%} h1,h2,h3,h4,h5,h6, .h2{ font-weight:700} h1{font-size:28px} h2, .h2{font-size:26px} h3{font-size:24px} h4{font-size:22px} h5{font-size:20px} h6{font-size:18px} /* 11 Каталог товаров */ .catalog{float:left;width:31.33%;margin-right:3%;margin-bottom:35px;position:relative} .last-catalog{margin-right:0} .catalog-caption{position:absolute;bottom:0;left:0;width:70%;z-index:1} .catalog-title{font-size:24px;display:block;font-weight:700;padding:15px 0 15px 24px;line-height:1.25} .catalog-caption:after{content:'';position:absolute;z-index:-1;width:50px;height:100%;right:-11px;bottom:0;transform:skewX(10deg);transform-origin:100%} .catalog img{transition:all .7s ease} .catalog:hover img{filter:brightness(77%)} .post-type-archive .product-container, .single .product-container {margin-bottom: 20px} .cat-description {margin-bottom: 30px; background: #f6f7fb; position: relative; } .cat-description p{ padding: 25px 25px 25px 85px; letter-spacing: 0.5px; display: block} .cat-description .icon {position: absolute; top:30px; left:30px; width: 35px; height:35px; } .catalog-cell-1 .catalog-caption, .catalog-cell-1 .catalog-caption:after, .catalog-cell-2 .catalog-caption, .catalog-cell-2 .catalog-caption:after, .catalog-cell-3 .catalog-caption, .catalog-cell-3 .catalog-caption:after, .catalog-cell-4 .catalog-caption, .catalog-cell-4 .catalog-caption:after, .catalog-cell-5 .catalog-caption, .catalog-cell-5 .catalog-caption:after, .catalog-cell-6 .catalog-caption, .catalog-cell-6 .catalog-caption:after, .catalog-cell-7 .catalog-caption, .catalog-cell-7 .catalog-caption:after, .catalog-cell-8 .catalog-caption, .catalog-cell-8 .catalog-caption:after, .catalog-cell-9 .catalog-caption, .catalog-cell-9 .catalog-caption:after, .catalog-cell-10 .catalog-caption, .catalog-cell-10 .catalog-caption:after, .catalog-cell-11 .catalog-caption, .catalog-cell-11 .catalog-caption:after, .catalog-cell-12 .catalog-caption, .catalog-cell-12 .catalog-caption:after, .catalog-cell-13 .catalog-caption, .catalog-cell-13 .catalog-caption:after, .catalog-cell-14 .catalog-caption, .catalog-cell-14 .catalog-caption:after, .catalog-cell-15 .catalog-caption, .catalog-cell-15 .catalog-caption:after, .catalog-cell-16 .catalog-caption, .catalog-cell-16 .catalog-caption:after, .catalog-cell-17 .catalog-caption, .catalog-cell-17 .catalog-caption:after, .catalog-cell-18 .catalog-caption, .catalog-cell-18 .catalog-caption:after {transition:all .7s ease} /* 12 Слайдер и карусель */ .owl-carousel-slider{margin-bottom:40px; max-height:600px; background: #fff url('img/ajax-loader.gif') center center no-repeat} .owl-carousel-slider .owl-cell{display: none } .loading-placeholder{width:100%; height:600px; } .static-img {position: relative; margin: 0 auto 45px; transition:all .5s ease} .static-img img{filter:brightness(65%) } .owl-cell{position:relative;margin-bottom:25px; } .owl-caption{width:100%;position:absolute;bottom:0;left:0;right:0;background:rgba(51,51,51,0.6);padding:15px 25px} .owl-caption-title{font-size:23px;display:block;color:#fff;font-weight:700;margin-bottom:9px} .owl-caption p{color:#fff} .owl-carousel-slider .owl-cell:after{content:'';display:block;width:auto;z-index:1;position:absolute;bottom:0;left:0;right:0;top:0;background:rgba(10,24,40,0.5) none repeat scroll 0 0} .owl-carusel,.owl-carousel-slider{transition:all .5s ease} .owl-carousel-slider .owl-nav{width:100%;max-width:1920px;position:absolute;top:60%;left:0;right:0;margin-top:-20px;z-index:100} .owl-nav.disabled{display:none} .owl-prev{position:absolute;bottom:0;left:0;width:40px;height:45px;padding:0 20px 15px 10px;overflow:hidden; border:0;cursor:pointer} .owl-next{position:absolute;bottom:0;right:0;width:40px;height:45px;padding:0 15px 15px 13px;overflow:hidden; border:0;cursor:pointer} .owl-prev:before{content:"\2039";font-size:40px;line-height:1;color:#fff} .owl-next:before{content:"\203A";font-size:40px;line-height:1;color:#fff} .owl-dots{float:left;cursor:default} .owl-dot{display:inline-block;zoom:1;border:0;background:0;margin:0;padding:0;cursor:pointer} .owl-dot span{width:20px;height:20px;margin:10px 12px 0 0!important;background:transparent;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;border:0} .owl-carousel .animated,.owl-carousel-slider .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in,.owl-carousel-slider .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out,.owl-carousel-slider .owl-animated-out{z-index:1} .owl-carousel .fadeOut,.owl-carousel-slider .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0} }@keyframes fadeOut{0%{opacity:1} 100%{opacity:0} }.owl-carousel,.owl-carousel-slider{display:none;width:100%;-webkit-tap-highlight-color:transparent;cursor:move;position:relative;z-index:1} .owl-carousel-slider{cursor:default} .owl-carousel .owl-stage,.owl-carousel-slider .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after,.owl-carousel-slider .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer,.owl-carousel-slider .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded,.owl-carousel-slider.owl-loaded{display:block} .owl-carousel.owl-loading,.owl-carousel-slider.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden,.owl-carousel-slider.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item,.owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item,.owl-carousel-slider .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img,.owl-carousel-slider .owl-item img{display:block;width:100%} .owl-carousel.owl-text-select-on .owl-item,.owl-carousel-slider.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel.owl-rtl,.owl-carousel-slider.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item,.owl-carousel-slider.owl-rtl .owl-item{float:right} .no-js .owl-carousel,.no-js .owl-carousel-slider{display:block} button.owl-dot {border:0; outline: none} .flex-caption{position:absolute;top:35%;left:20%;z-index:1000;width:60%;text-align:center} .flex-caption h2,.flex-caption h2 a{font-size:34px;line-height:40px;color:#fff;margin-bottom:35px;font-weight:700} .flex-caption span{display:block;color:#fff;font-size:20px} a.btn{display:block;width:200px;text-align:center;padding:16px 0;margin:35px auto 0;text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:700} /* 13 Популярные товары * / .product-wrap {display:-ms-flexbox;display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap} .product{float:left;width:31.33%;margin-right:3%;margin-bottom:40px;overflow:hidden} .product-wrap .product:nth-of-type(3n){margin-right:0} .product-title{font-size:22px;line-height:1.3;display:block;margin-bottom:15px} .product .img-wrap{max-width:400px;max-height:250px;overflow:hidden;margin-bottom:20px} .product img{transform:scale(1);transition:all .8s ease} .product:hover img{transform:scale(1.1)} .product-title a,.catalog-title a{text-decoration:none} .product-title a:hover,.catalog-title a:hover{text-decoration:underline} */ /* 14 Табы (вкладки) для текстов */ .service-list-tabs .tabs ul{list-style:none} .service-list-tabs .tabs li{display:inline-block;font-size:16px;font-weight:400;margin:0 20px 0 0;position:relative;z-index:1} .service-list-tabs .tabs ul li a{text-decoration:none;padding:20px 25px;display:block;position:relative} .service-list-tabs .tabs li.active:after,.service-list-tabs .tabs li:hover:after{content:'';position:absolute;z-index:-1;width:50px;height:100%;right:-7px;bottom:0;transform:skewX(13deg);transform-origin:100%} .service-list-tabs .tab-content{padding:25px 25px 35px} .service-list-tabs .tabs .tabs-post{opacity:0} .tabs li.active{position:relative} .service-list-tabs .tab-content>.tabs-post{display:none} .service-list-tabs .tab-content>.active{display:block} .service-list-tabs .tabs-post.in{opacity:1} .tab-title{font-size:26px;display:block;margin-bottom:15px} /* 15 Блок для привлечения внимания */ .offer-inner{max-width:1200px;margin:0 auto} .offer{position:relative;background-position:top center; background-repeat:no-repeat; background-size:cover} .offer-title{font-size:23px;display:block;font-weight:700;margin-bottom:9px} .offer-subtitle{display:block} .offer-texts{width:70%;float:left;padding:80px 0} .offer .btn{margin:90px 0 0;float:right} /* 16 Контактная форма и телефоны на главной */ .contact-inner{width:100%;max-width:900px;margin:0 auto;background:rgba(0,0,0,0.2);padding:45px 0} .form-wrap{width:70%;max-width:950px;margin:45px auto 0} .form-wrap .wpcf7 input[type="text"],.form-wrap .wpcf7 input[type="tel"]{font-family:inherit;width:48%;float:left;padding:10px;display:block;border:0;margin:15px 0;font-size:17px;position:relative;z-index:100;background:rgba(255,255,255,0.15); color:#fff} .form-wrap .wpcf7 input[type="text"]{margin-right:4%} .form-wrap .wpcf7 textarea{font-family:inherit;width:100%;height:150px;float:left;padding:10px;display:block;border:0;margin:15px 0 30px;font-size:17px;position:relative;z-index:100;background:rgba(255,255,255,0.15);color:#fff} .form-wrap .wpcf7 input[type="submit"]{width:170px; font-size:16px;font-weight:700;letter-spacing:1px;text-align:center;border:0;text-decoration:none;-webkit-appearance:none; box-shadow:none;cursor:pointer;padding:12px 0;margin:10px auto;transition:all .5s ease;position:relative;display:block} .contact-title{display:block;font-size:15px;line-height:1.25;text-align:center;margin-bottom:20px; text-transform:uppercase; letter-spacing: 1px} a.tel{text-decoration:none;font-size:30px;letter-spacing:1px;text-align:center;font-weight:700;display:block;margin:0} .wpcf7 p{margin:0} p.gp-wpcf7-note{font-size:13px;display:block;text-align:center} .gp-wpcf7-note input{margin:-3px 15px 0 0;display:inline-block} .gp-cf7-field{display:block;font-size:16px;color:#969fa8;line-height:1} .wpcf7-response-output,.wpcf7-response-output,.wpcf7-not-valid-tip{font-size:14px!important;color:red} .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{display:inline-block;width:100%;text-align:center;margin:0 auto 20px} .gp_contact-blok{margin-bottom:0} .wpcf7-response-output { text-align: center;width: 100%} .wpcf7-mail-sent-ok {display: inline-block} /* 17 Ячейки для произвольного контента на Главной */ .reason-container{width:100%} .reason{float:left;width:100%; margin-bottom:33px;position:relative;-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s} .reason-wrap{float:left;width:68%;padding:30px} .reason-title{display:block;font-size:24px;line-height:1.25;margin-bottom:20px} .reason:before{content:'';position:absolute;top:0;right:0;width:32%;overflow:hidden;height:100%} .reason-1:before, .reason-2:before, .reason-3:before, .reason-4:before, .reason-5:before, .reason-6:before {background-position:center center; background-repeat:no-repeat; background-size:cover} a.reason-btn {display:inline-block; text-decoration: none; font-weight: 700; font-size: 11px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; padding: 11px 15px; border:1px solid #444; margin: 10px 0 5px } /* 18 Карточка товара */ .prod-thumb-wrap{width:61%;float:left;margin-bottom:50px} .prod-info-wrap{width:35%;float:left;margin-left:4%} .product-price{font-size:18px;font-weight:700;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;padding:14px 0;margin-bottom:30px} .product-price span{font-size:22px;float:right;margin-top:-5px} .prod-info-wrap .btn{float:left;margin:0;width:auto;padding:14px 18px} .prod-info{display:block;color:#777;font-size:15px;margin-bottom:25px} .prod-info-instock{font-weight:700;padding:5px 10px;font-size:14px;display:inline-block;margin-bottom:25px; text-transform: uppercase} .prod-info-instock.availabile {color:#5eba95; border:2px solid #5eba95} .prod-info-instock.to-order {color:#3884D1; border:2px solid #3884D1} /* 19 Модальное окно заказа товара */ /* контейнер*/ .callme-bg{background:rgba(0,0,0,.75) none repeat scroll 0 0;visibility:hidden;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0} .callme-modal{width:100%;max-width:600px;position:fixed;top:30px;left:-9999px;transition:opacity .5s;z-index:1000;margin-left:-300px;box-shadow:0 22px 30px 0 rgba(15,8,49,0.35);background:#fff} .callme-wrap{padding:20px 30px 25px} .callme-wrap img{float:left;margin:0 25px 20px 0} .callme-title{display:block;width:100%;font-size:16px;padding:10px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:700} p.callme-desc{font-size:15px;margin-bottom:20px;text-align:center} .callme-form .wpcf7 input[type="text"],.callme-form .wpcf7 input[type="tel"]{width:100%} .callme-modal a.close{position:absolute;top:3px;right:13px;z-index:500;font-size:26px; text-decoration:none} /* форма */ .prod-modal-name{font-size:15px;color:#999;margin-bottom:17px;line-height:1.25} .prod-modal-name span{font-weight:700;padding-top:10px;color:#222;font-size:20px;display:block} .prod-modal-price{font-size:15px;color:#999;margin-top:17px;line-height:1.25} .prod-modal-price span{font-weight:700;padding-left:10px;font-size:18px} .prod-modal-instock{font-weight:700;padding:5px 10px;font-size:13px;display:inline; text-transform: uppercase} .prod-modal-instock.availabile {color:#5eba95; border:2px solid #5eba95} .prod-modal-instock.to-order {color:#3884D1; border:2px solid #3884D1} .callme-form{margin:0 auto;background:#f6f7fb;padding:20px;border:1px solid #eee} /*.wpcf7 input[type="text"],.wpcf7 input[type="tel"]{font-family:inherit;width:48%;float:left;padding:6px 10px;display:block;border:1px solid #e6e6e6;margin:0 0 20px 0;font-size:16px;position:relative;z-index:100;background:rgba(255,255,255,0.9)} .wpcf7 input[type="tel"]{margin-bottom:25px} .wpcf7 input[type="submit"]{width:170px; font-size:16px;font-weight:700;letter-spacing:1px;text-align:center;border:0;text-decoration:none;-webkit-appearance:none; box-shadow:none;cursor:pointer;padding:12px 0;margin:0 auto;transition:all .5s ease;position:relative;display:block}*/ .callme-form label{font-size:14px} .callme-form p.gp-wpcf7-note,.callme-form p.gp-wpcf7-note a{color:#444;font-size:13px} /* 20 Контейнеры блога */ .main-col{width:68%} .sidebar{float:left;width:28%} .entry{margin-bottom:45px} .blog .btn,.archive .btn,.search .btn{float:left;margin:0;width:100px;padding:10px 0} .blog .standart-entry .btn, .archive .standart-entry .btn, .search .standart-entry .btn {float: none; margin: 15px 0 0} /* 21 Заголовки блога */ h1.post-title{font-size:32px;font-weight:700;line-height:1.25;margin:10px 0 25px} h2.post-title{font-size:26px;font-weight:700;line-height:1.25;margin:0 0 25px} h2.post-title a{text-decoration:none} h2.post-title a:hover{text-decoration:underline} /* 22 Элементы записей (миниатюры, информация о записи, архивы etc */ .entry-thumb{float:left;margin:0 25px 20px 0;transition:all .5s ease} .entry-thumb:hover{filter:brightness(77%)} .post-header{text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#999;margin-bottom:12px} .post-header a{color:#999; text-decoration:none} .post-header a:hover{text-decoration:underline} .gp-post-tags a{position:relative;padding-left:9px;margin-left:5px} .gp-post-tags a:before{content:"#";position:absolute;top:-1px;left:-1px} p.archive-desc{color:#999;display:block;margin-bottom:35px;padding-bottom:30px;border-bottom:1px dashed #eee} blockquote{background:#f6f7fb;margin:25px 0;padding:25px 15px 25px 30px; letter-spacing:1px} a.post-edit-link{font-size:11px;text-transform:uppercase;letter-spacing:1px;} /* 23 Постраничная навигация */ .wp-pagenavi{width:100%;float:left;margin:15px 0 0;font-size:16px} .wp-pagenavi a{font-size:16px;line-height:1;padding:10px 15px!important;border:1px solid #e6e6e6!important;color:#444;background:#fff} .wp-pagenavi a:hover{text-decoration:none!important;color:#fff;border:0} .wp-pagenavi .pages,.wp-pagenavi .last{display:none} .wp-pagenavi .current{font-size:16px;line-height:1;padding:11px 16px!important;font-weight:normal!important;color:#fff;border:0} .wp-pagenavi .extend{border:0} .category .wp-pagenavi{margin:15px 0 40px} .pagination {float: left; width: 100%; margin: 40px 0} .pagination a, .pagination .current {text-decoration: none; padding: 10px 15px; border:1px solid #e6e6e6; margin-right: 5px} .pagination .current {color:#fff; background: #c44d58} /* 24 Маркированный список */ .entry ul,.side-blok ul, .catalog-page ul, .tabs-post ul{list-style-type:none;margin:25px 0} .side-blok ul{margin:0} .entry ul li,.side-blok ul li,.catalog-page ul li, .tabs-post ul li{position:relative;padding:0 0 10px 30px} .entry ul li:before,.side-blok ul li:before, .catalog-page ul li:before, .tabs-post ul li:before{display:block;content:'';height:12px;width:12px;left:0;top:6px;position:absolute;border-radius:50%} /* 25 Нумерованный список */ ol{list-style:decimal;list-style-position:inside;margin:30px 0} ol li{margin:0;padding:0 0 10px 0} ol ol{list-style:upper-alpha} ol ol ol{list-style:lower-roman} ol ol ol ol{list-style:lower-alpha} /* 26 Виджеты сайдбара */ .side-blok{margin-bottom:35px} .side-title{position:relative;margin-bottom:20px;overflow:hidden} .side-title span{display:inline-block;font-size:13px;text-transform:uppercase;font-weight:700;padding:8px 10px;letter-spacing:1px;position:relative;z-index:1} .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} .side-title span:after{content:'';position:absolute;z-index:-1;width:30px;height:100%;right:-11px;bottom:0; transform:skewX(10deg);transform-origin:100%} .side-blok .tagcloud{width:100%;display:inline-block} .side-blok .tagcloud a{float:left;line-height:12px;font-size:12px!important;text-decoration:none;margin:0 9px 9px 0;padding:10px 8px;text-transform:uppercase;border:1px solid #e1e1e1} .side-blok .tagcloud a:hover{text-decoration:none} /* 27 Встроенный баннер темы */ .sb-banner{margin:0 auto 40px;max-width:460px} .sb-banner span{font-size:24px;text-transform:uppercase;display:block;font-weight:700;line-height:1.3;margin-bottom:20px;width:100%;padding:10px 20px} .sb-banner em{font-size:14px;display:block; font-style:normal;padding:15px 20px} .sb-banner a{text-decoration:none} .sb-banner a:hover{text-decoration:underline} .sb-banner p{padding:0 20px} /* 28 Оформление изображений */ img.alignleft, iframe.alignleft{float:left;margin:5px 35px 20px 0} img.aligncenter{float:none!important;margin:30px auto} img.aligncenter:after{content:'';display:block;clear:both} .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:12px;line-height:17px;padding:7px 5px;color:#999} .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, iframe.alignright{float:right;margin:5px 0 20px 35px} .gallery{margin:10px auto} .gallery .gallery-item{float:left;margin-top:0;margin-bottom:10px;text-align:center;padding:0 10px;width:33.33%} .gallery-columns-2 .gallery-item{width:50%} .gallery-columns-4 .gallery-item{width:25%} .gallery img{padding:8px} .gallery img:hover{background:white} .gallery-columns-2 .attachment-medium{max-width:92%;height:auto} .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto} .gallery .gallery-caption{color:#999;font-size:12px;margin:0 0 12px} .gallery dl,.gallery dt{margin:0} .gallery br+br{display:none} .img-attach{display:block;text-align:center} /* 29 Комментарии */ .comments-box{width:100%} .comment-respond{background:#f6f7fb;padding:25px;margin:25px 0 25px} ol.commentlist{margin:50px 0 0} ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none} ol.commentlist li{margin-top:30px;list-style-type:none} ol.commentlist li div.vcard cite.fn{font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px} ol.commentlist li div.vcard cite.fn a.url{text-decoration:none} ol.commentlist li .comment-author{position:relative} ol.commentlist li .avatar{float:left;margin:0 20px 15px 0} ol.commentlist li div.commentmetadata{font-size:12px;color:#999} ol.commentlist li div.comment-meta{margin:0 0 10px 0} ol.commentlist li div.comment-meta a{text-decoration:none} .comment-note{font-size:14px;display:block} .comment-notes{padding:6px 0;margin:0} ol.commentlist li p{padding:14px 0 20px 0;margin:0} ol.commentlist li .reply{width:70px;font-size:12px; text-transform:uppercase;text-align:left;cursor:pointer;text-decoration:underline;transition:all .3s ease-in-out} ol.children{margin:0} ol.children li{margin:40px 0 40px 20px;padding:0} #comment{margin-bottom:30px} a.comment-edit-link{float:right} p.comment-form-author,p.comment-form-email,p.comment-form-url{width:31.33%;float:left;margin-left:3%;display:block} .comment-form label{text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#999;margin-bottom:12px} h3#reply-title,.comment-title{margin:0 0 15px;font-size:22px;font-weight:700;display:block} .comment-reply-title{margin-top:30px} .comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{font-family:inherit;font-size:16px;width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;color:#333} .logged-in-as,.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags{color:#999;font-size:15px;margin-bottom:20px} .no-comments{color:#999;font-weight:700;padding-top:1.6em} .comment-navigation+.no-comments{border-top:0} .required{color:red} .top-text .vcard{display:inline-block;margin-bottom:40px} #comments-checkbox{display:block;float:left;margin:6px 25px 35px 5px} #commentform textarea{font-family:inherit;height:200px;width:100%;border:1px solid #ddd;padding:10px;font-size:16px;line-height:24px;display:block;color:#333;float:left;position:relative;z-index:2} #commentform input:focus,#commentform textarea:focus{background:#fff;box-shadow:0 0 4px rgba(102,203,245,0.9)} a#cancel-comment-reply-link{display:block;font-size:12px;margin-top:15px;font-weight:400} .comment-form input[type="submit"]{width:230px;display:block;font-size:16px;text-align:center;text-decoration:none;border-radius:3px;border:0;cursor:pointer;padding:14px 0;margin:30px auto 0;transition:all .3s ease-in-out; font-weight: 700} .comments-box .says{display:none} .comments-box .navigation{width:100%;margin:40px auto 40px;text-align:center;border-top:1px dashed #eee;border-bottom:1px dashed #eee;padding:20px 0} .comments-box .navigation .nav-previous{width:50%;float:left;text-align:left} .comments-box .navigation .nav-next{width:50%;float:right;text-align:right} .comments-box .navigation a{color:#bbb;text-decoration:none} .comments-box .navigation a:hover{text-decoration:underline} ol.commentlist li #respond p.comment-form-author,ol.commentlist li #respond p.comment-form-email,ol.commentlist li #respond p.comment-form-url{width:31.33%;float:left;margin-left:3%} ol.commentlist li #respond p.comment-form-comment{margin-left:0} p.comment-form-author,ol.commentlist li #respond p.comment-form-author{margin-left:0} .gp-comment-form .gp-wpcf7-note{color:#999;text-align:left;font-size:13px} .gp-comment-form .gp-wpcf7-note a{color:#999} /* 30 Подвал */ .footer{width:100%;padding:40px 0 30px;background:#f6f7fb;font-size:14px;color:#999} .foot-wrap{width:100%;max-width:1200px;margin:0 auto} .foot-left{float:left;width:48%;margin-right:4%;text-align:left} .foot-right{float:left;width:48%;text-align:right} #backtop{position:fixed;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-decoration:none;bottom:10px;right:15px;z-index:100;font-size:30px} /* 31 Страница Контакты * / .contact-page-location{width:48.5%;float:left;margin-right:3%} .contact-page-faq{width:48.5%;float:left} .contact-page-wrap{padding:30px 25px} .map-window{overflow:hidden} .contact-page-title{font-size:24px;display:block;font-weight:700;line-height:1.25;text-align:center;margin-bottom:10px} .contact-page-address{display:block;text-align:center;margin-bottom:10px} .contact-page-tel {text-decoration:none;font-size:20px;letter-spacing:1px;font-weight:700;text-align:center} .contact-page-tel a{ text-decoration:none} .contact-page-location iframe{vertical-align:bottom} /* 32 Аккордеон FAQ */ #accordion{width:100%;position:relative} .accordion-toggle{cursor:pointer;padding:15px 20px;position:relative} .accordion-content{display:none;padding:12px 5px;margin-bottom:10px;font-size:15px} .accordion-content.default{display:block} #accordion h3{margin-bottom:10px;font-size:16px;text-align:left;font-weight:700} /* 33 Внутренняя навигация */ .post-navigation{margin:0 auto;border-bottom:1px dashed #e6e6e6;border-top:1px dashed #e6e6e6;padding:25px 0;font-size:16px;line-height:22px;font-weight:700;margin-bottom:35px} .nav-box-previous{float:left;width:46%;margin-right:8%;position:relative} .nav-box-next{float:right;width:46%;position:relative;text-align:right} .post-navigation span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#999;margin-bottom:6px; font-weight: 400} .post-navigation a{text-decoration:none} .post-navigation a:hover{text-decoration:underline} /* 34 Похожие товары */ .related-items{width:100%; margin-bottom:35px} .related-item{width:23.5%;margin-right:2%;float:left; transition:all .5s ease-in-out; } .related-item:nth-of-type(4n+1) {margin-right:0} .related-item p {font-size: 14px} .related-item-inner{ padding:20px; background: #f9f9f9} .related-item span{ font-size:16px;line-height:1.25;display:block;margin-bottom:15px; font-weight: 700 } .related-item img{transition:all .7s ease} .related-item:hover img{filter:brightness(77%)} .related-item a{text-decoration: none} .related-item a:hover{text-decoration: underline} /* 35 Соц кнопки */ .social-bar ul{list-style:none; float: right} .social-bar ul li{text-align:center;width:40px;margin:10px 0 4px 8px; padding:0; float: left} .social-bar ul li a{width:100%;display:block;padding:6px 0;font-size:18px;text-decoration:none;color:#fff!important;transition:all .3s linear} .social-bar ul li a:hover{color:#fff;text-decoration:none} .vk{background:#4d7198} .fb{background:#3b5998} .tw{background:#14a1e8} .ig{background:#c7b5a1} .od{background:#f6881f} .yt{background:#a81a1e} .tele{background:#2b9dd9} .social-bar:after{content:'';display:block;clear:both} .social-bar ul li:before{height:0;width:0;position:relative;background:0} .share-post ul{margin:0 0 36px} .share-post ul li{padding:0} .share-post ul li:before{padding:0;width:0;background:0} /* Gutenberg */ .entry #toc_container li:before, .entry ul li.blocks-gallery-item:before{content:'';padding:0; background: none} .entry .wp-block-gallery li {padding: 0} table {width: 100%; display: table; } table tr:nth-of-type(odd){background:#f6f7fb}table tr:nth-of-type(even){background:#fff} table tr, table td {font-size: 17px} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:15px} .wp-block-embed, .wp-block-media-text {margin-bottom: 30px} /* 36 Адаптивные стили */ @media only screen and (max-width:1500px){ .flex-caption{ top:30% } } @media only screen and (max-width:1300px){ .flex-caption{ left:15%; width:70% } .flex-caption h2,.flex-caption h2 a{font-size:30px;line-height:38px; margin-bottom:30px} .flex-caption span{font-size:18px} } @media only screen and (max-width:1200px){ .container, .fullwidth-container, .header-inner, .foot-wrap, .search-container {padding: 0 20px} .container, .fullwidth-container {margin:0 auto 50px} .gp_contact-blok{margin-bottom:0} .menunav li a{ font-size:13px; padding:20px 8px} .footer{ font-size:12px} .foot-right{ text-align:left} .header-contact-bar .icon{margin-right:12px;padding: 0;width:50px} .header-contact-bar_value{font-size:14px; display: block } .product-title, .catalog-title{font-size:20px;line-height:1.2} .catalog-caption{ width:78%} .site-title{font-size:26px; padding-top: 5px} } @media only screen and (max-width:1160px){ .flex-caption{ top:25% } .flex-caption .btn {margin: 16px auto 0} .prod-thumb-wrap{width:60%; margin-bottom:30px} .prod-info-wrap{width:36%} .prod-info-wrap h1.post-title {font-size: 26px; margin: 0 0 15px} .prod-info{font-size:14px;margin-bottom:20px} .product-price{font-size:15px; padding:12px 0;margin-bottom:20px} .product-price span{font-size:18px} } @media only screen and (max-width:1050px){ .flex-caption{ left:10%; width:80% } .flex-caption h2,.flex-caption h2 a{font-size:22px;line-height:30px; margin-bottom:20px} .flex-caption span{font-size:16px} .flex-caption .btn {font-size: 11px; padding: 10px 0; width: 150px; } .container-title{ padding:5px 0;margin-bottom:25px} .home .container-title span{font-size:16px} .prod-thumb-wrap{width:50%; margin-bottom:20px; float: right} .prod-info-wrap{width:46%; margin-left:0; margin-right: 4%; margin-bottom: 40px} } @media only screen and (max-width:1024px){ #menu{margin-left:-9999px;width:0;height:0;overflow:hidden} #mob{display:block} .toggle-search{ right:16px;top:10px;font-size:14px} .header-contact-bar .icon{margin-right:10px; width: auto; height: 20px; font-size: 8px} .header-contact-bar_value{ display: inline-block; margin-top: 8px} .product-title, .catalog-title{font-size:18px;line-height:1.2} .main-col{width:100%;margin-left:0; margin-bottom: 35px} .sidebar{width:100%} .wp-pagenavi{ margin:0 0 30px} .static-img { margin: 0 auto 25px} } @media only screen and (max-width:900px){ .site-title{ width:100%; margin-right:0; margin: 0 0 10px 0 } .header {padding: 0} .header-contact-bar{ width:100%;margin-bottom:20px; } .header-contact-bar .icon{font-size: 5px} .header-contact-bar_phone,.header-contact-bar_adress,.header-contact-bar_some{margin-right:0; padding: 10px 20px; } .header-contact-bar_phone { width:33.33%; } .header-contact-bar_adress,.header-contact-bar_some { width:33.33%} .header-contact-bar_value{ margin-top: 8px; font-size:14px} .catalog { width:49%;margin-right:2%;margin-bottom:25px; } .last-catalog {margin-right:2%} .catalog:nth-of-type(2n+1) {margin-right:0} .product{width:48%;margin-right:4%; } .product-wrap .product:nth-of-type(3n){margin-right:4%} .product-wrap .product:nth-of-type(2n){margin-right:0} .owl-caption-title{font-size:16px } .owl-caption p{font-size:14px} .owl-dot span{width:15px;height:15px;margin:0 15px 0 0!important} .offer-texts{width:100%;float:left;padding:50px 0 30px 10px} .offer .btn{margin:0 0 50px 10px;float:left} .service-list-tabs .tabs li{ font-size:15px; margin:0 15px 0 0} .service-list-tabs .tabs ul li a{ padding:10px 15px} .reason {font-size: 15px} .reason-title{font-size: 20px} iframe.alignleft, iframe.alignright {float:none; margin: 0 auto} } @media only screen and (max-width:800px){ .flex-caption h2,.flex-caption h2 a{font-size:26px;line-height:32px; margin-bottom:0} .flex-caption span{display: none} .owl-nav {display:none} .catalog-caption{ width:86%} .contact-page-location, .contact-page-faq{width:100%; margin-right:0; margin-bottom: 40px} .contact-page-faq {margin-bottom: 0} .prod-thumb-wrap{width:100% } .prod-info-wrap{width:100%; margin-right: 0} .callme-modal{top:50px} .related-item{width:48%;margin-right:4%; margin-bottom: 25px} .related-item:nth-of-type(4n+1) {margin-right:0} .related-item:nth-of-type(2n+1) {margin-right:0} .footer{ padding:35px 0 15px} .foot-right, .foot-left{ width: 100%; margin: 0; text-align: center} .social-bar ul{float:none; text-align: center; margin-top: 25px; display:inline-block} .social-bar ul li { width: 36px; margin:0 4px} .social-bar ul li a{ font-size:16px; padding: 5px 0} .site-title{font-size:24px} .owl-caption p{font-size:12px} .tab-title{font-size:22px} .cat-description p {font-size:14px} } @media only screen and (max-width:700px){ .owl-caption-title{font-size:18px } .owl-caption p{font-size:16px} .product-price{ padding:15px 0;margin-bottom:30px} h2.post-title {font-size: 25px} .callme-modal{ max-width:500px; top:30px; margin-left:-250px} .callme-wrap{padding:10px} .callme-wrap img{float:left;margin:0 20px 20px 0} .flex-caption h2,.flex-caption h2 a{font-size:19px;line-height:24px } h3#reply-title,.comment-title{font-size:18px} } @media only screen and (max-width:600px){ body{ font-size:15px;line-height:1.55} .header-contact-bar_phone,.header-contact-bar_adress,.header-contact-bar_some{width:100%; padding: 15px 15px 15px 24px; margin-bottom: 5px } .header-contact-bar_value{ font-size:16px } .flex-caption{ top:25%} .flex-caption h2,.flex-caption h2 a{font-size:18px;line-height:24px } .flex-caption .btn {font-size: 10px; padding: 8px 0; width: 130px; margin: 14px auto 0} .container-title span, .container-title h1{font-size:13px} h1.post-title {font-size: 26px} h2.post-title {font-size: 23px} p.comment-form-author,p.comment-form-email,p.comment-form-url{width:100%; margin: 0 } ol.commentlist li #respond p.comment-form-author,ol.commentlist li #respond p.comment-form-email,ol.commentlist li #respond p.comment-form-url{width:100%;float:left;margin:0} ol.commentlist li #respond p{padding:0} p.comment-form-url, ol.commentlist li #respond p.comment-form-url{margin-bottom: 15px} table td{padding:5px 6px; font-size: 13px} .reason-wrap{width: 100%; margin-top: 250px} .reason:before {width: 100%; top:0; left: 0; right: 0; height: 250px} .reason {font-size: 16px} .reason-title{font-size: 24px} } @media only screen and (max-width:500px){ body{ font-size:16px;line-height:1.6} .flex-caption{ top:18%; left: 7%; width:86%} .flex-caption h2,.flex-caption h2 a{font-size:17px;line-height:22px; } .product-container, .product-wrap{width: 98%; margin: 0 auto} .catalog, .product{ width:100%;margin-right:0;margin-bottom:30px; } .last-catalog {margin-right:0} .owl-caption-title{font-size:16px } .owl-caption p{font-size:13px} .reason-wrap{padding: 30px 20px} .form-wrap{width:90%; margin:40px auto 0} .form-wrap .wpcf7 input[type="text"],.form-wrap .wpcf7 input[type="tel"]{width: 100%; margin: 0 0 15px 0; font-size:15px} .form-wrap .wpcf7 input[type="text"]{margin-right:0} .form-wrap .wpcf7 textarea{ margin:5px 0 30px;font-size:15px;} .form-wrap .wpcf7 input[type="submit"]{width:150px; font-size:15px;font-weight:400;letter-spacing:1px; padding:10px 0} .contact-title{font-size:14px} a.tel{ font-size:20px} .header-contact-bar_phone,.header-contact-bar_adress {width:48%; padding: 15px; margin-right:4%; } .header-contact-bar_adress {margin-right:0} .header-contact-bar_some{width:100%; padding:15px; margin-bottom: 0; display: none } .header-contact-bar_value{ font-size:14px} .header-contact-bar_phone p,.header-contact-bar_adress p,.header-contact-bar_some p,p.site-desc{margin-bottom:4px} .container-title span, .container-title h1, .container-title div{font-size:12px} .entry-thumb { width: 140px; margin:2px 20px 5px 0} .post-navigation span {margin-bottom: 10px} .nav-box-previous, .nav-box-next{width:100%;margin-right:0; text-align: left; margin-bottom: 20px} .callme-modal{ max-width:360px; margin-left:-180px} .callme-title{ font-size:14px; padding:7px 18px} .callme-modal a.close{ top:0px;right:15px; font-size:22px} .prod-modal-name {margin-bottom: 12px} .callme-wrap img, .prod-modal-price, .prod-modal-instock {display: none} .callme-form .wpcf7 input[type="text"],.callme-form .wpcf7 input[type="tel"]{margin: 0 0 8px 0; font-size: 15px; padding: 4px} .callme-form .wpcf7 input[type="submit"] {margin: 0 auto; width: 110px; font-size: 13px} .callme-form .wpcf7 input[type="tel"]{margin-bottom: 15px} p.callme-desc {font-size: 14px; text-align: left; color: #999; margin-bottom: 12px} .callme-modal .gp-wpcf7-note {font-size: 12px; margin: 0} .site-title{font-size:22px} .wp-pagenavi{ margin:20px 0 25px} .callme-form label{font-size:12px} ol.commentlist li div.vcard cite.fn{ font-size:14px} .cat-description p {padding: 15px 15px 15px 80px} } @media only screen and (max-width:414px){ body{ font-size:15px} .header-contact-bar_phone p,.header-contact-bar_adress p,.header-contact-bar_some p,p.site-desc{font-size:10px;letter-spacing:0} .header-contact-bar_value{font-size:13px} .mm-listview{font-size:14px!important} .flex-caption h2,.flex-caption h2 a{font-size:14px;line-height:20px } .callme-modal{ max-width:320px; margin-left:-160px} .related-item{width:100%;margin-right:0} .container-title span, .container-title h1, .container-title div{font-size:10px} .home .container-title span{font-size:12px} .product-title{font-size:18px; font-weight: 700} .owl-caption p{font-size:12px} .gp-wpcf7-note {font-size: 10px} .prod-modal-name span {font-size: 14px} table td{padding:3px 4px; font-size: 12px} .reason {font-size: 14px} .reason-title{font-size: 18px} .cat-description p {font-size:12px} } /* 37 Стили мобильного меню - http://mmenu.frebsite.nl */ /*License - Creative Commons Attribution-NonCommercial 4.0 International license*/ .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box}.mm-btn,.mm-menu{box-sizing:border-box}.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{display:block;padding:0;position:absolute}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute}.mm-btn,.mm-panel.mm-highest{z-index:1}.mm-panels{overflow:hidden}.mm-panel{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:19px}.mm-btn{width:40px;height:40px;position:absolute;top:0}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:0;border-bottom:0;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:0;right:25px}.mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-prev:before{border-right:0;border-bottom:0;left:23px}.mm-arrow:after,.mm-next:after{border-top:0;border-left:none;right:23px}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar .mm-btn:first-child{padding-left:20px;left:0}.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-page{box-sizing:border-box;position:relative}.mm-slideout{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking,html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-current{display:block}.mm-menu{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} /*****************************************************/ .ya-share2 ul li, .wc-tabs-wrapper ul li{padding:0;} .ya-share2 ul li:before, .wc-tabs-wrapper ul li:before{display:none;} .product_meta .posted_in,.product_meta .posted_in{display:block;} .wpcf7-form p {margin: 0 0 0 1em;} .wpcf7-form p label{display:inline-block; } .screen-reader-response{height:10px;} .elementor-widget-wrap{padding-bottom:20px;} .wpcf7 .wpcf7-form-control-wrap { width: 100%; display: block; } /*recapcha*/ .grecaptcha-badge {display:none;} li.slider:before, .doinf_filter li:before, .berocket_single_filter_widge li:before, .woocommerce-order li:before,.woocommerce-error li:before,.product_list_widget li:before,.product ul li:before,ul.products li:before,.woocommerce-tabs ul li:before,.woocommerce-pagination ul li:before{display:none !important;background:none !important;} .footer .menu-container{background:#a49999;} .price_man {font-size:0.85em;} .oform_text{ background: #ebe9eb; border-radius: 5px; padding:25px;} /* корзина в шапке */ .toggle-cart{position:absolute;right:50px;top:0px;font-size:18px;line-height:1;cursor:pointer; color:white; background:url('img/cart.png') no-repeat; width:50px; height:50px; display:block;text-decoration:none;} .toggle-cart div{ padding-top: calc(50% - 0.5em); padding-left: calc(50% - 0.5em); font-weight:bolder; } .toggle-cart:hover{text-decoration:none;color:white; } .top{position:fixed; TOP:0;} #menu .tel{color:white;display:block;font-weight:bolder;position:absolute;right:calc(25% - 180px);top:calc(50% - 15px);font-size: 20px;} #menu .tel a{color:white;text-decoration:none;font-weight:bolder;} #mob .toggle-cart{width:50px; height:50px; top: -5px;} .mm-slideout{padding-top: 50px;} @media only screen and (max-width:500px){ #mob span{display:none;} .tel{left: 50px;display: inline-block; padding-left: 20px;} } .header-contact-bar_adress .icon {margin-right:0;} .header-contact-bar_phone, .header-contact-bar_adress, .header-contact-bar_some {min-height:93px;} .mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(51,51,51,.6); z-index: 10; } .offer-inner{ position: relative; z-index: 30; } .offer-inner li, .offer-inner ol{ list-style: disc outside; padding: 0 10px 15px 10px; margin-left: 20px;}