/*   
Theme Name: 1863x
Theme URI: 1863x.com
Description: Жыве!
Author: K
Author URI: 1863x.com
Template: 
Version: 0.32
.
.
*/
body, html{margin: 0; padding: 0; width: 100%; min-height: 100%; background-color: #fff; color: #000; font-family: "Open Sans";}
a{color:inherit;text-decoration:none;-webkit-appearance: none;}
a:-webkit-any-link{color:inherit;text-decoration:none;-webkit-appearance: none;}
u, ins {color:inherit;text-decoration:none;-webkit-appearance: none;}

input, textarea {outline: none;}

.investments {background-image:url('./images/helpus.jpg?2');background-size:cover;background-position:center center;position:fixed;opacity:0;left:0;transition:0.3s;top:0;z-index:1000;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3	);padding:20px;display:none;width:calc(100% - 40px);color:#fff;}
.investments h4, p{padding:0;margin:0;}
.investments h4{font-size:26px;font-weight:700;}
.investments p{margin:5px 0px 20px 0px;font-size:16px;}
.investments .button{padding: 8px 16px; font-size: 14px; font-weight: 400;border:1px solid #eee; background-color: #eee; color: #444; border-radius: 16px; text-align: center; float: left; margin-right:16px;line-height:16px;transition:0.2s;cursor:pointer;}
.investments .button.ghost{background-color:transparent;color:#eee;padding:7.5px 15.5px;}
.investments .button:hover {background-color:#ddd;}
.investments .button.ghost:hover{color:#444;}

.layout{max-width:1200px; width:100%; margin: auto;height:100%;position: relative;}
.layout:after{display:block;content:"";clear:both;}
.content{min-height:calc(100% - 150px);}
.sticky {position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 50px;}

.head {height:60px;background-color: #272727; width: 100%; color: #bdbdbd;}
.head:after, .head nav:after{display:block;content:"";clear:both;}
.head nav, .head .logotype{display:block;float:left;height:100%;}

ul{list-style: none; padding: 0; margin: 0;}
.head .menu li{font-size:14px;line-height:60px;display:block;float:left;margin:0;color:#bdbdbd;transition:0.2s;padding:0px 15px;position:relative;}
.head a.logotype{font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;line-height:60px;margin-right:20px;color:#fff;float:left;display:block;transition:0.2s;}
.head .menu li:hover{color:#a43a3a;background-color:#eee;transition:0s;}
.head a.logotype:hover, .head .search:hover{color:#fff;transition:0s;}
.head .search{font-size: 16px; color: #ddd; padding: 31.5px 20px; color: #555555; transition: 0.2s; cursor: pointer; text-shadow: 0px 0px 0px rgba(0,0,0,0.5); display: block; float: right;}
.head .search input{display:inline;padding:10px 15px;margin-right:10px;border-radius:5px;border:1px solid #eee;opacity:0;transition:0.2s;box-shadow:0px 0px 0px rgba(0,0,0,0.0);}
.head .search:hover {text-shadow:0px 1px 1px rgba(0,0,0,0.05);transition:0.2s;}
.head .search:hover input{opacity:1;box-shadow:0px 0px 25px rgba(0,0,0,0.05);}
.head .search input:focus{opacity:1;box-shadow:0px 0px 25px rgba(0,0,0,0.05);}

.head .social {float:right;padding: 19px 0px;}
.head .social a{margin-left:10px;padding:10px;transition:0.2s;}
.head .social a:hover{color:#fff;}
.head .search{display:none;}

.head .menu li ul{display:none;position:absolute;bottom:0;left:0;background-color:#353535;z-index:1000;min-width:200px;}
.head .menu li:hover ul{display:block;transform:translate(0%,100%); -ms-transform:translate(0%,100%); -webkit-transform:translate(0%,100%);box-shadow:0px 1px 2px rgba(0,0,0,0.25);width:100%;}
.head .menu li:hover li{width:100%;text-align:center;padding:20px 0px;line-height:120%;}
.head .menu li:hover li:hover{background-color:#272727;}

.article-cover{display:block;width:100%;height:600px;background-color:#eee;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;background-attachment:fixed;}
.article-cover .layer{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0, 0.7);z-index:1;}
.article-cover .description{position:absolute;bottom:0;width:100%;z-index:2;color:#fff;padding-bottom:50px;}
.article-cover h1{font-size:48px;font-weight:700;padding:0;margin:15px 0px 15px 0px;line-height:100%;max-width:75%;}
.article-cover .tag{font-size:14px;font-weight:400;color:#e07575;}
.article-cover .author{font-size:24px;font-weight:300;}
.article-cover p{margin:0;padding:0;line-height:100%;}
.article-cover .share{position:absolute;right:0;bottom:0;}
.article-cover .share a{font-size:32px;margin-left:20px;opacity:0.5;transition:0.2s;}
.article-cover .share a:hover{opacity:1;transition:0s;}
.nocover {height:auto;}
.nocover .description{position:relative;padding-top:50px;}

.article-content{padding:50px 0px;font-size:18px;}
.article-content article{max-width:800px;float:left;}
.article-content article .intro{font-weight:300;font-size:18px;}
.article-content article p, .article-content article blockquote, .article-content article ul, .article-content article h1, .article-content article h2, .article-content article h3, .article-content article h4, .wp-caption, article iframe{margin:0;padding:15px 0px;line-height:160%;word-break: keep-all; word-wrap: break-word;}
.article-content li{word-break: keep-all; word-wrap: break-word;}
.article-content article p:first-child{padding-top:0;}
.article-content article p:last-child{padding-bottom:0;}
.article-content article img{max-width:100%;height:auto;}
.article-content article blockquote{padding:0px 0px 0px 25px;margin:25px 0px;border-left:5px solid #ddd;}
.article-content a{border-bottom:1px solid #ddd; transition: all .2s ease-in-out;}
.article-content a:hover{border-bottom:1px solid #e07575;}
.article-content .side{max-width:325px;width:100%;float:right;transition:0.2s;}
.article-content .side:hover{opacity:1;transition:0s;}
.article-content .articles p{padding:0;margin:0;font-size:24px;font-weight:300;margin-bottom:15px;line-height:100%;}
.article-content .articles a{margin-bottom:10px; border-bottom: none; display:block;}
.article-content .articles a:hover{border-bottom: none;}
.article-content .articles {margin-bottom:25px;}	
.article-content .twitter p{padding:0;margin:0;font-size:24px;font-weight:300;margin-bottom:20px;line-height:100%;word-break: break-all;}
.article-content .side .twitter iframe{overflow: hidden; overflow-y: auto !important; width:100%;}
.article-content iframe, .article-content img, .article-content h1, .article-content h2, .article-content h3, .article-content h4{max-width:100% !important;}
.article-content .comments{width:100%;margin-top:50px;}
.article-content ul {list-style: disc;margin-left:20px !important;}
.article-content .wp-caption { max-width: 100%; }
.article-content .wp-caption-text {font-size: 14px; color: #565656; text-align: center !important;}
.article-content article h3 {font-size:22px;}
.article-content article h4 {font-size:20px;}
.article-content .button{display: inline-block;text-decoration: none;border-bottom: 0px;padding: 10px 20px;border: 1px solid #b7b7b7dd;border-radius: 10px;background-color: #f3f3f3;}
.article-content .button:hover{background-color: #ff9191;color: #5e1c1c;border: 1px solid #b95e5edd;}

.article-content p, .article-content span{text-align:left !important;text-decoration:none !important;}

.posts{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding-top:50px;}
.posts .post{margin-bottom:50px;width:calc((100% / 2) - 25px);}
.posts .post .cover{display:block;max-width:100%;margin-bottom:10px;border-radius:3px;transition:0.3s;}
.posts .post .cover:hover{filter: grayscale(0.3); opacity: 0.95;transition:0.2s;}
.posts .post .subtitle{font-size: 14px;font-weight: 600;margin-bottom: 10px;line-height: 100%;color: #ca4242;}
.posts .post .title{font-size:28px;font-weight:700;margin:0px;line-height:120%;transition:0.3s;}
.posts .post .title:hover{color:#a43a3a;transition:0s;}
.posts .post .date{font-size:14px;font-weight:300;color:#616161;}
.posts .post .description{font-size:16px;line-height:150%;}
.posts .post p{margin:10px 0px 0px 0px;padding:0px;}
.category {padding:5px 20px;font-size:16px;border:1px solid #a43a3a;color:#a43a3a;font-size:14px;margin-right:15px;display:inline-block;border-radius:15px;margin-top:15px;text-transform:uppercase;text-transform:uppercase;letter-spacing:1px;transition:0.3s;}
.category:hover{color:white;background-color:#a43a3a;}
.yobject-marked:after, .posts:after{display:none !important;}

.footer{height:100px;margin-top:25px;background-color:#efefef;line-height:100px;box-shadow:0px 5px 5px rgba(0,0,0,0.03) inset;}
.footer li{font-size:14px;margin-right:25px;font-weight:300;color:#696969;border-bottom:1px solid #c1c1c1;padding:5px 0px;transition:0.2s;display:inline;}
.footer .social{float:right;}
.footer .social a{font-size:22px;margin-right:0;margin-left:10px;border-bottom:0px;padding:10px;transition:0.2s;}
.footer li:hover{color:black;transition:0s;}
.footer nav{float:left;}

.important-information{width:100%;background-color:#eee;padding:50px 0px;color:#fff;background-size:cover;background-position:center center;}
.important-information .title{font-size:36px;font-weight:700;line-height:100%;}
.important-information .description{font-size:22px;margin-top:10px;line-height:100%;font-weight:300;}
.important-information .button{display:block;float:left;padding:10px 15px;background-color:transparent;border:1px solid #fff;color:#fff;margin-top:25px;border-radius:10px;font-weight:300;font-size:14px;}
.important-information .close{position:absolute;top:0;right:0;font-size:20px;}

.emm-paginate:after{display:block;clear:both;content:'';margin:0px 0px 50px 0px;}
.emm-prev, .emm-next{display:block;padding:10px 25px;border-radius:25px;border:1px solid #a43a3a;background-color:white;color:#a43a3a;font-size:14px;font-weight:600;transition:0.3s;text-align:center;opacity:0.5;}
.emm-prev:hover, .emm-next:hover{background-color:transparent;color:white;background-color:#a43a3a;opacity:1;transition:0s;}
.emm-prev{float:left;}
.emm-next{float:right;}
.emm-page{display:none;}

.mobile{display:none !important;}
.not-mobile{display:initial !important;}

@media screen and (max-width:1250px){
	.posts .post{margin:0px auto 50px auto;width:100%;max-width:575px;}
	.layout{width:calc(100% - 40px);padding:0px 20px;}
	.posts{margin-top:50px;}
	.article-content article{max-width:calc(100% - 375px);float:left;}
	.head .search input{width:100px;}
	.head .menu li{padding:0px 15px;}
	.head .search{max-width:170px;}
}

@media screen and (max-width:920px){
	.head .search{max-width:150px;}
	.head .search input {width: 50px;}
}

@media screen and (max-width:890px){
	.head .social{display:none !important;}
}

@media screen and (max-width:800px){
	.mobile{display:initial !important;}
	.not-mobile{display:none !important;}
	
	.side-menu{position:fixed;top:0;left:0;background-color:white;box-shadow:5px 0px 5px rgba(0,0,0,0.05);background-color:white;z-index:1001;overflow-y:auto;height:calc(100% - 50px);width:calc(85% - 20px);padding:25px 10px;transform:translate(calc(-100% - 20px),0%); -ms-transform:translate(calc(-100% - 20px),0%); -webkit-transform:translate(calc(-100% - 20px),0%);transition:0.2s; -webkit-overflow-scrolling: touch;}
	.side-menu .search{width:100%;padding-bottom:10px;}
	.side-menu .search input{display:block;float:left;width:calc(100% - 112px);margin:0px 10px;padding:0px 15px;height:30px;border-radius:5px;border:1px solid #eee;transition:0.2s;box-shadow:0px 0px 0px rgba(0,0,0,0.0);font-size:15px;}
	.side-menu .search input:focus{box-shadow:0px 0px 25px rgba(0,0,0,0.05);}
	.side-menu .search .fa-search, .side-menu .search .fa-times{width:30px;height:30px;float:right;display:block;font-size: 18px; line-height: 30px; text-align: -webkit-center; color:#ddd;}
	.side-menu .search:after{display:block;clear:both;content:'';}
	.side-menu .search .fa-times{float:left;}
	
	.side-menu.active{transform:translate(0%,0%); -ms-transform:translate(0%,0%); -webkit-transform:translate(0%,0%);}
	
	.side-menu li{padding:15px 20px;border-bottom:1px solid #eee;font-size:140%px;background-color:#fff;}
	.side-menu li li{padding:10px 20px;border-bottom:none;font-size:14px;}
	.side-menu li li:first-child{padding-top:20px;}
	
	.head{height:auto;position:static;padding:25px 0px;border:none;}
	.head a.logotype{float:none;text-align:center;margin:0;padding:0px 0px 0px 0px;line-height:100%;}
	.head .fa{font-size:20px;position:absolute;left:0;top:50%;transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%);z-index:501;line-height: 32px; padding: 0px 10px; margin: 0 -10px;}
	.head .fa:hover{color:#a43a3a;}
	.head .menu{float:none;margin:0;padding:0px 0px 25px 0px;line-height:100%;text-align:center;}
	.head .menu li{display:block;line-height:100%;padding:20px 15px;text-align:center;}
	.head .search{display:none;}
	.layout{width:calc(100% - 40px);padding:0px 20px;}
	.posts{margin-top:25px;}
	.posts .post{margin:0px auto 50px auto;}
	.article-cover {height:auto;}
	.article-cover .description{position:relative;padding-top:50px;}
	.article-cover h1{font-size:28px;max-width:100%;}
	.article-cover .tag{font-size:14px;font-weight:400;color:#e07575;}
	.article-cover .author{font-size:18px;}
	.article-content article{max-width:100%;float:none;width:100%;}
	.footer{height:auto;padding:25px 0px;}
	.footer nav, .footer .social{float:none;width:100%;text-align:center;line-height:50px;}
	.footer nav{margin-bottom:20px;}
	.footer .social a, .footer li{margin:0px 10px;}
	.article-content .side{margin-top:25px;display:block;float:none;max-width:100%;}
	.sticky {position:static;}
}