/*
Theme Name: Grey Magic
Theme URI: https://www.goodwinpress.ru/tema-grey-magic
Author: Goodwin
Author URI: https://www.goodwinpress.ru/
Description: Grey Magic - шаблон лэндинга / посадочной страницы на WordPress для презентации продуктов и услуг, курсов, тренингов, образовательных программ, для ИП и самозанятых. Цветной, с микроразметкой, сбором контактов, простой в настройке и очень быстрый. Рекомендуется как одностраничник, но может применяться и для многостраничного ресурса.
Version: 1.1.1
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 SVG фигуры
17 Раздел Предложения + модальные окна для одностраничного варианта
18 Раздел Мотивация
19 Раздел О нас
20 Цветные соц кнопки в разделе О нас
21 Преимущества
22 Раздел Выгода
23 Раздел Отзывы
24 Раздел Галерея, кейсы
25 Раздел Контакты
26 Подвал сайта
27 Меню в подвале
28 Архив предложений 
29 Постраничная навигация в предложениях и блоге
30 Шаблон страницы предложения 
31 Форма сбора контактов в предложениях
32 Оформление изображений в старой и новой версиях редактора 
33 Шапка в блоге и записях 
34 Избранные рубрики в блоге
35 Оформление содержимого записи
36 Внутренняя навигация по записям внутри публикации
37 Оформление цитат
38 Списки сайта, маркированый, нумерованый
39 Список комментариев
40 Форма отправки комментариев
41 Сайдбар и виджеты
42 Виджет поиска
43 Чистая страница
44 Адаптивность

*/


