/*
 * 
 * PressLayer Framework - http://www.presslayer.com
 * Developed by PressLayer team - info@presslayer.com
 * Licensed under GPLv2 
 * 
 */
 
/** HTML5 display definitions
================================================== **/
	article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
	audio,canvas,video{display:inline-block;}
	audio:not([controls]){display:none;height:0;}
	[hidden],template{display:none;}

/** Base
================================================== **/
	html{font-size: 14px; font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
	body{margin:0; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  line-height: 20px;  color: #444;}
	body.rtl { direction:rtl}
	@media only screen and (max-width: 767px) {
	  body {word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto; }
	}

/** Links
================================================== **/
	a{background:transparent; color: #f0bf4a; text-decoration: none;}
	a:focus{outline:thin dotted;}
	a:active,
	a:hover{outline:0; text-decoration: underline; color: #333;}

/** Typography
================================================== **/
	h1, h2, h3, h4, h5, h6 {
		font-family:"Georgia", "Times New Roman", Helvetica, Arial, sans-serif;	
		font-weight: normal; color: #333; text-rendering: optimizeLegibility; margin:0; margin-bottom: 15px;
	}
	h1.hl, h2.hl, h3.hl, h4.hl, h5.hl, h6.hl { color: #f0bf4a } /* hl mean highlight */
	
	h1 {font-size: 32px; line-height: 38px;}
	h2 {font-size: 28px; line-height: 34px;}
	h3 {font-size: 24px; line-height: 30px;}
	h4 {font-size: 20px; line-height: 26px;}
	h5 {font-size: 16px; line-height: 22px;}
	h6 {font-size: 14px; line-height: 20px;}
	* + h1,* + h2,* + h3,* + h4,* + h5,* + h6 { margin-top:15px;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333; font-weight: inherit; }
	abbr[title]{border-bottom:1px dotted;}
	b,strong{font-weight:bold;}
	dfn{font-style:italic;}
	hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0; border:none; border-bottom:1px solid #ddd; clear: both; margin: 20px 0 20px; }
	em { color: #888; }
	mark{background:#ff0;color:#000;}
	code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
	pre{white-space:pre-wrap;}
	q{quotes:"\201C" "\201D" "\2018" "\2019";}
	small{font-size:80%;}
	sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup{top:-0.5em;}
	sub{bottom:-0.25em;}
	p { margin:0; margin-bottom: 10px; padding:0; line-height:24px; }
	* + p { margin-top:10px; }
	blockquote, blockquote p { font-weight:bold; }
	blockquote{ padding: 0 0 0 35px; margin:0 0 10px 0; position:relative;}
	blockquote:before { content: "\f10d"; font-family:"FontAwesome"; font-size:22px; font-weight:normal; color:#ddd; position:absolute; left:3px; top:3px;}
	blockquote cite{color: #888; display: block; font-size: 12px;font-style:normal; font-weight:normal; text-align:right}
	blockquote cite:before{content: "- ";}

/** Lists
================================================== **/
	ul, ol, dl { margin:0 0 10px 0; padding:0; list-style-position: inside; text-indent: 2px; }
	ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl dl, dl ul, dl ol { padding-left:25px;}
	.prl-list-line, .prl-list-line * { list-style:none; }
	.prl-list-line { padding:0; }
	.prl-list-line li { }
	.prl-list-line li:nth-child(n+2) { margin-top:5px; padding-top:5px; border-top:1px solid #ddd; }
	.prl-list-arrow, .prl-list-arrow * { list-style:none; }
	.prl-list-arrow { padding:0; }
	.prl-list-arrow li:before { content: "\f0da"; font-family:"FontAwesome"; font-size:12px; vertical-align:middle; margin-right:5px; color:#888 }

/** Embedded content
================================================== **/
	img{border:0; max-width:100%; vertical-align:bottom;}
	svg:not(:root){overflow:hidden;}

/** Figures
================================================== **/
	figure{margin:0;}

/** Forms
================================================== **/
	.prl-form-row + .prl-form-row{ margin-top:10px; }
	.prl-form-help-inline { margin-left:10px; font-size:12px; color: #888 }
	body.rtl .prl-form-help-inline { margin-left:0; margin-right:10px;}
	label { display:inline-block; margin-bottom:7px; font-weight:bold; cursor:pointer}
	input[type="checkbox"] + label, input[type="radio"] + label { font-weight:normal; margin-bottom:5px; line-height:1; vertical-align:middle}
	fieldset{border: 0; margin: 0; padding: 0;}
	legend{border:0;padding:0;}
	button,input,select,textarea{
		font-family:inherit;font-size:100%; margin:0; -moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	button,input{line-height:normal;}
	button,select{text-transform:none;}
	button,html input[type="button"],
	input[type="reset"],
	input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
	button[disabled],html input[disabled]{cursor:default;}
	input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0; display: inline;}
	input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
	button::-moz-focus-inner,
	input::-moz-focus-inner{border:0;padding:0;}
	input[type="text"],	input[type="password"],	input[type="email"],textarea,select {
		background-color:#f9f9f9; border: 1px solid #ddd; font-size:12px; padding: 7px 10px; outline: none;
		-moz-border-radius: 2px;-webkit-border-radius: 2px;	border-radius: 2px; 
		color: #333; margin: 0; width: 100%; display: block; margin-bottom: 20px; 
		box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
		border-color: #999; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2);
	}
	textarea{ overflow:auto; vertical-align:top; min-height: 80px; }
	.placeholder { color: #999!important; }

/** Media
================================================== **/
	iframe, object, embed {border: 0;}

/** Tables
================================================== **/
	table {border-collapse:collapse; border-spacing:0;	width:100%;	border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size:13px;}
	table caption { border:1px solid #ddd; border-bottom:none; text-align: center; font-weight: bold; padding:10px 0; text-transform:uppercase; }
	table,td, th { text-align:left; }
	th{padding:10px;}
	td{padding:10px;}
	tfoot td{border:0px;}
	th,tr:hover{}
	table { text-align: left; margin: 0 -1px 0 0; width: 100%; }
	tr th,
	thead th { padding: 9px 0; text-align:center; font-weight:bold }
	tr td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 6px; text-align:center; }
	tr.odd td {}
	th{ background: #f9f9f9; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
	thead th{border-right: 1px solid #ddd;}
	tr.odd td {background: #F2F7FC;}
	table td:hover { background-color:#f9f9f9;}

/** Buttons
================================================== **/
	button, 
	input[type=submit],
	input[type=button],
	.prl-button{
		display:inline-block; padding: 8px 15px; margin-bottom:5px; background-color: #f0bf4a;color:#fff !important;
		font-size:12px;line-height:normal; text-transform:uppercase; font-weight:bold;	
		text-decoration: none; border:0; border-radius:2px; position: relative;
		-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	}
	button:hover, input[type=submit]:hover,input[type=button]:hover,.prl-button:hover,button:active,
	input[type=submit]:active,input[type=button]:active,.prl-button:active{opacity: 0.8;filter:alpha(opacity=80); text-decoration:none}
	
	/* Button sizes */
	button.large, input[type=submit].large,input[type=button].large,.prl-button.large{padding:10px 25px; font-size:16px;}
	button.small, input[type=submit].small,input[type=button].small,.prl-button.small{padding:4px 10px; font-size:11px;}
	button.fullwidth, input[type=submit].fullwidth,input[type=button].fullwidth, .prl-button.fullwidth{ display:block; width: 100%; padding-left:0; padding-right:0; text-align:center; }
	
	/* Button colors */
	button.skyblue, input[type=submit].skyblue,input[type=button].skyblue, .prl-button.skyblue{ background-color:#26a2b6;}
	button.blue, input[type=submit].blue,input[type=button].blue, .prl-button.blue{background-color:#008fd5;}
	button.green, input[type=submit].green,input[type=button].green, .prl-button.green{background-color: #5BB75B;}
	button.yellow, input[type=submit].yellow,input[type=button].yellow, .prl-button.yellow{background-color:#f0bf4a;}
	button.orange, input[type=submit].orange,input[type=button].orange, .prl-button.orange{background-color:#f39c12;}
	button.red, input[type=submit].red,input[type=button].red, .prl-button.red{ background-color:#ff7474;}
	button.magenta, input[type=submit].magenta,input[type=button].magenta, .prl-button.magenta{background-color:#b9298f;}
	button.black, input[type=submit].black,input[type=button].black, .prl-button.black{background-color:#111;}
	button.light, input[type=submit].light,input[type=button].light, .prl-button.light{ background-color:#fff; border:1px solid #eee; color: #888!important}


/** Thumbnails
================================================== **/
	.prl-thumbnail { display: block } /* Fix Firefox image's max-width */
	.prl-overlay {  display: inline-block; position: relative; max-width: 100%; vertical-align: middle; }
	.prl-overlay .prl-overlay-area { 
		position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); 
		opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear;
	}
	.prl-overlay:hover .prl-overlay-area { opacity: 1; border:5px solid #f0bf4a}
	.prl-overlay-area:before { 
		content: "\f002"; position: absolute; top: 50%; left: 50%; 
		width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;
		font-size: 40px; line-height: 1; font-family: "FontAwesome"; text-align: center; color: #fff;
	}
	
	.prl-overlay-area.o-photo:before {content: "\f03e";}
	.prl-overlay-area.o-video:before {content: "\f01d";}
	.prl-overlay-area.o-audio:before {content: "\f028";}
	.prl-overlay-area.o-chat:before {content: "\f0e6";}
	.prl-overlay-area.o-file:before {content: "\f0f6";}

/** Articles
================================================== **/
	
	/* Article tags */
	.prl-article-tags { margin-bottom:0; }
	.prl-article-tags .prl-article-tags-header{font-size:11px; color: #999; text-transform:uppercase; font-weight:bold; }
	.prl-article-tags a{ background-color: #f5f5f5; border-radius: 2px; line-height:normal; padding:5px 8px; font-size:12px; color: #444; display:inline-block; margin-left:5px; margin-bottom:5px;  white-space: nowrap  }
	.prl-article-tags a:hover { text-decoration:none; background-color: #f0bf4a; color: #fff;}
	
	/* Article share */
	.prl-article-share a {float:left; height:28px; line-height:28px; width:28px; text-align:center; margin-right:5px; background-color:#47639e; color:#fff; border-radius: 2px; }
	.prl-article-share a.fa:hover { text-decoration:none; background-color: #666;}
	.prl-article-share a.fa-facebook { background-color: #47639e}
	.prl-article-share a.fa-twitter { background-color: #27b6f2}
	.prl-article-share a.fa-google-plus { background-color: #dd4b39}
	.prl-article-share a.fa-pinterest { background-color: #cb2026}
	
	/* Article author */
	.prl-article-author { border-top:1px solid #ddd; padding:20px; }
	.prl-article-author .author-avatar{ margin-right:15px; margin-bottom:15px; }
	body.rtl .prl-article-author .author-avatar{ margin-right:0; margin-left:15px; } 	
	.prl-article-author h5 { margin-bottom:0; }
	.prl-article-author p { margin-top:5px; font-size:12px; color: #888; }

/** Comment list
================================================== **/
	.prl-comment {  }
	.prl-comment-header {margin-right: 15px; float: left;}
	body.rtl .prl-comment-header { margin-right:0; margin-left:15px; float:right; }
	.prl-comment-header:before,
	.prl-comment-header:after {content: " ";display: table;}
	.prl-comment-header:after {clear: both;}
	.prl-comment-avatar {}
	.prl-comment-title {margin: 0px 0 10px 0; font-size: 16px;line-height: 22px;}
	.prl-comment-meta {margin: 0; font-size: 11px; line-height: 16px;color: #999;}
	.prl-comment-body { margin-left:85px; background-color:#fafafa; border-radius: 2px; padding:15px; position:relative}
	body.rtl .prl-comment-body { margin-left:0; margin-right:85px; }
	.prl-comment-body:before {
		border-top: 15px solid #fafafb;	border-left: 15px solid transparent;
		content: '';height: 0;	left: -13px; position: absolute; top: 0;	width: 0;
	}
	body.rtl .prl-comment-body:before { border-left:none; border-right: 15px solid transparent; left:auto; right:-13px; }
	.bypostauthor > .prl-comment > .prl-comment-body { background-color:#444; color: #ddd;  } 
	.bypostauthor > .prl-comment > .prl-comment-body:before { border-top-color:#444} 
	.bypostauthor > .prl-comment > .prl-comment-body .prl-comment-title { color: #fff; }
	
	.prl-comment-body > :last-child {margin-bottom: 0;}
	.prl-comment-list { padding: 0; list-style: none; }
	.prl-comment-list .prl-comment + ul { margin: 20px 0 0 0; padding-left: 85px; list-style: none;}
	
	body.rtl .prl-comment-list .prl-comment + ul { padding-left:0; padding-right:85px;}
	
	.prl-comment-list > li:nth-child(n+2),
	.prl-comment-list .prl-comment + ul > li:nth-child(n+2) { margin-top: 20px;}
	
	@media (max-width: 768px) {
		.prl-comment-header { display:none; }
		.prl-comment-body { margin-left:0; }
		body.rtl .prl-comment-body { margin-right:0; }
		.prl-comment-body:before { display:none; }
		.prl-comment-list .prl-comment + ul { padding-left: 15px; }
		body.rtl .prl-comment-list .prl-comment + ul { padding-left:0; padding-right:15px;}
	}
	

/** Badges
================================================== **/
	.prl-badge {
	  display: inline-block;  padding: 3px 5px; background: #e74c3c;
	  font-size: 10px; font-weight: normal; line-height: normal; font-family: Arial, Helvetica, sans-serif; 
	  color: #fff; text-align: center; text-transform: none; border-radius: 2px; vertical-align: middle
	}
	.prl-badge.cyan { background-color: #1abc9c;}
	.prl-badge.skyblue { background-color: #26a2b6;}
	.prl-badge.blue {background-color: #008fd5;}
	.prl-badge.green {background-color: #5BB75B;}
	.prl-badge.yellow {background-color: #f0bf4a;}
	.prl-badge.orange {background-color: #ff5c00;}
	.prl-badge.red {background-color: #ff7474;}
	.prl-badge.magenta {background-color: #b9298f;}

/** Alerts
================================================== **/
	.prl-alert {padding: 10px; margin-bottom: 18px; color: #c09853;background-color: #fcf8e3; border: 1px solid #fbeee0;  border-radius: 2px;}
	.prl-alert.success {color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
	.prl-alert.error {color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}
	.prl-alert.info {color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;}

/** Paginations
================================================== **/
	.prl-pagin a {
		border-radius: 2px;margin-right:4px;padding:6px 10px;display: inline-block; 
		text-decoration: none !important; background-color:#f9f9f9;	color: #333; font-size: 12px; line-height:1em;
	}
	.prl-pagin.prl-pagin-right { text-align:right; }
	.prl-pagin.prl-pagin-right a{ margin-left:4px; margin-right:0;}
	.prl-pagin.prl-pagin-center { text-align:center; }
	.prl-pagin.prl-pagin-center a{ margin:0 2px;}
	.prl-pagin a:hover,
	.prl-pagin a:focus {background-color: #f5f5f5;}
	.prl-pagin a.more { border: 0 none !important;background: transparent !important;margin-left: 0;margin-right: 0;}
	.prl-pagin a.active {background-color: #f0bf4a; color:#fff; }

/** Accordions
================================================== **/
	.prl-accordion { width: 100%; }
	.prl-accordion section:nth-child(n+2){margin-top:15px;}
	.prl-accordion a.head {
		display:block; height:auto; padding:0px 15px; line-height:36px; 
		color:#333; text-decoration:none;background-color:#f9f9f9;position:relative;
		font-size:12px; font-weight:bold; text-transform:uppercase; border-radius: 2px;
	}
	.prl-accordion section a.head:hover, 
	.prl-accordion section.active a.head { background-color:#f0bf4a; color: #fff; }
	.prl-accordion a.head:after { 
		position:absolute; right:0; top:1px; line-height:36px; height:36px; width:36px; content: "\f067"; font-family:"FontAwesome";
		font-size:10px;text-align: center; font-weight:normal;
	} 
	body.rtl .prl-accordion a.head:after { right:auto; left:0; }
	.prl-accordion section.active a.head:after { content: "\f068"; }
	.prl-accordion section div.acc-content{ margin-top:15px; padding:0; display:none; overflow:hidden;}

/** Tooltips
================================================== **/
	.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
	.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
	.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
	.tipsy-arrow-n { border-bottom-color: #000; }
	.tipsy-arrow-s { border-top-color: #000; }
	.tipsy-arrow-e { border-left-color: #000; }
	.tipsy-arrow-w { border-right-color: #000; }
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/** Navigation bar
================================================== **/	
	.navbar {
		background-color:#f0bf4a; height: 46px; margin-bottom:20px;
	}
	.navbar.navbar-sticky { position:fixed; width:100%; top:0; left:0; right:0; z-index:200}
	
	/* Navbar toggle */
	.navbar-toggle {
		background-color:#f0bf4a;	color: #444; display: inline-block; padding:0 18px; height:46px; line-height:46px;
	}
	.navbar-toggle:hover { background-color:#4e4e4e; color:#f0bf4a; text-decoration:none; }
	.navbar-toggle:focus { outline:none;}
	.navbar-toggle:before { content: "\f0c9"; font-family:"FontAwesome"; font-size:17px; line-height:46px; }
	.navbar-toggle.navbar-toggle-search:before {content: "\f002"; }
	.navbar-toggle.navbar-toggle-mail:before {content: "\f0e0"; }
	.navbar-toggle.navbar-toggle-close:before {content: "\f00d"; color:#ff7474 }
	
	.navbar-toggle .navbar-toggle-text { margin-left:5px; font-weight:bold; }

/** Grids
================================================== **/
	.prl-container { max-width: 1060px; margin:0 auto; position:relative; padding:0 20px;  }
	.prl-grid { margin: 0 0 0 -20px; padding: 0; list-style: none; }
	.prl-grid > [class*='prl-span-'] {
		margin: 0; margin-bottom: 20px; padding-left: 20px; float: left; 
		box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	/* Right to left */
	body.rtl .prl-grid { margin: 0 -20px 0 0; }
	body.rtl .prl-grid > [class*='prl-span-'] {
		padding-left: 0;  padding-right: 20px; float: right; 
	}
	
	.prl-grid .prl-grid [class*='prl-span-'] { margin-bottom:0; }
	.prl-span-1{width:8.33%;}
	.prl-span-2{width:16.66%;}
	.prl-span-3{width:25%;}
	.prl-span-4{width:33.33%;}
	.prl-span-5{width:41.66%;}
	.prl-span-6{width:50%;}
	.prl-span-7{width:58.33%;}
	.prl-span-8{width:66.66%;}
	.prl-span-9{width:75%;}
	.prl-span-10{width:83.33%;}
	.prl-span-11{width:91.66%;}
	.prl-span-12{width:100%;}
	
	/* Smaller screen */
	@media only screen and (max-width: 1200px) {
		.prl-container { max-width: 940px; }
	}
	
	/* Tablet */
	@media only screen and (max-width: 959px) {
		.prl-container { max-width: 748px; }
	}
	
	/* Mobile */
	@media only screen and (max-width: 767px) {
		.prl-container { max-width: 500px; padding-left:15px; padding-right:15px; }
		.prl-grid > [class*='prl-span-']{ width:100%; float: none;}
		.prl-grid .prl-grid > [class*='prl-span-']{ margin-bottom: 20px; }
		.prl-grid .prl-grid > [class*='prl-span-']:last-child { margin-bottom:0;}
	}

/** Clearfixes
================================================== **/
	.prl-container:before,.prl-container:after,
	.prl-grid:before,.prl-grid:after,
	.clearfix:before,.clearfix:after{content:" ";display:table}
	.prl-container:after,.prl-grid:after,.clearfix:after{clear:both}
	.clearfix{zoom:1}
	
/** toTop
================================================== **/
	#toTop { 
		background-color:rgba(0,0,0,0.7); position: fixed; right:40px; bottom:40px; 
		width:40px; height:40px; line-height:40px; text-align:center;
		-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display:none;
	}
	body.rtl #toTop { right:auto; left:40px;}
	#toTop:hover { color: #fff; }
	#toTop i { font-size:14px;}

/** Offcanvas
================================================== **/
	.prl-offcanvas { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; background: rgba(0, 0, 0, 0.1);}
	.prl-offcanvas.prl-active {display: block;}
	.prl-offcanvas-page { 
		position: fixed; 
		-webkit-transition: margin-left 0.3s ease-in-out 50ms; 
		transition: margin-left 0.3s ease-in-out 50ms;
	}
	.prl-offcanvas-page.page-rtl{
		-webkit-transition: margin-right 0.3s ease-in-out 50ms; 
		transition: margin-right 0.3s ease-in-out 50ms;
	}
	.prl-offcanvas-bar { 
		background: #333;  
		position: fixed; top: 0; bottom: 0;left: 0; 
		-webkit-transform: translateX(-100%);transform: translateX(-100%); 
		z-index: 1011; width: 270px; max-width: 100%;
		-webkit-box-shadow:inset -4px 0 4px 0 rgba(0,0,0,0.3);
		box-shadow:inset -4px 0 4px 0 rgba(0,0,0,0.3);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		color: #fff;
	}
	.prl-offcanvas.prl-active .prl-offcanvas-bar.prl-offcanvas-bar-show { -webkit-transform: translateX(0%); transform: translateX(0%); }
	.prl-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); }
	
	
	body.rtl .prl-offcanvas-bar {
		-webkit-box-shadow:inset 4px 0 4px 0 rgba(0,0,0,0.3);
		box-shadow:inset 4px 0 4px 0 rgba(0,0,0,0.3);
		left:auto; right:0;  -webkit-transform: translateX(100%); transform: translateX(100%);
	}
	
	body.rtl .prl-offcanvas-bar-flip { -webkit-box-shadow:inset -4px 0 4px 0 rgba(0,0,0,0.3);
		box-shadow:inset -4px 0 4px 0 rgba(0,0,0,0.3); right: auto; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }


/** Mobile
================================================== **/
	.mobile-nav {position:relative;display:block;}
	.mobile-nav ul {list-style:none;padding:0;	margin:0;}
	.mobile-nav li {position:relative;padding:0; margin:0;}
	.mobile-nav li a {
		line-height:40px; height:40px; display:block; color:#ddd;
		border-bottom:1px solid #444; padding:0 15px; font-weight: bold;
	}
	.mobile-nav li a:hover { background:#353535; color:#fff; text-decoration:none; }
	.mobile-nav li ul.nav-submenu { display:none ; background-color:#444}
	.mobile-nav li li { margin:0; } 
	.mobile-nav li li a {background:#222; border-bottom:1px solid #333; color:#aaa; font-weight:normal;}
	.mobile-nav li li a:hover {background:#222;}
	
	/* Clickable */
	.mobile-nav li span.nav-click {
		display:block; position:absolute; top:0; right:0; height:40px; width:40px;
		cursor:pointer;	line-height:40px; text-align: center;
	}
	body.rtl .mobile-nav li span.nav-click { right:auto; left:0;}
	.mobile-nav li span.nav-click:after { content: "\f078";font-family:"FontAwesome"; color: #999; font-size:12px; line-height:40px;}
	.mobile-nav li span.nav-click.nav-click-up{ }
	.mobile-nav li span.nav-click.nav-click-up:after{content: "\f077"; color:#fff;  }

/** WordPress Styles
================================================== **/

	/* Gallery-caption */
	.gallery-caption
	
	/* Sticky */
	.sticky{}
	
	/* By post author */
	.bypostauthor{}
	
	/* Aligns */
	.aligncenter{ display:block; margin:0 auto;}
	.alignright{float:right;margin:0 0 10px 20px;}
	.alignleft{	float:left; margin:0 20px 10px 0;}
	.alignnone{ float:none;}
	.size-full {}
	
	/* Floats */
	.floatleft{ float:left}
	.floatright{ float:right}
	body.rtl .floatleft { float:right; }
	body.rtl .floatright { float:left; }
	
	/* Text style */
	.textcenter{ text-align:center}
	.textright{ text-align:right}
	.textleft{ text-align:left}
	
	/* Captions */
	.wp-caption{ max-width: 100% !important; margin-top:5px; }
	.wp-caption{ text-align:center; background-color:#f9f9f9;}
	.wp-caption img{margin:0; padding:0; border:0 none; max-width: 100%; }
	.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:5px 0; margin:0;}
	
	/* Smiley reset */
	.wp-smiley{	margin:0 !important; max-height:1em;}
	
	/* Blockquote */
	blockquote.left{margin-right:20px;text-align:right;	margin-left:0; width:33%; float:left;}
	blockquote.right{margin-left:20px;text-align:left;	margin-right:0;	width:33%; float:right;}
	
	/* Img attachment */
	#img-attch-page{text-align: center;	overflow: hidden;}
	#img-attch-page img{display: inline-block;margin: 0 auto; max-width: 100%;border: 5px solid #d4d4d4; /*for IE*/width: 100%;-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;	border-color: rgba(0,0,0, 0.08);-webkit-transition: border 0.3s ease; -o-transition: border 0.3s ease; -moz-transition: border 0.3s ease;}
	#img-attch-page a:hover img{border-color: #fc7251;}
	#img-attach-page-content{text-align: center;margin-top: 25px;}