body {
		margin: 0;
		padding: 0;
		color: LightGoldenRodYellow;
		background: url('../images/fon_cod.jpg') center no-repeat fixed;
	background-size: cover;
}

body>div {
	background-color: #1E1E1E;
	background-color: rgba(30, 30, 30, 0.95);
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}

h5 {
	padding: 0;
	margin: 0;
}

h6 {
	margin: 5px;
}

.input_blog p, textarea  {
	padding: 5px;
	background-color: #1E1E1E;
	border: 5px #99CD4E solid;
	color: LightGoldenRodYellow;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

a:link {
	color: LightGoldenRodYellow;
}

a:visited {
	color: LightGoldenRodYellow;
}

a:hover {
	color: #99CD4E;
}

.box {
	width: 100%;
}

.box_rezume {
	padding: 0 20px;
	background-color: #151515;
	border: 2px solid;
	border-color: #282828;
}

.box_rezume p {
	font-size: 1.5em;
}

#box_language {
	width: 100%;
	height: 40px;
	display: inline-block;
	margin-top: 5px;
	border-top: 2px solid;
	border-left: 2px solid; 
	border-right: 2px solid;
	border-color: #282828;  
}

#list_language {
	padding: 5px 0;
	text-align: center;
	border: 2px solid;
	border-color: #282828;
}


#box_language:hover > #list_language { 
    display: block; 

} 


.window {
	width: 100%;
}

.form_edit_box {
	margin: 0 auto;
}

.input_blog {
	display: inline-block;
}

.input_button_edit {
	vertical-align: top;
	padding-left: 10px;
	display: inline-block;
}

#block-left, #block-right {
	display: inline-block;
	position: absolute;
	width: 50%;
	min-height: 100%;
	border: 1px solid #99CD4E;
	background-color: #1e1e1e;
}

#block-right {
	right: 0;
}

#block-left:hover, #block-right:hover {
	width: 0;
}

#form_add_post {
	display: none;
	padding-bottom: 20px;
}

#input_button_show {
	padding-top: 10px;
	padding-bottom: 20px;
}

#input_button_show a {
	width: 200px;
	height: 88px;
}

#edit_button {
	margin-bottom: 10px;
	padding: 3px;
	font-size: 20px;
	width: 200px;
	height: 88px;
	border: 5px #99CD4E solid;
	background-color: #1E1E1E;
	color: #99CD4E;
	vertical-align: top;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#time {
	margin-top: 2px;
	margin-right: 50px;
	text-align: right;
	color: LightGoldenRodYellow;
}

#calculator button {
	width: 100%;
	height: 100%;
	margin-bottom: 2px;
	border: 5px #99CD4E solid;
	background-color: #1E1E1E;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#calculator textarea {
	text-align: right;
	width: 100%;
	height: 40px;
}


.block_info {
   width: 356px;
   height: 222px;
   margin: 15px ;
   float: left;
   position: relative;
   box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}
.block_info:hover .binfo-info-front {
   box-shadow: 3px -3px 12px rgba(0,0,0,1);

   -webkit-transform: rotate3d(1,0,0,-180deg);
   -moz-transform: rotate3d(1,0,0,-180deg);
   -o-transform: rotate3d(1,0,0,-180deg);
   -ms-transform: rotate3d(1,0,0,-180deg);
   transform: rotate3d(1,0,0,-180deg);
}
.block_info:hover .binfo-info-back{
   background: rgba(224, 179, 119, 0.67); 
}