/* 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}
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}
img,video,object,embed,iframe{max-width:100%;vertical-align:bottom}
img{height:auto}
p{margin-bottom:25px}
p:last-child{margin-bottom:0}
img{border:0}
.aligncenter{margin:0 auto 20px;display:block}
.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}
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}
hr{display:block;width:100%;height:1px;border:0;border-bottom:1px solid #eeeeef;margin:30px auto 40px;clear:both}
input:focus{border:1px solid orange; outline:0}
.red{color:red}
.gp-clearfix:after{content:"\00A0";display:block;clear:both;visibility:hidden;line-height:0;height:0}
input::placeholder,input:placeholder-shown{color:#999}
::-moz-selection{background:navy;color:#fff}
::selection{background:navy;color:#fff}
::-webkit-selection{background:navy;color:#fff}
button:focus{outline:0}
p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto}
button{-webkit-appearance:none;border:0;background:transparent;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;cursor:pointer;border-radius:0}
a.gpress {text-decoration: none; }

/* 02 таблицы */
table{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;width:fit-content;width:100%;margin:10px 0 35px}
table th{text-align:left;padding:15px 14px;border:1px solid #eaeaea;background:#f6f7fb}
table td{font-size:16px;padding:13px 14px;border:1px solid #eaeaea;vertical-align:top}
table tr:nth-of-type(odd){background:#f6f7fb}
table tr:nth-of-type(even){background:#fff}
table::-webkit-scrollbar-thumb{background:#2ec1ac}
table::-webkit-scrollbar{height:10px;background:#eee}
 
a{text-decoration:underline;transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
a:hover{text-decoration:underline}

/* 03 тулбар */
#wpadminbar .gpress-toolbar-link{position:relative;padding-left:20px;margin-left:15px}
#wpadminbar .gpress-toolbar-link:before{font-family:dashicons;content:"\f111";font-size:16px;top:-3px;position:absolute;left:0}

/* 04 отложенная загрузка картинок */
.lazy-hidden{opacity:0}
.lazy-loaded{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:1}

/* 05 подключение шрифтов */
@font-face{font-family:'GolosTextWebBlack';src:url('files/font/Golos%20Text_Black.eot');src:url('files/font/Golos%20Text_Black.eot?#iefix') format('embedded-opentype'),url('files/font/Golos%20Text_Black.woff2') format('woff2'),url('files/font/Golos%20Text_Black.woff') format('woff'),url('files/font/Golos%20Text_Black.ttf') format('truetype');font-weight:normal;font-style:normal; font-display: swap}
@font-face{font-family:'GolosTextWebMedium';src:url('files/font/Golos%20Text_Medium.eot');src:url('files/font/Golos%20Text_Medium.eot?#iefix') format('embedded-opentype'),url('files/font/Golos%20Text_Medium.woff2') format('woff2'),url('files/font/Golos%20Text_Medium.woff') format('woff'),url('files/font/Golos%20Text_Medium.ttf') format('truetype');font-weight:normal;font-style:normal; font-display: swap}
@font-face{font-family:'GolosTextWebRegular';src:url('files/font/Golos%20Text_Regular.eot');src:url('files/font/Golos%20Text_Regular.eot?#iefix') format('embedded-opentype'),url('files/font/Golos%20Text_Regular.woff2') format('woff2'),url('files/font/Golos%20Text_Regular.woff') format('woff'),url('files/font/Golos%20Text_Regular.ttf') format('truetype');font-weight:normal;font-style:normal; font-display: swap}

h1,h2,h3,h4,h5,h6,.header-caption span,a.header-btn,.header-action,.wpcf7 input[type="submit"], #offer-form input[type="submit"],.gp_action p,.customer-name,.benefits-item span,.contact-item .legend, .gallery-item figcaption,.offer-short-desc,.gp-price-option,.offer-price,.post-cat,.nav-box span.post-title,blockquote,.archive-desc,.comment-form input[type="submit"], b,strong, .gp-homepage-price{font-family:'GolosTextWebMedium'}

.header-caption h1,.block-title,.product-title,.motivate-title,.feedback-item>p:first-child:first-letter, .contact-items p, h1,h2,h3,h4,h5,h6,.comment-title,ol.commentlist li .comment-author .fn, .single-offer h1,.post_type_header h1,.blog-page h1,h1.post-title, .offer-form-title, .widget-title, .modal-header {font-family:'GolosTextWebBlack'}

/* 06 основные контейнеры сайта */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-weight:400;word-wrap:break-word;font-family:'GolosTextWebRegular',sans-serif;font-size:18px;line-height:1.55;background:#fff}
.wrap{width:100%;max-width:1920px;margin:0 auto}
/*.port{content-visibility:auto}*/

/* 07 Заголовки */
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.gp-custom-content h1,.gp-custom-content h2,.gp-custom-content h3,.gp-custom-content h4,.gp-custom-content h5,.gp-custom-content h6{margin-bottom:18px}
h1{font-size:26px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:20px}
h5{font-size:19px}
h6{font-size:18px}

/* 08 Шапка */
header{width:100%;height:100px;position:relative}
/* Шапка на главной */
#front_page{height:100vh; position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}
#front_page:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55)}
/* Шапка в предложениях */
.post_type_header{width:100%;height:100%; padding: 100px 30px; display:flex;flex-flow:row wrap;justify-content:space-around;position:relative}
.post_type_header:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:.95}

/* 09 Текстовый блок в шапке на главной + поп-ап*/
.header-caption{width:100%; max-width:950px;margin:0 auto;position:relative;z-index:2;padding-top:40px;transform:translate(-18%,0)}
.header-caption h1{font-size:80px;line-height:1.2;margin-bottom:20px}
.header-caption span{display:block;font-size:22px;margin-bottom:60px}
a.header-btn{display:inline-block;padding:18px 25px;border-radius:3px;text-align:center;line-height:1;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.4px;text-decoration:none; box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);transition:all .3s ease-in-out;margin-right:20px}
a.header-btn:hover{transform:translate(0,5px);box-shadow:0 12px 20px 0 rgba(15,8,49,0.1)}
.header-action{display:block;text-transform:uppercase}
.header-action span{display:inline-block;font-size:16px}
.header-action span a{margin-left:15px;font-size:24px}

 /* Поп-ап */ 
.call-action-bg{background:rgba(0,0,0,0.8) none repeat scroll 0 0;visibility:hidden;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index: 99999}
.call-action{width:100%; max-width: 500px;position:fixed;left:50%;top:-2000px;margin-left:-250px;transition:.5s ease;z-index:1000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}
.call-action img{display:block;margin:0 auto}
.call-caption{text-align:center; padding:20px 20px 0}
.call-caption p, .call-caption ul, .call-caption ol {padding: 0 30px}
.call-caption h2, .call-caption h3, .call-caption h4, .call-caption h5 {margin-bottom: 10px}
.call-action p {font-size: 16px; margin: 0}
.call-action img.aligncenter {margin: 0 auto 15px}
.call-action video, .call-action .wp-video {margin-bottom: 15px}
.call-action .close{position:absolute;top:-10px;right:-10px;z-index:500; border-radius: 50%; width: 45px;  height: 45px; text-align: center;} 
.call-action .close:before{font-family: dashicons; content: "\f158"; color: #fff; line-height: 40px; font-size: 30px}

.call-caption .wpcf7-form-control-wrap {width:100%}

/* 10 Соц сети в шапке на главной */
.poster-icons{position:absolute;top:-3%;right:-38%;z-index:10;width:50px;list-style:none}
.transparent-icons li,.color-icons li{width:44px;height:44px;padding:0;display:block;margin-bottom:20px;border-radius:50%;border:1px solid #fff}
.transparent-icons li:hover{background-image:linear-gradient(to right bottom,#ffce3a 1%,#ff0e69);border-color:#ff0e69}
.transparent-icons li a,.color-icons li a{width:100%;height:100%;display:block;transition:all .3s linear;text-indent:-9999px;text-decoration:none}
.transparent-icons .vk{background:url('img/social-icons/transparent/vkontakte.png') no-repeat;background-size:cover}
.transparent-icons .fb{background:url('img/social-icons/transparent/facebook.png') no-repeat;background-size:cover}
.transparent-icons .tw{background:url('img/social-icons/transparent/twitter.png') no-repeat;background-size:cover}
.transparent-icons .inst{background:url('img/social-icons/transparent/instagram.png') no-repeat;background-size:cover}
.transparent-icons .yt{background:url('img/social-icons/transparent/youtube.png') no-repeat;background-size:cover}
.transparent-icons .tg{background:url('img/social-icons/transparent/telegram.png') no-repeat;background-size:cover}
.transparent-icons .ok{background:url('img/social-icons/transparent/odnoklassniki.png') no-repeat;background-size:cover}

/* 11 Меню в шапке */
.menunav{float:left;width:100%;max-width:1300px;margin:auto;position:absolute;top:45px;left:0;right:0}
ul.top-menu{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;position:relative;z-index:10}
ul.top-menu li{text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
ul.top-menu li a{text-decoration:none}
ul.top-menu li a:hover{text-decoration:underline}
ul.top-menu li:first-child{text-align:left}
ul.top-menu li:last-child{text-align:right}
.hamburger{display:none}

/* 12 Анимированная кнопка скроллинга */
.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
a.gp-arrow-down{display:block;width:50px;height:50px;text-align:center;position:absolute;bottom:60px;left:20%;margin-left:-25px;z-index:10;text-decoration:none;border:1px solid #fff;border-radius:50%}
.gp-arrow-down:before{font-family:dashicons;content:"\f346";font-size:24px;color:#fff;line-height:50px}

/* 13 Раздел Подписка */
.gp_action{float:left;width:100%;text-align:center;padding:80px 0 30px;position:relative;margin-bottom:150px}
.gp_action-wrapper{float:left;width:100%;height:100%;overflow:hidden;position:relative;z-index:10}
.gp_action p{margin-bottom:5px}
.block-title{display:block;font-size:44px;line-height:1.2;margin-bottom:20px;position:relative;text-align:center}
.gp_action-title:before{font-family:dashicons; width:50px;height:50px;line-height:1;text-align:center;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.gp_action-title{margin-top:60px}
.gp_action-form,.gp-contact-form{width:100%;max-width:800px;margin:30px auto 10px}

/* 14 Форма для сбора контактов в разделе Подписка */
.wpcf7-form-control-wrap {display:block; width:22.75%;float:left;margin-right:3%;margin-bottom:10px;}
.wpcf7 input{width:100%; font-family:inherit;padding:14px 10px;display:block;border:1px solid #e7e7e7;color:#333;font-size:18px;position:relative;z-index:100;background:#fff;border-radius:3px}
.wpcf7-response-output,.wpcf7-not-valid-tip{font-size:13px!important}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{color:#abc2e8}
.wpcf7 input:focus{border:1px solid #035aa6;outline:thin solid rgba(0,115,170,0.15)}
.wpcf7 input[type="submit"]{width:170px;vertical-align:top;font-size:16px;text-transform:uppercase;letter-spacing:.3px;text-align:center;text-decoration:none;-webkit-appearance:none;outline:0;border:0;box-shadow:none;cursor:pointer;padding:17px 0;margin:10px auto 0;transition:all .5s ease;position:relative;display:block;border-radius:3px;float:none;color:#fff}
.wpcf7 input[type="submit"]:hover{transform:translate(0,5px);box-shadow:0 12px 20px 0 rgba(15,8,49,0.1)}
.gp_action em,.gp-contact-form em{font-style:normal;font-size:14px;display:block}
#gp-checkbox, #gp-checkbox2{padding-right:15px;margin-top:-2px}
.gp_action em a:hover,.gp-contact-form em a:hover{text-decoration:underline}
.wpcf7 form.invalid .wpcf7-response-output {background: #ffb900; color: #fff; padding: 10px 20px!important; margin: 10px 0 15px !important; font-size: 16px !important; text-align: center; display: inline-block; border:none !important}
.wpcf7-not-valid-tip {line-height: 1.3}
.wpcf7 form.sent .wpcf7-response-output {background: #46b450;color: #fff; padding: 10px 20px !important; margin: 10px 30px 9px !important; font-size: 16px !important; text-align: center; border:none !important; display: block !important}
div.wpcf7 .ajax-loader {display: none}

/* 15 SVG фигуры */
.figure1{width:1000px;height:500px;opacity:.2;position:absolute;top:-50px;right:0; z-index: -1}
.figure2{width:1800px;height:1300px;opacity:.05;position:absolute;z-index:-1;bottom:-200px;left:-770px}
.figure3{width:1000px;height:500px;opacity:.15;position:absolute;top:0px;right:-50px}
.wave-bottom1{width:100%;position:absolute;bottom:-425px;left:0;z-index:1;display:none}
.wave-bottom2{width:100%;position:absolute;bottom:-250px;left:0;z-index:-1;background:#eceef7}
.diagonal-blok{position:absolute;top:150px;left:0;z-index:-1;width:100%;height:100%}
.blob1{opacity:.05;width:1000px;height:500px;position:absolute;bottom:600px;left:-160px}
.blob2{opacity:.15;width:1000px;height:500px;position:absolute;bottom:230px;left:10px}
.contact-wave{width:100%;height:auto;position:absolute;top:-270px;left:0}
.contact-wave-reverse{width:100%;height:auto;position:absolute;bottom:-350px;left:0; z-index: -1}
.foot-blob{width:500px;height:500px;position:absolute;bottom:-250px;left:50%;z-index:1;opacity:.05;margin-left:-250px}
.offer-top-wave{width:100%;position:absolute;top:-30px;left:0;background:#fff}
.wrapper-offer .blob1{top:100px;left:-500px}

/* 16 Раздел Предложения */
.products{float:left;width:100%;padding:90px 0 80px;position:relative;z-index:1; background:#eceef7}
.products-title:before{font-family:dashicons; width:50px;height:50px;line-height:1;text-align:center;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.products-wrapper{width:100%;max-width:1300px;padding-top:10px;margin:40px auto;display:flex;flex-flow:row wrap;justify-content:space-around;overflow:hidden}
.products p{text-align:center;display:block;max-width:500px;margin:0 auto 12px;font-size:16px}
.product-item{margin-bottom:45px; flex-basis:30%;background:#fff;padding:30px;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);border-top-right-radius:30px;transition:all .3s ease-in-out;position:relative;z-index:100; overflow: hidden}
.product-item:before {content: ''; background: #f7f6fb; opacity:0.55; position: absolute; bottom: -50px;right:-70%; width: 150%; height: 200px; z-index: -1; transform:rotate(-13deg)}
.product-item figure{margin-bottom:20px;position:relative}
.product-title{display:block;text-align:center;font-size:20px;text-transform:uppercase;letter-spacing:.5px;line-height:1.25;margin-bottom:20px}
.products a{text-decoration:none}
.product-item:hover{transform:translate(0,-10px);box-shadow:0 5px 30px 0 rgba(15,8,49,0.15)}
.product-btn {display:table;padding:15px 25px;border-radius:3px;text-align:center;line-height:1;font-size:15px;color:#fff;text-transform:uppercase;letter-spacing:.4px;text-decoration:none;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);transition:all .3s ease-in-out;margin:0 auto}
.product-btn:hover{transform:translate(0,5px);box-shadow:0 12px 20px 0 rgba(15,8,49,0.1); color: #fff}
.offer-price{text-align:center;display:inline-block;font-size:19px;line-height:1; display: none }
.product-item figure:before{width:40px;height:40px;text-align:center;line-height:40px;color:#f9f9f9;font-size:22px;position:absolute;top:-15px;left:-15px;border-radius:50%;border:4px solid #fff}
video.lazy-hidden{opacity:1}
.products video{min-height:185px;background:#f9f9f9}
p.gp-homepage-price {display:table; text-align: center; font-size: 22px; margin:0 auto 20px}

/* Модальное окно предложения для одностраничного варианта */
.modal-offer{width:40%; overflow-y:auto; position:fixed;top:50px;left:30%;right:30%;transition:.5s ease;z-index:99999;background:#fff;font-size:16px; opacity: 0; display: none}
/*.open-modal{top:50px}*/
.modal-offer::-webkit-scrollbar-thumb{background:#ffd9fc}
.modal-offer::-webkit-scrollbar{width:13px;background:#eee}
.open-modal{opacity: 1; display: block}
.close-modal{opacity: 0; display: none}
.modal-offer-wrapper{width:100%;display:flex;flex-flow:column wrap;justify-content:space-between}
.open-modal{height:600px; box-shadow:0 12px 30px 0 rgba(0,0,0,0.8)}
.modal-header{width:100%;text-align:left;padding:23px 85px 23px 23px;font-size:25px;line-height:1.2}
.modal-thumb{display:block;text-align:center;margin:0 auto}
.modal-offer-wrapper figure{margin-bottom:25px}
.modal-offer-wrapper p{padding:0 30px;margin-bottom:20px}
.modal-footer{width:100%;text-align:center}
.close-popup{position:absolute;top: 13px;right:23px;   z-index:999999; border-radius: 50%; width: 43px;  height: 43px; text-align: center;border:2px solid #fff } 
.close-popup:before{font-family: dashicons; content: "\f158"; color: #fff; line-height: 37px; font-size: 26px}
.modal-offer-wrapper .gp-price-option{font-size:18px;padding:20px 0;border:0;text-align:center;width:100%;max-width:1024px;margin:0 0 20px 0}
.modal-offer-wrapper .gp-price-option span{font-size:18px;float:none;padding-left:8px}
#modal-form{padding:35px 40px;margin-top:10px}
#modal-form .wpcf7-form-control-wrap{display:block;width:100%;float:left;margin:0}
#modal-form .wpcf7 input{width:100%;padding:14px 10px;display:block;border:0;margin:0 0 15px 0;color:#333;font-size:18px;position:relative;z-index:100;background:#fff;border-radius:0}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{color:#abc2e8}
#modal-form input[type="submit"]{width:100%;vertical-align:top;font-size:16px;text-transform:uppercase;letter-spacing:.3px;text-align:center;text-decoration:none;-webkit-appearance:none;outline:0;border:0;box-shadow:none;cursor:pointer;padding:16px 0;margin:0 0 15px 0;transition:all .5s ease;position:relative;display:block;border-radius:3px;float:none;color:#fff}
#modal-form em{font-style:normal;font-size:12px;line-height:1.3;display:block;text-align:center;margin-top:-10px}
body.modal-open{height:100vh;overflow-y:hidden; padding-right: 15px}
#modal-form .wpcf7 form.invalid .wpcf7-response-output{background:#ffb900;color:#fff;padding:5px 5px!important;margin:8px 0 20px!important;font-size:12px!important}

/* 17 Раздел Мотивация */
.motivate{float:left;width:100%;position:relative;margin-bottom:110px}
.motivate-wrapper{width:100%;max-width:1260px; padding:0 20px 60px;margin:auto;display:flex;flex-flow:row wrap;justify-content:space-around;position:relative;z-index:10;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.motivate-wrapper:before{content:'';position:absolute;top:-70px;left:0;width:100%;height:100%}
.motivate-item{flex-basis:28%;margin:auto;position:relative;text-align:center;}
.motivate-title{display:block;line-height:1.25;font-size:30px;margin-bottom:10px}

/* 18 Раздел О нас */
.about{float:left;width:100%;background:#fff;overflow:hidden}
.about-text{float:left;width:50%;position:relative}
.about-wrapper{width:100%;height:100%;float:left;padding:70px 0 70px 310px;overflow:hidden;position:relative;z-index:100}
.about-text:before{content:'';width:100px;height:100%;background:#fff;position:absolute;top:0;right:-100px;bottom:0; z-index: 100}
.about-text:after{content:'';background:url('img/shadow.png') no-repeat bottom right;position:absolute;right:0;bottom:-150px;width:509px;height:150px;z-index:1}
.about-img{float:left;width:50%; position: relative}
.about-img:before {content: ''; position:absolute; top:0; left: 0; width: 100%; height: 100%; background:#6c5b7b; opacity: 0.2; z-index: 1}
.about-title{display:block;text-align:left;line-height:1.25;margin-bottom:25px}

/* 19 Цветные соц кнопки в разделе О нас */
ul.color-icons{margin-top:50px;position:relative}
.color-icons li{display:inline-block;margin:0 20px 0 0;border:0;position:relative;z-index:100; transition:all .3s ease-in-out}
.color-icons li a{border-radius:50%}
.color-icons li:hover {box-shadow:0 22px 30px 0 rgba(15,8,49,0.1); transform: translate(0, -4px)}
.color-icons .vk{background:url('img/social-icons/color/vkontakte.png') no-repeat;background-size:cover}
.color-icons .fb{background:url('img/social-icons/color/facebook.png') no-repeat;background-size:cover}
.color-icons .tw{background:url('img/social-icons/color/twitter.png') no-repeat;background-size:cover}
.color-icons .inst{background:url('img/social-icons/color/instagram.png') no-repeat;background-size:cover}
.color-icons .yt{background:url('img/social-icons/color/youtube.png') no-repeat;background-size:cover}
.color-icons .tg{background:url('img/social-icons/color/telegram.png') no-repeat;background-size:cover}
.color-icons .ok{background:url('img/social-icons/color/odnoklassniki.png') no-repeat;background-size:cover}
ul.color-icons:before{content:'';background:url('img/dots.png') no-repeat;position:absolute;top:-30px;left:20px;z-index:1;width:571px;height:108px}

/* 20 Преимущества */
.benefits{float:left;width:100%; padding:75px 0;position:relative}
.benefits-wrapper{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:space-around}
.benefits-item{flex-basis:25%;text-align:center;position:relative;z-index:2;font-size:20px}
.benefits-item span{display:block;font-size:50px}

/* 21 Раздел Выгода */
.avails{float:left;width:100%;padding:70px 0 140px;position:relative;overflow:hidden}
/*.avails:before{content:'';background:url('img/circles.png') no-repeat;width:280px;height:280px;position:absolute;top:150px;left:200px;z-index:1;opacity:.3}*/
.avails-title:before{font-family:dashicons;width:50px;height:50px;line-height:1;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.avails-wrapper{width:100%;max-width:1300px;margin:0 auto;padding-top:35px;display:flex;flex-flow:column wrap;justify-content:space-around;position:relative}
/*.avails-wrapper:before{content:'';background:url('img/circles.png') no-repeat;width:280px;height:280px;position:absolute;bottom:-50px;right:-150px;z-index:1;opacity:.3;
transform:rotate(45deg)}*/
.avail-item{margin:auto;font-size:20px;padding:30px 40px;border-radius:20px;margin-bottom:30px;position:relative;z-index:10;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);transition:all .3s ease-in-out}
.avail-item:hover{transform:translate(10px,0)}

/* 22 Раздел Отзывы */
.feedback{float:left;width:100%;padding:170px 0 50px;position:relative;overflow:hidden}
.feedback-title:before{font-family:dashicons;width:50px;height:50px;line-height:1;text-align:center;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.feedback-wrapper{width:100%;max-width:1300px;margin:50px auto;display:flex;flex-flow:row wrap;justify-content:space-around;position:relative;z-index:100}
.feedback-item{margin-bottom:45px;flex-basis:46%;background:#fff;padding:45px 60px 30px 60px;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);border-radius:20px;transition:all .3s ease-in-out;position:relative;z-index:2}
.feedback-item:hover{box-shadow:0 5px 20px 0 rgba(15,8,49,0.1)}
.customer-name{font-size:13px;text-transform:uppercase;letter-spacing:.3px;color:#005086}
.feedback-item>p:first-child:first-letter {padding:10px 19px;font-size:40px;line-height:50px;float:left;display:block;text-align:center;margin-right:15px;color:#fff;margin-top:4px;}
.feedback-item p,.feedback-item span{position:relative;z-index:2}
.feedback-item:before{font-family:dashicons;content:"\f122";font-size:60px;position:absolute;bottom:20px;left:30px;color:#ecf5ff;z-index:1;opacity:.6}
.feedback-item:after{font-family:dashicons;content:"\f122";font-size:60px;position:absolute;top:20px;right:30px;color:#ecf5ff;z-index:1;opacity:.6;transform:scale(-1,-1)}
.feedback-item .icon{display:block;height:18px;width:102px;position:absolute;right:35px;bottom:30px;z-index:2}

/* 23 Раздел Галерея, кейсы */
.gp-gallery{float:left;width:100%;padding:70px 0 100px;position:relative}
.gallery-title:before{font-family:dashicons;width:50px;height:50px;line-height:1;text-align:center;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.gp-gallery-wrapper{width:100%;max-width:1300px;margin:50px auto;display:flex;flex-flow:row wrap;justify-content:space-around;position:relative;z-index:10;padding:0 20px;background:#fff}
.gp-gallery-item{display:block;flex-basis:23%;height:300px;margin:auto;margin-bottom:30px;position:relative;overflow:hidden}
.inside-img{position:absolute;top:50%;left:50%;width:auto;min-width:100%;max-width:500%;height:auto;transition:all .5s ease;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.gp-gallery .first--item{flex-basis:48%}
.gp-gallery .last--item{flex-basis:48%}
.gp-gallery-item a.img-icon{display:block;width:50px;height:50px;border-radius:50%;position:absolute;top:25px;right:25px;text-align:center;text-decoration:none;opacity:0.7; }
.gp-gallery-item a.img-icon:before{font-family:dashicons;content:"\f128";font-size:30px;line-height:50px;color:#fff;  }
.gp-gallery-item:hover a.img-icon{ opacity:1; transform:scale(1.4)} 
.gp-gallery-item:hover .inside-img{-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);transform:translateX(-50%) translateY(-50%) scale(0.8)}
.gp-gallery:before{content:'';background:#f8f3fd;position:absolute;top:400px;left:0;width:100%;height:100%}
.gp-gallery-item .figcaption{display:block;position:absolute;bottom:0;left:0;width:100%;padding:25px;text-align:center;transform:scale(0.0);opacity:0;transition:all .5s ease;font-size:20px;background:rgba(0,0,0,.5);color:#fff;margin:0}
.gp-gallery-item:hover .figcaption{transform:scale(1);opacity:1}

/* 24 Раздел Контакты */
.home-contact{float:left;width:100%;position:relative;padding:100px 0 60px; margin-top: 120px; margin-bottom: 100px}
.home-contact-wrapper{width:100%;max-width:1300px;margin:0 auto}
.contact-title:before{font-family:dashicons;width:50px;height:50px;line-height:1;text-align:center;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.contact-items{text-align:center;padding:50px 0 20px;width:100%;max-width:1300px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:space-around}
.contact-items p,.contact-item em,.contact-item p,.contact-item span{display:block}
.contact-items p{font-size:34px;flex-basis:30%;display:flex;flex-flow:column nowrap;position:relative;letter-spacing:1px}
.contact-items em{font-size:17px;font-style:normal;font-family:'GolosTextWebRegular';letter-spacing:0;margin-bottom:10px}
.legend{text-align:center;display:block;width:100%;margin-bottom:60px}
.gp-contact-form{text-align:center; max-width: 1024px; padding: 30px 40px; border:9px solid #f9f9f9}
.contact-items a:hover {color:#f9f9f9}
#footer-icons {text-align: center; margin-top: 70px}
#footer-icons .poster-icons{position:relative;top:0;right:0; width:100%;list-style:none}
#footer-icons li{width:44px;height:44px;padding:0;display:inline-block;margin:0 10px} 

/* 25 Раздел Произвольный контент */
.custom-content{float:left;width:100%;  padding: 200px 0 80px; position:relative; background: #fff; overflow: hidden}
.custom-content-title:before{font-family:dashicons; width:50px;height:50px;line-height:1;text-align:center;position:absolute;top:-60px;left:50%;margin-left:-25px;font-size:50px}
.custom-content-wrapper{width:100%;max-width:1024px; position:relative;z-index:1; margin: 40px auto}
 
/* 26 Подвал сайта */
footer{width:100%;float:left;margin:0 auto;position:relative;overflow:hidden}
.footer-info{text-align:center;font-size:13px;line-height:1.7;display:block;margin-top:50px;position:relative;z-index:5; padding-bottom: 25px}
.footer-info span{display:block}
.footer-description {text-align:center !important;line-height:1.7}

/* 27 Меню в подвале */
footer nav{width:100%;max-width:1920px;margin:0 auto;padding:40px 0}
ul.foot-nav{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-flow:row wrap;justify-content:space-around;position:relative;z-index:10}
ul.foot-nav li{text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
ul.foot-nav li a{text-decoration:none}
ul.foot-nav li a:hover{text-decoration:underline}
ul.foot-nav li:first-child{text-align:left}
ul.foot-nav li:last-child{text-align:right}
.anycode{margin-top: 20px}
.backtop{position:fixed;bottom:30px;display:none;right:50px;z-index:1000;width:50px;height:50px;text-align:center;line-height:44px;transition:all .4s ease;border-radius:50%;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);background:#e6739f}
.backtop:before{font-family:dashicons;content:"\f343";font-size:30px;color:#fff}

/* 28 Архив предложений */
.post-type-archive-offer .products{padding:0}
.post-type-archive-offer .products-wrapper{margin-bottom:20px}
.post-type-archive-offer .product-item figure:before{display:none}

/* 29 Постраничная навигация в предложениях и блоге */
.pagination{display:block;width:100%;float:left;margin:0 0 55px;text-align:center}
.nav-links .page-numbers,.pagination a.page-numbers,.pagination .page-numbers.current,.post-page-numbers,.post-page-numbers.current{display:inline-block;font-size:16px;padding:8px 16px;text-decoration:none;margin:0}
.pagination a.page-numbers{background:rgba(247,246,251,1)}
.pagination .dots:hover{background:#fff;color:inherit}


/* 30 Шаблон страницы предложения */
.single-offer{position:relative;margin-bottom:50px}
.singular-offer{float:left;width:100%;height:100%; padding: 100px 30px;position:relative;z-index:1;display:flex;flex-flow:row wrap;justify-content:space-around}
.singular-offer:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.9}
.single-offer article{margin-bottom:20px;padding-bottom:20px}
.post-caption{margin:auto;text-align:center;position:relative;z-index:10; max-width:900px; color:#f9f9f9}
.single-offer h1,.post_type_header h1,.blog-page h1,h1.post-title{font-size:46px; display:block;line-height:1.3;padding-top:20px;text-transform:uppercase}
.offer-short-desc,.archive-desc{font-size:22px;display:block;margin-top:20px}
.page-num {font-size:16px; padding-top: 20px}
.gp-price-option{font-size:18px;padding:40px 0 6px;border-bottom:1px dashed #f9f9f9;text-align:left;max-width:700px;margin:auto}
.gp-price-option span{display:inline-block;float:right;font-size:24px;line-height:.6}
.offer-content{margin:0 auto 90px;position:relative}
.offer-content figure{position:relative;z-index:10}
.wp-block-video figcaption{color:#999;font-size:15px;text-align:left}
img.offer-thumb {display: block; margin: 0 auto 20px}

/* 31 Форма сбора контактов в предложениях */
.offer-form-title{font-size:30px;display:block;line-height:1.2;text-align:center;position:relative;z-index:100;color:#f9f9f9;padding:0;margin-bottom:100px}
#offer-form{width:100%;max-width:600px;background:#fff;padding:0 35px 30px;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);border-radius:20px;position:relative;z-index:10;margin:0 auto 40px}
#offer-form .wpcf7-form-control-wrap{display:block; width:100%;float:left; margin-bottom:15px;}
#offer-form .wpcf7 input{width:100%;padding:14px 10px;display:block;border:1px solid #b9b9b9;margin-top:15px;color:#333;font-size:18px;position:relative;z-index:100;background:#fff;border-radius:4px}
.wpcf7 p{margin:0}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{color:#abc2e8}
#offer-form input[type="submit"]{width:170px;vertical-align:top;font-size:16px;text-transform:uppercase;letter-spacing:.3px;text-align:center;text-decoration:none;-webkit-appearance:none;outline:0;border:0;box-shadow:none;cursor:pointer;padding:17px 0;margin:auto;transition:all .5s ease;position:relative;display:block;border-radius:3px;float:none;color:#fff}
#offer-form em{font-style:normal;font-size:14px;display:block;text-align:center}
 

/* 32 Оформление изображений в старой и новой версиях редактора */
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{margin-bottom:15px;max-width:100%;height:auto}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption-text,.blocks-gallery-caption,figcaption{font-size:14px;line-height:1.2;color:#999;display:block;margin-bottom:5px}
.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,.wp-block-gallery{margin:10px 0 20px!important;float:left;width:100%}
.gallery .gallery-item{float:left;margin-top:0;margin-bottom:10px;padding:0 5px;width:33.33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.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:17px;margin:0 0 12px 5px}
.gallery dl,.gallery dt{margin:0}
.gp-sli-wid{margin:0;position:relative;max-width:370px}
.wp-block-gallery .blocks-gallery-item{display:inline-block}
.blocks-gallery-grid{margin:0!important}
.wp-block-embed.aligncenter iframe{display:block;margin:0 auto 30px;float:none}
.wp-block-embed.aligncenter figcaption{text-align:center}
.wp-block-gallery figcaption{bottom:-5px!important;text-align:left!important}
.wp-block-embed{margin:20px auto 40px;width:100%;max-width:780px;display:block}
.blocks-gallery-caption{color:#999;font-size:14px;margin-bottom:10px}
.wp-block-image{margin-bottom:30px}
.wp-block-cover{margin-bottom:35px}
.wp-block-image{position:relative}
.wp-block-image figcaption{position:absolute;bottom:-14px;left:0;width:100%;padding:10px 15px;background:rgba(51,51,51,.6);font-size:14px;color:#f9f9f9}


/* 33 Шапка в блоге и записях */
.blog-page{ width:100%;height:100%; padding: 100px 30px; position:relative;z-index:1;display:flex;flex-flow:row wrap;justify-content:space-around;margin: 0 auto}
.blog-page:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.93}

/* 34 Избранные рубрики в блоге */
ul.feat-cats{font-family:'GolosTextWebRegular';font-size:18px;margin-top:25px; text-align: center}
ul.feat-cats li {display: inline-block; margin: 0 9px; position: relative}
ul.feat-cats li a{color:#fff;text-decoration:underline; padding-left: 10px}
ul.feat-cats li:before {content: '\b7\a0'}
ul.feat-cats li:first-child {padding-left:0}
ul.feat-cats li:first-child:before {content:''}

/* 35 Оформление содержимого записи */
.post-wrapper{width:100%;max-width:800px;margin:35px auto 10px;display:block;position:relative;z-index:100}
.blog-post{margin-bottom:100px;padding-bottom:50px;border-bottom:1px solid #e7e7e7;position:relative}
.post-header-wrapper{position:relative;margin-bottom:20px}
.blog-caption{background:#fff;padding:30px 30px 5px 0;width:70%;position:absolute;bottom:0;left:0;z-index:10}
h2.post-title{font-size:28px;display:block;line-height:1.2}
h2.post-title a{text-decoration:none}
h2.post-title a:hover{color:#f35588;text-decoration:underline}
h2.standart-post-title {font-size:36px; margin-bottom: 0; text-align: center}
.post-info {display: block; text-align: center; margin-bottom: 30px; color: #999}
p.excerpt {margin-bottom: 25px}
a.more-link, a.read-more{width:160px;font-size:15px;text-align:center;display:inline-block; text-transform: uppercase; position:absolute;bottom:-27px;left:50%;margin-left:-80px;   transition:all .3s ease-in-out; padding:12px 0;text-decoration:none;color:#fff;border-left:20px solid #fff;border-right:20px solid #fff}
a.more-link:hover, a.read-more:hover{transform:translate(0,5px)}
.post-content{margin-bottom:20px}
.gp-post-tags{display:block;color:#fff;margin:0;padding:0;text-align:center}
.gp-post-tags a{line-height:13px;font-size:13px;text-decoration:none;margin:0 5px;padding:8px 8px;border:1px solid #e4e4e4;color:#999;display:inline-block}
.page-post{border: 0; padding-bottom: 0; margin-bottom: 0}
.page-post .comments-box{border: 0}
.entry-img {display: block; margin: 0 auto 25px}

/* 36 Внутренняя навигация по записям внутри публикации */
.post-navigation{margin:40px 0;padding-top:50px;border-top:1px solid #e7e7e7;float:left;width:100%}
.nav-box-item-wrapper{float:left;width:100%}
.nav-box-next{float:right;width:47%}
.nav-box-prev{float:left;width:47%;margin-right:6%}
.nav-box{position:relative}
.nav-box-img{float:left;position:relative;margin-bottom:10px}
.nav-box em{font-size:13px;line-height:1;display:block;font-style:normal;margin-bottom:15px;color:#999}
.nav-box-next em,.nav-box-next span.post-title{text-align:right}
.nav-box span.post-title{font-size:16px;line-height:1.35;display:block}
.nav-box span.post-title a{text-decoration:none}
.nav-box span.post-title a:hover{text-decoration:underline}
.post-cat{text-align:center;font-size:14px;text-transform:uppercase}
.post-cat a{text-decoration:none;color:#f9f9f9}
.post-cat a:hover{text-decoration:underline}
.entry-date,.entry-author{font-size:15px;display:inline-block;padding:0 5px;margin-top:20px}
.ya-share-btns{text-align:center;margin-top:35px}
.share-title{color:#999;font-size:13px;margin-bottom:10px;display:block}
.tos-caption{display:none}
.tech-info{display:block;font-size:15px;color:#999;margin-top:20px}

/* 37 Оформление цитат */
blockquote{margin:10px 0 30px;padding:30px 40px;position:relative;border-left:5px solid #333}
blockquote p{margin:0;font-size:20px;line-height:1.4}
blockquote cite{font-family:'GolosTextWebRegular';font-weight:normal;font-size:14px;display:block;margin-top:25px; color: #999}
.wp-block-pullquote{padding:0;margin:20px 0 35px}
.wp-block-pullquote blockquote{background:0;padding:20px 0;margin:0;border-top:15px solid #f4f4f4;border-bottom:15px solid #f4f4f4;border-left:0}
.wp-block-pullquote blockquote:after{display:none}
.wp-block-pullquote p{margin:0;line-height:1.4;font-size:20px}

/* 38 Списки сайта, маркированый, нумерованый */
.post-content ul li,.widget ul li,.offer-content ul li, .custom-content-wrapper ul li{position:relative;padding:0;margin-bottom:10px;list-style-type:square;list-style-position:inside}
.post-content ul li ul,.widget ul li ul,.offer-content ul li ul, .custom-content-wrapper ul li ul{margin:15px 0 15px 20px}
.post-content ul li ul li ul,.widget ul li ul li ul,.offer-content ul li ul li ul, .custom-content-wrapper ul li ul li ul{margin:10px 0 14px 20px}
.widget ul li:last-child,.offer-content ul i:last-child{margin-bottom:0}
.post-content ul,.offer-content ul,.post-content ol, .custom-content-wrapper ul{margin:15px 0 25px 30px}
ol{list-style:decimal;list-style-position:inside;margin:25px 0 25px 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}

/* 39 Список комментариев */
.comments-box{margin-top:15px;padding-top:50px;border-top:1px solid #e7e7e7; float: left}
.comment-respond{margin:0 0 25px}
ol.commentlist{margin:0 0 30px}
.gp-comment-form{background:rgba(222,236,255,.2);padding:35px;border-radius:20px;margin-bottom:50px}
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none}
ol.commentlist li{margin-top:25px;list-style-type:none;position:relative}
ol.commentlist li .comment-author .fn{font-size:15px;position:relative;text-transform:uppercase}
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:#aeaeb2}
ol.commentlist li div.comment-meta{margin:0 0 10px 0}
ol.commentlist li div.comment-meta a{text-decoration:none;color:#aeaeb2}
.comment-note{font-size:14px;display:block}
.comment-notes{padding:6px 0;margin:0}
ol.commentlist li p{padding:15px 0 17px 0;margin:0}
ol.commentlist li .reply{display:inline-block;font-size:13px;line-height:1;cursor:pointer;text-decoration:none;transition:all .3s ease-in-out;border:1px solid #eeeeef;padding:8px 10px;position:absolute;top:-3px;right:0;color:#999;border-radius:5px}
ol.commentlist li .reply:hover {background: #e6739f; border-color:#e6739f; color: #fff}
ol.children{margin:0;padding:0}
ol.children li{margin:30px 0 20px 25px;padding:0;position:relative}
#comment{margin-bottom:30px}
.comment-title{margin:0 0 30px;display:block;text-transform:uppercase;letter-spacing:1px;font-size:20px;text-align:center}
.comment-reply-title{margin-top:30px}
.top-text .vcard{display:inline-block;margin-bottom:40px}
a#cancel-comment-reply-link{display:block;font-size:12px;margin-top:15px}
.comments-box .says {display:none}
.comments-box .navigation{width:100%;margin:40px 0 40px;text-align:center;border-top:1px solid #eeeeef;border-bottom:1px solid #eeeeef;padding:20px 0}
.comments-box .navigation .nav-previous{width:50%;float:left;text-align:left;position:relative}
.comments-box .navigation .nav-previous a{padding-left:42px}
.comments-box .navigation .nav-next{width:50%;float:right;text-align:right}
.comments-box .navigation .nav-next a{padding-right:42px}
.comments-box .navigation a{color:#999;text-decoration:none;position:relative}
.comments-box .navigation a:hover{text-decoration:underline}


/* 40 Форма отправки комментариев */
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{font-family:inherit;font-size:18px;width:100%;padding:10px;margin-bottom:10px;border:1px solid #deecff;color:#333}
#commentform textarea{font-family:inherit;height:200px;width:100%;border:1px solid #deecff;padding:10px;font-size:18px;line-height:24px;display:block;color:#333;float:left;position:relative;z-index:2}
.comment-form input[type="submit"]{width:200px;display:block;font-size:18px;text-transform:uppercase;letter-spacing:.5px;text-align:center;text-decoration:none;border:0;cursor:pointer;padding:15px 0;margin:10px auto;box-shadow:0 22px 30px 0 rgba(15,8,49,0.1);transition:all .3s ease-in-out;color:#fff}
.comment-form input[type="submit"]:hover{transform:translate(0,5px);box-shadow:0 12px 20px 0 rgba(15,8,49,0.1)}
p.comment-form-author,p.comment-form-email,p.comment-form-url{width:48%;float:left;margin-left:4%;display:block}
.comment-form label{font-size:15px;color:#aeaeb2;margin-bottom:12px}
#commentform input:focus,#commentform textarea:focus{background:#fff;box-shadow:0 0 4px rgba(102,203,245,0.9)}
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:48%;float:left;margin-left:4%}
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}
#comments-checkbox{display:block;float:left;margin:6px 10px 35px 5px}
.gp-comment-form .gp-wpcf7-note{color:#aeaeb2;text-align:left;font-size:14px;margin-top:30px}
.gp-comment-form .gp-wpcf7-note a{color:#aeaeb2}
.gp-comment-form .gp-wpcf7-note a:hover{color:#333}
.logged-in-as a,.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags{font-size:15px;margin-bottom:20px;color:#aeaeb2;text-align:center}
.no-comments{color:#aeaeb2;font-weight:700;padding-top:1.6em}
.comment-navigation+.no-comments{border-top:0}
.required,a#cancel-comment-reply-link{color:red}
#wp-comment-cookies-consent{margin-right:10px}

/* 41 Сайдбар и виджеты */
.sidebar{margin-top:20px;text-align:center}
.widget{float:left; width:100%;margin-bottom:50px;padding-top:40px;border-top:1px solid #e7e7e7}
.widget-title{display:block;font-size:17px;line-height: 1.5; margin-bottom:27px;position:relative;text-transform:uppercase;letter-spacing: 0.5px}
.widget a{text-decoration:underline}
.widget a:hover{text-decoration:underline}
.widget p a,.widget p a:hover{text-decoration:underline}
.widget:first-child{border:0; padding-top: 0}
.widget:last-child{margin-bottom: 50px}
.widget .screen-reader-text{display:none}
.widget ul{margin:0}
.widget p{text-align:left}
.wp-calendar-table{margin:0 auto;float:none;display:block;max-width:400px}

.widget .tagcloud{width:100%;padding-top:20px;text-align:center}
.widget .tagcloud a{line-height:15px;font-size:15px!important;text-decoration:none; display: inline-block; margin:0 5px 12px;padding:10px 12px;border:1px solid #e6e6e6;color:#999}
.widget .tagcloud a:hover{text-decoration:none; background: #e6739f; border-color:#e6739f; color: #fff}

/* 42 Виджет поиска */
.widget_search #search-form{display:flex;flex-flow:row wrap;justify-content:space-around; max-width: 400px; margin: auto}
.widget_search input[type="search"]{-webkit-backface-visibility:hidden;background:#fff;border:solid 1px #e7e7e7;outline:0;padding:16px 10px;-webkit-appearance:none;outline-offset:0;border-radius:0;font-size:18px}.widget_search input[type="submit"]{padding:16px 20px;text-align:center;line-height:1;font-size:15px;cursor:pointer;border:0;font-weight:normal;transition:.3s ease;font-family:inherit;-webkit-appearance:none;box-shadow:none;color:#fff;text-transform:uppercase}input[type="search"]:focus{border-color:#0073aa;outline:thin solid rgba(0,115,170,0.15)}
.widget_search input[type="submit"]:hover{transform:translate(0,5px);box-shadow:0 12px 20px 0 rgba(15,8,49,0.1)}

/* 43 Чистая страница */
.blank-page-wrap{width:100%;max-width:1920px;margin:0 auto;background-color:#fff}
.blank-page-port{max-width:1024px;margin:0 auto}

/* 45 Адаптивность, стили для отображения на мобильных устройствах */
@media only screen and (max-width:1800px){.about-wrapper{padding:70px 0 70px 200px}
.contact-wave{top:-240px}
}@media only screen and (max-width:1620px){.wave-bottom2{bottom:-200px}
.about-wrapper{padding:50px 0 50px 150px}
.about-title{font-size:32px}
.contact-wave{top:-200px}
.diagonal-blok{top:200px}
.contact-wave-reverse{bottom:-280px}
}@media only screen and (max-width:1400px){.header-caption h1{font-size:70px}
}@media only screen and (max-width:1300px){.port{padding-left:30px;padding-right:30px}
.header-caption{transform:translate(-8%,0)}
.header-caption h1{font-size:66px}
.poster-icons{right:-16%}
.contact-wave{top:-150px}
.gp-gallery-wrapper{margin:50px auto 0}
.diagonal-blok{top:230px}
.single-offer h1,.post_type_header h1,.blog-page h1,h1.post-title{font-size:40px}
.offer-short-desc{font-size:18px}
.contact-wave-reverse{bottom:-250px}
.open-modal {top:30px}
.modal-offer{width:60%;left:20%;right:20%}
}@media only screen and (max-width:1120px){header{height:75px}
.hamburger{padding:15px 15px;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;overflow:visible}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}
.hamburger-box{width:30px;height:34px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:4px;background-color:#1f4068;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}
.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}
.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}
.hamburger{display:inline-block;position:absolute;top:10px;left:50%;margin-left:-30px;z-index:999;width:60px}
#front_page .hamburger-inner,#front_page .hamburger-inner::before,#front_page .hamburger-inner::after{background-color:#fff}
.mob-nav-bg{position:absolute;top:-1000px;left:0;bottom:0;right:0;background:rgba(34,31,59,.99);z-index:-1;transition:all .2s ease-in-out;opacity:0}
.mob-nav{position:absolute;top:0;left:-2000px;bottom:0;right:0;z-index:-1;transition:all .4s ease-in-out;opacity:0}
.show-nav{top:0;left:0;opacity:1;z-index:500}
.mob-nav nav{width:100%;max-width:500px;padding:40px 50px 0}
ul.top-menu{flex-flow:column wrap}
ul.top-menu li a{color:#fff;text-decoration:none}
ul.top-menu li a:hover,#front_page ul.top-menu li a:hover{color:#ff6363}
ul.top-menu li{text-align:center!important;padding:30px 0;font-size:26px;text-transform:none;border-bottom:1px solid rgba(255,255,255,0.2)}
ul.top-menu li:last-child{border:0}
.header-caption{transform:none;text-align:center;padding-top:0;margin-top:20%}
.header-caption span{font-size:20px;margin-bottom:40px}
.header-action span{font-size:15px}
.header-action span a{font-size:20px}
a.header-btn{margin:0 auto 30px;display:table}
.poster-icons{position:relative;top:0;bottom:0;left:0;right:0;width:100%;text-align:center}
.transparent-icons li{display:inline-block;margin:0 10px}
a.gp-arrow-down{left:50%;bottom:45px}
.wave-bottom2{bottom:-150px}
.motivate-title{font-size:24px}
.about-wrapper{padding:20px 30px 50px 30px}
.about-title{font-size:40px;text-align:center}
.about-text,.about-img{width:100%}
.contact-wave-reverse{bottom:-220px}
.home-contact {padding: 100px 0 50px;margin-bottom: 100px}
}@media only screen and (max-width:1024px){.port{padding-left:20px;padding-right:20px}
.post_type_header,.blog-page, .singular-offer{padding: 50px 20px}
body{font-size:16px}
#front_page{height:800px}
.header-caption{max-width:700px}
.header-caption h1{font-size:54px}
.header-action span{font-size:14px}
.header-action span a{font-size:18px}
a.gp-arrow-down{display:none}
.motivate-wrapper{flex-flow:column wrap}
.motivate-item{margin-bottom:45px}
.motivate-item:last-child{margin-bottom:0}
.motivate-title{font-size:30px}
.about-text:after,.figure2{display:none}
.gp-gallery-item{flex-basis:30.333%}
.gp-gallery .first--item{flex-basis:64%}
.gp-gallery .last--item{flex-basis:64%}
.gp-gallery-item .figcaption{padding:22px;transform:scale(1);opacity:1; font-size: 15px}
.gp-gallery-wrapper{padding:0}
.gp-gallery-item .inside-img {-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);transform: translateX(-50%) translateY(-50%) scale(0.8)}
.product-item{flex-basis:45%}
.gp_action-form,.gp-contact-form{max-width:600px}
.wpcf7-form-control-wrap{width:100%; margin-right: 0; margin-bottom: 20px}
.wpcf7-not-valid-tip {margin-bottom: 0}
.block-title{font-size:34px}
.benefits{padding:30px 0 45px}
.benefits-item{flex-basis:48%;margin-bottom:40px}
.benefits-item:nth-of-type(3),.benefits-item:nth-of-type(4){margin-bottom:0}
.contact-wave{top:-130px}
.benefits-item span{font-size:40px}
.block-title:before{font-size:40px}
.feedback-item>p:first-child:first-letter {padding:18px 15px;line-height:1}
.avails:before{left:20px}
.avails-wrapper:before{bottom:-200px;left:50%;margin-left:-100px;opacity:.7}
.single-offer h1,.post_type_header h1,.blog-page h1,h1.post-title{font-size:38px}
.offer-short-desc{font-size:17px}
.blob2{  width:800px;height:400px;}
.contact-wave-reverse{bottom:-180px}
}@media only screen and (max-width:900px){.feedback-wrapper{flex-flow:column wrap}
.contact-wave{top:-110px}
.contact-items p{flex-basis:46%}
.legend{margin-top:30px}
.archive-desc{font-size:18px}
.avail-item{font-size:18px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {font-size: 14px !important}
#modal-form .wpcf7 input {font-size: 16px}
#modal-form input[type="submit"] {font-size: 13px; padding: 17px 0}
.modal-header{font-size: 22px}
.modal-offer::-webkit-scrollbar{width:8px}
}@media only screen and (max-width:800px){.gp-gallery-item{flex-basis:46%}
.gp-gallery .first--item{flex-basis:96%}
.gp-gallery .last--item{flex-basis:96%}
.contact-items{flex-flow:column wrap}
.contact-items p{margin-bottom:40px}
.contact-items p:last-child{margin-bottom:0}
.gp-gallery:before{top:200px}
.products{padding-top:100px}
.gp_action{margin-bottom:50px}
.wave-bottom2{bottom:-100px}
.single-offer h1,.post_type_header h1,.blog-page h1,h1.post-title{font-size:34px}
.blog-page{margin-bottom:25px}
.nav-box span.post-title{font-size:14px}
.home-contact {margin-top: 50px}
.contact-wave-reverse{bottom:-160px}
}@media only screen and (max-width:700px){.products-wrapper{margin-bottom:0}
.product-item{flex-basis:90%}
.feedback-item{padding:40px 30px 30px 30px}
.gp_action-form,.gp-contact-form{max-width:480px}
.products{padding-top:80px}
.wave-bottom2{bottom:-80px}
ul.foot-nav{flex-flow:column wrap}
ul.foot-nav li{padding:5px 0;text-align:center!important;font-size:13px}
h2.post-title{font-size:22px}
a.more-link{width:140px;font-size:15px;margin-left:-70px}
.nav-box span.post-title{font-size:14px; display:inline-block}
p.comment-form-author,p.comment-form-email,p.comment-form-url,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%;margin-left:0;margin-bottom:25px}
.blob2{left: -100px}
.contact-wave{top:-90px}
.contact-wave-reverse{bottom:-130px}
.modal-offer{width:90%;left:5%;right:5%}
}@media only screen and (max-width:600px){ul.top-menu li{padding:25px 0;font-size:22px}
.header-caption{position:relative;max-width:100%;left:0;top:0;text-align:center;float:left;padding:100px 30px 20px}
.header-caption h1{font-size:44px}
.header-caption span{font-size:18px;margin-bottom:40px}
a.header-btn{display:block;max-width:190px;padding:16px 0;margin:0 auto 25px}
.poster-icons{position:relative;top:0;right:0;width:100%;text-align:center}
.transparent-icons li{display:inline-block;margin:0 10px;width:40px;height:40px}
a.gp-arrow-down{bottom:50px;left:50%;margin-left:-25px;width:40px;height:40px}
.header-action,.header-action span{font-size:14px}
.header-action span a{font-size:18px}
.gp-arrow-down:before{line-height:40px}
.feedback-item>p:first-child:first-letter {padding:12px 15px}
.benefits-wrapper{flex-flow:column wrap}
.benefits-item{width:100%;margin-bottom:30px}
.benefits-item:nth-of-type(3){margin-bottom:30px}
.benefits-item span{font-size:30px}
.wave-bottom1{bottom:-130px;left:0}
.products{padding:120px 0 120px}
.about-text:after{display:none}
.gp-gallery-item{flex-basis:90%;height:380px}
.gp-gallery .first--item{flex-basis:90%}
.gp-gallery .last--item{flex-basis:90%}
.contact-wave{top:-80px}
.single-offer h1,.post_type_header h1,.blog-page h1,h1.post-title{font-size:30px}
.offer-short-desc{font-size:16px}
.gp-price-option{font-size:16px}
.gp-price-option span{font-size:20px;line-height:1}
.offer-form-title{font-size:20px;line-height:1}
ul.feat-cats li{font-size:15px; margin: 0 10px 10px}
ol.commentlist li .comment-author .fn{font-size:13px}
.gp-comment-form{padding:20px 10px}
ol.commentlist li,ol.commentlist li p{font-size:16px}
.comment-title{letter-spacing:0;font-size:19px;line-height:1.3}
ol.children li,ol.children li p{font-size:14px}
ol.children li{margin:30px 0 20px 15px}
ol.commentlist li .avatar{margin:0 15px 0 0}
ol.commentlist li .reply{position:relative;top:0}
.backtop{bottom:20px;right:20px}
.gp_action em, .gp-contact-form em {font-size: 12px}
.home-contact {margin-bottom: 50px}
.footer-info {margin-top: 25px}
}@media only screen and (max-width:550px){.port{padding-left:10px;padding-right:10px}
.post_type_header, .blog-page,.singular-offer {padding: 40px 10px}
.header-caption{padding:80px 20px 20px}
.header-action{margin-bottom:40px}
.gp_action-form,.gp-contact-form{max-width:380px}
.gp-gallery-item{flex-basis:90%;height:300px}
.feedback-item{padding:30px 30px 60px 30px; font-size: 15px}
.feedback-item .icon{left:30px;font-size:14px}
.contact-wave{top:-65px}
.contact-items p{font-size:30px}
.gp-gallery{padding-bottom:120px}
.footer-info{font-size:11px}
.single-offer h1,.post_type_header h1,.blog-page h1{font-size:28px}
h1.post-title{font-size:26px}
.offer-short-desc{font-size:15px}
.post-cat{font-size:11px}
.entry-date,.entry-author{font-size:13px}
.nav-box-next{width:100%}
.nav-box-prev{width:100%;margin-right:0;margin-bottom:30px}
.nav-box span.post-title{font-size:18px; text-align:left!important}
.nav-box em{text-align:left!important}
.archive-desc{font-size:16px}
.avail-item{font-size:16px;padding:20px 30px}
.blob2{left: -200px}
.home-contact {margin-top: 50px}
.contact-wave-reverse{bottom:-100px}
.offer-top-wave {top:-20px}
.offer-form-title {margin-bottom: 50px}
.call-action{max-width: 400px;margin-left:-200px}
.call-caption p, .call-caption ul, .call-caption ol {padding: 0 20px}
#footer-icons li{width:40px;height:40px;margin:0 6px} 
body.modal-open{padding-right: 0}
}@media only screen and (max-width:450px){.contact-wave-reverse{bottom:-90px}
.gp-contact-form{padding: 20px; border:5px solid #f9f9f9}
.modal-offer {font-size: 14px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {font-size: 12px !important}
.modal-offer{width:96%;left:2%;right:2%}
#modal-form .wpcf7 input {font-size: 15px}
#modal-form input[type="submit"] {font-size: 12px; padding: 17px 0}
.modal-header{font-size: 20px; padding: 18px 77px 18px 10px}
.modal-offer-wrapper p {padding: 0 15px}
#modal-form {padding: 28px 10px}
#modal-form em {font-size: 11px}
.modal-offer-wrapper .gp-price-option, .modal-offer-wrapper .gp-price-option span {font-size: 16px}
.products p {font-size: 15px}
p.gp-homepage-price {font-size: 18px}
}@media only screen and (max-width:414px){body{font-size:15px}
#front_page{height:655px}
ul.top-menu li{font-size:18px; padding: 16px 0}
.header-caption{padding:50px 20px 20px}
.header-caption h1{font-size:30px}
.header-caption span{font-size:16px;margin-bottom:30px}
.header-action span{font-size:14px}
.header-action span a{font-size:18px}
a.header-btn{display:block;max-width:170px;padding:16px 0;margin:0 auto 25px;font-size:14px}
.transparent-icons li,.color-icons li{width:34px;height:34px;margin:0 5px}
.gp_action{padding:50px 0 30px}
.block-title{font-size:28px;padding:0 15px}
.gp_action-form,.gp-contact-form{max-width:350px}
.wave-bottom2{bottom:-70px}
h2.post-title{font-size:24px;margin-top:20px}
.blog-caption{background:0;padding:0;width:100%;position:relative;bottom:0;left:0;z-index:10}
a.more-link{width:130px;font-size:14px;padding:8px 0;margin-left:-65px;bottom:-20px}
.pagination a.page-numbers{font-size:14px}
.pagination a.page-numbers,.pagination .dots{display:none}
.pagination .page-numbers.current,.pagination .next,.pagination .prev{display:inline-block!important}
.archive-desc{font-size:14px}
.blog-post{margin-bottom:70px;padding-bottom:40px}
.contact-wave{top:-55px}
.widget_search #search-form {flex-flow: column wrap; padding: 0 10px}
.widget_search input[type="search"] {margin-bottom: 15px}
blockquote p {font-size: 17px}
.comment-form input[type="submit"] {font-size: 15px}
.call-action{max-width: 350px;margin-left:-175px}
.call-action p {font-size: 14px}
.close-popup{ width: 40px;  height: 40px; right: 18px} 
.close-popup:before{line-height: 35px; font-size: 28px}
}@media only screen and (max-width:375px){.contact-items p{font-size:28px}
.gp_action-form,.gp-contact-form{max-width:300px}
.nav-box span.post-title{font-size:16px}
.contact-wave{top:-45px}
.contact-wave-reverse{bottom:-70px}
.call-action{max-width: 340px;margin-left:-170px}
.modal-offer {height:547px}}