@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap');

/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
font-size: 16px;
line-height:normal;
color: #414141;
margin:0px;
background-color: #1d1f24;
background-image: url(../images/bg.jpg);
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
font-family:Arial, Helvetica, sans-serif;
}

a {
    color: #eb5424;
    text-decoration: none;
    }

a:hover {
text-decoration:underline;
}

.clear {
clear:both;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

p {
margin:0 0 15px 0;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
line-height: normal;
font-weight:normal;
color:#fff;
position:relative;
padding:0;
margin:0px 0 20px 0;
}

h1, .h1 { font-size: 28px;}
h2, .h2 { font-size: 24px;}
h3, .h3 { font-size: 20px;}
h4, .h4 { font-size: 18px;}

* {
box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    margin: 15px 0;
}

table {
border-spacing: 0px;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
  display: block
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family:Arial, Helvetica, sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

img {
max-width:100%;
height:auto !important;
}

iframe {
max-width:100% !important;
max-height:100% !important;
}

button, .btn, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #f8f8f8;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    padding: 0 15px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #222;
    font-size: 13px;
    height: 38px;
    line-height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -webkit-backface-visibility: hidden;
}



.site-width {
width:100%;
max-width:1020px;
margin:0 auto;
padding:0 10px;
}

.header {
background-color: #343e47;
position:relative;
}

.header .site-width {
display:flex;
align-items:center;
}

.header .logo {
margin:0 30px 0 0;
}

.header .logo a {
display:block;
text-decoration:none;
width:260px;
height:57px;
background:url(https://crashplane.ru/wp-content/uploads/2020/08/233-1.png) no-repeat;
}

.header .menus {
flex:1;
}

.header .menus ul {
display:flex;
align-items:center;
list-style:none;
margin:0px;
padding:0px;
}

.header .menus li {
margin:0px;
}

.header .menus li a {
padding:0 20px;
display:table;
height:80px;
display:flex;
text-decoration:none;
align-items:center;
font-size:15px;
color:#fff;
}

.header .menus li a:hover {
background-color: #79c142;
}

.header .menus li img {
margin-right: .5em;
}

.search-icon {
color: #fff;
font-size: 22px;
cursor:pointer;
}

.search-icon:before {
font-family: 'FontAwesome';
content: "\f002";
}

.search-icon.active:before {
font-family: 'FontAwesome';
content: "\f00d";
}

.header-search {
position:absolute;
top:100%;
left:0px;
right:0px;
border-top: 1px solid #333;
background-color: #3c4852;
height:60px;
z-index:3;
display:none;
}

.header-search .site-width {
position:relative;
}

.header-search input {
background: transparent;
border: none;
color: #999;
font-size: 20px;
height: 60px;
width: 100%;
padding-left: 40px;
}

.header-search button {
background: transparent;
border: 2px solid #eb5424;
box-shadow: none;
border-radius: 5px;
color: #eb5424;
font-size: 14px;
height: 28px;
letter-spacing: 1px;
position: absolute;
top: 14px;
right: 0;
padding: 0 4px;
text-transform: uppercase;
}

.header-search button:hover {
border-color: #fff;
box-shadow: none;
color: #fff;
}

.header-search .site-width:after {
color: #ccc;
font-size: 20px;
font-family: 'FontAwesome';
content: "\f002";

position: absolute;
top: 18px;
left: 0;
}

.wrapper {
padding:50px 0 0 0;
margin:20px 0 0 0;
}

.wrapper .site-width {
display:flex;
align-items:flex-start;
}

.wrapper .container {
flex:1;
margin:0 20px 0 0;
background-color: #fff;
border: 1px solid #dfdfdf;

}

.showpost-main {
padding: 30px 25px 25px;
}

.wrapper .sidebar {
width:320px;
}

.sidebar .widget {
background-color: #fff;
border: 1px solid #dfdfdf;
margin-bottom: 20px;
padding:0 20px 20px 20px;
}

.showpost {
border-bottom: 1px solid #e9e9e9;
margin:0 0 30px 0;
padding:0 0 30px 0;
position:relative;
}

.showpost .name {
font-size: 20px;
line-height: 1.4;
margin: 0 0 15px;
text-decoration:none;
color:#222;
font-weight: 500;
margin:0 0 30px 0;
display:table;
}

.showpost .name:hover {
color: #eb5424;
text-decoration:underline;
}

.showpost .fl {
display:flex;
}

.showpost .images {
width:180px;
margin:0 25px 0 0;
}

.showpost .text {
flex:1;
line-height: 1.8em;
font-size: 14px;
}

.showpost .gofull {
display: table;
margin: 20px 0 0 auto;
background-color: #343e47;
padding: 5px 20px;
text-decoration: none;
color: #fff !important;
position: absolute;
bottom: 30px;
right: 0px;
}

.gofull:hover {
text-decoration:none;
background:#eb5424;
color:#fff !important;
}

.pagination {
padding: 35px 0;
width: 100%;
border-top: 1px solid #e9e9e9;
text-align: center;
}

.pagination .nav-links {
display: block;
padding: 0 25px 15px;
position: relative;
}

.pagination .page-numbers {
background: #e8edf3;
border: 1px solid #d3d3d3;
color: #444;
display: inline-block;
font-size: 14px;
height: 36px;
line-height: 34px;
padding: 0 12px;
text-decoration:none;
}

.pagination .page-numbers.current, .pagination .nav-links > a:hover {
background-color: #eb5424;
color:#fff;
}

.pagination .page-numbers.current {
background: #eb5424;
color: #fff;
}

.showpost-main .showpost:last-child {
border-bottom: 0px solid #e9e9e9;
margin:0 0 30px 0;
padding:0 0 0px 0;
position:relative;
}

.widget-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
}

.widget-title span {
border-bottom: 3px solid #eb5424;
    display: inline-block;
    line-height: 40px;
    text-align:center;
    margin: 0 0 -1px;
}

#nav_menu-13 ul {
list-style:none;
margin:0px;
padding:0px;
}

