/* Box */

	.boxozet { padding-left:10px ; display:block; box-sizing:content-box}
		.post-excerpt { padding-top:30px}

	.box.post {
		position: relative;
		padding-bottom:30px;
				border-bottom: solid 1px #ddd;

		

	}

		.box.post .info .stats {
			margin: 0;
			cursor: default;
			list-style: none;
			padding-left: 0;
			
		}
.box.post .info .stats li {
					padding-left: 0;
				}

					.box.post .info .stats li  {
						border-radius: 0.4em;
						
						-moz-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
						-webkit-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
						-ms-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
						transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
					}

					.box.post .info .stats li:hover a {
						background-color: #f4f4f4;
						opacity: 1.0;
					}

		

		/* Content */

			#content {
				box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
			}

			

	
			.box.post .info .stats li {
				font-size: 0.8em;
				text-decoration: none;
				color: #232323;
				font-weight: 700;
				line-height: 1em;
			}
			
			.statsmarka { 
			
			width:85px; max-height:50px;margin-left:-12px;
			}

	

	.box.text-style1 .inner {
		position: relative;
		background-color: rgba(0, 0, 0, 0.15);
		border-radius: 0.4em;
		padding: 1.25em;
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
	}


/* Content */

	#content {
		position: relative;
		background-color: #fff;
	
		border-radius: 0.5em;
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
	}

		#content > .inner {
			position: relative;
			z-index: 1;
			max-width: 1038px;
		}

.boxozet { padding-top:10px }


	

/* Wide */

	@media screen and (min-width: 1201px) {

		


		/* Box */

			.box.post h2 {
				
			}

			.box.post header {
				padding: 0 0 0 0;
				margin: 0 0 3em 0;
			}

				.box.post header > p {
					
					position: relative;
					top: -0.65em;
					margin-bottom: -0.65em;
				}

			.box.post .info {
				position: absolute;
				width: 5.5em;
				overflow: hidden;
				background-color: #fff;
				background-image: url("../images/bg02.png");
				left: -6.9em;
				top: 0;
				padding: 1.5em 1em 1.5em 0.7em;
				border-top-left-radius: 0.4em;
				border-bottom-left-radius: 0.4em;
				box-shadow: 0.25em 0 0 0 #fbfbfb, 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
			}

				.box.post .info .date {
					position: relative;
					z-index: 1;
				
					font-weight: 400;
					text-align: center;
					display: block;
					font-size: 1.0em;
					color: #999;
					border-bottom: solid 1px #ddd;
					padding: 0 0 1em 0;
					margin: 0 0 0.75em 0;
				}

					.box.post .info .date .year,
					.box.post .info .date .month span {
						display: none;
					}

					.box.post .info .date .day {
						display: block;
						margin: 0.25em 0 0 0;
						font-size: 1.0em;
						font-weight: 700;
						color: #1b252a;
					}

				.box.post .info .stats {
					position: relative;
					z-index: 1;
				}

					.box.post .info .stats li {
						margin: 1.25em 0 0 0;
					}

						.box.post .info .stats li a {
							position: relative;
							display: block;
							text-align: right;
							padding: 0 1.5em 0 0.5em;
						}

							.box.post .info .stats li a:before {
								position: absolute;
								left: 0;
								top: 50%;
								margin-top: -0.5em;
								font-size: 16px;
								width: 1.5em;
								text-align: center;
								opacity: 0.35;
							}
							.statsmarka { margin-top:10px; }

		/* Content */

			#content {
				padding: 2em 3em 6em 3em;
				margin-left: 5em;
			}
			

	}

/* Narrow */

	

/* Mobile */

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

		.boxheader, .boxozet { padding:10px }
		.boxheader { padding-top:30px }
		.post-excerpt { padding-top:30px}
.post-excerpt:first-child { padding-top:0px}
		/* Section/Article */

			section, article {
				clear: both;
				
			}

	.search-block { margin-top:10px;  }

		
		/* Box */

			.box.post {
				padding-bottom: 5em;
						border-bottom: none

				
			}

				

				.box.post .info {
				
					width: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					text-align:center;
					
					border-bottom: solid 1px #ddd;
					padding-bottom: 2.0em;
					
					
					
					
				}

					.box.post .info .date {
						display: inline;
						border-left: solid 1px #ddd; padding-left:15px
					}

						.box.post .info .date .year, .box.post .info .date .month span {
							
						}

					.box.post .info .stats {
						display: inline;
						border-left: solid 1px #ddd;
						margin-left: 0.75em;
						padding-left: 0.75em;
						
						
						
						
					}

						.box.post .info .stats li {
							display: inline-block;
							
							
							
							position:relative
						}

							.box.post .info .stats li a {
								display: inline-block;
								
							}

								.box.post .info .stats li a:before {
									position: relative;
									top: 0.1em;
									margin-right: 0.5em;
									opacity: 0.35;
								}

								.box.post .info .stats li a:active {
									opacity: 1.0;
								}
								
								
								.statsmarka  {margin-top:12px;margin-left:-20px;}
		
	

		/* Content */

			#content {
				margin-top: 0px;
				
								box-shadow: 0 0 0.1em 0em rgba(0, 0, 0, 0.25);

			}
			

		
	}

/* Off-Canvas Sidebar */

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

		

		/* Content */

			#content {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				margin-top: 0px;
				margin-left: 0;
				margin-right: 0;
				min-height: 0 !important;
			}

			}
   /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
			
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /*jssor slider bullet skin 132 css*/
        .jssorb132 {position:absolute;}
        .jssorb132 .i {position:absolute;cursor:pointer;}
        .jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
        .jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
        .jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
        .jssorb132 .i.idn {opacity:0.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
	#jssor_1 { position:relative;margin:0 auto;left:0px;width:1600px;height:660px;overflow:hidden;visibility:hidden;}
	.slides{cursor:default;position:relative;padding-top:150px;left:0px;width:1600px;height:660px;overflow:hidden;}
	
		@media screen and (max-width: 736px) {
	#jssor_1 { margin-top:-15px;  }
	
		}