/*
Theme Name: Immigration-Slovenia
Details URI: https://immigration-slovenia.ru/
Theme URI: https://immigration-slovenia.ru/
Author: Immigration-Slovenia
Author URI: https://immigration-slovenia.ru/
Description: Портал по иммиграции в Словению.
Version: 8.8.8
License: GNU General Public License v2 or later
Text Domain: gpress
*/

 /*Очистка стилей и дополнительные селекторы*/
 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: 900
 }

 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
 }

 input:focus {
   outline: 0
 }

 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 {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   display: block;
   width: fit-content;
   width: 100%;
   margin: 30px 0 35px
 }

 table th {
   text-align: left;
   padding: 15px 14px;
   font-weight: 900;
   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: #7f78d2
 }

 table::-webkit-scrollbar {
   height: 10px;
   background: #eee
 }

 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
 }

 .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: #222
 }

 ::-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;
   hyphens: auto
 }

 button {
   -webkit-appearance: none;
   border: 0;
   background: transparent;
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   cursor: pointer
 }

 a.gpress {
   text-decoration: none
 }

 /*Шрифт темы*/
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-display: block;
   font-weight: 400;
   src: local('Roboto'), local('Roboto-Regular'), url('files/back/fonts/roboto/roboto-v20-cyrillic_latin-regular.woff2') format('woff2'), url('files/back/fonts/roboto/roboto-v20-cyrillic_latin-regular.woff') format('woff')
 }

 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-display: block;
   font-weight: 900;
   src: local('Roboto Black'), local('Roboto-Black'), url('files/back/fonts/roboto/roboto-v20-cyrillic_latin-900.woff2') format('woff2'), url('files/back/fonts/roboto/roboto-v20-cyrillic_latin-900.woff') format('woff')
 }

 /*Админ бар*/
 #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
 }

 /*Lazy Load*/
 .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
 }

 /*Основные контейнеры*/
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
 }

 body {
   font-weight: 400;
   word-wrap: break-word;
   font-family: 'Roboto', sans-serif;
   font-size: 17px;
   line-height: 1.6
 }

 .wrap {
   width: 100%;
   max-width: 1280px;
   margin: 0 auto;
   background: #fff
 }

 .port {
   width: 100%;
   padding: 0 70px;
   position: relative
 }

 main {
   margin-top: 50px
 }

 /*Ссылки*/
 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
 }

 /*Заголовки*/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-weight: 900
 }

 .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: 10px
 }

 h1 {
   font-size: 26px
 }

 h2 {
   font-size: 24px
 }

 h3 {
   font-size: 22px
 }

 h4 {
   font-size: 20px
 }

 h5 {
   font-size: 19px
 }

 h6 {
   font-size: 18px
 }

 /*Шапка и заголовок сайта / лого */
 header {
   width: 100%;
   position: relative;
   padding: 0 60px
 }

 .site-title {
   padding-left: 40px;
   float: left;
   width: 40%;
   height: 70px
 }

 .site-title h1,
 .site-title span {
   font-size: 22px;
   font-weight: 900;
   display: block;
   text-transform: uppercase;
   letter-spacing: .7px;
   line-height: 74px
 }

 .site-title h1 a,
 .site-title span a {
   text-decoration: none
 }

 .logo-title a {
   display: block;
   text-indent: -9999px
 }

 /*Иконки соц. сетей в шапке*/
 ul.gp-social-icons {
   list-style: none;
   display: block;
   float: right;
   width: 60%;
   text-align: right;
   margin-top: 17px;
   position: relative
 }

 ul.gp-social-icons li {
   width: 32px;
   height: 32px;
   padding: 0;
   display: inline-block;
   margin-left: 15px;
   border-radius: 50%;
   transition: all .5s ease
 }

 ul.gp-social-icons li:first-child {
   margin-right: 0
 }

 ul.gp-social-icons li a {
   width: 100%;
   height: 100%;
   display: block;
   transition: all .3s linear;
   text-indent: -9999px
 }

 ul.gp-social-icons li a:hover {
   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
 }

 /*Кнопки в шапке для меню и поиска*/
 .gp-open-nav {
   position: absolute;
   top: 0;
   left: 0;
   width: 70px;
   height: 70px;
   text-decoration: none;
   text-align: center
 }

 .gp-open-nav:before {
   font-family: dashicons;
   content: "\f349";
   font-size: 22px;
   line-height: 70px
 }

 .gp-mob-menu-hover:before {
   font-family: dashicons;
   content: "\f335";
   font-size: 39px;
   line-height: 70px
 }

 .toggle-search {
   position: absolute;
   top: 0;
   right: 0;
   width: 70px;
   height: 70px;
   text-align: center;
   line-height: 70px
 }

 .toggle-search:before {
   font-family: dashicons;
   content: "\f179";
   font-size: 24px;
 }

 .gp-search-hover:before {
   font-family: dashicons;
   content: "\f335";
   font-size: 39px;
   line-height: 70px
 }

 .toggle-social {
   position: absolute;
   top: 0;
   width: 70px;
   height: 70px;
   text-decoration: none;
   text-align: center;
   display: none
 }

 .toggle-social:before {
   font-family: dashicons;
   content: "\f237";
   font-size: 22px;
   line-height: 70px
 }

 .gp-social-hover:before {
   font-family: dashicons;
   content: "\f335";
   font-size: 39px;
   line-height: 70px
 }

 /*Блок с меню и виджетами в шапке*/
 .gp-mob-menu {
   width: 100%;
   height: 0;
   display: none;
   transition: all .5s ease-in-out;
   position: relative;
   z-index: 100;
 }

 .gp-flex-wrapper {
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   display: flex;
   flex-wrap: wrap
     /*двойной display тут необходимость и ОК*/
 }

 .nav-panel {
   float: left;
   width: 50%
 }

 .gp-mob-menu-open {
   height: auto;
   display: block
 }

 .menunav {
   transition: all .3s ease
 }

 .menunav li {
   display: block;
   font-size: 17px
 }

 .menunav li a {
   display: block;
   padding: 7px 0;
   text-decoration: none
 }

 .menunav li a:hover {
   text-decoration: underline
 }

 .mob-menu-left {
   float: left;
   width: 42%;
   padding: 30px 30px 30px 50px;
 }

 .mob-menu-cent {
   float: left;
   width: 29%;
   padding: 30px
 }

 .mob-menu-right {
   float: left;
   width: 29%;
   padding: 30px 50px 30px 30px;
   font-size: 12px
 }

 .menu-title {
   display: block;
   font-size: 18px;
   font-weight: 900;
   padding-bottom: 15px;
   margin-bottom: 25px;
   position: relative;
   border-width: 0 0 1px 0;
   border-style: solid;
   border-color: #fff
 }

 .gp-flex-wrapper .widget p {
   font-size: 17px
 }

 .mob-menu-cent .widget-title:before,
 .mob-menu-right .widget-title:before {
   background: none
 }

 .mob-menu-cent .widget-title,
 .mob-menu-right .widget-title {
   border-color: #ccc
 }

 /*Слайдер и постер на Главной*/
 .gp-home-slider {
   width: 100%;
   border-width: 0 70px 0 0;
   border-style: solid;
   margin-bottom: 55px;
   position: relative
 }

 .gp-home-slider-item:before,
 .poster:before {
   content: '';
   display: block;
   width: auto;
   z-index: 1;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.4)
 }

 .slider-caption,
 .poster-caption {
   position: absolute;
   left: 70px;
   bottom: 70px;
   max-width: 700px;
   z-index: 1
 }

 .slider-title,
 .poster-title {
   display: block;
   font-size: 40px;
   font-weight: 900;
   line-height: 1.2
 }

 .poster {
   width: 100%;
   height: 640px;
   margin-bottom: 55px;
   position: relative
 }

 /*Блок поиск по сайту в шапке*/
 .gp-search-modal {
   width: 100%;
   position: absolute;
   top: 70px;
   left: 0;
   z-index: 100;
   transition: .5s ease;
   height: 0;
   display: none
 }

 .gp-search-open {
   height: auto;
   padding: 50px 80px;
   display: block
 }

 .search-container .s {
   width: 82%;
   padding: 12px 0;
   margin-right: 2%;
   background: 0;
   border: 0;
   font-size: 20px;
   letter-spacing: .5px;
   border-width: 0 0 2px 0;
   border-style: solid;
   font-family: inherit
 }

 .search-container .searchSubmit {
   width: 16%;
   padding: 12px 18px;
   margin: 0;
   font-size: 18px;
   letter-spacing: .5px;
   cursor: pointer;
   font-weight: 400;
   transition: .3s ease;
   background: 0;
   font-family: inherit;
   -webkit-appearance: none;
   box-shadow: none;
   border-radius: 25px;
   border-width: 2px;
   border-style: solid
 }

 .search-container .s:focus {
   outline: 0
 }

 .gp-search-modal form {
   margin-bottom: 25px
 }

 .gp-search-modal p {
   font-size: 15px
 }

 .gp-search-modal span {
   border-width: 0 0 1px 0;
   border-style: dashed;
   cursor: pointer
 }

 /*Маркированные списки*/
 .post-content ul li,
 .widget ul li,
 .home-custom-wrap ul li,
 .gp-custom-content ul li {
   position: relative;
   padding: 0;
   margin-bottom: 10px;
   list-style-type: disc;
   list-style-position: inside
 }

 .post-content ul li ul,
 .widget ul li ul,
 .home-custom-wrap ul li ul,
 .gp-custom-content ul li ul {
   margin: 15px 0 15px 20px
 }

 .post-content ul li ul li ul,
 .widget ul li ul li ul,
 .home-custom-wrap ul li ul li ul,
 .gp-custom-content ul li ul li ul {
   margin: 10px 0 14px 20px
 }

 ul li:last-child {
   margin-bottom: 0
 }

 .post-content ul,
 .post-content ol {
   margin: 15px 0 25px 0
 }

 /*Нумерованные списки*/
 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
 }

 /*Основная колонка и сайдбар*/
 .main-col {
   width: 69%
 }

 .main-col-fullwidth {
   float: left;
   width: 100%
 }

 .sidebar {
   float: left;
   width: 27%
 }

 /*Оформление записей на главной и в архивах*/
 .post-wrapper {
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   display: flex;
   flex-wrap: wrap
     /*двойной display тут необходимость и ОК*/
 }

 .single .post-wrapper {
   padding: 30px 0
 }

 /*Записи - вариант 1*/
 .homepage-post {
   float: left;
   width: 48%;
   margin-right: 4%;
   margin-bottom: 35px;
   font-size: 16px;
   transition: all .4s ease
 }

 .homepage-post:nth-of-type(2n) {
   margin-right: 0
 }

 .post-caption {
   padding: 25px 30px
 }

 .homepage-post h2.post-title {
   font-weight: 900;
   font-size: 20px;
   line-height: 1.25
 }

 .homepage-post h2.post-title a {
   text-decoration: none
 }

 .homepage-post h2.post-title a:hover {
   text-decoration: underline
 }

 .homepage-post .post-info {
   margin-bottom: 10px
 }

 .homepage-post .post-info a {
   text-decoration: none
 }

 .homepage-post .post-info a:hover {
   text-decoration: underline
 }

 /*Записи - вариант 2*/
 .entry-thumb2 {
   float: left;
   margin: 0 30px 0 0
 }

 .standart-post {
   float: left;
   width: 100%;
   margin: 0 0 30px;
   transition: all .4s ease
 }

 .standart-post p {
   margin-bottom: 15px
 }

 .standart-post h2.post-title {
   font-weight: 900;
   font-size: 24px;
   line-height: 1.25;
   margin: 0 0 20px 0
 }

 .standart-post h2.post-title a {
   text-decoration: none
 }

 .standart-post h2.post-title a:hover {
   text-decoration: underline
 }

 a.read-more {
   display: block;
   text-decoration: underline;
   font-size: 14px;
   letter-spacing: 1px
 }

 a.read-more:hover {
   text-decoration: underline
 }

 /*Записи - вариант 3 и 4*/
 .image-wrap {
   position: relative;
   margin-bottom: 20px
 }

 .caption-post {
   margin-bottom: 50px
 }

 .title-caption {
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 30px 25px 0 0;
   width: 66%;
   background: #fff
 }

 .title-caption h2.post-title {
   margin-bottom: 0;
   font-size: 27px;
   line-height: 1.25
 }

 .title-caption .post-info {
   margin-bottom: 0
 }

 .full-post {
   border-bottom: 1px solid #e6e6e6;
   padding-bottom: 30px
 }

 .full-post h2.post-title {
   font-size: 28px;
   line-height: 1.25
 }

 .full-post a.read-more {
   display: inline-block;
   text-decoration: none;
   font-size: 14px;
   letter-spacing: 1px;
   padding: 8px 20px;
   margin-top: 10px
 }

 /*Информация о записи в анонсах*/
 .standart-post .post-info {
   color: #999;
   margin-bottom: 20px;
   padding-top: 15px
 }

 .standart-post .post-info a {
   color: #999;
   text-decoration: none
 }

 .standart-post .post-info a:hover {
   text-decoration: underline
 }

 .title-caption .post-info {
   margin-bottom: 0
 }

 /* Произвольный контент */
 .gp-custom-content {
   margin-bottom: 40px
 }

 /*Баннеры*/
 .gp-banner {
   width: 100%;
   max-width: 900px;
   margin-bottom: 35px
 }

 .gp-banner.last-banner {
   margin: 0
 }

 .main-col-fullwidth .gp-banner {
   max-width: 900px;
   margin: 0 auto 35px
 }

 .main-col-fullwidth .gp-banner.last-banner {
   max-width: 900px;
   margin: 35px 0 0 0
 }

 .inbetween {
   margin: 5px 0 35px 0
 }

 /*Оформлениее элементов записей */
 .post-info {
   color: #fff;
   font-size: 10px;
   margin-bottom: 30px;
   position: relative;
   text-transform: uppercase;
   letter-spacing: .3px
 }

 .post-header .tech-info {
   display: block;
   margin-bottom: 0;
   font-size: 11px;
   color: #999;
   text-transform: uppercase;
   letter-spacing: .5px;
   padding: 15px 0 10px
 }

 h1.post-title {
   font-size: 38px;
   line-height: 1.1;
   margin-bottom: 10px;
   padding-right: 40px
 }

 .twitter-tweet-rendered {
   margin: 30px 0 !important
 }

 .twitter-tweet {
   margin: 0 auto 30px !important;
   float: none
 }

 .wp-block-gallery {
   margin: 20px 0
 }

 .wp-block-cover {
   margin-bottom: 30px
 }

 .ya-share-btns {
   margin-bottom: 40px
 }

 .main-col-fullwidth .ya-share-btns {
   margin: 0 auto 40px;
   float: none;
   text-align: center
 }

 .post-content {
   margin-bottom: 40px
 }

 /*Хлебные крошки*/
 .breadcrumbs {
   margin-bottom: 20px;
   position: relative;
   width: 100%;
   z-index: 1;
   font-size: 14px;
   color: #999
 }

 .breadcrumbs__separator .dashicons-arrow-right-alt {
   font-size: 9px !important;
   font-weight: 300;
   padding-top: 7px
 }

 .breadcrumbs a {
   color: #999;
   text-decoration: none
 }

 .breadcrumbs a:hover {
   text-decoration: underline
 }

 /*Цитата*/
 blockquote {
   padding: 20px 30px 20px 30px;
   letter-spacing: 0.5px;
   margin: 15px 0 25px;
   border-width: 0 0 0 10px;
   border-style: solid;
   background: rgba(247, 246, 251, 0.6)
 }

 blockquote p {
   margin: 0
 }

 /*Метки записи*/
 .gp-post-tags {
   display: block;
   color: #fff;
   margin-bottom: 15px;
   padding: 0
 }

 .gp-post-tags a {
   line-height: 13px;
   font-size: 13px;
   text-decoration: none;
   margin: 15px 9px 0 0;
   padding: 8px 8px;
   border: 1px solid #e4e4e4;
   color: #999;
   display: inline-block
 }

 .gp-post-tags a:hover {
   text-decoration: none
 }

 /*Стили для изображений и галерей*/
 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 {
   margin: 10px auto
 }

 .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
 }

 /*Навигация по блогу и записям  */
 nav.pagination {
   margin: 7px 0 10px;
   display: block;
   width: 100%
 }

 .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: 7px 15px;
   text-align: center;
   text-decoration: none;
   margin: 0
 }

 .pagination a.page-numbers {
   background: rgba(247, 246, 251, 1)
 }

 .pagination .page-numbers.current,
 .pagination .page-numbers:hover,
 .post-page-numbers:hover,
 .post-page-numbers.current {
   text-decoration: none
 }

 nav.pagination .dots:hover {
   background: none
 }

 .search-results nav.pagination {
   margin-top: 40px
 }

 /*Предыдущая / следующая записи*/
 .post-navigation {
   margin-bottom: 40px
 }

 .main-col-fullwidth .post-navigation {
   max-width: 900px;
   margin: 0 auto 40px
 }

 .nav-box-item-wrapper {
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   display: flex;
   flex-wrap: wrap
     /*двойной display тут необходимость и ОК*/
 }

 .nav-box-next {
   float: right;
   width: 48%
 }

 .nav-box-prev {
   float: left;
   width: 48%;
   margin-right: 4%
 }

 .nav-box-next,
 .nav-box-prev {
   background: rgba(247, 246, 251, 0.6)
 }

 .next-title,
 .prev-title {
   display: block;
   line-height: 1.35;
   font-size: 15px
 }

 .next-title a,
 .prev-title a {
   text-decoration: none
 }

 .next-title a:hover,
 .prev-title a:hover {
   text-decoration: underline
 }

 .next-desc,
 .prev-desc {
   font-size: 15px;
   margin-bottom: 20px;
   font-weight: 900
 }

 .nav-box-next img,
 .nav-box-prev img {
   float: left;
   margin: 0 25px 0 0
 }

 .nav-box-item-caption {
   padding: 25px
 }

 /*Похожие записи*/
 .main-col-fullwidth .gp-related-posts {
   max-width: 900px;
   margin: 0 auto 40px
 }

 .related-posts {
   float: left;
   width: 48%;
   margin-right: 4%;
   position: relative;
   max-width: 500px
 }

 .related-posts:last-child {
   margin-right: 0
 }

 .related-posts-img {
   max-width: 500px;
   height: 280px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover
 }

 .related-posts-inner {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 90%;
   z-index: 100;
   padding: 30px 30px 40px 40px;
   color: #fff !important
 }

 .related-posts-img:after {
   content: '';
   display: block;
   width: auto;
   height: 60%;
   z-index: 1;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
   transition: all .5s ease
 }

 .related-posts span {
   font-size: 14px;
   line-height: 1.2;
   font-weight: 400;
   color: #fff;
   display: block;
   margin-bottom: 12px
 }

 .related-posts span a {
   color: #fff;
   text-decoration: none
 }

 .related-posts span a:hover {
   color: #fff;
   text-decoration: underline
 }

 .related-posts h2.post-title {
   font-size: 19px;
   line-height: 1.3;
   margin: 0;
   font-weight: 400
 }

 .related-posts h2.post-title a {
   color: #fff;
   text-decoration: none
 }

 .related-posts h2.post-title a:hover {
   color: #fff;
   text-decoration: underline
 }

 /*Оформление виджетов*/
 .widget {
   margin-bottom: 50px
 }

 .widget-title {
   display: block;
   font-size: 16px;
   font-weight: 900;
   padding-bottom: 15px;
   margin-bottom: 25px;
   border-bottom: 1px solid #e6e6e6;
   position: relative
 }

 .widget-title:before {
   content: '';
   width: 60px;
   height: 1px;
   position: absolute;
   bottom: -1px;
   left: 0
 }

 .widget a {
   text-decoration: none
 }

 .widget a:hover {
   text-decoration: underline
 }

 .widget p a,
 .widget p a:hover {
   text-decoration: underline
 }

 .widget:last-child {
   margin-bottom: 0
 }

 .widget .screen-reader-text {
   display: none
 }

 .widget ul {
   margin: 0
 }

 /*Виджет об авторе*/
 .about-me-widget {
   width: 100%;
   position: relative;
   text-align: center;
   padding-top: 0 !important;
   overflow: hidden;
   background: rgba(247, 246, 251, 0.6);
   border: 1px solid rgba(247, 246, 251, 1)
 }

 .gp-about-me-img {
   width: 100%;
   max-width: 200px;
   display: inline-block;
   margin: 0 auto;
   position: relative;
   padding-top: 40px
 }

 .gp-about-me-img:before {
   content: "";
   position: absolute;
   left: -360px;
   right: -360px;
   bottom: 70px;
   top: 0
 }

 .gp-about-me-img img {
   border: 10px solid #fff;
   position: relative
 }

 .gp-about-me-name {
   font-size: 14px;
   margin: 20px 0 0;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   padding: 0 20px;
   font-weight: 900
 }

 .gp-about-me-text {
   padding: 10px 15px 20px;
   font-size: 16px;
   line-height: 1.45
 }

 /*Виджет с последними записями*/
 .gp-recent-posts-widget ul {
   margin: 0;
   padding-top: 0
 }

 .gp-recent-posts-widget ul li {
   float: left;
   width: 100%;
   margin-bottom: 30px;
   position: relative;
   list-style: none !important;
   padding: 0
 }

 .gp-recent-posts-widget ul li:last-child {
   border: 0;
   padding-bottom: 0;
   margin-bottom: 0
 }

 .gp-recent-posts-widget ul li a {
   text-decoration: none
 }

 .gp-recent-posts-widget ul li a:hover {
   text-decoration: underline
 }

 .gp-recent-posts-widget p {
   display: block;
   font-size: 17px;
   line-height: 1.35
 }

 .recent-thumb {
   float: left;
   margin: 0 20px 0 0
 }

 /*Виджет с избранной рубрикой*/
 .featured-cat-widget-post {
   margin-bottom: 25px;
   position: relative
 }

 .featured-cat-widget-post:last-child {
   border: 0;
   padding-bottom: 0;
   margin-bottom: 0
 }

 .featured-cat-widget-post:before {
   content: '';
   display: block;
   width: auto;
   height: 90%;
   z-index: 1;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.55) 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.55) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.55) 100%)
 }

 .featured-cat-widget-post h2 a {
   color: #fff;
   text-decoration: none
 }

 .featured-cat-widget-post h2 a:hover {
   text-decoration: underline
 }

 .featured-cat-widget-post h2 {
   font-weight: normal;
   font-size: 17px;
   line-height: 1.4
 }

 .featured-cat-widget-post:last-child {
   margin-bottom: 0
 }

 .item-caption {
   width: 80%;
   position: absolute;
   bottom: 20px;
   left: 25px;
   z-index: 1
 }

 /*Виджет комментариев*/
 .comment-author-link {
   font-weight: 900
 }

 #recentcomments a {
   text-decoration: none
 }

 #recentcomments a:hover {
   text-decoration: underline
 }

 #recentcomments li {
   margin-bottom: 14px
 }

 /*Виджет рубрик*/
 .widget_categories ul li {
   margin-bottom: 15px;
   padding-bottom: 12px;
   border-bottom: 1px dashed #e9e9e9;
   font-size: 15px;
   position: relative;
   padding-right: 45px
 }

 .widget_categories ul li:last-child {
   border: 0;
   padding-bottom: 0;
   margin-bottom: 0
 }

 .widget_categories ul li span {
   display: inline-block;
   font-size: 13px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #fff;
   border-radius: 50%;
   text-align: center;
   position: absolute;
   top: -5px;
   right: 0;
   transition: all .4s ease
 }

 /* Виджет  Метки */
 .widget .tagcloud {
   width: 100%;
   display: inline-block
 }

 .widget .tagcloud a {
   float: left;
   line-height: 13px;
   font-size: 13px !important;
   text-decoration: none;
   margin: 0 9px 9px 0;
   padding: 10px 8px;
   border-width: 1px;
   border-style: solid;
   border-color: #e6e6e6;
   color: #999
 }

 .widget .tagcloud a:hover {
   text-decoration: none
 }

 /* Виджет dropdown */
 .widget select {
   width: 100%;
   height: 40px;
   font-family: inherit;
   padding: 10px;
   font-size: 16px;
   border-radius: 0 !important;
   color: #505468;
   background-color: #f7f6fb;
   font-weight: normal;
   border: 1px solid #e6e6e6;
   margin: 0;
   cursor: pointer;
   -webkit-appearance: none
 }

 /*Виджет слайдер*/
 .widget-slider-wrap {
   max-width: 345px;
   height: 390px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover
 }

 .widget-slider-wrap:after {
   content: '';
   display: block;
   width: auto;
   height: 80%;
   z-index: 1;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
   transition: all .5s ease
 }

 .widget-slider-caption {
   position: absolute;
   bottom: 40px;
   left: 10%;
   right: 10%;
   width: 80%;
   z-index: 100;
   padding-bottom: 70px;
   font-size: 19px;
   line-height: 1.4;
   font-weight: 400
 }

 .widget-slider-caption a {
   color: #fff;
   text-decoration: none
 }

 .widget-slider-caption a:hover {
   color: #fff;
   text-decoration: underline
 }

 .gp-sli-wid .owl-nav {
   display: none
 }

 .gp-sli-wid .owl-dots {
   position: absolute;
   bottom: 30px;
   left: 35px;
   text-align: left
 }

 .gp-sli-wid .owl-dot span {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: #fff;
   position: relative;
   margin-right: 10px;
   transition: all .4s ease
 }

 .gp-sli-wid .owl-dot.active span:before,
 .slider-widget .owl-dot:hover span:before {
   content: '';
   border: 1px solid #fff;
   border-radius: 50%;
   width: 15px;
   height: 15px;
   position: absolute;
   top: -6px;
   left: -6px;
   transition: all .4s ease
 }

 .mob-menu-cent .widget-slider-caption a,
 .mob-menu-right .widget-slider-caption a {
   color: #fff !important
 }

 /*Стили owl carousel для слайдеров темы*/
 .owl-dots {
   margin: 0;
   position: absolute;
   bottom: 30px;
   right: 50px;
   z-index: 1
 }

 .owl-dot {
   display: inline-block;
   zoom: 1;
   border: 0;
   background: 0;
   margin: 0;
   padding: 0;
   cursor: pointer
 }

 .owl-dot span {
   width: 14px;
   height: 14px;
   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
 }

 .owl-dots button {
   margin-right: 12px
 }

 .owl-dots button:last-child {
   margin-right: 0
 }

 .animated {
   -webkit-animation-duration: 1000ms;
   animation-duration: 1000ms;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both
 }

 .owl-animated-in {
   z-index: 0
 }

 .owl-animated-out {
   z-index: 1
 }

 .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 {
   display: none;
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   cursor: move;
   position: relative;
   z-index: 1
 }

 .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y
 }

 .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0
 }

 .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0px, 0px, 0px)
 }

 .owl-controls .owl-nav .owl-prev,
 .owl-controls .owl-nav .owl-next,
 .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-loaded {
   display: block
 }

 .owl-loading {
   opacity: 0;
   display: block
 }

 .owl-hidden {
   opacity: 0
 }

 .owl-refresh .owl-item {
   display: none
 }

 .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-text-select-on .owl-item {
   -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: auto;
   user-select: all
 }

 .no-js .owl-carousel {
   display: block
 }

 .owl-nav {
   width: 70px;
   height: 140px;
   position: absolute;
   bottom: 0;
   right: -70px;
   z-index: 100
 }

 .owl-nav button {
   width: 70px;
   height: 70px;
   cursor: pointer
 }

 .owl-prev,
 .owl-next {
   padding: 0;
   border: 0;
   transition: all .4s ease;
   cursor: pointer
 }

 .owl-prev span,
 .owl-next span {
   font-size: 22px;
   text-align: center;
   line-height: 1;
   line-height: 70px
 }

 /*Ajax загрузка записей в блоге и архивах*/
 .loadmore-section {
   width: 100%;
   display: block;
   text-align: center;
   font-size: 14px;
   font-weight: 900;
   letter-spacing: 1px;
   cursor: pointer;
   text-transform: uppercase;
   padding: 15px 0;
   transition: all .4s ease
 }

 /*Подвал сайта*/
 footer {
   margin-top: 50px;
   width: 100%;
   padding: 30px 0 20px;
   font-size: 13px
 }

 .credits {
   float: left;
   width: 70%;
   padding-top: 7px
 }

 .anycode {
   float: right;
   width: 30%;
   text-align: right
 }

 #backtop {
   position: fixed;
   cursor: pointer;
   transition: all .3s ease;
   text-decoration: none;
   width: 50px;
   height: 50px;
   bottom: 20px;
   right: 20px;
   z-index: 100;
   text-align: center;
   display: none
 }

 #backtop:before {
   font-family: dashicons;
   content: "\f342";
   font-size: 20px;
   width: 50px;
   height: 50px;
   line-height: 50px
 }

 /*Комментарии на сайте*/
 ol.commentlist {
   margin: 0;
   position: relative;
   z-index: 1;
   padding: 0
 }

 ol.commentlist li div.vcard cite.fn a.url:hover {
   text-decoration: none
 }

 ol.commentlist li {
   margin-top: 25px;
   list-style-type: none;
   padding: 0
 }

 ol.commentlist li .fn {
   font-weight: 900;
   font-size: 16px
 }

 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 15px 0 0;
   border-radius: 4px
 }

 ol.commentlist li div.commentmetadata {
   font-size: 12px;
   color: #999;
   margin-bottom: 5px
 }

 ol.commentlist li div.commentmetadata a {
   color: #999;
   text-decoration: none
 }

 ol.commentlist li div.commentmetadata a:hover {
   text-decoration: underline
 }

 .comment-note {
   font-size: 14px;
   color: #999;
   display: block
 }

 .comment-note a {
   color: #999
 }

 .comment-notes {
   padding: 0 0 15px;
   margin: 0;
   text-align: center
 }

 .comments-box ol.commentlist li p {
   margin: 0;
   line-height: 1.5
 }

 span.comment-reply-link {
   font-size: 14px;
   color: #999;
   cursor: pointer;
   display: block;
   text-align: center;
   padding: 5px 0;
   border: 1px solid #e4e4e4;
   width: 90px;
   margin-bottom: 40px
 }

 span.comment-reply-link:hover {
   text-decoration: underline
 }

 .comments-box ol.children {
   margin: 0 0 0 20px;
   padding-right: 30px
 }

 .comments-box ol.children li {
   padding: 0
 }

 a.comment-edit-link {
   float: right
 }

 .gp-comment-form {
   position: relative;
   z-index: 1
 }

 .main-col-fullwidth .comments-box {
   max-width: 900px;
   margin: 0 auto 40px
 }

 p.comment-form-author,
 p.comment-form-email {
   width: 48%;
   float: left;
   margin-left: 4%;
   display: block;
   margin-bottom: 10px
 }

 p.comment-form-email {
   margin-right: 0
 }

 .comment-form label {
   font-size: 16px;
   color: #444;
   margin-bottom: 7px;
   display: block
 }

 #reply-title {
   margin-bottom: 20px;
   font-size: 18px;
   display: block;
   line-height: 1.2;
   font-weight: 900;
   text-align: center
 }

 .comment-title {
   margin-bottom: 30px;
   font-size: 18px;
   display: block;
   line-height: 1.2;
   font-weight: 900;
   text-align: center
 }

 .comment-reply-title {
   margin-top: 30px
 }

 .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
 }

 /*Форма комментирования*/
 .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 rgba(29, 43, 100, .15);
   color: #505468
 }

 .logged-in-as {
   text-align: center
 }

 .logged-in-as,
 .comment-notes,
 .logged-in-as,
 .form-allowed-tags {
   color: #999;
   font-size: 15px;
   margin-bottom: 20px
 }

 .logged-in-as a {
   color: #505468
 }

 .comment-awaiting-moderation {
   color: green;
   font-size: 12px;
   line-height: 1.5;
   display: block;
   position: absolute;
   bottom: 40px;
   width: 60%;
   right: 0;
   font-style: normal
 }

 .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: 4px 10px 15px 5px
 }

 #commentform textarea {
   font-family: inherit;
   height: 200px;
   width: 100%;
   border: 1px solid rgba(29, 43, 100, .15);
   padding: 10px;
   font-size: 16px;
   line-height: 24px;
   display: block;
   color: #505468;
   float: left;
   position: relative;
   z-index: 2;
   margin-bottom: 30px
 }

 a#cancel-comment-reply-link {
   display: inline-block;
   padding-top: 4px;
   position: relative;
   text-decoration: none;
   overflow: hidden;
   width: 30px;
   height: 30px
 }

 a#cancel-comment-reply-link:before {
   font-family: dashicons;
   content: "\f335";
   font-size: 22px;
   color: red
 }

 .comment-form input[type="submit"] {
   width: 200px;
   display: block;
   font-size: 15px;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-align: center;
   text-decoration: none;
   border: 0;
   cursor: pointer;
   padding: 12px 0;
   margin: 15px 0;
   transition: all .3s ease-in-out;
   font-family: inherit;
   font-weight: 900
 }

 .gp-comment-text {
   padding: 15px 0 20px
 }

 #commentform p {
   display: block
 }

 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
 }

 .comment-form-cookies-consent {
   display: block;
   width: 100%;
   padding: 0 0 20px !important;
   margin-bottom: 0 !important
 }

 .comment-form-cookies-consent label {
   font-size: 14px !important;
   color: #999 !important
 }

 #wp-comment-cookies-consent {
   float: left;
   margin: 5px 10px 5px 0
 }

 #respond {
   background: #f7f6fb;
   padding: 30px 30px 20px;
   margin-bottom: 35px
 }

 /*Архивы, поиск и 404*/
 .archive h1,
 h1.search-title {
   font-size: 26px;
   line-height: 1.1;
   margin-bottom: 25px
 }

 .archive-desc,
 .search-desc {
   display: block;
   margin-bottom: 30px;
   color: #999;
   font-size: 16px
 }

 .archive-desc p:last-child {
   margin-bottom: 0
 }

 .error404-title {
   display: block;
   font-size: 30px;
   font-weight: 900;
   margin-bottom: 20px
 }

 .search-post {
   margin: 0 0 10px !important
 }

 /*Список дочерних рубрик*/
 ul.gp-child-cat-list {
   margin: 0 0 15px;
   list-style: none
 }

 ul.gp-child-cat-list li {
   display: inline-block;
   font-size: 15px
 }

 ul.gp-child-cat-list li a {
   display: block;
   padding: 6px 18px;
   margin: 0 15px 15px 0;
   text-decoration: none
 }

 ul.gp-child-cat-list li a:hover {
   margin: 0 15px 12px 0;
   text-decoration: none
 }

 /*Избранная рубрика для 404 страницы*/
 .featured-posts {
   margin-bottom: 30px
 }

 .featured-item {
   float: left;
   width: 31.33%;
   margin-right: 3%;
   height: 400px;
   position: relative;
   z-index: 1;
   background-size: cover
 }

 .featured-item:nth-of-type(3) {
   margin-right: 0
 }

 .featured-item:before {
   content: '';
   display: block;
   width: auto;
   z-index: 1;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   top: 0;
   background: rgba(84, 56, 100, .4)
 }

 .featured-caption {
   position: absolute;
   z-index: 1;
   bottom: 40px;
   left: 30px;
   right: 40px;
   transition: all .5s ease-in-out
 }

 .featured-caption h2 {
   font-size: 20px;
   line-height: 1.3;
   font-weight: 400
 }

 .featured-caption h2 a {
   color: #fff;
   text-decoration: none
 }

 .featured-caption h2 a:hover {
   text-decoration: underline
 }

 /* Чистая страница */
 .page-template-blank-page {
   background-color: #fff
 }

 .blank-page-wrap {
   width: 100%;
   max-width: 1920px;
   margin: 0 auto;
   background-color: #fff;
   padding: 50px 0
 }

 .blank-page-port {
   max-width: 1280px;
   margin: 0 auto;
 }

 /*Адаптивные стили*/
 @media only screen and (max-width:1250px) {
   .port {
     padding: 0 50px
   }

   .gp-home-slider,
   .poster {
     margin-bottom: 20px
   }

   main {
     margin-top: 40px
   }

   .blank-page-wrap {
     padding: 30px
   }
 }

 @media only screen and (max-width:1160px) {
   body {
     font-size: 16px;
     line-height: 1.55
   }

   .port {
     padding: 0 40px
   }

   .main-col {
     width: 67%
   }

   .sidebar {
     width: 29%
   }

   .menunav li,
   .mob-menu-cent .widget p,
   .mob-menu-right .widget p,
   .mob-menu-cent .widget li,
   .mob-menu-right .widget li {
     font-size: 15px
   }

   .mob-menu-cent .gp-recent-posts-widget p,
   .mob-menu-right .gp-recent-posts-widget p {
     font-size: 14px
   }

   .slider-title,
   .poster-title {
     font-size: 38px
   }

   .homepage-post h2.post-title {
     font-size: 18px
   }

   .standart-post h2.post-title {
     font-size: 21px;
     line-height: 1.3;
     margin-bottom: 15px
   }

   .title-caption h2.post-title {
     font-size: 24px;
     margin-bottom: 0;
     line-height: 1.25
   }

   .full-post h2.post-title {
     font-size: 27px
   }

   h1.post-title {
     font-size: 30px;
     line-height: 1.25
   }

   .next-title,
   .prev-title {
     font-size: 14px
   }

   .gp-recent-posts-widget p {
     font-size: 16px
   }
 }

 @media only screen and (max-width:1024px) {
   .poster {
     height: 500px
   }

   .port {
     padding: 0 70px
   }

   .main-col {
     width: 100%;
     margin-right: 0;
     margin-bottom: 45px
   }

   .sidebar {
     width: 100%
   }

   .sidebar .widget {
     float: none;
     margin: 0 auto 40px;
     width: 100%;
     max-width: 345px
   }

   .mob-menu-left {
     width: 100%;
     padding: 30px 30px 30px 50px
   }

   .mob-menu-cent {
     width: 100%;
     padding: 30px
   }

   .mob-menu-right {
     width: 100%;
     padding: 30px 50px 30px 30px
   }

   .menunav li,
   .mob-menu-cent .widget p,
   .mob-menu-right .widget p,
   .mob-menu-cent .widget li,
   .mob-menu-right .widget li {
     font-size: 17px
   }

   .mob-menu-cent .gp-recent-posts-widget p,
   .mob-menu-right .gp-recent-posts-widget p {
     font-size: 17px
   }

   .search-container .s {
     font-size: 17px
   }

   .search-container .searchSubmit {
     font-size: 17px
   }

   .homepage-post h2.post-title {
     font-size: 19px
   }

   footer {
     margin-top: 0
   }

   .featured-item {
     height: 300px
   }

   .featured-caption h2 {
     font-size: 16px;
     line-height: 1.4
   }

   .gp-search-open {
     padding: 50px 70px
   }

   .search-container .s {
     width: 75%;
     margin-right: 5%
   }

   .search-container .searchSubmit {
     width: 20%
   }

   .gp-mob-social-block {
     height: 0;
     display: none;
     transition: all .5s ease-in-out;
     z-index: 100;
     position: absolute;
     top: 70px;
     left: 0;
     right: 0
   }

   .gp-social-open {
     height: auto;
     display: block
   }

   ul.gp-social-icons {
     float: none;
     width: 100%;
     text-align: center;
     margin-top: 0;
     padding: 30px 0 25px
   }

   ul.gp-social-icons li {
     width: 36px;
     height: 36px;
     text-align: center;
     margin: 0 10px
   }

   ul.gp-social-icons li:first-child {
     margin: 0 10px
   }

   .toggle-social {
     display: block
   }

   .related-posts h2.post-title {
     font-size: 17px
   }
 }

 @media only screen and (max-width:800px) {
   .port {
     padding: 0 50px
   }

   .poster {
     height: 400px
   }

   .slider-title,
   .poster-title {
     font-size: 32px
   }

   .slider-caption,
   .poster-caption {
     max-width: 450px;
     left: 50px;
     bottom: 50px
   }

   .owl-nav {
     display: none
   }

   .mob-menu-left {
     padding: 30px
   }

   .mob-menu-right {
     padding: 30px
   }

   .gp-home-slider {
     border-width: 0
   }

   .owl-nav {
     width: 140px;
     height: 70px;
     right: 0;
     bottom: 0
   }

   .homepage-post h2.post-title {
     font-size: 18px
   }

   .featured-item {
     height: 250px
   }

   .featured-caption {
     bottom: 20px;
     left: 20px;
     right: 30px
   }

   .featured-caption h2 {
     font-size: 15px
   }

   p.comment-form-author,
   p.comment-form-email,
   p.comment-form-url {
     width: 100%;
     margin: 0 0 15px 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%;
     margin: 0 0 8px 0;
     padding: 0
   }

   #respond .comment-note {
     margin-bottom: 20px
   }

   .comment-notes,
   .comment-note,
   .comment-form-cookies-consent label {
     font-size: 13px !important
   }

   #comments-checkbox {
     margin: 4px 10px 40px 5px
   }

   .standart-post p {
     font-size: 16px
   }
 }

 @media only screen and (max-width:760px) {

   .slider-title,
   .poster-title {
     font-size: 25px
   }

   .nav-box-next {
     width: 100%
   }

   .nav-box-prev {
     width: 100%;
     margin-right: 0
   }

   .next-title,
   .prev-title {
     font-size: 16px
   }

   .gp-search-open {
     padding: 50px 30px
   }

   .search-container .s {
     width: 70%;
     margin-right: 5%
   }

   .search-container .searchSubmit {
     width: 25%
   }

   .search-container .s {
     font-size: 16px
   }

   .search-container .searchSubmit {
     font-size: 16px
   }
 }

 @media only screen and (max-width:650px) {
   .entry-thumb2 {
     float: none;
     margin: 0 auto 25px;
     display: block
   }

   .standart-post {
     border-bottom: 1px solid #e6e6e6;
     padding-bottom: 30px;
     margin-bottom: 30px
   }

   .thumb-post {
     margin: 0 auto 30px;
     max-width: 300px
   }

   .homepage-post h2.post-title {
     font-size: 17px
   }

   .title-caption {
     position: relative;
     bottom: 0;
     padding: 0;
     width: 100%;
     text-align: left;
     background: 0
   }

   .caption-post {
     text-align: left
   }

   .title-caption h2.post-title {
     font-size: 22px
   }

   .image-wrap {
     margin-bottom: 20px
   }

   .image-wrap img {
     margin-bottom: 25px
   }

   .full-post h2.post-title {
     font-size: 24px;
     text-align: left;
     line-height: 1.25;
     margin-bottom: 20px
   }

   .full-post .post-info,
   .full-post {
     text-align: left
   }
 }

 @media only screen and (max-width:600px) {
   .port {
     padding: 0 30px
   }

   .poster {
     height: 300px
   }

   .slider-caption,
   .poster-caption {
     max-width: 400px;
     left: 30px;
     bottom: 40px
   }

   .slider-title,
   .poster-title {
     font-size: 23px
   }

   .homepage-post {
     width: 100%;
     margin: 0 auto 35px;
     float: none;
     max-width: 418px
   }

   .homepage-post:nth-of-type(2n) {
     margin: 0 auto 35px
   }

   .homepage-post h2.post-title {
     font-size: 19px
   }

   h1.post-title {
     font-size: 26px;
     padding: 0
   }

   .breadcrumbs {
     font-size: 12px
   }

   .breadcrumbs__separator .dashicons-arrow-right-alt {
     padding-top: 3px
   }

   .gp-post-tags a {
     line-height: 12px;
     font-size: 12px
   }

   .post-header .tech-info {
     font-size: 11px
   }

   .featured-item {
     width: 100%;
     height: 200px;
     margin-right: 0;
     margin-bottom: 25px
   }

   .featured-item:nth-of-type(2n) {
     margin-right: 0
   }

   .featured-item:last-child {
     margin-bottom: 0
   }

   .featured-caption h2 {
     font-size: 19px
   }

   .error404-title {
     font-size: 22px
   }

   .credits {
     width: 100%;
     text-align: center;
     margin-bottom: 30px
   }

   .anycode {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 12px
   }

   .error404-title {
     font-size: 24px
   }

   .related-posts {
     width: 100%;
     margin-right: 0;
     margin-bottom: 30px
   }

   .related-posts:last-child {
     margin-bottom: 0
   }

   .related-posts h2.post-title {
     font-size: 19px
   }

   .widget-slider-caption {
     font-size: 19px
   }

   nav.pagination {
     text-align: center
   }
 }

 @media only screen and (max-width:500px) {
   body {
     font-size: 15px
   }

   .archive-desc,
   .search-desc {
     font-size: 15px
   }

   .home.paged .breadcrumbs {
     margin-top: 30px
   }

   .port {
     padding: 0 20px
   }

   header {
     padding: 0;
     margin-bottom: 90px
   }

   .home header {
     margin-bottom: 50px
   }

   .site-title {
     padding-left: 15px;
     width: 100%
   }

   .gp-mob-menu {
     margin-top: -40px
   }

   .home .gp-mob-menu {
     margin-top: 0
   }

   .mob-menu-cent .widget p,
   .mob-menu-right .gp-recent-posts-widget p {
     font-size: 16px
   }

   .gp-open-nav {
     top: 70px;
     height: 50px
   }

   .toggle-search {
     top: 70px;
     height: 50px
   }

   .toggle-social {
     top: 70px;
     height: 50px
   }

   .gp-search-modal {
     top: 120px
   }

   .gp-mob-social-block {
     top: 120px
   }

   .gp-open-nav:before,
   .toggle-search:before,
   .toggle-social:before {
     line-height: 50px
   }

   ul.gp-social-icons {
     padding: 40px 0 35px
   }

   ul.gp-social-icons li {
     width: 32px;
     height: 32px;
     margin: 0 8px
   }

   ul.gp-social-icons li:first-child {
     margin: 0 8px
   }

   .search-container .s {
     width: 65%;
     margin-right: 5%;
     font-size: 16px
   }

   .search-container .searchSubmit {
     width: 30%;
     font-size: 15px
   }

   .gp-search-modal p {
     font-size: 13px
   }

   .nav-panel {
     width: 100%
   }

   .slider-caption,
   .poster-caption {
     max-width: 400px
   }

   .slider-title,
   .poster-title {
     font-size: 22px
   }

   .post-header .tech-info {
     font-size: 11px
   }

   .gp-post-tags a {
     margin: 10px 3px 0 0;
     padding: 6px 7px
   }

   .homepage-post .post-info {
     font-size: 10px
   }

   .loadmore-section {
     font-size: 13px
   }

   ol.commentlist li .fn {
     font-size: 16px
   }

   .comment-title {
     font-size: 18px;
     text-align: center
   }

   .comment-notes,
   .comment-note,
   .comment-form-cookies-consent label {
     font-size: 11px !important
   }

   #respond {
     padding: 0;
     background: #fff
   }

   .comment-form label {
     font-size: 14px
   }

   #commentform textarea,
   .comment-form input[type="text"],
   .comment-form input[type="email"],
   .comment-form input[type="url"] {
     font-size: 14px
   }

   .comment-awaiting-moderation {
     font-size: 11px;
     bottom: 35px
   }

   .comments-box ol.children {
     margin: 0 0 0 5px;
     padding-right: 0
   }

   .next-title,
   .prev-title {
     font-size: 14px
   }

   .nav-box-next img,
   .nav-box-prev img {
     margin: 0 15px 0 0
   }

   .full-post h2.post-title {
     font-size: 22px
   }

   h1.post-title {
     font-size: 25px;
     line-height: 1.2
   }

   blockquote p {
     font-size: 16px;
     letter-spacing: .2px
   }

   .archive h1,
   h1.search-title {
     font-size: 22px;
     line-height: 1.2
   }

   ul.gp-child-cat-list li {
     font-size: 14px
   }

   footer {
     font-size: 12px
   }

   .post-content h1 {
     font-size: 24px
   }

   .post-content h2 {
     font-size: 22px
   }

   .post-content h3 {
     font-size: 20px
   }

   .post-content h4 {
     font-size: 19px
   }

   .post-content h5 {
     font-size: 18px
   }

   .post-content h6 {
     font-size: 17px
   }

   .nav-links .page-numbers,
   .pagination a.page-numbers,
   .pagination .page-numbers.current {
     font-size: 18px;
     padding: 7px 15px;
     margin: 0 5px
   }

   .nav-links .page-numbers,
   .pagination .dots {
     display: none !important
   }

   .pagination .page-numbers.current {
     display: inline-block !important
   }

   .pagination .prev,
   .pagination .next {
     display: inline-block !important
   }

   .gp-about-me-text {
     font-size: 15px;
     line-height: 1.5
   }

   .related-posts h2.post-title {
     font-size: 17px
   }

   .widget-slider-caption {
     font-size: 17px
   }

   .featured-caption h2 {
     font-size: 16px
   }
 }

 @media only screen and (max-width:390px) {

   .slider-caption,
   .poster-caption {
     max-width: 320px
   }

   .slider-title,
   .poster-title {
     font-size: 20px
   }

   .standart-post {
     text-align: left
   }

   .entry-thumb2 {
     margin: 0 0 25px
   }

   ol.commentlist li .fn {
     font-size: 15px
   }
 }