#nav_menu-13 li {
list-style: none;
margin-bottom: 15px;
}

#nav_menu-13 li a {
color: #555;
font-size:15px;
text-decoration:none;
}

#nav_menu-13 li a:hover {
color: #ffffff;
background-color: #79c142;
}

.menu a {
font-size:14px;
}

.menu {
list-style:none;
margin:0px;
padding:0px;
}

.menu li {
list-style: none;
margin-bottom: 15px;
}

.menu li a {
color: #555;
font-size:15px;
text-decoration:none;
}

.menu li a:hover {
color: #ffffff;
background-color: #79c142;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.cwp-ul {
font-size:14px;
}

.cwp-comment-excerpt {
display:block;
}

.footer {
background-color: #343e47;
padding:40px 20px;
    color: #dedede;
font-size:13px;
line-height:150%;
text-align:center;
margin:50px 0 0 0;
}

#top {
position:fixed;
bottom:80px;
right:40px;
width:30px;
height:30px;
background:#eb5424;
color: #fff;
cursor:pointer;
font-family: FontAwesome;
display:flex;
align-items:center;
justify-content:center;
}

#top:before {
content: "\f062";
font-size:20px;
}

.mobile-menu {
display:none;
}

.widget-vt-blogging-popular ul {
list-style:none;
margin:0px;
padding:0px;
}

.widget-vt-blogging-popular ul {
list-style:none;
margin:0px;
padding:0px;

}

.widget-vt-blogging-popular li {
margin:0 0 20px 0;
display:flex;
}

.widget-vt-blogging-popular li a {
color: #555;
font-size:13px;
}

.widget-vt-blogging-popular li .entry-wrap {
line-height: 1.2;
flex:1;
}

.widget-vt-blogging-popular  .entry-meta {
color: #555;
    font-size: 13px;
    }

.widget-vt-blogging-popular {
color:#001;
}

.widget-vt-blogging-popular .thumbnail-wrap {
width:80px;
margin:0 12px 0 0;
}

.comment-author-link.cwp-author-link, .comment-excerpt.cwp-comment-excerpt {
color:#555 !important;
}

.speedbar {
padding:30px 25px 0 25px;
    color: #999;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;

}

.speedbar a {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}

h1.title-section {
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 1.2;
    color: #222;
    font-weight: 500;
    margin: 15px 0;

}

.page-title {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 1.2;
    color: #222;
    font-weight: 600;
    margin: 15px 0;

}

.padding {
padding:0 25px 35px 25px;
line-height: 1.8em;
color: #414141;
font-size:14px;
}

.padding label {
    display: block;
    font-weight: 600;
}

.padding input {
    font-size: 15px;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: none;
    color: #333;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    width: 300px;

}

.padding textarea {
    font-size: 15px;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: none;
    color: #333;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;

    width: 100%;
    height: 200px;
}

.padding button, .wpcf7-submit {
    background-color: #f8f8f8 !important;
    border: 1px solid #d3d3d3 !important;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    padding: 0 15px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #222;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 38px;
    line-height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -webkit-backface-visibility: hidden;
    cursor:pointer;
    width:auto !important;
}

.padding button:hover, .wpcf7-submit:hover {
    background-color: #f0f0f0 !important;
    border-color: #c3c3c3 !important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
    text-decoration: none;
}