.binfo_wrap, .binfo-info{
   position: absolute;
   width: 356px;
   height: 222px;
   
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   
   -webkit-perspective: 1300px;
   -moz-perspective: 1300px;
   -o-perspective: 1300px;
   -ms-perspective: 1300px;
   perspective:1300px;
}
.binfo_wrap{
   top: 0;
   left:0;
   background: #f9f9f9;
}
.binfo-info{
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.binfo-info > div {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   background-position: center center;
   
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.binfo-info .binfo-info-front {
   z-index: 100;
   box-shadow: 
     inset 2px 1px 4px rgba(0,0,0,0.1);

   -webkit-transform-origin: 50% 100%;
   -moz-transform-origin: 50% 100%;
   -o-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   transform-origin: 50% 100% ;
}
 p.zh {
   font-size: 20px;
   font-style: italic;
   text-align: center;
   margin: 15px; 
}
.binfo-info-back p {
   padding: 0 15px;
}

.box_rezume ul {
	border: none;
}

.box_rezume li {
	float: right;
	width: 100%;
	text-align: center;
}

.box_rezume li.active a, .box_rezume li a:hover {
	border-radius: 8px 0 0 8px !important;
	outline: none;
	margin-right: 0;
	border: 1px solid #fff;
}

.box_rezume li a:hover {
	background-color: #99cd4e;
	color: inherit;
	outline: none;
	border: 1px solid #fff !important;
}

.text-right {
	text-align: right;
}

.box-tabs {
	padding-right: 0px;
}

.box-admin {
	background-color: white;
	color: darkorange;
	padding-top: 20px;
	padding-bottom: 20px;
}

.box-backgraund {
	background-color: #1E1E1E;
}

.button-admin {
	border: white 1px solid;
	background-color: white;
	color: darkorange;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.button-admin:hover {
	border: #1e1e1e 1px solid;
	background-color: #99CD4E;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}

/*** BUILD LANDING  **************************/

#div1, #div2 {
	float: left;
	width: 100%;
	min-height: 35px;
	border: 1px dotted black;
}

#drag1 {
	height: 100px;
	background-color: gold;
}
#drag1:hover {
	background-color: chartreuse;
}
.build-landing {
	background-color: #151515;
}

.build-landing .box-left {
	background-color: white;
	box-shadow: 0 0 10px 0;
}

.build-landing .box-left input {
	color: black;
}

.build-landing .box-left input:hover {
	background-color: red;

}

/*********************************************************/

.entry {
    float: left;
    width: 50%;
}
.entry {
    text-align: center;
    min-height: 30px;
    width: 50%;
    position: relative;
}

#shirt-tag div {
    width: 180px;
    height: 136px;
    margin-left: -90px;
    margin-top: -56px;
    background: #aaa;
    border-radius: 6px/60px;
    box-shadow: inset 0 -15px 30px rgba(0,0,0,0.35), inset -170px 0 0 #eee, inset 0 25px 5px rgba(0,0,0,0.3), inset 0 40px 5px rgba(0,0,0,0.2), -4px 7px 5px rgba(0,0,0,0.4);
}
.entry div {
    position: absolute;
    left: 50%;
    top: 50%;
}

#shirt-tag div::after {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    left: 50%;
    top: 65px;
    background-image: radial-gradient(circle at center, rgba(255,255,255,0) 10px, #bbb 10px, #bbb 14px, rgba(255,255,255,0) 14px), radial-gradient(circle at center, #bbb 3px, rgba(255,255,255,0) 3px);
    border: 4px solid #bbb;
    box-shadow: 1px 2px 1px #eee;
}
.entry div::before, .entry div::after {
    display: block;
    content: '';
    position: absolute;
}
#shirt-tag div::before {
    width: 220px;
    height: 100px;
    margin-left: -25px;
    margin-top: -4px;
    padding: 35px 0 4px 14px;
    content: '100% PROGRAMING';
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #bbb;
    text-shadow: 1px 2px 1px #fff;
    background-image: linear-gradient(to bottom, #666 5px, rgba(0,0,0,0.5) 5px, transparent 10px);
    border-top: 1px dashed #999;
}

/*** login LANDING  **************************/

.block-login {
	margin: 30% auto;
	background-color: #161616;
	overflow: hidden;
	border: 5px solid #99CD4E;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.block-login input {
	width: 100%;
	color: black;
	border: none;
}

.input-log {
	padding: 0;
	width: 100%;
}

.input-log:nth-child(1) input {text-align: right; border-right: 1px solid #ddd}

/***  admin  *********************************/

#panel3 input[type="text"] {
	margin-left: 10px;
	border: none;
	background-color: inherit;
}

#panel3 a {	float: right; }
#panel3 p:nth-child(even) { background-color: #ccc; }
#panel3 p:nth-child(odd) { background-color: #fff; }


/*********************************************/

.display-timer {
	padding-right: 5px;
	background-color: black;
}

@media(max-width: 990px) {
	.footer_cms {
		position: fixed;
		width: 100%;
		bottom: 0;
	}

	.footer_cms>div {
		width: 20%;
		min-height: 50px;
		display: inline-block;
		text-align: center;
		padding-top: 1.5%;
	}

	#vk {
		background-color: #507299;
	}

	#fb {
		background-color: #3B5998;
	}

	#sk {
		background-color: #00aff0;
	}

	#t {
		background-color: #41ABE1;
	}

	#ins {
		background-color: #833ab4;
	}
}

/******NEW*RESUME*****************/

.head-block {
	width: 100vw;
	height: 100vh;
	padding-top: 3vh;
	background-image: url('../images/banner.jpg');
	background-size: cover;
}

.head-block>.left-bar {
	height: 90vh;
	width: 15vw;
	margin-left: 2vw;
	color: #E9AD6F;
	background-color: #301504;
	box-shadow: 0 0 20px black;
	display: inline-block;
}

.head-block>.left-bar>img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.head-block>h1 {
	font-size: 4em;
	display: inline-block;
	vertical-align: top;
	margin-left: 30%;
	color: #A05E30;
}

.head-block>.box-portfolio {
	text-align: center;
	width: 13vw;
	height: 40vh;
	vertical-align: bottom;
	margin-bottom: 12.5vh;
	margin-left: 14vw;
	background-color: #000;
	display: inline-block;
	transform: rotate(54.5deg);
}

.test pre {
	color: white;
	width: 100%;
}

.test hr {
	background-color: white;
}