@charset "utf-8";
*{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-style:normal;
	direction:rtl;
	font-family:"IranSans","IranSans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	font-size:15px;}

ul,li{
	list-style:none;
}
a{
	text-decoration:none;
}
b{
	font-weight:bold;
}
img{
	max-width:100%;
}
.main{
	width:85%;
	margin:0 auto;
}
.clear{
	clear:both;
}
body{
	overflow-x:hidden;
}
r{
	width:100%;
	float:right;
	background:url(images/bg-header.jpg) no-repeat bottom fixed;
	background-size:cover;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.05);
	margin-bottom:50px;
}
header .bg{
	width:100%;
	float:right;
	background:url(/upload/picture/bg-header.jpg) no-repeat bottom fixed;
	background-size:100%;
}
header nav{
	width:100%;
	float:right;
	background-color:rgba(255,255,255,0.5);
}
header nav a.link{
	float:left;
	font-size:14px;
	color:#333;
	padding:2px 10px;
	margin:3px 0px;
	border-right:1px #ccc solid;
}
header nav a.link i{
	float:left;
	margin:3px 5px 0px 5px;
	color:#f73246;
}
header nav a.link:last-child{
	border-right:0px;
}
header nav a.contact-link{
	padding:5px 10px;
	float:right;
	font-size:14px;
	color:#fff;
	background-color:#f73246;
}
header .header-top{
	width:100%;
	float:right;
}
header .logo{
	float:left;
	width:200px;
	margin:10px 0px;
}
header .menu{
	width:calc(100% - 215px);
	float:right;
	margin-top:15px;
}
header .menu a{
	float:right;
	font-size:14px;
	padding:3px 10px;
	color:#333;
}
header .menu a.home{
	color:#f73246;
	font-weight:bold;
}
header .show{
	width:40px;
	height:40px;
	font-size:17px !important;
	color:#fff !important;
	text-align:center;
	display:none !important;
	justify-content:center;
	flex-direction:column;
	background-color:#f73246;
	padding:0px !important;
}
header .header-top.fixed{
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	background-color:#fff;
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.15);
	z-index:99999999;
	width:100%;
}
header .header-top.fixed .logo{
	margin:10px 0px;
}
header .header-top.fixed .menu{
	margin:17px 0px;
}
header .header-top.fixed nav{
	background-color:#f5f5f5;
}
header .phone{
	width:100%;
	float:right;
	color:#333;
}
header .title{
	width:100%;
	float:right;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	padding:15px 0px;
	margin-top:10px;
}
header .title div{
	font-size:15px;
	color:#f73246;
	display:inline-block;
	font-weight:bold;
	margin:0px 10px;
}
header .side{
	width:calc(50% - 150px);
	float:right;
}
header .side .part{
	width:100%;
	float:right;
	padding:20px 0px;
}
header .side .part .icon{
	width:50px;
	height:50px;
	border-radius:50%;
	text-align:center;
	float:right;
	display:inline-flex;
	justify-content:center;
	flex-direction:column;
	font-size:13px;
	color:#fff;
	background-color:#f73246;
}
header .side.right .part .icon{
	float:left;
}
header .side.right .part h3{
	text-align:left;
}
header .side .part h3{
	width:calc(100% - 70px);
	float:right;
	font-size:18px;
	padding:8px 10px;
}
header .device{
	width:270px;
	float:right;
	height:524px;
	background:url(https://tavizpelak.com/upload/picture/phone.png) no-repeat;
	background-size:cover;
	position:relative;
	margin:0px 15px -50px 15px;
}
header .device .owl-carousel{
	margin:65px 30px 35px 25px;
	width: calc(100% - 55px) !important;
	height:calc(100% - 100px);
	overflow:auto;
	color:#fff;
}
header .device .owl-carousel .item{
	padding-left:30px;
}
header .device .owl-carousel .item h2{
	width:100%;
	float:right;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
header .device .owl-carousel .item p{
	width:100%;
	float:right;
	text-align:center;
	font-size:14px;
}
.title-asli{
	width:100%;
	float:right;
	text-align:center;
	margin-bottom:10px;
}
.title-asli h3{
	width:100%;
	float:right;
	font-size:15px;
	color:#333;
	font-weight:bold;
}
.title-asli h3 div{
	color:#f73246;
	font-weight:bold;
	display:inline-block;
}
.title-asli p{
	font-size:14px;
	color:#666;
}
.title-asli a{
	display:inline-block;
	padding:4px 10px;
	border-radius:25px;
	color:#fff;
	font-size:15px;
	margin-top:5px;
}
.title-asli .border{
	width:250px;
	margin:10px auto;
	display:inline-block;
	border-bottom:2px #f8b5b7 solid;
	height:13px;
	font-size:18px;
	color:#f73246;
}
.title-asli .border i{
	background-color:#fff;
	border-radius:50%;
	padding:5px;
}
.blog-mini,.blog-big,.about,.contact{
	width:100%;
	float:right;
	padding:30px 0px;
}
.blog-right{
	width:calc(100% - 345px);
	float:right;
	padding:20px 0px;
}
.blog-right.home{
	width:calc(100% );
	float:right;
	padding:20px 0px;
}
.blog-left{
	width:325px;
	float:left;
	padding:20px 0px;
}
.blog-right .post{
	width:calc(33.33% - 40px);
	float:right;
	margin:10px;
	padding:10px;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	border-radius:5px;
}
.blog-right .post .photo{
	width:100%;
	object-fit: contain;
	aspect-ratio: 1;
	float:right;
}
.blog-right .post .title, .blog-right .post .title h2{
	width:100%;
	float:right;
	height: 72px;
	overflow:hidden;
	word-break: normal;
}
.blog-right .post .title h2 a{
	width:100%;
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#6f6f6f;
	margin:10px 0px 5px 0px;
}
.blog-right .post .title h2 a:hover, .blog-right .post .info span a:hover{
	color:#f73246;
}
.blog-right .post .text{
	width:100%;
	height:70px;
	overflow:auto;
	float:right;
	font-size:13px;
	color:#3b3b3b;
	opacity:0.75;
}
.blog-right .post:hover .text{
	opacity:1;
}
.blog-right .post .info{
	width:100%;
	float:right;
	margin-top:10px;
}
.blog-right .post .info span{
	float:right;
	font-size:12px;
	opacity:0.75;
	color:#3b3b3b;
}
.blog-right .post .info span.solid{
	border-left:1px #b4b4b4 solid;
	padding-left:10px;
	margin-left:5px;
}
.blog-right .post .info span i{
	margin:0px 5px;
}
.blog-right .post .info span a{
	color:#3b3b3b;
}
.blog-right .post .info a.more{
	float:left;
	color:#6e6e6e;
	margin-left:5px;
	font-size:17px;
}
.blog-right .post .info a.more:hover{
	color:#f73246;
}
.blog-right .post .info a.more span{
	font-size:10px;
	margin-top:3px;
	opacity:0;
}
.blog-right .post .info a.more:hover span{
	opacity:0.8;
	margin-left:5px;
}
.blog-right .post-more,.blog-right .share,.blog-right .comments{
	width:calc(100% - 40px);
	float:right;
	padding:10px;
	margin:10px;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	border-radius:5px;
}
.blog-right .post-more .photo{
	width:100%;
	float:right;
}
.blog-right .post-more .title{
	width:100%;
	float:right;
	margin-top:10px;
}
.blog-right .post-more .title h2{
	float:right;
}
.blog-right .post-more .title h2 a{
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#6f6f6f;
}
.blog-right .post-more .title h2 a:hover, .blog-right .post-more .title a:hover{
	color:#f73246;
}
.blog-right .post-more .title span{
	float:left;
	font-size:12px;
	opacity:0.75;
	color:#3b3b3b;
	margin-top:1px;
}
.blog-right .post-more .title span.solid{
	border-right:1px #b4b4b4 solid;
	padding-right:5px;
	margin-right:10px;
}
.blog-right .post-more .title span i{
	margin:0px 5px;
}
.blog-right .post-more .title span a{
	color:#3b3b3b;
}
.blog-right .post-more .text{
	width:100%;
	float:right;
	margin-top:5px;
	font-size:13px;
	color:#3b3b3b;
	opacity:0.75;
}
.blog-right .post-more:hover .text{
	opacity:1;
}
.blog-right .post-more .tags{
	width:100%;
	float:right;
	margin-top:15px;
	padding-bottom:10px;
	border-top:1px #efefef solid;
}
.blog-right .post-more .tags b{
	width:100%;
	float:right;
	margin:8px 0px;
	color:#333;
}
.blog-right .post-more .tags a{
	display:inline-block;
	padding:3px 10px 0px 10px;
	margin-bottom:3px;
	border-radius:15px;
	color:#404040;
	font-size:12px;
	border:1px #f73246 solid;
}
.blog-right .share span{
	float:right;
	font-size:14px;
	color:#666;
}
.blog-right .share span i{
	margin-left:5px;
	color:#969ba8;
}
.blog-right .share a{
	float:left;
	text-align:center;
	color:#565656;
	width:35px;
	margin-top:4px;
	border-right:1px #d7d8d8 solid;
}
.blog-right .share a i{
	position:relative;
	margin-top:-1px;
	display:inherit;
}
.blog-right .comments .title{
	width:100%;
	float:right;
	color:#f73246;
	font-size:15px;
}
.blog-right .comments .title i{
	margin-left:3px;
}
.blog-right .comments .send{
	width:100%;
	float:right;
	margin-top:15px;
}
.blog-right .comments .send input,.contact .body .side form input[type="text"],.contact .body .side form input[name="subject"]{
	width:calc(50% - 25px);
	padding:8px 10px;
	border:0px;
	margin-bottom:10px;
	font-size:14px;
	background-color:#f2f2f2;
	color:#333;
	border-radius:3px;
}

.blog-right .comments .send textarea,.contact .body .side form textarea{
	width:calc(100% - 20px);
	float:right;
	padding:10px;
	border:0px;
	font-size:14px;
	background-color:#f2f2f2;
	color:#333;
	border-radius:3px;
}
.blog-right .comments .send input[type="submit"]{
	float:left;
	padding:4px 10px;
	border:0px;
	margin-top:10px;
	font-size:14px;
	background-color:#f73246;
	color:#fff;
	cursor:pointer;
	border-radius:3px;
	border:1px #f73246 solid;
}
.blog-right .comments .send input[type="submit"]:hover,.contact .form input[type="submit"]:hover{
	background-color:#fff;
	color:#f73246;
}
.blog-right .comments .send input[type="submit"]:hover,.blog-right .comments .send input[type="submit"]:focus,.blog-right .comments .send input[type="text"]:focus,.blog-right .comments .send input[type="email"]:focus,.blog-right .comments .send textarea:focus, .blog-right .comments .send input[type="text"]:hover,.blog-right .comments .send input[type="email"]:hover,.blog-right .comments .send textarea:hover,.contact .body .side form input:hover,.contact .body .side form input:focus,.contact .body .side form textarea:hover,.contact .body .side form textarea:focus{
	box-shadow:inset 0px 0px 8px rgba(0, 0, 0, 0.15);
}
.contact .body .side form input[type="submit"]{
	float:left;
	padding:4px 10px;
	border:0px;
	margin-top:10px;
	font-size:14px;
	background-color:#4fcf3e;
	text-shadow:0px 0px 2px rgba(0, 0, 0, 0.30);
	color:#fff;
	cursor:pointer;
}
.blog-right .comments ol{
	width:calc(100% - 20px);
	float:right;
	margin:5px 10px 0px 10px;
}
.blog-right .comments ol li{
	margin:10px 0px;
}
.blog-right .comments ol li,.blog-right .comments ol li .info{
	width:100%;
	float:right;
}
.blog-right .comments ol li .info img{
	width:50px;
	height:50px;
	float:right;
	margin-bottom:5px;
	border-radius:50%;
}
.blog-right .comments ol li .info .name{
	width:150px;
	float:right;
	margin-right:10px;
}
.blog-right .comments ol li .info .name b{
	width:100%;
	float:right;
	font-size:14px;
	color:#7f7f7f;
}
.blog-right .comments ol li .info .name span{
	width:100%;
	float:right;
	font-size:12px;
	color:#7f7f7f;
}
.blog-right .comments ol li .info a.answer{
	float:left;
	color:#7f7f7f;
	font-size:14px;
	margin-top:8px;
}
.blog-right .comments ol li .info a.answer:hover{
	color:#f73246;
}
.blog-right .comments ol li .info .rate{
	float:left;
	margin:8px 0px 0px 10px;
}
.blog-right .comments ol li .info .rate a.up,.blog-right .comments ol li .info .rate a.down{
	float:left;
	font-size:14px;
	padding:0px 10px;
}
.blog-right .comments ol li .info .rate a.up span,.blog-right .comments ol li .info .rate a.down span{
	margin-right:5px;
	color:#8f8f8f;
}
.blog-right .comments ol li .info .rate a.down i{
	color:#ff0000;
	font-size:16px;
	margin-top:3px;
	float:right;
}
.blog-right .comments ol li .info .rate a.up i{
	color:#1cdb13;
	font-size:16px;
	margin-top:3px;
	float:right;
}
.blog-right .comments ol li .info .rate a:hover{
	opacity:0.5;
}
.blog-right .comments ol li .text{
	width:100%;
	float:right;
	margin-top:5px;
	font-size:13px;
	color:#3b3b3b;
	opacity:0.75;
}
.blog-right .comments ol li:hover .text{
	opacity:1;
}
.blog-right .comments ol li ul{
	width:calc(100% - 50px);
	float:left;
	margin-top:10px;
}
.blog-right .comments ol li ul li img{
	border:1px #f73246 solid;
}
.blog-right .comments ol li ul li .info .name b{
	width:auto;
	float:right;
	font-size:14px;
	color:#fff;
	background-color:#f73246;
	border-radius:3px;
	padding:2px 8px;
	margin-bottom:2px;
}
.blog-right .pages{
	width:calc(100% - 20px);
	float:right;
	margin:10px;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	border-radius:5px;
}
.blog-right .pages samp{
	float:left;
	font-size:14px;
	color:#6b6b6b;
	padding:5px 0px;
	text-align:center;
	width:110px;
	border-right:1px #eee solid;
}
.blog-right .pages a{
	float:left;
	font-size:14px;
	color:#6b6b6b;
	padding:5px 15px;
	border-right:1px #eee solid;
}
.blog-right .pages span{
	float:left;
	font-size:14px;
	cursor:pointer;
	color:#fff;
	background-color:#f73246;
	padding:5px 15px;
	border-right:1px #eee solid;
}
.blog-right .pages a.end{
	float:right;
	font-size:14px;
	color:#6b6b6b;
	border:0px;
	padding:5px 0px;
	text-align:center;
	width:85px;
}
.blog-right .pages .numbers{
	width:calc(100% - 200px);
	float:left;
}
.blog-left .block{
	width:100%;
	float:right;
	margin:10px 0px;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	border-radius:5px;
}
.blog-left .block .title{
	width:100%;
	float:right;
	margin-bottom:15px;
	height:22px;
	border-bottom:8px #eee solid;
}
.blog-left .block .title h3{
	float:right;
	font-size:15px;
	color:#6b6b6b;
	padding:0px 10px;
	margin:12px 15px 0px 0px;
	background-color:#fff;
}
.blog-left .block .content{
	width:calc(100% - 20px);
	float:right;
	margin:0px 10px 5px 10px;
}
.blog-left .block .content li{
	width:100%;
	float:right;
	border-radius:5px;
	margin-bottom:5px;
	border-right:1px #eee solid;
	border-bottom:2px #eee solid;
}
.blog-left .block .content li img{
	width:58px;
	height:58px;
	border-radius:50%;
	float:right;
	margin:5px 11px;
}
.blog-left .block .content li .entery{
	width:calc(100% - 90px);
	float:right;
}
.blog-left .block .content li .entery h2{
	font-size:13px;
	float:right;
	width:100%;
}
.blog-left .block .content li .entery h2 a{
	color:#6b6b6b;
	float:right;
	width:100%;
}
.blog-left .block .content li .entery h2 a:hover{
	color:#f73246;
}
.blog-left .block .content li .entery span{
	float:right;
	font-size:12px;
	opacity:0.5;
	color:#3b3b3b;
}
.blog-left .block .content li .entery span.solid{
	border-left:1px #b4b4b4 solid;
	padding-left:10px;
	margin-left:5px;
}
.blog-left .block .content li .entery span i{
	margin:0px 5px;
}
.blog-left .text-ad{
	float:right;
	width:calc(100% - 30px);
	margin:10px 0px;
	padding:10px 15px;
	border-radius:5px;
	background:#f73246;
	color:#fff;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
}
.blog-left .text-ad.telegram{
	background:#47b1e5 url(images/telegram.png) no-repeat top left;
}
.blog-left .text-ad.telegram:hover{
	background:#47b1e5 url(images/telegram-h.png) no-repeat top left;
}
.blog-left .text-ad span{
	width:100%;
	float:right;
	font-size:16px;
	font-weight:bold;
}
.blog-left .text-ad samp{
	width:100%;
	float:right;
	opacity:0.85;
	font-size:13px;
}
.blog-mini .post{
	width:calc(33.33% - 50px);
	float:right;
	padding:15px;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.15);
	margin:10px;
}
.blog-mini .post .photo{
	width:100%;
	object-fit: contain;
	aspect-ratio: 1;
	background-color: rgba(255, 161, 172, 0.29);
	float:right;
}
.blog-mini .post .entery,.blog-mini .post .entery .title,.blog-mini .post .entery .title h2{
	width:100%;
	float:right;
}
.blog-mini .post .entery .title h2 a{
	width:100%;
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#6f6f6f;
	margin-top:15px;
}
.blog-mini .post .entery a.info{
	color:#f73246;
	font-size:16px;
}
.blog-mini .post .entery .content{
	width:100%;
	float:right;
	font-size:14px;
	color:#555;
}
.blog-mini .post .entery a.more{
	color:#f73246;
	font-size:16px;
	font-weight:bold;
	float:left;
}

.blog-mini .link-blog{
	width:100%;
	float:right;
	text-align:center;
	font-size:15px;
	margin-top:10px;
}
.blog-mini .link-blog a{
	color:#555;
}
.box{
	width:100%;
	float:right;
	color:#fff;
	text-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);
	text-align:center;
}
@-webkit-keyframes none-cut{
	100%{
	background-position: -1000px center;
	}
}
@keyframes none-cut{
	100%{
	background-position: -1000px center;
	}
}
.box.none-cut{
	padding:50px 0px;
	background:url(/upload/picture/bg-box-1.jpg) repeat-x fixed;
	background-size:cover;
	-webkit-animation-name:none-cut;
	animation-name:none-cut;
	-webkit-animation-duration:50s;
	animation-duration:50s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.box.none-cut h1{
	width:100%;
	float:right;
	font-size:15px;
	font-weight:bold;
}
.box.none-cut h2{
	width:100%;
	float:right;
	font-size:10px;
}
.box.amar{
	background:#333 url(images/amar.jpg) no-repeat fixed bottom;
	background-size:cover;
	padding:40px 0px;
}
.box.amar li{
	width:calc(25% - 20px);
	float:right;
	padding:0px 10px;
	text-align:center;
}
.box.amar li i{
	width:100%;
	float:right;
	font-size:60px;
}
.box.amar li b{
	width:100%;
	float:right;
	font-size:13px;
	margin:10px 0px 0px 0px;
}
.box.amar li span{
	font-size:16px;
}
.about .side{
	width:calc(33.33% - 40px);
	float:right;
	padding:20px;
}
.about .side .title{
	width:100%;
	float:right;
	color:#333;
	font-size:10px;
	margin-top:20px}
.about .side .title h3{
	font-weight:bold;
	display:inline-block;
	max-width:calc(100% - 35px);
	float:right;
}
.about .side .title i{
	float:right;
	margin:6px 0px 0px 10px;
	font-size:14px;
}
.about .side p{
	width:100%;
	float:right;
	color:#555;
	font-size:14px;
	margin-top:5px;
}
.about .tandis{
	width:calc(33.33% - 40px);
	float:right;
	margin:40px 20px 0px 20px;
}
.contact .form{
	width:calc(100% - 315px);
	float:right;
}
.contact .form input[type="text"]{
	width:calc(50% - 30px);
	float:right;
	padding:9px;
	margin:5px;
	border:1px #ffcdd2 solid;
	font-size:14px;
	color:#333;
	text-align:center}
.contact .form input[name="subject"]{
	width:calc(100% - 30px);
}
.contact .form textarea{
	width:calc(100% - 30px);
	float:right;
	padding:9px;
	margin:5px;
	border:1px #ffcdd2 solid;
	font-size:14px;
	color:#333;
	height:70px;
}
.contact .form input[type="submit"]{
	float:left;
	padding:5px 10px;
	margin:5px;
	font-size:14px;
	color:#fff;
	border:0px;
	cursor:pointer;
	background-color:#f73246;
	border:1px #f73246 solid;
}
.contact ul{
	width:300px;
	float:left;
}
.contact li{
	width:100%;
	float:right;
	padding:10px 0px;
	font-size:16px;
}
.contact li i{
	font-size:10px;
	color:#f73246;
	float:right;
	width:30px;
}
.contact li span,.contact li a{
	max-width:calc(100% - 30px);
	float:right;
	font-size:14px;
	color:#555;
}
.contact .map{
	width:100%;
	float:right;
	height:300px;
	border:0px;
	margin-top:20px;
}
footer{
	width:100%;
	float:right;
	padding:15px 0px;
	color:#fff;
	background:#f73246 url(images/footer.png) no-repeat bottom;
}
footer .social{
	width:410px;
	float:left;
}
footer .social a{
	width:50px;
	height:50px;
	float:left;
	font-size:13px;
	border:1px #fff solid;
	display:inline-flex;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	transform:rotate(45deg);
	margin:0px 15px;
	text-align:center;
}
footer .social a i{
	transform:rotate(-45deg);
}
.copyright{
	width:calc(100% - 425px);
	float:right;
	padding:12px 0px;
}
.copyright a{
	color:#FFF;
	font-size:15px;
}
.copyright i{
	vertical-align: middle;
	margin:0px 5px;
	font-size: 20px;
}
.copyright .fa-heart{
	color: #C03232;
}
.copyright .fa-html5{
	color: #3AB4F6;
}
.copyright .fa-css3{
	color: #F9720E;
}
@media only screen and (max-width:1030px){
	.blog-right .post{
	width:calc(50% - 40px);
}
}
@media only screen and (max-width:980px){
	header .side .part h3{
	font-size:15px;
}
}
@media only screen and (max-width:900px){
	.blog-right{
	width:calc(100% - 310px);
	float:right;
	padding:20px 0px;
}
.blog-left{
	width:290px;
	float:left;
	padding:20px 0px;
}
}
@media only screen and (max-width:800px){
	.main{
	width:95%;
}
header .menu{
	position:fixed;
	top:0px;
	right:-150px;
	height:calc(100% - 40px);
	overflow:auto;
	bottom:0px;
	width:150px;
	margin:0px;
	padding:20px 0px;
	background-color:#fff;
	z-index:999999999999999999999999999999999999999999999999999999999999999999999999;
}
header .menu a{
	width:calc(100% - 20px);
	padding:5px 10px;
	border-bottom:1px #eee solid;
}
header .show#hiden{
	display:inline-flex !important;
	margin:15px 0px 5px 0px;
	float:right;
}
header .show#show2{
	display:inline-flex !important;
	margin:0px 10px 10px 0px;
	float:right;
	width:40px;
	border-bottom:0px;
}
header .side,.blog-right,.blog-left,.copyright,footer .social{
	width:100%;
}
.blog-right,.blog-left{
	padding:0px;
}
header .side.right .part h3{
	text-align:justify;
}
.copyright{
	text-align:center;
}
footer{
	background-size:cover;
}
footer .social{
	text-align:center;
	margin:10px 0px;
}
footer .social a{
	float:none;
}
header .side .part .icon{
	float:left;
}
header .side .part,.copyright{
	padding:10px 0px;
}
header .device{
	width:100%;
	margin:15px 0px;
	background-image:none;
	background-color:#f73246;
	height:200px;
}
header{
	margin-bottom:0px;
}
header .device .owl-carousel{
	margin:15px;
	width:calc(100% - 30px) !important;
	height:170px;
}
header .title{
	font-size:15px;
}
.title-asli h3{
	font-size:15px;
}
.title-asli a{
	font-size:13px;
}
.box.none-cut{
	padding:30px 0px;
}
.blog-mini, .blog-big, .about, .contact{
	padding:20px 0px;
}
.box.none-cut h1{
	font-size:15px;
}
.box.none-cut h2{
	font-size:10px;
}
.about .side{
	padding:0px;
	width:100%;
}
.about .tandis{
	width:auto;
	display:block;
	margin:30px auto 0px auto;
}
.about .side p{
	margin-bottom:20px;
}
.about .side .title{
	margin-top:0px;
}
}
@media only screen and (max-width:600px){
	.blog-mini .post,.blog-mini .post:nth-child(5){
	width:calc(100% - 30px);
	margin:10px 0px;
}
.blog-mini .post:nth-child(5) .photo,.blog-mini .post:nth-child(5) .entery,.contact .form,.contact ul{
	width:100%;
}
}
@media only screen and (max-width:480px){
	.blog-right .post,.blog-right .post-more, .blog-right .share, .blog-right .comments{
	width:calc(100% - 20px);
	margin:10px 0px;
}
.blog-right .pages{
	width:100%;
	margin:10px 0px;
}
}
@media only screen and (max-width:420px){
	.box.amar{
	padding:30px 0px;
}
.box.amar li i{
	font-size:10px;
}
.box.amar li b{
	font-size:18px;
}
.box.amar li span{
	font-size:14px;
}
.box.amar li{
	width:calc(50% - 20px);
	padding:10px;
}
}
@media only screen and (max-width:320px){
	header nav a.link,header nav a.contact-link{
	font-size:12px;
}
}