table {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    border-width: 1px;
    border-color: #e9e9e9;
    border-collapse: collapse;
    width: 100%;
    margin:0 0 20px 0;
}
table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #e6e6e6;
    background-color: #f0f0f0;
}
table tr:hover td {
    background-color: #f9f9f9;
}
table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #e6e6e6;
    background-color: #ffffff;
}
.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
    clear: both;
}
.alignnone {
    display: block;
}

/* Clear Floats */
.clear:before,
.clear:after {
    content: "";
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    clear: both;
}

.entry-related {
    border-top: 1px solid #e9e9e9;
    margin: 25px 0 -25px 0;
    padding: 15px 25px 0 25px;
}
.entry-related h3 {
    font-size: 18px;
    margin-bottom: 25px;
    color: #222;
    font-weight: 600;
    margin: 15px 0;
}
.entry-related h3 span {
    color: #eb5424;
}

.entry-related .hentry {
    float: left;
    width: 278px;
    margin: 0 24px 25px 0;
}

.entry-related .hentry .thumbnail-link {
    float: left;
    margin: 0 15px 0 0;
    width: 80px;
}

entry-related .hentry .thumbnail-wrap {
    height: auto;
    line-height: 0.8;
}

.entry-related .hentry .entry-title {
    display: table;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.45;
    margin: 0;
}

.entry-title a, .entry-title a:visited {
    color: #414141;
}


.entry-related .hentry {
    float: left;
    width: 278px;
    margin: 0 24px 25px 0;
}

.entry-related .hentry.last {
    margin-right: 0;
}

.entry-related .hentry .thumbnail-link {
display:none;
}

.author-box {
    border-top: 1px solid #e9e9e9;
    margin-top: 25px;
    padding: 30px 25px 0 25px;
}

.author-box .avatar {
    border-radius: 50%;
    float: left;
    height: auto;
    line-height: 0.8;
    margin: 0 15px 0 0;
    width: 100px;
}
.author-box .author-meta {
    display: table;
}
.author-box .author-meta .author-name {
    font-size: 16px;
    margin-top: 0;
}

.author-box .author-meta .author-desc {
    margin-bottom: 5px;
}

.comments-area {
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
    margin: 25px 0 0 0;
    padding: 25px 0 0 0;
}

.comments-title {
    font-size: 18px;
    margin: 0 0 25px;
}

/*--------------------------------------------------------------
5. Archive/Search Page
--------------------------------------------------------------*/
.search-no-results .page-title {
    font-size: 18px;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
6. Comments
--------------------------------------------------------------*/
.comments-area {
    border-top: 1px solid #e9e9e9;
    background-color: #fff;
    margin: 25px 0 0 0;
    padding: 25px 25px 0 25px;
}
.comments-title {
    font-size: 18px;
    margin: 0 0 25px;
}
.comment-reply-title {
    font-size: 18px;
    margin-bottom: 20px;
}
.comment-list {
    border-bottom: 1px solid #e9e9e9;
    list-style: none;
    padding:0px;
    margin: 0 0 25px 0;
}
.comment-author {
    font-size: 14px;
}
.comment-meta {
    margin-bottom: 4px;
}
.comment-list .reply,
.commentmetadata {
    font-size: 13px;
}
.comment-list .reply {
    margin: 10px 0;
}
.comment-author .fn {
    font-weight: bold;
}
.comment-author a {
    color: #2b2b2b;
}
.comment-list .trackback a,
.comment-list .pingback a,
.commentmetadata a,
.comment-list .reply a {
    color: #767676;
}
.comment-list .trackback a:hover,
.comment-list .pingback a:hover,
.commentmetadata a:hover,
.comment-list .reply a:hover {
    color: #333;
}
.comment-author a {
    color: #eb5424;
}
.comment-author a:hover {
    color: #222;
}
.comment-list li article {
	border-bottom: 1px dashed #e9e9e9;
	padding: 0 0 15px;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    margin: 0 0 20px 0;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}
.comment-author {
    position: relative;
}
.comment-author .avatar {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: auto;
}
.sticky {}
.bypostauthor > article .fn:before {
    color: #fbb034;
    content: "\f408";
    margin: 0 2px 0 -2px;
    position: relative;
    top: -1px;
}
.says {
    display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
    padding-left: 64px;
}
.comment-author {
    display: inline;
}
.commentmetadata {
    display: inline;
    margin-left: 7px;
}
.comment-edit-link {
    margin-left: 10px;
}
.comment-edit-link:hover {
    text-decoration: none;
}
#cancel-comment-reply-link:hover {
    text-decoration: none;
}

