/* =========== 2016 DatalifeEngine.ir =========== */

@font-face { font-family: 'yekan'; src: url('../fonts/dle.eot') format('eot'), url("../fonts/dle.woff") format("woff"), url('../fonts/dle.ttf') format('truetype'); }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }

html { height: 100%; min-height: 100%; }
body { direction: rtl; color: #505050; line-height: 20px; word-wrap: break-word; font-family: 'yekan', 'b yekan', tahoma; font-size: 12px;min-height: 100%;background: url('../images/bg.jpg');
    background-color: #e4e7ea; }
html, html a { -webkit-font-smoothing: antialiased; }
.ltr { direction: ltr; }
.rtl { direction: rtl; }
.taleft { text-align: left; }
.taright { text-align: right; }

.padding-x {padding: 0 10px;}
p{margin-bottom:0.4em}
hr{border:0 none;border-top:1px solid #dbe8ed;height:1px}
ul{margin:0 0 18px 2em;list-style:disc outside}
ol{margin:0 0 18px 2.1em;list-style:decimal}
.clear{clear:both}
.left{float:left !important}
.right{float:right !important}

/* Configuring basic styles */
body, select, input, textarea, button {
	font: normal 15px/1.5 'yekan', 'b yekan', tahoma;
	color: #353535;
	outline: none;
}
	a {
		outline: none;
		color: #3394e6;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Headers H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	letter-spacing: -0.01em;
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('../img/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
*/
.jssora22l, .jssora22r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url('../img/a22.png') center center no-repeat;
	overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
/* END jssor slider */

.wrapper { width: 98%; margin:auto }
.footer h3{ font-size:18px}
.footer { background: #333; padding: 20px 0; color: #fff; }
.footer-col { float: right; width: 30%; padding-right: 19px; font-size: 12px; color: #ccc; text-align: justify; }
.footer-col h5 { font-size: 15px; color: #bfbfbf; border-bottom: 2px solid #3f3f3f; padding-bottom: 3px; margin-bottom: 10px; }
.footer-col li a { color: #ccc; display: inline-block; padding: 2px 0; border-bottom: 1px solid #2f2f2f; }
.footer-col li a:hover { border-bottom: 1px solid #0e98e8; color: #0e98e8; margin-right: 6px; }
.footer-col label { display: block; margin: 10px 0; color: #888; }
.footer-col label input { padding: 0 2%; display: block; width: 98%; margin-top: 4px; background: #fff; border: 1px solid #3f3f3f; height: 34px; color: #545454; border-radius: 3px; }
.footer-col label input::-webkit-input-placeholder { color: #6c6c6c; text-align: left; }
.footer-col label input[type='submit'] { width:102%; background: #0e98e8; color:#fff; border-color: #4bbdff; cursor: pointer; margin-top: 16px; }
.col-info { margin: 4px 0 8px 0; }
.col-info span { font-size: 18px; }
.col-info.en span { font-size: 15px; font-family: verdana; }
.col-info.location span { font-size: 13px; }

.copyright { padding: 9px; height:23px; margin-top: 15px; border-top:1px solid #1b292f; color: #bbb; }

.socials a { float: left; display: block; margin-right: 4px; }
.social-icon { width: 30px; height: 30px; background: url( '../images/sprites-social.png' ) no-repeat; display: inline-block; transition: .2s; border-radius: 2px; }
.social-icon.twitter { background-position: 0 0; }
.social-icon.twitter:hover { background-position: 0 -30px; }
.social-icon.facebook { background-position: -30px 0; }
.social-icon.facebook:hover { background-position: -30px -30px; }
.social-icon.google-plus { background-position: -60px 0; }
.social-icon.google-plus:hover { background-position: -60px -30px; }
.social-icon.linkedin { background-position: -90px 0; }
.social-icon.linkedin:hover { background-position: -90px -30px; }
.social-icon.instagram { background-position: -150px 0; }
.social-icon.instagram:hover { background-position: -150px -30px; }
.main, footer{width:1000px; margin:auto; box-shadow:0 0 44px rgba(0,0,0,.15);}
.main{ background:#FFF}
.menu-top { background-color: #333; width:100%; height:37px; color:#fff; position: relative; }
.menu-top ul, .footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.menu-top ul li ul { display: none; position: absolute; background: #333; width: 100%; height: 37px; top: 37px; right: 0; z-index: 1000; }
.menu-top ul li:hover ul { display: block; }

.menu-top li {
    float: right;
    font-size: 14px;
}

.menu-top li a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
	transition: .2s
}

.menu-top li a:hover{
    background-color: #585858;
}

.header{width: 1000px;
    height: 190px;
    background: url('../images/bg-flyrccar.jpg');
    background-size: 100%;}
.logo{width:300px; height:132px;position: absolute;z-index: 5;left: 50%; margin:10px auto 10px -150px}
.content{ width:70%; float:left; margin:1%; }
.sidebar{ width:26%; float:left; margin:1%;}
.date{margin:8px;font-size:13px;}
.block, .news { width:100%; box-shadow: 0px 2px 3px #ddd; border: 1px solid #e2e0e0; border-radius: 4px;margin-bottom: 20px;}
.title-b { font-size: 16px; padding: 7px 10px 0; border-bottom: 2px #ddd solid; display: block;}
.title-b span { padding-bottom: 7px; margin-bottom: -2px; border-bottom: 2px #df5f5f solid; display: inline-block; }
.text-b { padding: 8px; font-size: 13px; }
.text-b ul { list-style-type:  none; margin: 0; padding: 0; }
.text-b li { margin: 0; padding: 0; }
.text-b li a { display: block; padding: 4px 2px; color: #333; }
.news { min-height:356px; margin-top:10px;}
.showfull .pagetools { position: absolute; }
	.showfull .story { float: right; width: 100%; margin-top: 77px; }
	.showfull .comments, .showfull #dle-content .box { float: right; width: 100%; }
	.showfull #dle-content .rightside { margin: 0 0 0 -350px; }

	.showfull #dle-content .rightside .banner { padding: 0; }

	.story .title { font-size: 1.15em; }
	.story .box_in > .text { font-size: 1em; }

	.story_date > * { display: none; }
	.story_date > time { display: inline; }
	.category { display: none; }

	.story_tools, .editdate { margin-top: 20px; }
	.shortstory .story_tools > .rate { float: right; }
	.story_tools > .btn { padding: 0; height: 36px; width: 36px; text-align: center; }
	.story_tools > .btn:after, .story_tools > .btn:before { content: ""; }
	.story_tools > .btn > b, .story_tools > .btn:after, .story_tools > .btn:before {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
		margin: 11px 0 0 0;
		vertical-align: middle;
	}
	.story_tools > .btn > b { margin-left: 2px; margin-right: 2px; }


.grey { color: #919191; }
.grey a { color: inherit; }
.grey a:hover { color: #353535; }
.blue { color: #3394e6; }
.orange { color: #e85319; }

	.story > .meta { font-size: .9em; background-color: #f7f7f7; padding: 2% 8%; border-radius: 0 0 2px 2px; }
		.meta:after, .story_tools:after { clear: both; display: table; content: ""; }
		.meta > ul { list-style: none; padding: 0; margin: 0; }
		.meta > ul > li { display: inline; }
		.meta > ul.left > li { margin-right: 2em; }
		.meta > ul.right > li { margin-left: 2em; }
		.meta .icon { width: 16px; height: 16px; margin: -.2em 0 0 .4em; }
		.meta .icon-views { height: 18px; }

	.comment .meta { display: inline; }
	.comment .meta .right { margin: 9px 0 0 0; }
	.comment .meta .right .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.right > li { margin-left: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .right a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .right .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .right .del a { padding: 4px; }
		.comment .meta .right .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .right a:hover .icon { fill: #3394e6; }
		.comment .meta .right a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .right a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-left: .4em;
			vertical-align: middle;
		}
		.comment .meta .right .edit_btn > a { padding: 2px; margin-top: -4px; }
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: left; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list .comments-tree-list { list-style: none; padding: 0; margin: 0; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	#blind-animation .comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}

	/* Management review */
	.mass_comments_action { text-align: left; border-top: 1px solid #efefef; padding: 2% 8%; }
	.mass_comments_action > select { height: 36px; padding: 0 5px; width: 200px; margin-right: 1em; }

	.com_content > .title { margin-top: 4%; }
	.com_content > .text { font-size: 1.08em; }

/* --- Contacts --- */
#map { width: 100%; height: 400px; }
	.map_resp {
		width: 100%; padding-top: 60%; height: 0;
		position: relative;
	}
	.map_resp > #map {
		position: absolute;
		right: 0; top: 0; bottom: 0;
		height: auto;
	}
	.dark_top {
		border-radius: 2px 2px 0 0;
		color: #fff;
		background: #2c2c2c;
	}
	.contacts { font-size: 1.3em; }
	.contacts > .grid_1_2 { padding-right: 42px; }
	.contacts > .grid_1_2 .icon {
		float: right;
		margin: 5px -42px 0 0;
		width: 24px;
	}

.newnav ul{float:right;}
.menu-btn{position: absolute !important;
    left: 6px !important;
    top: 5px !important;
    width: 27px !important;
    height: 27px !important;
    border: 0 !important;
    background: #fff url(../shop/images/icon-find.png) no-repeat 4px center !important;
    border-radius: 50% !important;}
.menu-search{height: 29px !important;
    width: 240px !important;
    margin: 4PX !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.2) !important;
    color: #e2e2e2 !important;
    font-size: 14px !important;
    padding: 0 14px 5px 0 !important;
    display: inline-block !important;
}

/*
.shop-block-category, .shop-block-category ul, .shop-block-category li, .shop-block-category li a { list-style-type: none; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; }
.shop-block-category > li { position: relative; background: #EAEAEA !important; }
.shop-block-category > li > a { display: block; margin-right: 32px !important; background: #f0f0f0 !important; height: 32px; padding: 4px 6px 6px 6px !important; border-bottom: 1px solid #e0e0e0 !important; }
.shop-block-category > li > span { cursor: pointer; display: block; width: 32px; height: 32px; background: #EAEAEA; top: 0; right: 0;position: absolute; background-image: url( '../shop/images/icon-plus.png' ); background-repeat: no-repeat; background-position: center center; border-bottom: 1px solid #e0e0e0 !important; transition: .2s; }
.shop-block-category > li > span:hover { background-color: #e0e0e0; }
.shop-block-category > li.active > span { background-image: url( '../shop/images/icon-minus.png' ); }
.shop-block-category > li > ul { background: #f6f6f6 !important; display: none; }
.shop-block-category > li.active > ul { display: block ; }
.shop-block-category > li > ul > li > a { display: block; height: 32px; padding: 2px 11px 6px 6px !important; border-bottom: 1px solid #ECECEC !important; border-top: 1px solid #FFF !important; }
.shop-block-category > li > ul > li.active > a { background: #D8D8D8 !important; border-color: #CECECE !important; color: #000; }
*/

.modal { display: none; position: absolute; z-index: 1000000; }
.modal-bg { background: #fff; opacity: 0.8; position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 9999999; }
.modal-box { position: fixed; z-index: 99999999; top: 50%; right: 50%; background: #333; border-radius: 4px; width: 360px; height: 260px; margin-top: -130px; margin-right: -180px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.25); transition: .5s cubic-bezier(0.2, 1.12, 0.62, 1.35); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(600) scale(0.5) rotateX(-90deg); -moz-transform: perspective(600) scale(0.5) rotateX(-90deg); transform: perspective(600) scale(0.5) rotateX(-90deg); -webkit-transform-origin: center; -moz-transform-origin: center; transform-origin: center; }
.modal-title { position: relative; background: #0087AD; padding: 5px 12px 9px 12px; border-bottom: 1px solid #01A1CE; color: #fff; font-size: 17px; border-radius: 4px 4px 0 0; }
.modal-content { padding: 8px 12px; color: #fff; }
.modal-close { position: absolute; top: 7px; left: 7px; width: 20px; height: 20px; background: url('../images/close.png') center center no-repeat; cursor: pointer; transition: .3s; }
.modal-close:hover { background-color: rgba(255,255,255,.2); opacity: .5; }


.login-box { color: #DEDEDE; font-size: 13px; }
.login-desc { padding-bottom: 8px; }
.login-box input[type=text], .login-box input[type=password] { width: 100%; margin: 6px 0; color: #fff; background: #4C4C4C; border-radius: 3px; border: none; padding: 2px 8px 6px 8px; border-bottom: 1px solid #2B2B2B; }
.login-box label { display: inline-block; margin: 6px 0; }
.login-box label input { margin-left: 6px; }
.login-box input[type=submit] { background: #2cc36b; color: #fff; border: none; padding: 0 20px 5px 20px; border-radius: 4px; margin-top: 8px; cursor: pointer; }
.login-box input[type=submit]:hover { background: #2ecc71; }
.login-box .left a { display: inline-block; color: #fff; margin-top: 10px; }
.user-panel-box a { color: #fff; font-size: 13px; }

.user-panel-box .avatar { float: right; width: 120px; text-align: center; margin-top: 10px; }
.user-panel-box .user-info { float: right; width: 210px; padding-top: 10px; }
.user-panel-box .user-info li { list-style-type: none; }
.user-panel-box .user-info li a { color: #fff; display: block; padding: 2px 6px 6px 6px; background: #3C3C3C; border-radius: 3px; margin-bottom: 2px; }