.comment-reply-link:hover {
    text-decoration: none;
}
.comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.comment-content a {
    color: #eb5424;
}
.comment-content ul,
.comment-content ol {
    margin: 0 0 24px 22px;
}
.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}
.comment-content >:last-child {
    margin-bottom: 0;
}
.comment-list .children {
    list-style: none;
    margin-left: 0;
    padding:0px 0 0 20px;
}
.comment .comment-respond {
    margin: 25px 0;
}
.comment-respond h3 {
    margin-top: 0;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}
.comment-notes a,
.comment-awaiting-moderation a,
.logged-in-as a,
.no-comments a,
.form-allowed-tags a,
.form-allowed-tags code a {
    color: #767676;
}
.comment-notes a:hover,
.comment-awaiting-moderation a:hover,
.logged-in-as a:hover,
.no-comments a:hover,
.form-allowed-tags a:hover,
.form-allowed-tags code a:hover {
    color: #222;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    font-style: italic;
    display:block;
    margin-bottom: 10px;
}
.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    margin-bottom: 20px;
}
.comment-form textarea {
    width: 100%;
}
.comment-form .comment-form-author {
    float: left;
    width: 180px;
    margin-right: 25px;
}
.comment-form .comment-form-email {
    float: left;
    width: 179px;
    margin-right: 25px;
}
.comment-form .comment-form-url {
    float: left;
    width: 179px;
}
.comment-form:after {
    content: '';
    display: block;
    clear: both;
}
.comment-form .submit {
    font-size: 14px;
    padding: 0 18px;
}
.comment-form label {
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}
.required {
    color: #c0392b;
}
.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 24px;
    overflow: hidden;
}
.comment-reply-title small a:hover {
    color: #eb5424;
}
.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}
.comment-navigation .nav-previous a {
    margin-right: 10px;
}
#comment-nav-above {
    margin-top: 36px;
    margin-bottom: 0;
}

.comment-body p {
    padding-left: 64px;
    hyphens: auto;
    word-wrap: break-word;
    font-size:14px;
    margin:5px 0 0 0;
}
.comment-form textarea {
    width: 100%;
}

textarea {
    padding: 10px 15px;
}

.comment-form .submit {
    font-size: 14px;
    padding: 0 18px;
}

.desc-page {
padding:25px;
font-size:14px;
}

.widget.comments_widget_plus ul.cwp-ul li {
padding:8px 0 !important;
}










































































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

#nav_menu-13, #nav_menu-20 {
display:none;
}

.comment-author {
display:block;
}

.comment-body p {
display:block;
padding:0px;
margin:20px 0 0 0;
}

.header .logo a {
width:180px;
height:40px;
background-size:contain !important;
}

.comment-edit-link {
display:none;
}

.commentmetadata {
    display: inline;
    margin-left: 64px;
}

.comment-list .children {
margin:0px;
padding:0px;
}

.comment-body {
margin:0 0 10px 0;
}

h1.title-section {
font-size:20px;
}

.header .menus {
display:none;
}

.header {
height:auto;
padding:15px 0;
}

.wrapper {
margin:0px;
}

.header .logo {
flex:1;
}

.mobile-menu {
display:flex;
align-items:center;
color:#fff;
text-transform:uppercase;
cursor:pointer;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:0 10px 0 0;
}

.mobile-menu:before {
content:"";
width:22px;
height:22px;
background:url(../images/menu.svg) no-repeat;
margin:0 5px 0 0;
background-size:contain;
}

.header-search {
padding:0 10px;
}

.site-width {
width:95%;
padding:0px;
}

.header .menus {
position:absolute;
top:100%;
left:0%;
right:0%;
z-index:9;
padding:0 0px;
background:#fff;
}

.header .menus ul {
display:block;
}

.header .menus ul li {
margin:0px;
}

.header .menus li a {
padding: 0 0 0 20px;
    border-bottom: 1px #f0f0f0 solid;
    margin: 0;
    text-decoration: none;
    color: #666;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
        background: #fbfbfb;
        display:block;
}

.header .menus li img {
display:none;
}

.wrapper .site-width {
display:block;
}

.wrapper .container {
padding:0px;
margin:0px;
}

.showpost .gofull {
position:relative;
bottom:auto;
}

.wrapper .sidebar {
width:100%;
margin:25px 0 0 0;
}
}






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

.showpost .name {
font-size:18px;
}

.showpost .fl {
display:block;
}

.showpost .images {
display:block;
width:auto;
text-align:center;
}

.showpost .text {
padding:10px 0 0 0;
}

.showpost-main {
padding:15px 10px;
}


}