مرحلة المراهقة هي المرحلة الثانية في حياة الطفل. يعيش خلالها تغيرات فيزيولوجية قصوى. ولكن على عكس المرحلة الأولى، والتي كان فيها طفلا، فهو يعي ويلاحظ التغيرات التي تحصل له ويواجهها في الواقع.
ميزات مرحلة المراهقة متماثلة، بمفهوم معين، لدى كل فتى وفتاة. لكنها ليست متماثلة أو موحدة في وقت حدوثها وطبيعتها. هنالك من يعيش التغيرات الفيزيولوجية المميزة لسن المراهقة في بداية هذه المرحلة، وهنالك من يعيشها متأخرا. من المهم أن نذكر أنه ليست هنالك بالضرورة علاقة بين التغيرات الفيزيولوجية التي يعيشها الفتى أو الفتاة في سن المراهقة وبين التغيرات النفسية والسلوكية التي يعيشونها في الوقت نفسه. على الفتيان والفتيات التأقلم مع مميزات سن المراهقة المختلفة، أحيانا معا، أو لوحدهم في أحيان أخرى.
من الناحية الفيزيولوجية، ينخفض موعد مرحلة المراهقة باستمرار. وهو ينخفض، أحيانا، من جيل إلى اخر، لكنه ينخفض اليوم بسرعة أكبر. إذا كانت مرحلة المراهقة تبدأ في الماضي في سن 15 – 16 عاما، فهنالك من يدعي اليوم بأن هذه المرحلة تبدأ في سن 10 سنوات – 12سنة. ويكمن سبب ذلك في ظاهرة السمنة الشائعة لدى الفتيان والفتيات في المجتمعات الغربية بشكل خاص، ما يؤدي إلى نضوج فيزيولوجي مبكر، إضافة إلى حقيقة أن الفتيان والفتيات يعيشون اليوم نضوجا جنسيا مبكرا، نسبيا.
النضوج الجنسي والاهتمام بالمظهر الخارجي لا يظهران في سن المراهقة فقط، بل انهما يشكلان بمعنى معين لب مرحلة المراهقة. السبب الأساسي لمنح هذا الجيل اهتماما كبيرا من ناحية فيزيولوجية، هو التغيرات التي تحول الفتيان والفتيات من أطفال إلى أشخاص بالغين، وهو تغير يترافق مع تيقظ فيزيولوجي يتيح وجود نشاط جنسي، ما يمكنهم من بناء عائلة في يوم من الأيام.
يتغير في مرحلة المراهقة المظهر الخارجي لدى الفتيان والفتيات بشكل كبير. في هذه السن يحصلون على خمسة وعشرين بالمئة من طولهم، ونحو أربعين بالمئة من وزنهم النهائي (هذا بافتراض أنهم لا يغيرونه بطرق طبيعية أو غير طبيعية)، كما أنهم يعيشون تغيرات فيزيولوجية أخرى.
خطأ 404 | |
/* ====================
* CSS RESET
* ==================== */
*{}body,p{margin:0;font-size:100%;font-family:AltFont}span{font-family:inherit}h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0;font-size:100%;font-weight:400;font-family:inherit}a{margin:0;padding:0;text-decoration:none;line-height:1.5em}ul,li,ol{margin:0;padding:0;list-style:none;font-family:inherit}input,textarea{outline:none;border:none;background:none;font-family:inherit}img{border:0;max-width:100%}abbr{border:none!important;outline:none!important;text-decoration:none!important}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.blog-admin{display:none}#uds-searchControl{display:none}.clear{clear:both;display:block;width:100%}object{max-width:100%}.widget-item-control,.date-header{display:none}
/* ====================
* Loading Spinner
* ==================== */
body.spinner{background:$(wrapper)}
#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:$(wrapper);z-index:9999;-webkit-transition:0.5s linear;-o-transition:0.5s linear;transition:0.5s linear;}
.overlay-loader{display:block;margin:auto;width:97px;height:97px;position:relative;top:50%;margin-top:-48.5px;left:0;right:0;bottom:0}.loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:97px;height:97px;animation-name:rotateAnim;-o-animation-name:rotateAnim;-ms-animation-name:rotateAnim;-webkit-animation-name:rotateAnim;-moz-animation-name:rotateAnim;animation-duration:.4s;-o-animation-duration:.4s;-ms-animation-duration:.4s;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}.loader div{width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;border:1px solid $(keycolor);position:absolute;top:2px;left:0;right:0;bottom:0;margin:auto}.loader div:nth-child(odd){border-top:0;border-left:none}.loader div:nth-child(even){border-bottom:0;border-right:0}.loader div:nth-child(2){border-width:2px;left:0;top:-4px;width:12px;height:12px}.loader div:nth-child(3){border-width:2px;left:-1px;top:3px;width:18px;height:18px}.loader div:nth-child(4){border-width:3px;left:-1px;top:-4px;width:23px;height:23px}.loader div:nth-child(5){border-width:3px;left:-1px;top:4px;width:31px;height:31px}.loader div:nth-child(6){border-width:4px;left:0;top:-4px;width:39px;height:39px}.loader div:nth-child(7){border-width:4px;left:0;top:6px;width:49px;height:49px}@keyframes rotateAnim{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0deg);tranksform:rotate(0deg)}}@-webkit-keyframes rotateAnim{from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0deg)}}
/* ====================
* Levon Classes
* ==================== */
#TempColor{color:$keycolor}
.fadeOut{opacity:0}
*:not(.notr){-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.hide{display:none}
/* ====================
* Owl Styles
* ==================== */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* ====================
* Main Style
* ==================== */
body{background:$(body.background);overflow-x:hidden}
body.b-overflow{overflow:hidden;background:none}
body.tiled-back{background-size:cover}
.no-select .t-code,.no-select .t-code *{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
body.wide-back .mainWrapper{max-width:100%;width:100%}
main.wide-container{border:none;width:100%;padding:0 30px}
.mainWrapper{margin:0 auto;background-color:$(wrapper);box-shadow:0 0 10px 3px rgba(0,0,0,0.1)}
.middle-container{overflow:hidden}
main{vertical-align:top}
.rtl main{float:right;padding:0 30px 0 20px;border-left:1px solid $(lines)}
.ltr main{float:left;padding:0 20px 0 30px;border-right:1px solid $(lines)}
aside{vertical-align:top}
.rtl aside{float:right;padding:0 20px 0 10px;border-right:1px solid $(lines);margin-right:-1px}
.ltr aside{float:left;padding:0 10px 0 20px;border-left:1px solid $(lines);margin-left:-1px}
/* ====================
* Header
* ==================== */
#HeaderTop h2,#HeaderBot h2,#HTML100 h2{display:none}
.head-color{background-color:$(top.back)}
#HeaderTop{width:100%;padding:0 30px;height:51px}
.res-butt1{width:30px;height:30px;-webkit-border-radius:3px;border-radius:3px;padding:8px 5px 0;background-color:$(top.pages.lines);cursor:pointer;display:none}
.rtl .res-butt1{float:right}
.ltr .res-butt1{float:left;}
.res-butt1 span{display:block;height:3px;margin-bottom:3px;-webkit-border-radius:100px;border-radius:100px;background-color:$(top.pages.color)}
.menu-active{display:block!important}
#PageList1{padding:10px 0;max-width:65%;vertical-align:top;position:relative}
.rtl #PageList1{float:right}
.ltr #PageList1{float:left}
.res-butt1.but-active{background-color:$keycolor}
.res-butt1.but-active span{background-color:#FFF}
#PageList1 li{display:inline-block;vertical-align:top}
#PageList1 li a{color:$(top.pages.color);font-family:BlogFont,AltFont;font-size:13px;display:block;margin:2px 5px 0;padding:5px 13px;-webkit-border-radius:100px;border-radius:100px;position:relative}
li.selected a{background-color:$(top.pages.hover.back);color:$(top.pages.hover.color)}
#PageList1 li.selected a, #PageList1 li a:hover{background-color:$(top.pages.hover.back);color:$(top.pages.hover.color)}
#PageList1 li a:after{content:"|";position:absolute;display:inline-block;color:$(top.pages.lines)!important}
.rtl #PageList1 li a:after{left:-30px;margin-left:20px;}
.ltr #PageList1 li a:after{right:-30px;margin-right:20px;}
#PageList1 li:last-of-type a:after{display:none}
#LinkList100{min-width:190px;max-width:35%;position:relative;z-index:9;vertical-align:top;height:50px;padding:10px 0}
.rtl #LinkList100{text-align:left;float:left;}
.ltr #LinkList100{text-align:right;float:right;}
#LinkList100 ul{float:left;width:-webkit-calc(100% - 60px);width:calc(100% - 60px)}
.t-search.fa{background-color:$keycolor;width:50px;height:51px;text-align:center;margin-top:-10px;color:#FFF;font-size:24px;padding-top:10px}
.rtl #SRCH{float:left;margin-right:10px}
.ltr #SRCH{float:right;margin-left:10px}
.search-form{position:absolute;top:8px;width:100%;height:1px;}
.rtl .search-form{left:61px}
.ltr .search-form{right:61px}
.search-form input{background-color:$(top.back);position:relative;z-index:2;font-family:blogfont,AltFont;padding:7px 0;border-bottom:2px solid $(top.social.back);width:0;color:$(top.pages.color);width:0;-webkit-transition:0.3s linear;-o-transition:0.3s linear;transition:0.3s linear;}
input.search-open{padding:7px 10px;width:-webkit-calc(100% - 60px);width:calc(100% - 60px)}
.hide-social{margin-top:-40px;opacity:0}
.search-wide{width:180px;float:left}
#LinkList100 li{display:inline-block;vertical-align:top}
#LinkList100 li a{margin-bottom:10px;color:$(top.social.color);background-color:$(top.social.back);width:30px;text-align:center;height:30px;padding-top:7px;-webkit-border-radius:2px;border-radius:2px;position:relative}
#LinkList100 li a span{background-color:$(top.social.title.back);color:$(top.social.title.color);padding:10px;-webkit-border-radius:2px;border-radius:2px;position:absolute;font-size:11px;top:40px;right:-webkit-calc(50% - 35px);right:calc(50% - 35px);width:70px;opacity:0;visibility:hidden;text-transform:capitalize;font-family:AltFont}
#LinkList100 li a span:before{content:"";border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:7px solid $(top.social.title.back);position:absolute;top:-7px;left:-webkit-calc(50% - 4px);left:calc(50% - 4px);display:block;z-index:5}
#LinkList100 li a:hover span{opacity:.95;top:50px;visibility:visible}
#LinkList100 li a:hover{color:#FFF}
#LinkList100 ul:hover li{opacity:.7}
#LinkList100 ul li:hover{opacity:1}
.fa.fa-facebook:hover, #LinkList102 .fa-facebook {background-color:#3b5998!important}
.fa.fa-twitter:hover, #LinkList102 .fa-twitter {background-color:#55acee!important}
.fa.fa-rss:hover, #LinkList102 .fa-rss {background-color:#f26522!important}
.fa.fa-dribbble:hover, #LinkList102 .fa-dribbble {background-color:#ea4c89!important}
.fa.fa-google-plus:hover, #LinkList102 .fa-google-plus {background-color:#dd4b39!important}
.fa.fa-google:hover, #LinkList102 .fa-google {background-color:#dd4b39!important}
.fa.fa-pinterest:hover, #LinkList102 .fa-pinterest {background-color:#cc2127!important}
.fa.fa-linkedin:hover, #LinkList102 .fa-linkedin {background-color:#0976b4!important}
.fa.fa-youtube:hover, #LinkList102 .fa-youtube {background-color:#e52d27!important}
.fa.fa-wordpress:hover, #LinkList102 .fa-wordpress {background-color:#1081B1!important}
.fa.fa-digg:hover, #LinkList102 .fa-digg {background-color:#476BA3!important}
.fa.fa-drupal:hover, #LinkList102 .fa-drupal {background-color:#008BCA!important}
.fa.fa-github:hover, #LinkList102 .fa-github {background-color:#000000!important}
.fa.fa-flickr:hover, #LinkList102 .fa-flickr {background-color:#FF0084!important}
.fa.fa-tumblr:hover, #LinkList102 .fa-tumblr {background-color:#304E6C!important}
.fa.fa-instagram:hover, #LinkList102 .fa-instagram {background-color:#723ef3!important}
.fa.fa-delicious:hover, #LinkList102 .fa-delicious {background-color:#DEDEDF!important}
.fa.fa-bitcoin:hover, #LinkList102 .fa-bitcoin {background-color:#f7931a!important}
.fa.fa-behance:hover, #LinkList102 .fa-behance {background-color:#009fff!important}
.fa.fa-soundcloud:hover, #LinkList102 .fa-soundcloud {background-color:#FF5419!important}
.fa.fa-khamsat:hover, #LinkList102 .fa-khamsat {background-color:#f9b01c!important}
.fa.fa-traidnt:hover, #LinkList102 .fa-traidnt {background-color:#59c5c4!important}
.fa.fa-asnad:hover, #LinkList102 .fa-asnad {background-color:#d4145a!important}
.fa.fa-hao123:hover, #LinkList102 .fa-hao123 {background-color:#0ba26d!important}
.fa.fa-picalica:hover, #LinkList102 .fa-picalica {background-color:#615d9b!important}
.fa.fa-blogger:hover, #LinkList102 .fa-blogger {background-color:#fc9644!important}
.fa.fa-telegram:hover, #LinkList102 .fa-telegram {background-color:#32AEE1!important}
.fa.fa-mostaql:hover, #LinkList102 .fa-mostaql {background-color:#2caae2!important}
.fa.fa-digg:hover, #LinkList102 .fa-digg {background-color:#476BA3!important}
.fa.fa-quora:hover, #LinkList102 .fa-quora {background-color:#a82400!important}
.fa.fa-spotify:hover, #LinkList102 .fa-spotify {background-color:#1ed760!important}
.fa.fa-reddit:hover, #LinkList102 .fa-reddit {background-color:#ff4500!important}
.fa.fa-snapchat:hover, #LinkList102 .fa-snapchat {background-color:#f5d602!important}
.fa.fa-google-play:hover, #LinkList102 .fa-google-play {background-color:#3d9dab!important}
.fa-google-play:before{content:'\f04b'}
.fa.fa-khamsat,.fa.fa-traidnt,.fa.fa-asnad,.fa.fa-hao123,.fa.fa-picalica,.fa.fa-blogger,.fa.fa-mostaql{font-family:FontAwesome;font-size:21px;padding-top:5px!important}
.fa.fa-hao123{padding-left:3px}
.fa.fa-mostaql,.fa.fa-khamsat,.fa.fa-picalica{padding-left:4px}
.fa.fa-blogger{padding-left:7px}
#LinkList102 .widget-content{font-size:0}
#LinkList100 ul li:nth-of-type(1){-webkit-transition:.5s ease}
#LinkList100 ul li:nth-of-type(2){-webkit-transition:.55s ease}
#LinkList100 ul li:nth-of-type(3){-webkit-transition:.7s ease}
#LinkList100 ul li:nth-of-type(4){-webkit-transition:.75s ease}
#LinkList100 ul li:nth-of-type(5){-webkit-transition:.8s ease}
#LinkList100 ul li:nth-of-type(6){-webkit-transition:.85s ease}
#LinkList100 ul li:nth-of-type(7){-webkit-transition:.9s ease}
#LinkList100 ul li:nth-of-type(8){-webkit-transition:.95s ease}
#LinkList100 ul li:nth-of-type(9){-webkit-transition:1s ease}
#LinkList100 ul li:nth-of-type(10){-webkit-transition:1.05s ease}
#LinkList100 ul li:nth-of-type(11){-webkit-transition:1.06s ease}
/* ====================
* Logo & Adsense
* ==================== */
#HeaderMid{padding:20px 30px;display:table;width:100%}
#Header1{display:table-cell;vertical-align:middle;max-width:100%}
.rtl #Header1{padding-left:20px;text-align:right}
.ltr #Header1{padding-right:20px;text-align:left}
#HTML100{width:728px;display:table-cell;vertical-align:middle;text-align:center}
.blog-title{font-family:blogfont,AltFont;font-size:29px;font-weight:700;color:$(postbody.text)}
.blog-desc{font-family:blogfont,AltFont;font-size:14px;color:$(postbody.title.color)}
.wide-header #Header1{display:block!important;width:100%;padding:0}
.wide-header #Header1 a,.wide-header #Header1 img{display:block}
.wide-header #HeaderMid{padding:0 0 20px}
.wide-header header > .wrap:first-of-type{overflow:hidden}
.wide-header #Header1_headerimg{width:100%;margin:0 auto 20px}
.wide-header #HTML100{display:block;width:100%;text-align:center}
.wide-header #HTML100 ins,.wide-header #HTML100 iframe{max-width:100%}
/* ====================
* Main Menu
* ==================== */
#LinkList101{display:none;background-color:$(menu.back);margin:0 30px;position:relative;-webkit-border-radius:3px;border-radius:3px;padding:0 20px}
.menu-1 #LinkList101{height:70px}
.menu-2 #LinkList101{height:60px}
#LinkList101>ul>li:not(.MegaUL){position:relative}
#LinkList101>ul>li{display:inline-block;vertical-align:top}
.menu-1 #LinkList101>ul>li{margin:0 3px}
.menu-1 #LinkList101>ul>li>a{font-weight:700;font-size:15px;font-family:BlogFont,AltFont;color:$(menu.link.color);padding:10px 20px;position:relative;display:block;background-color:$(menu.link.back);-webkit-border-radius:5px;border-radius:5px;margin-top:12px}
.menu-1 #LinkList101>ul>li>a:hover{color:$(menu.hover.color);background-color:$(menu.hover.back)}
.menu-1 #LinkList101>ul>li>a:focus{background-color:#FFF;color:$keycolor}
.menu-1 .Home{font-size:31px;position:relative;top:5px;color:$(menu.link.color);border:5px solid $keycolor;width:60px;background-color:$(menu.hover.back);height:60px;text-align:center;-webkit-border-radius:100%;border-radius:100%;display:inline-block;vertical-align:top;-webkit-box-shadow:0 0 30px 30px $(menu.back) inset;box-shadow:0 0 30px 30px $(menu.back) inset}
.ltr.menu-1 .Home{line-height:50px}
.rtl.menu-1 .Home{float:right;margin-left:20px}
.ltr.menu-1 .Home{float:left;margin-right:20px}
.menu-1 .Home:hover{-webkit-box-shadow:0 0 0 0 $(menu.back) inset;box-shadow:0 0 0 0 $(menu.back) inset;border:5px solid $(menu.link.color);color:$(menu.hover.color)}
.menu-1 #LinkList101 ul>li>a:focus{background-color:#FFF;color:$keycolor}
#LinkList101>ul{vertical-align:top;font-size:0}
.menu-2 #LinkList101{background-color:$(menu.back);margin:0 30px;height:60px;position:relative;-webkit-border-radius:3px;border-radius:3px;padding:0 20px}
.menu-2 .Home{font-size:31px;position:relative;padding:7px 0 0;color:$(menu.back);width:60px;background-color:$(keycolor);height:60px;text-align:center;display:inline-block;vertical-align:top}
.menu-2 .Home:hover{color:$(menu.hover.color)}
.menu-2 .Home:hover i{;-webkit-transform:scale(1.2);;-ms-transform:scale(1.2);;transform:scale(1.2)}
.menu-2 #LinkList101>ul>li>a{font-size:17px;font-weight:700;font-family:BlogFont,AltFont;color:$(menu.link.color);padding:18px 20px;position:relative;display:block}
.menu-2 #LinkList101>ul.resp-it>li>a{padding:10px 20px}
.menu-2 #LinkList101>ul>li>a:hover{color:$(menu.hover.color)}
.m-line{height:3px;position:absolute;height:100%;background-color:$keycolor;bottom:0}
.rtl .m-line{right:0}
.ltr .m-line{left:0}
.rtl.menu-2 .Home{float:right;margin-left:5px}
.ltr.menu-2 .Home{float:left;margin-right:5px}
.res-butt2{width:45px;height:45px;-webkit-border-radius:3px;border-radius:3px;background-color:$(menu.link.back);position:absolute;z-index:2;padding:10px 8px;cursor:pointer;display:none}
.menu-1 .res-butt2{top:13px}
.menu-2 .res-butt2{top:9px}
.rtl .res-butt2{right:95px}
.ltr .res-butt2{left:95px}
.res-butt2 span{display:block;background-color:$(menu.link.color);width:100%;margin:0 auto;height:5px;margin-bottom:5px;-webkit-border-radius:100px;border-radius:100px}
.res-butt2.but-active{background-color:$keycolor}
.res-butt2.but-active span{background-color:#fff}
.menu-1 .ma.subed ul{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);position:absolute;top:115px;right:-webkit-calc(50% - 90px);right:calc(50% - 90px);opacity:0;padding:20px;-webkit-border-radius:5px;border-radius:5px;width:180px;background-color:$(menu.link.back);text-align:center;z-index:-1}
.menu-1 .ma.subed:hover ul{opacity:1;z-index:16;top:90px}
.menu-2 ul:not(.resp-it) .ma.subed ul{position:absolute;top:60px;width:180px;text-align:center;z-index:-1;max-height:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}
.menu-2 ul:not(.resp-it) .ma.subed:hover ul{z-index:16;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.menu-2 .ma.subed ul li a{border-bottom:1px solid $(menu.link.back);font-size:14px;color:$(menu.link.color);background-color:$(menu.back);display:block;padding:10px 0;font-family:blogFont,AltFont;font-weight:700}
.menu-2 .ma.subed ul li a:hover{color:$(menu.hover.color);border-bottom:1px solid $(keycolor)}
.ma.subed ul li{display:block}
.menu-1 .ma.subed ul li a{margin:0;-webkit-border-radius:0;border-radius:0;border-bottom:1px dashed $(menu.back);background-color:transparent!important;font-size:16px;color:$(menu.link.color);display:block;font-family:blogfont,AltFont;padding:10px 0}
.menu-1 .ma.subed ul li a:hover{border-bottom:1px dashed $keycolor;color:$(menu.hover.back)!important}
.menu-1 .ma.subed ul:before{content:"";position:absolute;top:-15px;left:75px;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid $(menu.link.back)}
.resp-it .ma.subed ul{position:relative;top:0!important;right:0;opacity:1;-webkit-border-radius:0;border-radius:0;width:100%;background-color:$(menu.link.back);overflow:hidden;padding:0}
.resp-it .ma.subed ul:before{display:none}
.menu-1 #LinkList101 .menu-active .ma.subed ul li a{font-size:16px;border-bottom:1px dashed $(menu.back)}
.menu-1 .ma.subed>a,.menu-1 .ma.MegaUL>a{border-bottom:1px solid $keycolor}
.menu-1 #LinkList101>ul:not(.menu-active) .ma.subed:hover{padding-bottom:50px}
/* ====== Mega Menu ======= */
#LinkList101 .MegaUL{position:initial}
.mega{-webkit-box-shadow:0 7px 15px -2px rgba(0,0,0,0.5);box-shadow:0 7px 15px -2px rgba(0,0,0,0.5);position:absolute;width:100%;padding:10px 0;z-index:-1}
.menu-2 .mega{left:0;top:60px;max-height:0;background-color:$(menu.back);max-height:0;z-index:-1;overflow:hidden}
.menu-2 .show-mega{z-index:10;max-height:260px;height:260px;overflow:hidden}
.menu-1 .mega{min-height:220px;top:90px;left:0;border-radius:1px;background-color:$(menu.back);z-index:10;display:none}
.rtl .mega a{float:right;border-left:1px solid rgba(255,255,255,.1)}
.ltr .mega a{float:left;border-right:1px solid rgba(255,255,255,.1)}
.mega a{font-size:10px;width:calc(100% / 4);padding:0 20px;margin:15px 0}
body .container .mega a:last-of-type{border:0}
.mega-thumb{display:block;height:140px;margin:0 auto;background-size:cover!important;border-radius:3px;border:5px solid $(menu.link.back)}
.mega a:hover h3{color:$(keycolor)}
.mega-thumb:hover{-webkit-transform:scale(1.05) translateY(-5px);-ms-transform:scale(1.05) translateY(-5px);transform:scale(1.05) translateY(-5px);-webkit-box-shadow:0 4px 8px -1px rgba(0,0,0,.3);box-shadow:0 4px 8px -1px rgba(0,0,0,.3)}
.mega h3{color:$(menu.link.color);font-family:LevonFont,Tahoma;font-size:14px;font-weight:700;border-radius:1px;clear:both;overflow:hidden;background-color:$(menu.link.back);padding:5px 10px;height:50px}
.mega i.fa-spinner{font-size:30px;color:$(menu.link.color);position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px}
abbr.mega-date{float:right;margin:5px 0;background-color:$(menu.link.back);color:$(menu.link.color);position:relative;border-radius:2px;font-family:AltFont;overflow:hidden}
.rtl .mega-date{float:right;padding:3px 30px 3px 10px}
.ltr .mega-date{float:left;padding:3px 10px 3px 30px}
.rtl .mega-date:before{right:0}
.ltr .mega-date:before{left:0}
.mega-date:before{content:"\f017";display:inline-block;background-color:$(keycolor);top:0;right:0;position:absolute;width:20px;height:20px;text-align:center;font-family:fontawesome;color:$(menu.link.back);font-size:14px;padding-top:3px}
.mega a:hover .mega-date{color:#FFF;background-color:$(keycolor);}
.rtl .mega a:hover .mega-date{padding: 3px 25px 3px 10px;margin-right:10px}
.ltr .mega a:hover .mega-date{padding: 3px 10px 3px 25px;margin-left:10px}
.mega a:hover .mega-date:before{color:#FFF}
/* ====================
* Sidebar
* ==================== */
aside .widget{margin-bottom:20px}
aside .widget h2{font-family:BlogFont ,AltFont;margin-bottom:10px;background-color:$(side.title.back);color:$(side.title.color);font-size:19px}
.rtl aside .widget h2{border-right:5px solid $keycolor;padding:10px 20px 10px 0;}
.ltr aside .widget h2{border-left:5px solid $keycolor;padding:10px 0px 10px 20px;}
aside .widget-content{overflow:hidden}
/* ==================
* Intro Slider
* ================== */
.intro{overflow:hidden;display:none}
.Intro-Label{min-height:150px}
.intro[data-slides='3'] .Intro-Label:hover .Intro-Thumb{-webkit-transform:translate(0,-70px);-ms-transform:translate(0,-70px);transform:translate(0,-70px)}
.intro[data-slides='3'] .Intro-Details{position:absolute;bottom:-20px;padding:20px;width:100%;background-color:$(intro.back);height:73px}
.rtl .intro[data-slides='3'] .Intro-Details{right:0;text-align:right;}
.ltr .intro[data-slides='3'] .Intro-Details{left:0;text-align:left;}
.intro[data-slides='3'] .Intro-Label:hover .Intro-Details{bottom:0}
.intro[data-slides='3'] .Intro-Title{height:calc(100% - 70px);top:120px;margin-bottom:10px}
.intro[data-slides='3'] .Intro-Label:hover .Intro-Title{top:0;opacity:1}
.intro[data-slides='3'] .Intro-Label .ReadMore{background-color:$(intro.button.back);color:$(intro.button.color);position:absolute;bottom:-20px;font-size:12px;font-family:BlogFont ,AltFont;padding:10px 15px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden}
.rtl .intro[data-slides='3'] .Intro-Label .ReadMore{left:20px;}
.ltr .intro[data-slides='3'] .Intro-Label .ReadMore{right:20px;}
.intro[data-slides='3'] .Intro-Label:hover .ReadMore{bottom:15px}
.intro[data-slides='3'] .Intro-Label .ReadMore:hover{background-color:$(intro.button.hover.back);color:$(intro.button.hover.color)}
.intro[data-slides='1'] .Intro-Title{bottom:20px;-webkit-border-radius:3px;border-radius:3px;opacity:1;width:auto}
.rtl .intro[data-slides='1'] .Intro-Title{right:30px;}
.ltr .intro[data-slides='1'] .Intro-Title{left:30px;}
.intro[data-slides='1'] .Intro-Label{height:300px;margin-bottom:0}
.intro[data-slides='1'] .Intro-Thumb{height:auto;min-height:100%;position:relative;top:0}
.intro[data-slides='1'] .Intro-Details,.intro[data-slides='1'] .ReadMore{display:none}
.intro[data-slides='1'] .owl-item{padding:0}
.intro[data-slides='1'] .Intro-Cate{left:20px}
.intro[data-slides='1'] .Intro-Label:after{right:20px}
.intro[data-slides='4'] .Intro-Title{max-height:100%;bottom:-100%}
.intro[data-slides='4'] .Intro-Label:hover .Intro-Title{bottom:0;opacity:1}
.intro[data-slides='4'] .Intro-Details,.intro[data-slides='4'] .ReadMore{display:none}
.intro .owl-wrapper,.intro .owl-wrapper-outer{height:100%}
#int-two{margin:20px 30px 0}
.Intro-Label{width:100%;overflow:hidden;float:right;height:100%;position:relative;-webkit-border-radius:3px;border-radius:3px}
.rtl .Intro-Label{direction:rtl;}
.Intro-Cate{position:absolute;top:10px;left:10px;font-family:BlogFont ,AltFont;font-size:14px;z-index:3;color:$(intro.label.color);opacity:.95;background-color:$(intro.label.back);padding:5px 10px;-webkit-border-radius:3px;border-radius:3px}
.Intro-Thumb{width:100%;height:100%;position:relative;z-index:2}
.Intro-Label:after{content:"\f074";position:absolute;color:rgba(255,255,255,0.3);z-index:2;font-family:FontAwesome;font-size:29px;text-align:center;right:10px;top:10px}
.Intro-Label:hover .Intro-Cate,.Intro-Label:hover:after{opacity:0}
.Intro-Title{color:#fff;font-family:BlogFont ,AltFont;display:block;overflow:hidden;width:100%;position:absolute;text-align:center;background-color:rgba(0,0,0,0.8);padding:20px;z-index:2;opacity:0;font-size:19px}
.Intro-Date,.Intro-Author{display:block;font-family:AltFont;font-size:12px;color:$(intro.details);line-height:1em}
.rtl .Intro-Date, .rtl .Intro-Author{margin-left:20px;}
.ltr .Intro-Date, .ltr .Intro-Author{margin-right:20px;}
.Intro-Date:before,.Intro-Author:before{display:inline-block;font-family:fontawesome;font-size:14px;color:$(intro.details);}
.rtl .Intro-Date:before, .rtl .Intro-Author:before{margin-left:5px}
.ltr .Intro-Date:before, .ltr .Intro-Author:before{margin-right:5px}
.Intro-Date{margin-bottom:10px}
.Intro-Date:before{content:"\f073"}
.Intro-Author:before{content:"\f007"}
.Intro-Date:hover,a.Intro-Author:hover{text-decoration:underline}
#HTML102 .owl-nav{position:absolute;top:-webkit-calc(50% - 30px);top:calc(50% - 30px);left:0;width:100%}
#HTML102 .owl-prev,#HTML102 .owl-next{color:$(intro.label.color);font-family:fontawesome;font-size:25px;background-color:$(intro.label.back);padding:8px 15px;top:0;position:absolute;-webkit-border-radius:3px;border-radius:3px;opacity:.3}
#HTML102 .owl-next{right:-50px}
#HTML102 .owl-prev{left:-50px}
#HTML102 .owl-carousel:hover .owl-prev{left:20px;opacity:.9}
#HTML102 .owl-carousel:hover .owl-next{right:20px;opacity:.9}
.I-toggle i{border:1px solid $(intro.line);width:70px;text-align:center;-webkit-border-radius:100px;border-radius:100px;background-color:$(wrapper);display:block;margin:-10px auto 0;color:$(intro.line);cursor:pointer}
.I-toggle{display:none;border-top:1px dashed $(intro.line);margin:20px 30px 10px}
.I-toggle i:hover{background-color:$(intro.line);color:$(wrapper);border:1px solid $(wrapper)}
#HTML102{min-height:160px;margin-bottom:20px;position:relative;direction:ltr!important}
.r-loading{position:absolute;top:-webkit-calc(50% - 31px);top:calc(50% - 31px);left:0;width:100%;text-align:center}
.r-loading i{color:#444;font-size:30px}
.r-loading span{font-family:BlogFont ,AltFont;color:#999;margin-top:10px;direction:rtl;display:block}
#HTML101{margin:20px 30px;overflow:hidden;direction:ltr!important}
#HTML101 h2.title{background-color:$(ticker.back);color:$(ticker.color);font-family:BlogFont ,AltFont;text-align:center;padding:12px 30px;position:relative;height:52px;-webkit-border-radius:3px;border-radius:3px;font-size:19px}
.rtl #HTML101 h2.title{float:right}
.ltr #HTML101 h2.title{float:left}
#HTML101 h2.title:after{content:"";border-top:26px solid transparent;border-bottom:26px solid transparent;position:absolute;top:0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:2}
.rtl #HTML101 h2.title:after{border-right:35px solid $(ticker.back);left:-10px;}
.ltr #HTML101 h2.title:after{border-left:35px solid $(ticker.back);right:-10px;}
.rtl #HTML101:hover h2.title:after{left:-15px}
.ltr #HTML101:hover h2.title:after{right:-15px}
.NTick{position:relative;padding:0 30px;font-family:BlogFont ,AltFont;font-size:16px;background-color:$(ticker.links.back);height:52px;overflow:hidden;text-align:right;}
.rtl .NTick{border-left:10px solid $(ticker.back)}
.ltr .NTick{border-right:10px solid $(ticker.back)}
/* ==================
* Intro Newsticker
* ================== */
.scroll{opacity:0}
.Scroll-Title{color:$(ticker.links.color);vertical-align:top;padding:15px 15px 15px 0;display:inline-block}
.Scroll-Title:hover{color:$(ticker.back);text-decoration:underline}
.Scroll-Title:before{content:"\f0a1";color:$(ticker.links.color);width:30px;text-align:center;display:inline-block;font-family:FontAwesome;margin-top:-8px;font-size:20px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.rtl .Scroll-Title:before{margin-left:10px;}
.ltr .Scroll-Title:before{margin-right:10px;}
.rtl .js-marquee-wrapper{direction:rtl}
#HTML101,#HTML102{display:none}
/* ==================
* Default Posts
* ================== */
.post-outer{position:relative;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid $(post.lines)}
.post-outer:last-of-type{padding-bottom:0;border-bottom:0}
.RecentThumb{width:300px;height:200px;overflow:hidden;position:relative}
.rtl .RecentThumb{float:right;margin-left:30px}
.ltr .RecentThumb{float:left;margin-right:30px}
.RecentThumb span{width:100%;-webkit-border-radius:3px;border-radius:3px;height:100%;-webkit-background-size:cover;background-size:cover;display:block;background-position:center center}
.RecentThumb:hover span{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.9}
.post-title a{color:$(post.title)}
.post-title a:hover{color:$keycolor}
.boxs:before,.boxs:after{content:"";position:absolute;top:5%;left:5%;z-index:1;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.boxs:before{border-right:1px solid $(post.image.hover);border-left:1px solid $(post.image.hover);width:90%;height:0}
.boxs:after{border-top:1px solid $(post.image.hover);border-bottom:1px solid $(post.image.hover);width:0;height:90%}
.RecentThumb:hover .boxs:before,.RecentThumb:hover .boxs:after{width:90%;height:90%}
.Thumb:hover .boxs:before,.Thumb:hover .boxs:after{width:90%;height:90%}
.RecentSnippet{font-size:14px;color:$(post.details);line-height:1.5em;font-family:BlogFont,AltFont;line-height:1.5em}
.index-time,.index-author{vertical-align:top;font-family:AltFont;font-size:12px;display:inline-block;color:$(post.details);vertical-align:2px}
.noImage{display:none}
.rtl .index-author{margin-left:20px}
.ltr .index-author{margin-right:20px}
.opac{opacity:.3}
.g-profile{display:inline-block}
.index-time:before,.index-author:before{font-family:fontawesome;font-size:14px;color:$(post.details.icons);display:inline-block;vertical-align:middle}
.rtl .index-time:before,.rtl .index-author:before{margin-left:5px}
.ltr .index-time:before,.ltr .index-author:before{margin-right:5px}
.index-author:before{content:"\f007"}
.index-time:before{content:"\f017"}
.blog-posts .details{border-top:1px solid $(post.lines);border-bottom:1px solid $(post.lines);padding:5px 0;width:-webkit-calc(100% - 330px);width:calc(100% - 330px);margin-bottom:10px}
.post-title{width:-webkit-calc(100% - 330px);width:calc(100% - 330px);display:block;margin-bottom:5px;font-family:BlogFont,AltFont;font-weight:700;font-size:17px}
.rtl .post-title{float:right}
.ltr .post-title{float:left}
.blog-posts .ReadMore{font-family:BlogFont,AltFont;background-color:$keycolor;-webkit-box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;color:#FFF;padding:8px 15px;margin-top:10px;position:relative;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;font-size:14px;height:36px;line-height:normal}
.rtl .blog-posts .ReadMore{margin-left:10px;float:right}
.ltr .blog-posts .ReadMore{margin-right:10px;float:left}
.rtl .blog-posts .ReadMore:hover{-webkit-box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;padding:8px 15px 8px 50px}
.ltr .blog-posts .ReadMore:hover{-webkit-box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;padding:8px 50px 8px 15px}
.blog-posts .ReadMore:before{position:absolute;top:10px;opacity:0;font-family:fontawesome;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.rtl .blog-posts .ReadMore:before{content:"\f060";left:20px}
.ltr .blog-posts .ReadMore:before{content:"\f061";right:20px}
.blog-posts .ReadMore:hover:before{opacity:1}
.blog-posts .ReadMore:after{content:"";width:60px;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.1)));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.1));background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.1)));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.1));background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,0.1)));background:-o-linear-gradient(transparent,rgba(0,0,0,0.1));background:linear-gradient(transparent,rgba(0,0,0,0.1));position:absolute;top:-5px}
.rtl .blog-posts .ReadMore:after{right:100%;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
.ltr .blog-posts .ReadMore:after{left:100%;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}
.rtl .blog-posts .ReadMore:hover:after{right:68%}
.ltr .blog-posts .ReadMore:hover:after{left:68%}
.ShareIndex{background-color:$keycolor;-webkit-box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;box-shadow:0 0 10px 30px rgba(0,0,0,0) inset;color:#FFF;padding:10px;margin-top:10px;position:relative;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;font-size:20px;cursor:pointer;width:36px;height:36px}
.rtl .ShareIndex{float:right}
.ltr .ShareIndex{float:left}
.ShareIndex:hover{-webkit-box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset;box-shadow:0 0 10px 30px rgba(255,255,255,0.1) inset}
.ShareIndexBut{height:36px;background-color:$(post.lines);margin-top:10px;padding:7px 10px;-webkit-border-radius:2px;border-radius:2px;position:relative;display:none}
.rtl .ShareIndexBut{float:right;margin-right:20px}
.ltr .ShareIndexBut{float:left;margin-left:20px}
.ShareIndexBut a{line-height:1em;font-family:fontawesome;color:#000;width:20px;height:20px;text-align:center;padding-top:2px;-webkit-border-radius:2px;border-radius:2px;color:#FFF}
.rtl .ShareIndexBut a{float:right;margin-right:5px}
.ltr .ShareIndexBut a{float:left;margin-left:5px}
.rtl .ShareIndexBut a:first-of-type{margin-right:0}
.ltr .ShareIndexBut a:first-of-type{margin-left:0}
.ShareIndexBut:before{content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;top:10px}
.rtl .ShareIndexBut:before{border-left:10px solid $(post.lines);right:-10px}
.ltr .ShareIndexBut:before{border-right:10px solid $(post.lines);left:-10px}
.fb{background-color:#3b5998}
.tw{background-color:#55acee}
.pin{background-color:#cc2127}
.go{background-color:#DC493C}
.index-body{overflow:hidden}
.rtl .index-body .details{float:right}
.ltr .index-body .details{float:left}
.rtl .rct .post-outer{border:0;float:right;margin-left:20px}
.ltr .rct .post-outer{border:0;float:left;margin-right:20px}
.rct-cards .RecentSnippet{overflow:hidden;height:65px}
.rct-cards .RecentThumb{float:none;width:100%;display:block;height:260px}
.rct-cards .post-title{width:100%;display:block;float:none;margin:5px 0;background-color:$(post.lines);color:$(post.title);height:60px;overflow:hidden}
.rtl .rct-cards .post-title{padding:6px 20px 10px 10px;border-right:5px solid $keycolor}
.ltr .rct-cards .post-title{padding:6px 10px 10px 20px;border-left:5px solid $keycolor}
.rct-cards .post-title a{max-height:48px;overflow:hidden;display:block}
.rct-cards .details{float:none;width:100%;margin-top:10px}
.rct-cards .ShareIndex{display:none}
.rct-cards .RecentThumb:after{position:absolute;content:'';width:100%;height:100%;top:0;right:0;background-color:#fff;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}
.rct-cards:hover .RecentThumb:after{opacity:.7}
.rct-cards .RecentThumb:hover span{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);-webkit-filter:blur(1px)}
.rct-cards .ReadMore{margin-left:0;float:left}
.rct-cards .ShareIndexBut{display:block;position:absolute;top:120px;margin:0;opacity:0;background-color:transparent;padding:0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:-1;right:-webkit-calc(50% - 67.5px);right:calc(50% - 67.5px)}
.rct-cards .ShareIndexBut a{width:30px;height:30px;padding-top:7px}
.rct-cards .ShareIndexBut:before{display:none}
.rct-cards:hover .ShareIndexBut{opacity:1;z-index:3}
/* ==================
* Status Messages
* ================== */
.status-msg-wrap{clear:both;display:block;font-family:blogfont,AltFont;border:1px solid $(post.lines);padding:15px 20px;margin-bottom:20px;-webkit-border-radius:3px;border-radius:3px;color:$(post.details)}
.status-msg-wrap b{color:$keycolor}
.status-msg-wrap a{color:$(post.title)}
.status-msg-wrap a:hover{color:$keycolor;text-decoration:inderline}
.wide{width:100%!important;margin-left:0!important;margin-right:0!important}
body .navi-wide #blog-pager{width:100%!important;margin-left:0;margin-right:0}
.navi-wide.pagin-top{margin-top:-10px;margin-bottom:30px}
.related-posts.links.wide-related-links{margin:0!important;border:none!important;padding-left:0!important;padding-right:0!important}
/* ==================
* Pagination
* ================== */
#Pagination span:hover,#Pagination span.curr{border-bottom-color:$(wrapper)}
#Pagination{height:70px;width:100%;text-align:center;padding:20px;background-color:$keycolor;-webkit-border-radius:3px;border-radius:3px;margin-bottom:20px;font-family:blogfont,AltFont;color:$(wrapper)}
#Pagination a{line-height:normal;color:$(wrapper);font-family:fontawesome;font-size:24px;display:inline-block;vertical-align:top;cursor:pointer;opacity:.8;}
#Pagination a:hover{opacity:1}
.nums{width:60%;margin:0 auto;display:inline-block;vertical-align:top;height:36px;overflow:hidden}
#Pagination .nums .hid-num{display:none}
.nums span{display:inline-block;vertical-align:top;font-weight:700;width:30px;border-bottom:3px solid rgba(255,255,255,0.1);font-size:14px;margin:0 5px;padding-bottom:4px;cursor:pointer;margin-bottom:20px;color:$(wrapper)}
/* ==================
* Homepage Sections
* ================== */
main .widget-content{overflow:hidden;margin-bottom:20px}
main .Label{clear:both;overflow:hidden;display:none}
main .Label h2,.title-h{background-color:$(cate.title.back);color:$(cate.title.color);padding:10px 20px;font-family:BlogFont ,AltFont;margin-bottom:20px;-webkit-border-radius:3px;border-radius:3px;font-size:22px;position:relative;overflow:hidden;line-height:1}
.LabLink{text-align:center;position:absolute;top:0;font-size:16px;width:130px;z-index:2;height:100%;font-size:19px;color:#FFF;}
.rtl .LabLink{left:0;padding:8px 17px 0 7px;}
.ltr .LabLink{right:0;padding:8px 7px 0 17px;}
.LabLink:before{content:"";background-color:$keycolor;position:absolute;top:0;width:120%;height:100%;z-index:-1;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.rtl .LabLink:before{left:-20px;border-right:10px solid $(wrapper);-webkit-transform:skew(-30deg);-ms-transform:skew(30deg);transform:skew(30deg);}
.ltr .LabLink:before{right:-20px;border-left:10px solid $(wrapper);-webkit-transform:skew(-30deg);-ms-transform:skew(30deg);transform:skew(30deg);}
.LabLink:hover:before{background-color:$(cate.title.back)}
.rtl .LabLink:after{padding-right:5px;}
.ltr .LabLink:after{padding-left:5px;}
.LabLink:hover:after{color:$keycolor}
.rtl main .Label h2:before,.rtl .title-h:before{margin-left:10px;}
.ltr main .Label h2:before,.ltr .title-h:before{margin-right:10px;}
.Post{overflow:hidden;position:relative}
.Title{font-weight:700;font-size:17px;font-family:BlogFont,AltFont;color:$(post.title);line-height:1.4em;margin-bottom:10px;max-height:47px;overflow:hidden;float:right;width:-webkit-calc(100% - 110px);width:calc(100% - 110px)}
.Title:hover{color:$keycolor}
.Thumb{width:90px;height:90px;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;position:relative;line-height:normal}
.rtl .Thumb{float:right;margin-left:20px;}
.ltr .Thumb{float:left;margin-right:20px;}
.Thumb span{width:100%;height:100%;-webkit-background-size:cover!important;background-size:cover!important;background-position:center center!important;display:block}
.Thumb:hover span{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.9}
.Post .details{float:right;width:-webkit-calc(100% - 110px);width:calc(100% - 110px)}
.Date,.Author{font-family:AltFont;font-size:12px;color:$(post.details);display:inline-block;vertical-align:top}
.rtl .Author{margin-left:10px}
.ltr .Author{margin-right:10px}
.Date{margin-bottom:2.5px}
.Date:before,.Author:before{display:inline-block;vertical-align:top;font-family:fontawesome;font-size:14px;color:$(post.details.icons);}
.rtl .Date:before,.rtl .Author:before{margin-left:5px}
.ltr .Date:before,.ltr .Author:before{margin-right:5px}
.Date:before{content:"\f073"}
a.Date:hover,a.Author:hover{text-decoration:underline}
.Author:before{content:"\f007"}
.Snippet{font-family:BlogFont ,AltFont;color:$(post.details);font-size:14px;text-align:justify;line-height:1.5em}
/* ======= List ======= */
.list .Post{height:110px;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin-top:20px;padding-top:20px;border-top:1px solid $(post.lines)}
.rtl .list .Post{margin-left:10px;float:right}
.ltr .list .Post{margin-right:10px;float:left}
.list .Post:nth-of-type(-n+2){height:90px;padding-top:0;border-top:none;margin-top:0}
.rtl .list .Post:nth-of-type(2n){margin-right:10px;margin-left:0}
.ltr .list .Post:nth-of-type(2n){margin-right:10px;margin-right:0}
/* ======= Cover ======= */
.cover .Post:first-of-type{width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid $(post.lines)}
.cover .Post:first-of-type .Title{width:-webkit-calc(100% - 320px);width:calc(100% - 320px)}
.cover .Post:first-of-type .Thumb{width:300px;height:180px}
.cover .Post:first-of-type .details{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid $(post.lines);width:-webkit-calc(100% - 320px);width:calc(100% - 320px)}
.cov:nth-of-type(-n+3){margin-top:0}
.cov{height:90px;width:50%;margin-top:20px}
.rtl .cov{float:right;padding-right:20px}
.ltr .cov{float:left;padding-left:20px}
.rtl .cov:nth-of-type(2n){padding-left:19px;padding-right:0;border-left:1px solid $(post.lines)}
.ltr .cov:nth-of-type(2n){padding-right:19px;padding-left:0;border-right:1px solid $(post.lines)}
.cov .Snippet{display:none}
/* ======= Vertical Cover ======= */
.vcover .Post:nth-of-type(n+2) .Snippet{display:none}
.vcover .Post:first-of-type{width:50%;height:480px;}
.rtl .vcover .Post:first-of-type{float:right;padding-left:19px;border-left:1px solid $(post.lines)}
.ltr .vcover .Post:first-of-type{float:left;padding-right:19px;border-right:1px solid $(post.lines)}
.vcover .Post:nth-of-type(n+6){display:none}
.vcover .Post:first-of-type .Title{width:100%}
.vcover .Post:first-of-type .details{width:100%}
.vcover .Post:first-of-type .Thumb{width:100%;height:200px;margin-bottom:20px}
.vcover .Post:nth-of-type(n+2){height:110px;width:-webkit-calc(50% - 20px);width:calc(50% - 20px);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid $(post.lines);}
.rtl .vcover .Post:nth-of-type(n+2){float:right;margin-right:20px}
.ltr .vcover .Post:nth-of-type(n+2){float:left;margin-left:20px}
.vcover .Post:last-of-type{height:90px;margin-bottom:0;padding-bottom:0;border-bottom:none}
/* ======= Sided ======= */
.Sided-Section{font-size:0}
.Sided-Section .section{display:inline-block;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);vertical-align:top}
.rtl .Sided-Section .section:nth-of-type(odd){margin-left:20px}
.ltr .Sided-Section .section:nth-of-type(odd){margin-right:20px}
.sided .Post{height:110px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid $(post.lines)}
.sided .Post:last-of-type{height:90px;margin-bottom:0;padding-bottom:0;border-bottom:none}
.sided .Post:first-of-type .Thumb{width:100%;height:200px;float:none;margin-left:0;margin-bottom:20px;display:block}
.sided .Post:first-of-type .Title{width:100%;float:none;display:block;height:45px}
.sided .Post:first-of-type .details{width:100%;float:none}
.sided .Post:first-of-type .Snippet{height:40px}
.sided .Post:first-of-type{height:auto}
.sided .Post:not(:first-of-type) .Snippet{display:none}
/* ======= Cards ======= */
.cards .Post{width:-webkit-calc((100% - 40px) / 3);width:calc((100% - 40px) / 3);margin-top:20px}
.rtl .cards .Post{margin-left:19px;float:right}
.ltr .cards .Post{margin-right:19px;float:left}
.cards .Post:nth-of-type(-n+3){margin-top:0}
.rtl .cards .Post:nth-of-type(3n){margin-left:0}
.ltr .cards .Post:nth-of-type(3n){margin-right:0}
.cards .Post .Thumb{width:100%;height:150px;margin-bottom:10px}
.cards .Post .Title{width:100%;height:50px}
.cards .details{padding:5px 0;border-top:1px solid $(post.lines);border-bottom:1px solid $(post.lines);overflow:hidden;clear:both;margin-bottom:5px;width:100%}
.rtl .cards .Date,.rtl .cards .Author{float:right}
.ltr .cards .Date,.ltr .cards .Author{float:left}
.cards .Date{margin-bottom:0}
.cards .Post .Snippet{text-align:justify;display:block;clear:both;height:80px}
/* ======= Broadcast ======= */
.broadcast{overflow:hidden;margin-bottom:20px}
.broadcast .current{width:60%;padding:20px;height:364px;background-color:$(cate.title.back)}
.rtl .broadcast .Post{float:right}
.ltr .broadcast .Post{float:left}
.broadcast .current .Thumb{width:100%;height:250px}
.broadcast .current .Thumb:before{content:"\f01d";color:rgba(255,255,255,0.9);position:absolute;top:-webkit-calc(50% - 47px);top:calc(50% - 47px);left:-webkit-calc(50% - 55px);left:calc(50% - 55px);font-size:110px;font-family:fontawesome;z-index:2}
.broadcast .current .Title{color:$(cate.title.color);margin-top:20px;text-align:center;width:100%}
.broadcast .Post:nth-of-type(n+2){padding:10px 20px;width:40%;height:73px;border-bottom:1px solid $(post.lines);overflow:visible;cursor:pointer;-webkit-box-shadow:-10px -20px 61px transparent inset;box-shadow:-10px -20px 61px transparent inset}
.b-current{background-color:$keycolor!important}
.b-current .Title{color:#FFF}
.b-current:after{content:"";border-top:15px solid transparent;border-bottom:15px solid transparent;position:absolute;top:-webkit-calc(50% - 15px);top:calc(50% - 15px);z-index:2;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}
.broadcast .Post:nth-of-type(n+2) .Title{width:-webkit-calc(100% - 90px);width:calc(100% - 90px)}
.broadcast .Post:nth-of-type(n+2) .Thumb{width:70px;height:100%}
.rtl .b-current:after{right:-15px;border-left:15px solid $keycolor;}
.ltr .b-current:after{left:-15px;border-right:15px solid $keycolor;}
/* ==================
* Footer
* ================== */
footer{background-color:$(footer.back);width:100%}
.f-cols{padding:20px 30px 10px;overflow:hidden;clear:both}
.f-cols .section{width:-webkit-calc((100% - 60px) /4);width:calc((100% - 60px) /4);vertical-align:top;min-height:1px}
.rtl .f-cols .section{float:right;margin-left:19px;}
.ltr .f-cols .section{float:left;margin-right:19px;}
.f-cols .widget{position:relative;width:100%}
.f-cols .widget-content{clear:both}
.rtl #Col-4{margin-left:0}
.ltr #Col-4{margin-right:0}
footer .widget h2{font-family:BlogFont ,AltFont;color:$(footer.title);padding:0 0 15px;margin-bottom:20px;font-size:19px}
.rtl footer .widget h2{float:right;}
.ltr footer .widget h2{float:left;}
footer .widget h2:before{height:2px;background-color:$keycolor;content:"";float:right;width:100%;position:relative;top:37px;z-index:2;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
footer .widget h2:after{width:100%;height:2px;background-color:$(footer.lines);top:37px;left:0;position:absolute;content:""}
.f-cols .widget-content{margin-bottom:20px}
.f-cols.no-vp{padding-top:0;padding-bottom:0}
/* ==================
* Contact Form
* ================== */
#ContactForm1{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.1);width:220px;position:absolute;z-index:3;background-color:$(wrapper);top:140px;-webkit-border-radius:3px;border-radius:3px;padding:20px;display:none}
.rtl #ContactForm1{right:20px;}
.ltr #ContactForm1{left:20px;}
#ContactForm1:before{content:"";border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid $(wrapper);position:absolute;top:-15px;}
.rtl #ContactForm1:before{right:39px}
.ltr #ContactForm1:before{left:39px}
#ContactForm1 h2.title{color:#999;clear:both;width:100%;text-align:center;border-bottom:1px solid $(lines)}
#ContactForm1 h2.title:before,#ContactForm1 h2.title:after{display:none}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{font-family:BlogFont,AltFont;color:#999;font-size:11px;direction:ltr}
footer form[name="contact-form"]{font-family:BlogFont,AltFont}
footer form[name="contact-form"] input[type='text'],footer form[name="contact-form"] textarea{border:1px solid $(lines);width:100%;padding:10px 20px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:5px;color:#999}
footer form[name="contact-form"] textarea{height:75px;margin-bottom:0;resize:none}
#ContactForm1_contact-form-submit{width:100%;background-color:$(lines);-webkit-border-radius:3px;border-radius:3px;padding:10px;color:#999;font-size:16px;cursor:pointer}
#ContactForm1_contact-form-submit:hover{background-color:$keycolor;color:#FFF}
#Stats1 .widget-content{text-align:center}
#FollowByEmail1 i{float:right;font-size:55px;-webkit-border-radius:100%;border-radius:100%;width:90px;height:90px;background-color:#333;padding-top:18px;text-align:center;margin-left:20px}
i.fa.fa-microphone{color:$keycolor;font-size:50px;background-color:$(subs.buttons);width:80px;height:80px;text-align:center;-webkit-border-radius:100%;border-radius:100%;padding-top:16px;margin-top:5px;display:inline-block;cursor:pointer;vertical-align:top}
i.fa.fa-microphone.cont-open{background-color:$keycolor;color:#FFF}
.fa.fa-arrow-up{color:$(subs.text);font-size:40px!important;background-color:$(subs.buttons);width:80px;height:80px;text-align:center;-webkit-border-radius:100%;border-radius:100%;padding-top:19px;margin-top:5px;vertical-align:top;display:inline-block;cursor:pointer}
.fa-arrow-up:before{-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.fa-arrow-up:hover:before{color:$keycolor}
/* ==================
* Email Subscription
* ================== */
#HTML140 p{font-family:BlogFont,AltFont;color:$(subs.text);font-size:14px;text-align:justify;display:inline-block;width:-webkit-calc(100% - 510px);width:calc(100% - 510px);margin:15px 20px;vertical-align:top}
#HTML140{display:inline}
.subscription{text-align:center}
#FollowByEmail1{display:inline-block;width:290px}
#f-row{width:100%;clear:both;padding:20px 30px;height:130px;position:relative}
.f-row-color{background-color:$(subs.back)}
#f-row .subscription{font-size:0;text-align:center;display:block;margin-top:15px}
#f-row .email{-webkit-border-radius:2px;border-radius:2px;background-color:$(subs.email.back);width:-webkit-calc(100% - 120px);width:calc(100% - 120px);padding:0 30px;text-align:left;direction:ltr;height:60px;font-size:12px;color:$(subs.email.color)}
#f-row .subscribe{background-color:$(subs.button.back);width:110px;font-family:BlogFont,AltFont;-webkit-border-radius:2px;border-radius:2px;font-size:19px;text-align:center;color:#fff;height:60px;vertical-align:top;cursor:pointer;margin:0 5px;padding-top:2px;outline:0;border:0}
#f-row .subscribe:hover{background-color:$(subs.button.back.hover);color:$(subs.button.color.hover)}
/* ==================
* Copyrights
* ================== */
#copyrights{min-height:50px;padding:10px 30px;border-top:1px solid $(copts.line)}
.copy-color{background-color:$(copts.back);overflow:hidden}
#HTML110{display:block;margin-top:3px;color:$(copts.text);font-family:BlogFont,AltFont;font-size:14px}
.c-site a{font-family:BlogFont,AltFont;color:$(copts.link);display:inline-block;margin:0 5px;font-size:14px}
#HTML110 p{font-family:BlogFont,AltFont;display:inline-block}
.c-site a:hover{color:$keycolor!important}
.rtl #HTML110 .c-site{margin-left:30px;float:right;margin-top:2px}
.ltr #HTML110 .c-site{margin-right:30px;float:left;margin-top:2px}
/* ==================
* Social Sites
* ================== */
.rtl #LinkList104{float:left}
.ltr #LinkList104{float:right}
#LinkList104 li a{background-color:$(copts.soc.back);color:$(copts.soc.color);width:30px;height:30px;text-align:center;padding-top:7px;border-radius:100%}
#LinkList104 li{vertical-align:top;display:inline-block}
#LinkList104 li a:hover{color:#FFF}
/* ====================
* Widgets
* ==================== */
/* ==================
* Popular Posts
* ================== */
.popular-posts ul{font-size:0}
.popular-posts li{margin-bottom:10px;padding-bottom:10px}
.tinyPop .item-thumbnail{width:72px;height:72px}
.popular-posts:not(.tinyPop) .item-thumbnail{margin-bottom:5px}
.rtl .tinyPop .item-thumbnail{float:right;margin-left:10px}
.ltr .tinyPop .item-thumbnail{float:left;margin-right:10px}
.tinyPop .item-title a{font-size:13px}
.tinyPop .item-snippet{font-size:10px;text-align:justify}
aside .popular-posts li{border-bottom:1px dotted $(side.lines)}
footer .popular-posts li{border-bottom:1px dotted $(footer.lines)}
.popular-posts li:last-of-type{margin-bottom:0;border-bottom:none;padding-bottom:0}
.item-thumbnail{width:99%;height:130px;display:block;overflow:hidden;border:5px solid transparent}
.rtl .item-thumbnail{margin-right:1px}
.ltr .item-thumbnail{margin-left:1px}
aside .item-thumbnail{outline:1px solid $(side.lines)}
footer .item-thumbnail{outline:1px solid $(footer.lines)}
.item-thumbnail img{width:100%;height:100%}
.item-thumbnail span{width:100%;height:100%;background-size:cover!important;background-position:center center!important;display:block}
.popular-posts li:hover span{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7!important}
.popular-posts a{font-family:BlogFont ,AltFont;font-size:16px;display:block;width:100%;font-weight:700}
aside .popular-posts a{color:$(side.links)}
footer .popular-posts a{color:$(footer.links)}
aside .item-title a:hover{color:$(side.links.hover)}
footer .item-title a:hover{color:$(footer.links.hover)}
.item-thumbnail a{display:inline}
.item-snippet{padding-top:5px;font-size:12px;text-align:justify;width:100%;font-family:BlogFont ,AltFont}
aside .item-snippet{color:$(side.text)}
footer .item-snippet{color:$(footer.text)}
.item-content:first-of-type{margin-top:2px}
/* ==================
* SlideShow
* ================== */
.slideshow-status{color:#676767;font-size:11px;margin:10px;padding:4px}
.slideshow-wrapper{display:inline-block;position:relative;width:100%}
.slideshow-wrapper:after{content:'';display:block;margin-top:100%}
.slideshow-spacer{margin:auto}
.slideshow-container{bottom:0;left:0;position:absolute;right:0;top:0}
img.gsc-branding-img-noclear{display:inline}
.slideshow-container img{display:inline}
/* ==================
* Labels
* ================== */
.label-size a{vertical-align:top;font-family:BlogFont,AltFont;-webkit-border-radius:3px;border-radius:3px;display:block;white-space:nowrap;overflow:hidden;font-size:14px}
.rtl .label-size a{text-align:right;padding:10px 20px 10px 50px;}
.ltr .label-size a{text-align:left;padding:10px 50px 10px 20px;}
.label-size{display:block;margin-bottom:7px;width:100%;font-size:0}
.label-size span{display:inline-block;font-family:BlogFont;background-color:rgba(0,0,0,0.1);padding:4px 10px;font-size:12px;text-align:center;-webkit-border-radius:5px;border-radius:5px;margin-top:-33px;margin-left:10px}
.rtl .label-size span{float:left;margin-left:10px}
.ltr .label-size span{float:right;margin-right:10px}
.no-nums{display:inline-block;width:47%;margin-left:1%}
body .Label .no-nums a{padding:10px 20px;text-align:center}
.label-size:hover span{color:#FFF}
.label-size:hover a{background-color:$keycolor;color:#FFF}
.Label li a{font-size:14px;font-family:BlogFont,AltFont;padding:5px 0;display:block}
.Label li span{font-size:12px;font-family:AltFont;margin-top:-25px;padding:3px 6px;-webkit-border-radius:3px;border-radius:3px;width:30px;text-align:center}
.rtl .Label li span{float:left;}
.ltr .Label li span{float:right;}
.Label li a:before{color:$keycolor;display:inline-block;font-family:fontawesome;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.rtl .Label li a:before{content:"\f100";padding-left:10px;}
.ltr .Label li a:before{content:"\f101";padding-right:10px;}
.Label li:hover span{background-color:$keycolor;color:#fff}
.rtl .Label li:hover a:before{margin-right:5px}
.ltr .Label li:hover a:before{margin-left:5px}
.Label li span:first-child,.Label li span:nth-of-type(2){display:none}
aside .label-size a{background-color:$(side.lines);color:$(side.links)}
aside .label-size span{color:$(side.text)}
footer .label-size a{background-color:$(footer.lines);color:$(footer.links)}
footer .label-size span{color:$(footer.text)}
aside .Label li a{border-bottom:1px solid $(side.lines);color:$(side.links)}
aside .Label li span{background-color:$(side.lines);color:$(side.text)}
aside .Label li:hover a{color:$(side.links.hover);border-bottom:1px solid $keycolor}
footer .Label li a{color:$(footer.links);border-bottom:1px solid $(footer.lines)}
footer .Label li span{background-color:$(footer.lines);color:$(footer.text)}
footer .Label li:hover a{color:$(footer.links.hover);border-bottom:1px solid $keycolor}
/* ==================
* Footer LinkList
* ================== */
footer .LinkList li a{display:block;border-bottom:1px solid $(footer.lines);font-family:BlogFont ,AltFont;padding:10px 0;color:$(footer.links);font-size:14px}
footer .LinkList li a:before{content:"\f10c";font-family:fontawesome;font-size:8px;display:inline-block;vertical-align:middle}
.rtl footer .LinkList li a:before{padding-left:10px;}
.ltr footer .LinkList li a:before{padding-right:10px;}
footer .LinkList li a:hover{color:$(footer.links.hover);border-bottom:1px dotted $keycolor}
footer .LinkList li a:hover:before{content:"\f111";color:$keycolor}
/* ==================
* TextList
* ================== */
.TextList li{display:block;font-family:BlogFont ,AltFont;padding:5px 0;font-size:14px}
aside .TextList li{border-bottom:1px solid $(side.lines);color:$(side.links);}
footer .TextList li{border-bottom:1px solid $(footer.lines);color:$(footer.links);}
.TextList li:before{content:"\f111";font-family:fontawesome;font-size:8px;display:inline-block;vertical-align:middle}
.rtl .TextList li:before{padding-left:10px;}
.ltr .TextList li:before{padding-right:10px;}
footer .TextList li:before{color:$(footer.lines)}
aside .TextList li:before{color:$(side.lines)}
/* ==================
* Statatics Widget
* ================== */
#Stats1_totalCount{display:inline-block;vertical-align:top;font-size:30px;font-family:Arial;font-weight:700;color:$keycolor;margin-right:8px}
#Stats1_sparkline{display:inline-block;vertical-align:top;margin-bottom:10px;margin:0 10px 10px}
img[height="1"]{display:none}
/* ======================
* Social Links (Sidebar)
* ====================== */
#LinkList102{overflow:hidden}
#LinkList102 a{display:inline-block;position:relative;margin-top:8px;padding:5px 0;-webkit-border-radius:3px;border-radius:3px;text-align:center;overflow:hidden;width:48%;color:#fff;font-size:30px;height:60px;-webkit-box-shadow:0 30px 50px rgba(0,0,0,0.15) inset;box-shadow:0 30px 50px rgba(0,0,0,0.15) inset}
#LinkList102 a:nth-of-type(-n+2){margin-top:0}
.rtl #LinkList102 a{margin-left:4%}
.ltr #LinkList102 a{margin-right:4%}
.rtl #LinkList102 a:nth-of-type(even){margin-left:0}
.ltr #LinkList102 a:nth-of-type(even){margin-right:0}
#LinkList102 span{font-family:AltFont;position:relative;color:#fff;text-transform:capitalize;font-size:12px;text-align:center;margin-top:3px;vertical-align:top}
#LinkList102 br{font-size:33px;vertical-align:top}
#LinkList102 a:hover{background-color:#444!important;color:#ddd}
#LinkList102 a:hover span{color:#999}
/* ==================
* Weather Widget
* ================== */
#HTML103 .widget-content{display:none}
#HTML103{margin-bottom:0}
#weather{background-color:$(weather.back);padding:20px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 70px 70px 30px rgba(0,0,0,0.1) inset;box-shadow:0 70px 70px 30px rgba(0,0,0,0.1) inset;max-width:250px;margin:0 auto 20px}
abbr.Today{display:block;font-family:BlogFont,AltFont;text-align:center;font-size:24px;color:$(weather.back);-webkit-border-radius:5px;border-radius:5px;padding:5px 0;background-color:$(weather.color);line-height:1.5em;}
#weather i{font-size:170px;line-height:100%;text-align:center;display:block;color:$(weather.color);margin-bottom:-10px;margin-right:-60px}
span.Condition{display:block;text-align:center;color:$(weather.color);font-family:BlogFont,AltFont;font-size:20px}
span.Today-Temp{display:block;text-align:center;color:$(weather.color);font-family:Arial;font-size:24px;font-weight:700;text-transform:capitalize}
.icon{font-family:FontAwesome;font-weight:400;font-style:normal}
.icon-0:before{content:"\efb7"}
.icon-1:before{content:"\efbc"}
.icon-2:before{content:"\efbe"}
.icon-3:before{content:"\efbd"}
.icon-4:before{content:"\efbe"}
.icon-5:before{content:"\efc0"}
.icon-6:before{content:"\efc0"}
.icon-7:before{content:"\efc0"}
.icon-8:before{content:"\efc0"}
.icon-9:before{content:"\efba"}
.icon-10:before{content:"\efc0"}
.icon-11:before{content:"\efba"}
.icon-12:before{content:"\efba"}
.icon-13:before{content:"\efba"}
.icon-14:before{content:"\efba"}
.icon-15:before{content:"\efc0"}
.icon-16:before{content:"\efba"}
.icon-17:before{content:"\efc0"}
.icon-18:before{content:"\efbf"}
.icon-19:before{content:"\efc1"}
.icon-20:before{content:"\efc1"}
.icon-21:before{content:"\efc1"}
.icon-22:before{content:"\efc1"}
.icon-23:before{content:"\efc1"}
.icon-24:before{content:"\efb9"}
.icon-25:before{content:"\efb9"}
.icon-26:before{content:"\efb5"}
.icon-27:before{content:"\efc2"}
.icon-28:before{content:"\efb8"}
.icon-29:before{content:"\efc2"}
.icon-30:before{content:"\efb8"}
.icon-31:before{content:"\efb6"}
.icon-32:before{content:"\efb4"}
.icon-33:before{content:"\efb6"}
.icon-34:before{content:"\efb4"}
.icon-35:before{content:"\efc0"}
.icon-36:before{content:"\efb4"}
.icon-37:before{content:"\efbe"}
.icon-38:before{content:"\efbe"}
.icon-39:before{content:"\efbe"}
.icon-40:before{content:"\efbb"}
.icon-41:before{content:"\efc0"}
.icon-42:before{content:"\efba"}
.icon-43:before{content:"\efc0"}
.icon-44:before{content:"\efc2"}
.icon-45:before{content:"\efbe"}
.icon-46:before{content:"\efbf"}
.icon-47:before{content:"\efbe"}
/* ==================
* Flicker Widget
* ================== */
.flickr-photos a{display:inline-block;width:30%;;opacity:.8}
.rtl .flickr-photos a{margin:0 0 10px 5%}
.ltr .flickr-photos a{margin:0 5% 10px 0}
.rtl .flickr-photos a:nth-of-type(3n){margin-left:0}
.ltr .flickr-photos a:nth-of-type(3n){margin-right:0}
.flickr-photos a img{-webkit-border-radius:2px;border-radius:2px}
.flickr-photos a:hover{opacity:1}
aside .goog-te-gadget-simple{border:1px solid $(side.lines);text-align:center;margin:0 auto;padding:10px;display:block}
/* ==================
* Archive Widget
* ================== */
.BlogArchive select{font-family:blogFont,AltFont;width:100%;padding:10px;background:none}
aside .BlogArchive select{color:$(side.links);border:1px solid $(side.lines)}
footer .BlogArchive select{color:$(footer.links);border:1px solid $(footer.lines)}
#ArchiveList .collapsed ul{display:none}
.flat .archivedate a{font-family:BlogFont,AltFont;display:block;padding:5px 0}
aside .flat .archivedate a{border-bottom:1px solid $(side.lines);color:$(side.links);}
footer .flat .archivedate a{border-bottom:1px solid $(footer.lines);color:$(footer.links);}
.flat .archivedate a:hover{border-bottom:1px solid $keycolor;color:$(side.links.hover)}
aside .flat .archivedate a:hover{border-bottom:1px solid $keycolor;color:$(side.links.hover)}
footer .flat .archivedate a:hover{border-bottom:1px solid $keycolor;color:$(footer.links.hover)}
.flat-count{margin-top:-27px;color:$(side.text);font-size:12px}
.rtl .flat-count{float:left;}
.ltr .flat-count{float:right;}
.flat a:before{color:$keycolor;display:inline-block;font-family:fontawesome;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.rtl .flat a:before{content:"\f100";padding-left:10px;}
.ltr .flat a:before{content:"\f101";padding-right:10px;}
.rtl .archivedate:hover a:before{padding-right:5px}
.ltr .archivedate:hover a:before{padding-left:5px}
aside .toggle{color:$(side.links)}
footer .toggle{color:$(footer.links)}
.toggle:hover{color:$(keycolor)}
.toggle{font-size:0;margin-top:15px}
.rtl .toggle{font-size:0;float:right}
.ltr .toggle{font-size:0;float:left}
body .zippy.toggle-open:before{content:"\f103"}
.rtl .zippy:before{content:"\f100"}
.ltr .zippy:before{content:"\f101"}
.rtl .hierarchy .hierarchy{margin-right:10px}
.ltr .hierarchy .hierarchy{margin-left:10px}
.zippy:before{font-size:18px;font-family:fontawesome;text-align:center}
.post-count-link{display:block;width:-webkit-calc(100% - 25px);width:calc(100% - 25px);font-family:BlogFont,AltFont;padding:4px 10px;margin-bottom:5px}
.rtl .post-count-link{margin-right:20px;}
.ltr .post-count-link{margin-left:20px;}
aside .post-count-link{color:$(side.links);border-bottom:1px solid $(side.lines)}
footer .post-count-link{color:$(footer.links);border-bottom:1px solid $(footer.lines)}
aside .post-count-link:hover{border-bottom:1px solid $(keycolor)}
.post-count{margin-top:-27px;font-size:12px}
.rtl .post-count{float:left;}
.ltr .post-count{float:right;}
aside .post-count{color:$(side.text)}
footer .post-count{color:$(footer.text)}
.posts a{display:block;font-family:BlogFont ,AltFont;padding:5px 0;font-size:12px}
aside .posts a{color:$(side.text);border-bottom:1px solid $(side.lines)}
footer .posts a{color:$(footer.text);border-bottom:1px solid $(footer.lines)}
aside .posts a:hover{border-bottom:1px solid $keycolor;color:$(side.links.hover)}
footer .posts a:hover{border-bottom:1px solid $keycolor;color:$(footer.links.hover)}
/* =====================
* Featured Post Widget
* ===================== */
.post-summary p{font-size:12px;margin-bottom:10px;display:block;font-family:blogfont,AltFont}
aside .post-summary a:hover{color:$(side.links.hover)}
aside .post-summary p{color:$(side.text)}
.post-summary{padding:10px}
aside .post-summary{border:1px solid $(side.lines)}
footer .post-summary{clear:both;border:1px solid $(footer.lines)}
.post-summary a{font-family:blogfont,AltFont;font-weight:700;display:block;text-align:center;margin-bottom:10px;padding:10px;-webkit-border-radius:5px;border-radius:5px}
aside .post-summary a{background-color:$(side.lines);color:$(side.links)}
footer .post-summary a{background-color:$(footer.lines);color:$(footer.links)}
footer .post-summary a:hover{color:$(footer.links.hover)}
footer .post-summary p{color:$(footer.text)}
aside .FeaturedPost .image{padding:5px;border:1px solid $(side.lines)}
footer .FeaturedPost .image{padding:5px;border:1px solid $(footer.lines)}
/* ====================
* Authors Widget
* ==================== */
.Profile{display:none;}
.Profile .widget-content{padding:10px;position:relative;overflow:hidden;min-height:20px}
aside .Profile .widget-content{border:1px solid $(side.lines)}
footer .Profile .widget-content{border:1px solid $(footer.lines)}
.Profile .widget-content.opend{min-height:302px}
.Profile .widget-content .au-wid-card{padding:10px 0;margin:0 10px;height:70px;cursor:pointer}
aside .Profile .widget-content .au-wid-card{border-top:1px solid $(side.lines)}
footer .Profile .widget-content .au-wid-card{border-top:1px solid $(footer.lines)}
.Profile .widget-content .au-wid-card:first-of-type,.Profile .widget-content .au-wid-card:first-of-type:hover{border:none}
.Profile .widget-content .au-wid-pic{width:50px;height:50px;-webkit-border-radius:100%;border-radius:100%;-webkit-background-size:cover;background-size:cover;}
.rtl .Profile .widget-content .au-wid-pic{float:right;margin-left:10px}
.ltr .Profile .widget-content .au-wid-pic{float:left;margin-right:10px}
aside .Profile .widget-content .au-wid-pic{border:5px solid $(wrapper);-webkit-box-shadow:0 0 0 1px $(side.lines);box-shadow:0 0 0 1px $(side.lines)}
footer .Profile .widget-content .au-wid-pic{border:5px solid $(footer.back);-webkit-box-shadow:0 0 0 1px $(footer.lines);box-shadow:0 0 0 1px $(footer.lines)}
.Profile .widget-content .au-wid-name{font-family:BlogFont,AltFont;font-size:12px;margin-top:10px;font-weight:700}
aside .Profile .widget-content .au-wid-name{color:$(side.links)}
footer .Profile .widget-content .au-wid-name{color:$(footer.links)}
.Profile .widget-content .au-wid-count{font-size:10px;display:block}
aside .Profile .widget-content .au-wid-count{color:$(side.text)}
footer .Profile .widget-content .au-wid-count{color:$(footer.text)}
.Profile .widget-content .au-wid-count i{font-style:normal;margin:0 5px}
.Profile .widget-content .au-wid-count b{font-family:blogfont,AltFont;font-weight:400}
.Profile .widget-content .au-posts{top:0;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:100%;position:absolute;overflow:hidden;height:300px}
aside .Profile .widget-content .au-posts{background-color:$(wrapper)}
footer .Profile .widget-content .au-posts{background-color:$(footer.back)}
.au-wid-pos-links{height:190px;overflow-y:scroll}
aside .au-wid-pos-links{border-bottom:1px solid $(side.lines)}
footer .au-wid-pos-links{border-bottom:1px solid $(footer.lines)}
.au-wid-pos-links::-webkit-scrollbar{width:7px;overflow:hidden}
.au-wid-pos-links::-webkit-scrollbar-thumb:hover{background-color:$(keycolor)}
aside .au-wid-pos-links::-webkit-scrollbar-track{background-color:$(wrapper)}
aside .au-wid-pos-links::-webkit-scrollbar-thumb{background-color:$(side.lines);-webkit-border-radius:100px;border-radius:100px}
footer .au-wid-pos-links::-webkit-scrollbar-track{background-color:$(footer.back)}
footer .au-wid-pos-links::-webkit-scrollbar-thumb{background-color:$(footer.lines);-webkit-border-radius:100px;border-radius:100px}
.Profile .widget-content{position:relative;overflow:hidden}
.Profile .widget-content .au-post{overflow:hidden;display:block;padding:5px;height:50px}
.Profile .widget-content .au-post:hover .au-po-img{opacity:1;-webkit-filter:contrast(1.1);filter:contrast(1.1);}
.Profile .widget-content .au-post:hover .au-po-title{color:$keycolor}
@-webkit-keyframes soft {50%{opacity:.5}}
@keyframes soft {50%{opacity:.5}}
.Profile .widget-content .au-po-img{opacity:0.9;width:40px;height:40px;-webkit-background-size:cover;background-size:cover;background-position:center center;-webkit-border-radius:2px;border-radius:2px}
.rtl .Profile .widget-content .au-po-img{float:right;margin-left:10px;}
.ltr .Profile .widget-content .au-po-img{float:left;margin-right:10px;}
.Profile .widget-content .au-po-title{font-size:11px;background-color:transparent;font-weight:700;border:none;padding:0;margin:0;line-height:1.3em;max-height:27px;overflow:hidden;float:none;min-height:15px}
aside .Profile .widget-content .au-po-title{color:$(side.links)}
footer .Profile .widget-content .au-po-title{color:$(footer.links)}
.au-po-details{line-height:0.5em}
.Profile .widget-content .au-po-title:before,.Profile .widget-content .au-po-title:after{display:none}
.Profile .widget-content .au-po-date{font-size:8px;display:block;font-family:blogfont,AltFont;margin-top:3px}
aside .Profile .widget-content .au-po-date{color:$(side.text)}
footer .Profile .widget-content .au-po-date{color:$(footer.text)}
.Profile .widget-content .au-po-date:before{content:"\f017";font-family:fontawesome;display:inline-block;font-weight:400}
.rtl .Profile .widget-content .au-po-date:before{margin-left:5px}
.ltr .Profile .widget-content .au-po-date:before{margin-right:5px}
.au-wid-pos-card{height:61px;padding:5px}
aside .au-wid-pos-card{border-bottom:1px solid $(side.lines)}
footer .au-wid-pos-card{border-bottom:1px solid $(footer.lines)}
.hide-auths{-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);height:auto}
.Profile .widget-content .show-posts{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.au-wid-back:Hover:before{color:$keycolor}
.au-wid-back:before{font-family:fontawesome;font-size:25px;display:inline-block;text-align:center;line-height:.7em;vertical-align:middle;padding:3px 0 0 3px;cursor:pointer}
.rtl .au-wid-back:before{margin-left:5px;}
.ltr .au-wid-back:before{margin-right:5px;}
aside .au-wid-back:before{color:$(side.text)}
footer .au-wid-back:before{color:$(footer.text)}
.rtl .au-wid-back:before{content:"\f190";}
.ltr .au-wid-back:before{content:"\f18e";}
.au-wid-prof{font-size:12px;font-family:blogfont,AltFont;font-weight:700;padding:6px 10px;-webkit-border-radius:3px;border-radius:3px;margin-top:10px}
.rtl .au-wid-prof{float:right;margin-right:10px}
.ltr .au-wid-prof{float:left;margin-left:10px}
aside .au-wid-prof{color:$(side.text);background-color:$(side.lines)}
footer .au-wid-prof{color:$(footer.text);background-color:$(footer.lines)}
.au-wid-prof:before{content:"\f007";font-family:fontawesome;font-weight:400;}
.rtl .au-wid-prof:before{margin-left:5px}
.ltr .au-wid-prof:before{margin-right:5px}
.au-wid-back{margin-top:12px}
.rtl .au-wid-back{float:left;}
.ltr .au-wid-back{float:right;}
aside .au-wid-prof:hover{color:$(wrapper);background-color:$keycolor}
footer .au-wid-prof:hover{color:$(footer.back);background-color:$keycolor}
/* ==================
* Posts Page
* ================== */
/* ====== Share Buttons ====== */
.share{width:100%;clear:both;border-top:1px solid $(postbody.lines);padding:10px 0;border-bottom:1px solid $(postbody.lines);margin-bottom:20px}
.like{float:right}
.share h7{color:$(postbody.subtitle);font-size:21px;margin-top:3px;font-family:BlogFont,AltFont}
.rtl .share h7{float:right;}
.ltr .share h7{float:left;}
.share a{cursor:pointer;font-family:FontAwesome;font-size:20px;width:40px;padding:6px 0;text-align:center;color:#FFF;-webkit-border-radius:2px;border-radius:2px;vertical-align:top;height:40px}
.rtl .share a{float:left;margin-right:5px;}
.ltr .share a{float:right;margin-left:5px;}
.share a:hover{background-color:#444!important}
.share .facebook{background-color:#3C56A1}
.share .twitter{background-color:#89c9fa}
.share .google{background-color:#DC493C}
.share .pinterest{background-color:#c72527}
.share .whatsapp{background-color:#65bc54}
.share .print{background-color:#1A7DB9}
.fb-like.fb_iframe_widget:before{content:"\f09a";color:#fff;padding:10px 15px;background-color:#3C56A1;display:inline-block;position:absolute;top:0;left:0;font-family:FontAwesome;font-size:20px;height:40px;width:40px}
.fb-like.fb_iframe_widget{padding:10px 10px 10px 50px;background-color:#f5f5f5;position:relative;-webkit-border-radius:2px;border-radius:2px;vertical-align:top;height:40px;width:114px}
.fb-like.fb_iframe_widget:hover:after{width:0;opacity:0;text-indent:-100px;font-size:0}
.fb-like.fb_iframe_widget:after{content:"Like";background-color:#3C56A1;position:absolute;right:0;top:0;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:100%;width:74px;color:#FFF;padding-top:12px;padding-left:10px;font-size:14px;font-family:Arial;text-indent:30px;font-weight:700;height:40px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:2}
.plus-one:before{content:"\f0d5";color:#fff;padding:10px 0;background-color:#dd4e42;display:inline-block;position:absolute;top:0;left:0;font-family:FontAwesome;font-size:20px;height:40px;width:40px}
.plus-one{padding:7px 10px 10px 50px;background-color:#f5f5f5;position:relative;-webkit-border-radius:2px;border-radius:2px;vertical-align:top;height:40px;width:114px;text-align:center}
.rtl .plus-one, .rtl .fb-like.fb_iframe_widget{float:left;margin-right:5px;}
.ltr .plus-one, .ltr .fb-like.fb_iframe_widget{float:right;margin-left:5px;}
.plus-one:hover:after{width:0;opacity:0;text-indent:-100px;font-size:0}
.plus-one:after{content:"+1";background-color:#dd4e42;position:absolute;right:0;top:0;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:100%;width:74px;color:#FFF;padding-top:12px;padding-left:10px;font-size:14px;font-family:Arial;text-indent:30px;font-weight:700;height:40px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;z-index:2}
/* ====== Share Buttons ====== */
.post-body{color:$(postbody.text);padding:0 0 20px}
.post-body iframe{max-width:100%}
.post-body span{display:inline}
.post-body a:not(.ibtn){color:$(postbody.link);font-weight:700}
.post-body a:not(.ibtn):hover{color:$keycolor!important;text-decoration:underline}
.post-body,.post-body *{font-family:PostFont ,AltFont!important}
.article-title{line-height:40px;font-family:PostFont,AltFont!important;font-weight:700;font-size:26px!important;color:$(postbody.title.color)!important;padding:10px 20px;background-color:$(postbody.title.back)}
.rtl .article-title{border-right:15px solid $(keycolor);}
.ltr .article-title{border-left:15px solid $(keycolor);}
.post-body [dir] img{max-height:100%!important;height:auto!important;padding:5px;border:1px solid $(postbody.lines);display:inline-block}
.post-body h3{font-weight:700;font-size:20px}
.post-body h4{font-weight:700;font-size:18px;text-decoration:underline}
.post-body ol li{margin-right:40px;list-style:decimal;padding-right:10px}
.rtl .post-body ul li{margin-right:40px;list-style:circle;padding-right:10px}
.ltr .post-body ul li{margin-left:40px;list-style:circle;padding-left:10px}
.post-body ul li:hover{list-style:disc}
.post-body blockquote{clear:both;background-color:$(keycolor);padding:20px;margin:5px 20px;color:#FFF;-webkit-border-radius:3px;border-radius:3px;text-indent:50px;position:relative}
.post-body blockquote:before{position:absolute;font-family:fontawesome;font-size:30px;top:16px}
.rtl .post-body blockquote:before{content:"\f10e";right:-30px}
.ltr .post-body blockquote:before{content:"\f10d";left:-30px}
.static_page .post-details{display:none}
.static_page .article-title{text-align:center;margin-bottom:20px;}
/* ====== Post Details ====== */
.post-details{clear:both;width:100%;border-top:1px solid $(postbody.lines);border-bottom:1px solid $(postbody.lines);padding:5px 0;margin:10px 0}
.post-details h6{font-family:FontAwesome;color:$(postbody.details.icon);display:inline-block;vertical-align:0;font-size:14px;margin-left:5px}
.rtl .post-labels,.rtl .post-author,.rtl .post-timestamp{display:inline-block;vertical-align:top;margin-left:10px}
.ltr .post-labels,.ltr .post-author,.ltr .post-timestamp{display:inline-block;vertical-align:top;margin-right:10px}
.g-profile:hover,.published:hover,.post-labels a:hover{color:$keycolor}
.fn{display:inline-block;vertical-align:middle}
.g-profile,.timestamp-link,.post-labels a{font-family:PostFont,AltFont;color:$(postbody.details);font-size:12px}
.post-labels b{font-size:10px;color:$(postbody.details.icon);padding:0 5px}
/* ====== Posts ADS ====== */
.inline-ad{text-align:center;margin-bottom:20px}
#HTML202{margin-right:20px;margin-bottom:20px;text-align:center}
#HTML109{text-align:center}
#HTML201,#HTML203{text-align:center}
#HTML201{margin-bottom:20px}
#HTML203{margin-top:20px}
.post-body #HTML201,.post-body #HTML203{display:block}
/* ====== Long Posts ====== */
.l-block{opacity:0;height:0;overflow:hidden}
.b-active{opacity:1;height:auto}
.post-pagin{text-align:center;padding-top:20px;border-top:1px solid $(postbody.lines);margin-top:10px}
.post-pagin span{background-color:$keycolor;display:inline-block;vertical-align:top;padding:5px 10px;margin:0 5px;font-family:blogfont,AltFont!important;color:$(wrapper);-webkit-border-radius:3px;border-radius:3px;font-size:12px;cursor:pointer}
/* ==================
* Next & Prev Posts
* ================== */
#BlogArchive1_ArchiveMenu{width:100%;padding:10px;font-family:BlogFont,AltFont;outline:none}
#blog-pager{overflow:hidden;-webkit-border-radius:2px;border-radius:2px;width:-webkit-calc((100% - 200px) - 20px);width:calc((100% - 200px) - 20px)}
.rtl #blog-pager{float:right;margin-right:20px}
.ltr #blog-pager{float:left;margin-left:20px}
div#blog-pager.pagin-top{float:none;width:100%;clear:both;margin-bottom:20px}
.inav:before,.inav p,.inav span{color:#ddd!important}
.blog-pager-older-link,.blog-pager-newer-link{width:50%;vertical-align:top;line-height:normal}
.inav{cursor:not-allowed}
.blog-pager-older-link{float:left;text-align:left;padding-right:10px}
.blog-pager-newer-link{float:right;text-align:right;padding-left:10px}
.blog-pager-newer-link p,.blog-pager-older-link p{font-family:BlogFont,AltFont;color:#999;font-size:16px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:bold}
.blog-pager-newer-link span,.blog-pager-older-link span{font-family:BlogFont,AltFont;color:#bc51c8;font-size:13px;display:inline-block;vertical-align:top;margin-top:6px}
.blog-pager-newer-link:before,.blog-pager-older-link:before{width:40px;height:50px;color:#eee;font-family:fontawesome;font-size:50px;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.blog-pager-newer-link:before{content:"\f101";float:right;text-align:right}
.blog-pager-older-link:before{content:"\f100";float:left;text-align:left}
#blog-pager a:hover p{color:$(related.links)}
.item #blog-pager a:hover span{color:$(related.details)}
#blog-pager a:hover:before{color:$keycolor}
.nav-links-only .older-text,.nav-links-only .newer-text{font-size:16px;font-weight:bold;margin-top:14px}
.nav-links-only p{margin-top:-5px}
/* ==================
* Related Posts
* ================== */
.related-posts{padding-bottom:20px}
.related-posts.links{width:-webkit-calc(100% - 200px);width:calc(100% - 200px)}
.related-posts.slider{width:-webkit-calc((100% - 200px) - 20px);width:calc((100% - 200px) - 20px);margin-bottom:20px;border-bottom:1px solid $(postbody.lines)}
.rtl .related-posts{float:right;margin-right:20px}
.ltr .related-posts{float:left;margin-left:20px}
.rtl .related-posts.slider{margin-right:20px}
.rtl .related-posts.links{padding-right:20px;border-right:1px solid $(postbody.lines);margin-right:-1px}
.ltr .related-posts.links{padding-left:20px;border-left:1px solid $(postbody.lines);margin-left:-1px}
.related-h3{font-family:BlogFont ,AltFont;border-bottom:1px solid $(postbody.lines);margin-bottom:20px;color:$(postbody.subtitle);padding-bottom:10px;font-size:19px;width:-webkit-calc((100% - 200px) - 20px);width:calc((100% - 200px) - 20px)}
.rtl .related-h3{float:right;margin-right:20px}
.ltr .related-h3{float:left;margin-left:20px}
.relate-p{width:100%}
.r-details{margin-top:5px;font-family:AltFont;font-size:12px;clear:both;color:$(related.details);overflow:hidden}
.r-author{display:inline-block}
.r-date{display:inline-block;margin-bottom:5px}
.rtl .r-author{margin-left:20px}
.ltr .r-author{margin-right:20px}
.r-date:before,.r-author:before{font-family:fontAwesome;display:inline-block;vertical-align:bottom}
.rtl .r-date:before,.rtl .r-author:before{padding-left:5px}
.ltr .r-date:before,.ltr .r-author:before{padding-right:5px}
.r-date:before{content:"\f017"}
.r-author:before{content:"\f007"}
.slider .relate-Thumb{position:relative;display:block;width:100%;height:150px;margin-bottom:10px;overflow:hidden;padding:5px;border:1px solid $(postbody.lines)}
.rtl .relate-Thumb{margin-left:20px}
.ltr .relate-Thumb{margin-right:20px}
.relate-p:hover .relate-Thumb img{opacity:.7}
.relate-Thumb img{width:100%;height:100%}
.slider .related-title{line-height:21px;font-family:BlogFont,AltFont;color:$(related.links);margin-bottom:10px;height:42px;overflow:hidden}
.related-posts .owl-nav{position:absolute;top:-55px}
.rtl .related-posts .owl-nav{left:0}
.ltr .related-posts .owl-nav{right:0}
.related-posts .owl-nav div{font-family:fontawesome;width:25px;height:25px;text-align:center;padding-top:3px;display:inline-block;vertical-align:top;margin-right:5px;-webkit-border-radius:2px;border-radius:2px;color:$(postbody.subtitle);border:1px solid $(postbody.lines)}
.links .relate-p{overflow:hidden;height:68px}
.links .relate-p:not(:last-of-type){margin-bottom:10px}
.links .related-title{max-height:40px;overflow:hidden}
.links .relate-Thumb{;-webkit-border-radius:2px;border-radius:2px;width:72px;height:72px;}
.rtl .links .relate-Thumb{float:right}
.ltr .links .relate-Thumb{float:left}
.links .related-title a{font-family:blogfont,AltFont;font-weight:700;font-size:14px;color:$(postbody.subtitle)}
.links .related-title a:hover{color:$(keycolor)}
.rtl .links .related-content{float:right;width:-webkit-calc(100% - 100px);width:calc(100% - 100px)}
.ltr .links .related-content{float:left;width:-webkit-calc(100% - 100px);width:calc(100% - 100px)}
a.r-author{color:$(related.details)}
a.r-author:hover{text-decoration:underline}
/* ==================
* About Author
* ================== */
.author-profile{margin-bottom:20px;overflow:hidden;min-height:390px;width:200px}
.rtl .author-profile{border-left:1px solid $(postbody.lines);float:right;}
.ltr .author-profile{border-right:1px solid $(postbody.lines);float:left;}
.profile-h3{font-family:BlogFont ,AltFont;border-bottom:1px solid $(postbody.lines);margin-bottom:20px;color:$(postbody.subtitle);padding-bottom:10px;font-size:19px}
.rtl .profile-h3{margin-left:20px;}
.ltr .profile-h3{margin-right:20px;}
.author-profile img{border:1px solid $(postbody.lines);width:-webkit-calc(100% - 20px);width:calc(100% - 20px);margin-bottom:10px;-webkit-border-radius:100%;border-radius:100%;padding:15px;display:block;}
.author-profile a{display:block;text-align:center;font-family:BlogFont ,AltFont;color:$(related.links);font-weight:700;margin-bottom:5px;font-size:18px}
.rtl .author-profile a{margin-left:20px;}
.ltr .author-profile a{margin-right:20px;}
.author-profile a:hover{color:$keycolor}
.author-profile span[itemprop="description"]{display:block;font-family:BlogFont ,AltFont;color:$(postbody.details);font-size:12px;text-align:justify}
.rtl .author-profile span[itemprop="description"]{margin-left:20px}
.ltr .author-profile span[itemprop="description"]{margin-right:20px}
/* ==================
* Comments
* ================== */
.c-icons{border-bottom:1px solid $(postbody.lines);width:100%;height:50px;-webkit-border-radius:3px;border-radius:3px;}
.rtl .c-icons{text-align:left}
.ltr .c-icons{text-align:right}
.c-icons h3{margin-top:13px;font-family:BlogFont,AltFont;font-size:25px;color:$(postbody.subtitle)}
.rtl .c-icons h3{float:right;}
.ltr .c-icons h3{float:left;}
.fbc{background-position:center -2px!important}
.blo{background-position:center -36px!important}
.dsq{background-position:center -70px!important}
.plus{background-position:center -104px!important}
.ico-act.fbc{background-color:#3b5998!important}
.ico-act.dsq{background-color:#2E9FFF!important}
.ico-act.plus{background-color:#DD4E42!important}
#comments{display:none}
.Blogger-Comments #comments{display:block}
.tab-cont{display:none}
.cmt_iframe_holder,.cmt_iframe_holder iframe{width:100%!important;display:block!important}
.tab-active{padding:20px 0;display:block}
.comment{margin-bottom:10px;border:1px solid $(postbody.lines);padding:30px;overflow:hidden}
.thread-toggle{display:none}
.comment-header{border-bottom:1px solid $(postbody.lines);padding-bottom:25px;margin-bottom:10px}
.rtl .avatar-image-container{float:right;margin-left:20px}
.ltr .avatar-image-container{float:left;margin-right:20px}
.avatar-image-container img{border:5px solid $(postbody.lines);width:50px;height:50px;-webkit-border-radius:3px;border-radius:3px}
cite.user{font-family:BlogFont,AltFont;font-style:normal;color:$(postbody.text);font-size:18px;font-weight:700;display:block}
cite.user a{color:$(postbody.text);display:block}
cite.user a:hover{color:$keycolor}
.datetime a{font-family:AltFont;color:$(postbody.details);font-size:12px;margin-top:5px;display:block}
.datetime a:hover{text-decoration:underline}
.comment-content{font-family:PostFont,AltFont;color:$(postbody.text);text-align:justify;line-height:1.5em;font-size:14px}
.comment-actions,.continue{display:block;text-align:left;overflow:hidden;margin-bottom:20px}
.comment-actions a,.continue a,.loadmore a{font-family:PostFont,AltFont;color:$(postbody.text);background-color:$(postbody.lines);padding:5px 20px;-webkit-border-radius:2px;border-radius:2px;margin:0 10px}
.rtl .comment-actions a,.continue a,.loadmore a{float:left;}
.ltr .comment-actions a,.continue a,.loadmore a{float:right;}
.comment-actions a:hover,.continue a:hover,.loadmore a:hover{background-color:$keycolor;color:#FFF}
.loadmore a{margin:20px 0}
#bc_0_5L{overflow:hidden}
p.comment-msg{font-family:blogFont,AltFont;font-size:15px;font-weight:700;color:$(postbody.details);margin-bottom:10px}
p.comment-msg:before{font-family:fontawesome;display:inline-block;vertical-align:middle;color:$keycolor}
.rtl p.comment-msg:before{content:"\f0a5";margin-left:10px}
.ltr p.comment-msg:before{content:"\f0a4";margin-right:10px}
/* ==================
* ShortCodes
* ================== */
/* ====== Messages ====== */
.sh-msg{font-style:normal;padding:20px 20px;display:block!important;clear:both;line-height:1.5em;-webkit-border-radius:3px;border-radius:3px;border:2px solid rgba(0,0,0,0.05);color:#FFF;font-weight:700;text-align:justify;text-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.sh-msg:before{content:"\f05a";display:inline-block;padding-left:20px;font-family:fontawesome;font-size:44px;vertical-align:middle;font-weight:400}
.rtl .sh-msg:before{padding-left:20px}
.ltr .sh-msg:before{padding-right:20px}
.sh-msg.short-info{background-color:#80E4EC}
.sh-msg.short-error{background-color:#FF8585}
.sh-msg.short-success{background-color:#50DA79}
.sh-msg.short-warning{background-color:#ECD152}
/* ====== Contact Form ====== */
#ContactForm2{display:none}
.post-body #ContactForm2{display:block}
.rtl .inside-contact .contact-form-name{margin-left:1%}
.ltr .inside-contact .contact-form-email{margin-left:1%}
.rtl .inside-contact input[type='text']{float:right;width:49.5%}
.ltr .inside-contact input[type='text']{float:left;width:49.5%}
.rtl .inside-contact input[type='text'],.rtl .inside-contact textarea{direction:rtl}
.ltr .inside-contact input[type='text'],.ltr .inside-contact textarea{direction:ltr}
.inside-contact input[type='text'],.inside-contact textarea{border:1px solid $(postbody.lines);padding:10px 20px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:5px;color:$(postbody.text);font-size:14px;font-family:PostFont,AltFont!important;resize:vertical}
.inside-contact textarea{display:block;width:100%}
.inside-contact input[type='text']:focus,.inside-contact textarea:focus{border:1px solid $keycolor}
.contact-buttons{float:left}
.contact-buttons *{display:inline-block;background-color:#eee;color:#666;padding:12px 0;-webkit-border-radius:3px;border-radius:3px;font-family:BlogFont,AltFont!important;font-weight:700;cursor:pointer;width:100px;text-align:center;font-size:16px;border:2px solid #ddd;outline:none}
#ContactForm2 .contact-form-button-submit:hover{border:2px solid #37a96d;background-color:#4cd08b}
.cancel-button:hover{border:2px solid #9c3030;background-color:#bf4545}
.contact-buttons *:hover{color:#FFF}
.inside-contact{margin-bottom:20px}
.contact-message{float:right;margin-top:10px}
.contact-message p{font-family:PostFont,AltFont!important;font-size:12px;color:$(postbody.text)}
.contact-message p img{float:right;vertical-align:-3px;margin:6px 0 0 10px;padding:0;border:0}
.contact-message p img{float:right;vertical-align:-3px;margin:6px 0 0 10px;padding:0;border:0}
/* ====== Accordion ====== */
.accordion .acor-title{background-color:$(postbody.lines);color:$(postbody.text);padding:10px 20px;position:relative;cursor:pointer;height:50px;font-weight:700}
.accordion .acor-content{width:100%;max-height:0;padding:0 20px;margin-bottom:10px;text-align:right;display:block;overflow:hidden}
.accordion .acor-title:after{content:"\f055";font-family:fontawesome;position:absolute;font-size:30px;top:8px;color:rgba(0,0,0,0.2);font-weight:400}
.rtl .accordion .acor-title:after{left:20px}
.ltr .accordion .acor-title:after{right:20px}
h6.acor-title-active:after{content:"\f056"}
div.acor-content.acor-active{max-height:1000px;padding:20px}
h6.acor-title-active{background-color:$keycolor}
/* ====== Buttons ====== */
.ibtn{-webkit-border-radius:5px;border-radius:5px;display:inline-block;vertical-align:top;font-weight:700;margin:5px;border:1px solid rgba(0,0,0,0.05);-webkit-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;-webkit-box-shadow:0 -20px 75px 0 rgba(0,0,0,0.2) inset;box-shadow:0 -20px 75px 0 rgba(0,0,0,0.2) inset;text-shadow:1px 1px 0 rgba(0,0,0,0.1);font-family:BlogFont ,AltFont!important}
.ibtn:hover{-webkit-box-shadow:0 -20px 75px 0 rgba(0,0,0,0.25) inset;box-shadow:0 -20px 75px 0 rgba(0,0,0,0.25) inset}
.ibtn-1{padding:10px 15px;font-size:16px}
.ibtn-2{padding:10px 25px;font-size:17px}
.ibtn-3{padding:15px 30px;font-size:20px}
.ibtn-4{padding:20px 35px;font-size:24px}
.iDown:before{content:"\f0ed";font-family:fontawesome;display:inline-block;vertical-align:top}
.rtl .iDown:before{padding-left:10px}
.ltr .iDown:before{padding-right:10px}
.iDown.ibtn-1:before{font-size:24px}
.iDown.ibtn-2:before{font-size:25px}
.iDown.ibtn-3:before{font-size:28px;font-size:31px}
.iPrev:before{content:"\f002";font-family:fontawesome;display:inline-block;vertical-align:top}
.rtl .iPrev:before{padding-left:10px}
.ltr .iPrev:before{padding-right:10px}
.iPrev.ibtn-1:before{font-size:20px}
.iPrev.ibtn-2:before{font-size:25px}
.iPrev.ibtn-3:before{font-size:28px;font-size:31px}
/* ====== Slider ====== */
.post-body .slider{clear:both;margin:20px auto;width:100%;display:none}
.post-body .owl-carousel .owl-item{height:100%}
.post-body .slider a{display:block;position:relative;direction:rtl}
.post-body .slider-cover a{height:auto}
.post-body .slider .owl-dot{display:inline-block;width:20px;height:20px;vertical-align:top;margin:0 3px}
.post-body .slider .owl-dot span{display:block;width:100%;height:100%;background-color:$(postbody.lines);-webkit-border-radius:100%;border-radius:100%;border:5px solid #FFF;-webkit-box-shadow:0 0 6px -3px #000;box-shadow:0 0 6px -3px #000}
.post-body .slider img{width:100%;min-height:100%;padding:0;border:none;border-radius:2px;}
.post-body .slider .owl-nav div{z-index:5;display:block;font-family:fontawesome!important;text-align:center;-webkit-border-radius:2px;border-radius:2px;font-weight:700}
.post-body .slider-cover .owl-item a:after,.slider-cover .owl-item div:after{content:attr(title);position:absolute;width:100%;bottom:0;display:block;z-index:2;color:#FFF;font-family:PostFont ,AltFont!important;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(transparent,#000 100%);background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000));background:-o-linear-gradient(transparent,#000 100%);background:linear-gradient(transparent,#000 100%);padding:30px}
.slider-cover .owl-item{padding:0}
.slider-cover .owl-dots{position:absolute;top:20px;right:30px}
.post-body .slider-cover .owl-dot span{background-color:rgba(255,255,255,0.1);border:5px solid rgba(255,255,255,0.1)}
.slider-cover .owl-dot.active span{border:5px solid #fff}
.slider-cover .owl-nav div{background-color:rgba(0,0,0,0.7);color:#FFF;width:40px;height:40px;top:20px;font-size:30px;line-height:37px;position:absolute;}
.slider-cover .owl-next{left:65px}
.slider-cover .owl-prev{left:20px}
.slider-cover .owl-nav div:hover{background-color:$keycolor}
.slider-carousel a{height:auto}
.slider-carousel[data-items='2'] .owl-stage{height:250px;overflow:hidden}
.slider-carousel[data-items='3'] .owl-stage{height:200px;overflow:hidden}
.slider-carousel[data-items='4'] .owl-stage{height:150px;overflow:hidden}
.slider-carousel .owl-item div,
.slider-carousel .owl-item a,
.slider-carousel .owl-item img{width:100%;display:block;height:100%}
.slider-carousel .owl-item a,.slider-carousel .owl-item div{position:relative}
.slider-carousel .owl-item a:after,.slider-carousel .owl-item div:after{content:attr(title);position:absolute;width:100%;bottom:0;display:block;z-index:2;color:#FFF;font-family:PostFont ,AltFont!important;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(transparent,#000 100%);background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(#000));background:-o-linear-gradient(transparent,#000 100%);background:linear-gradient(transparent,#000 100%);line-height:1.5;overflow:hidden;font-size:14px;font-weight:700;text-align:right;padding:20px 15px}
.slider-carousel .owl-dots{float:right;margin-top:20px;margin-right:10px;text-align:center;direction:rtl}
.slider-carousel{width:102%;margin-right:-1%}
.slider-carousel .owl-dot span{background-color:$(wrapper);border:5px solid #FFF}
.slider-carousel .owl-dot.active span{background-color:$keycolor;border:3px solid #FFF}
.slider-carousel .owl-nav div:hover{background-color:$keycolor;color:#FFF}
.slider-carousel .owl-next{left:15px}
.slider-carousel .owl-prev{left:10px}
.slider-carousel .owl-nav div{background-color:$(postbody.lines);color:$keycolor;width:30px;height:30px;top:10px;font-size:26px;float:left;line-height:31px;position:relative}
/* ====== Programmers Codes ====== */
.s-code::-webkit-scrollbar{height:10px}
.s-code::-webkit-scrollbar-track{-webkit-border-radius:100px;border-radius:100px}
.s-code::-webkit-scrollbar-thumb{background-color:#444;-webkit-border-radius:100px;border-radius:100px}
.s-code.t-HTML::-webkit-scrollbar-thumb:hover{background-color:#2AA4DA}
.s-code.t-CSS::-webkit-scrollbar-thumb:hover{background-color:#0A9E6A}
.s-code.t-JAVASCRIPT::-webkit-scrollbar-thumb:hover{background-color:#B58A33}
.s-code.t-CODE::-webkit-scrollbar-thumb:hover{background-color:#CCC}
.s-code{background-color:#222;clear:both;display:block;direction:ltr;width:100%;-webkit-border-radius:3px;border-radius:3px;overflow:hidden}
.s-code:hover{overflow-x:scroll}
.t-code{display:table-cell;vertical-align:top;width:100%;margin:0;white-space:normal}
.t-code code{display:block;color:#ccc;font-size:14px;font-family:monospace!important;height:30px;padding:7px 20px;white-space:nowrap}
.t-code code:nth-of-type(odd){background-color:#151515}
.l-code{display:table-cell;vertical-align:top;min-width:40px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}
.l-code em{display:block;font-style:normal;color:#fff;text-align:center;font-family:sans-serif!important;height:30px;line-height:1;padding-top:7px}
.l-code em:nth-of-type(odd){background-color:rgba(255,255,255,0.1)}
.s-code:before{display:table-caption;width:100%;padding:0 20px;font-family:monospace;font-size:24px;height:50px;padding-top:10px;font-weight:700}
.t-HTML .l-code{background-color:#2AA4DA}
.t-CSS .l-code{background-color:#0A9E6A}
.t-JAVASCRIPT .l-code{background-color:#B58A33}
.t-CODE .l-code{background-color:#444}
.s-code.t-HTML:before{content:"< HTML >";border-bottom:2px solid #2AA4DA;color:#2AA4DA}
.s-code.t-CSS:before{content:"< CSS >";border-bottom:2px solid #0A9E6A;color:#0A9E6A}
.s-code.t-JAVASCRIPT:before{content:"< JAVASCRIPT >";border-bottom:2px solid #B58A33;color:#B58A33}
.s-code.t-CODE:before{content:"< CODE >";border-bottom:2px solid #999;color:#999}
/* ====================
* Archive Page
* ==================== */
.rtl .ArchivePage .Ar-Category{padding-right:60px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0;border-left:5px solid $keycolor}
.ltr .ArchivePage .Ar-Category{padding-left:60px;-webkit-border-radius:100px 10px 10px 100px;border-radius:100px 10px 10px 100px;border-right:5px solid $keycolor}
.ArchivePage .Ar-Category{display:block;font-size:20px;font-family:BlogFont,AltFont!important;font-weight:700;margin-top:20px;background-color:$(postbody.lines);padding:5px 30px;margin-bottom:10px;height:40px;position:relative;line-height:1.5em}
.Ar-Category:before{font-family:fontawesome;font-size:14px;display:inline-block;color:#fff;content:"\f02c";font-weight:400;background-color:$keycolor;width:40px;height:40px;position:absolute;text-align:center;padding-top:6px;top:0;font-size:17px}
.rtl .Ar-Category:before{-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0}
.ltr .Ar-Category:before{-webkit-border-radius:100px 0 0 100px;border-radius:100px 0 0 100px}
.rtl .Ar-Category:before{right:0;}
.ltr .Ar-Category:before{left:0;}
.arch-link{display:block;font-size:14px}
/* ==================
* Print Style
* ================== */
@media print {
#HeaderTop,#HeaderMid,#HeaderBot,#Intro,.I-toggle,aside,.share,.author-profile,.related-h3,.related-posts,#blog-pager,#HTML106,#LinkList104,#HTML201,#HTML202,#HTML203,.mobile .mobile-pager,.mobile .share,.SettBox,footer,#copyrights{display:none!important}
.article-title,.post-details{text-align:center!important}
body{background:#FFF}
.mainWrapper{-webkit-box-shadow:none;box-shadow:none;}
.post-body blockquote{-webkit-print-color-adjust: exact;}
header{margin-top:0!important}
main{width:100% !important;float:none!important;border:none!important;padding:0!important}
.mainWrapper{width:100%!important;max-width:5000px!important}
}
/* =====================
* Responsive [Custom]
* ===================== */
.resp-it{overflow:visible!important;position:absolute;width:200px;background-color:$(menu.back);top:100px;z-index:5;padding:20px;-webkit-border-radius:3px;border-radius:3px;right:25px;display:none}
.rtl .resp-it{right:15px}
.ltr .resp-it{left:15px}
.resp-it li{width:100%;float:none;display:block;text-align:center;float:right;margin-left:5px}
#LinkList101 .menu-active .ma>a{margin-top:0;background-color:transparent;color:$(menu.link.color);-webkit-border-radius:0!important;border-radius:0!important;border-bottom:1px dashed $(menu.link.color)}
#LinkList101 .menu-active .ma>a:hover{background:none!important;border-bottom:1px dashed $keycolor;color:$(menu.hover.back)!important}
.resp-it:before{content:"";border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:20px solid $(menu.back);position:absolute;top:-17px;right:-webkit-calc(50% - 20px);right:calc(50% - 20px)}
.show-bt{display:block!important}
.mobile .post-outer:last-of-type{padding-bottom:0;border-bottom:0}
.mobile .m-Nav{font-family:BlogFont,AltFont;padding:8px 10px;width:50%;color:#999}
.mobile-older{float:left;text-align:left;border-right:1px solid #EEE}
.mobile .m-Nav p{font-family:BlogFont,AltFont;font-size:16px;font-weight:700;color:#999}
.mobile .m-Nav span{font-size:13px;color:#ccc}
.mobile-newer{float:right}
.desktop-disp{line-height:normal;width:200px;background-color:$keycolor;color:#FFF;padding:10px 0;display:block;margin:20px auto;text-align:center;font-family:BlogFont,AltFont;font-size:19px;-webkit-border-radius:3px;border-radius:3px;border-bottom:5px solid rgba(0,0,0,0.1)}
.desktop-disp:before{content:"\f108";font-family:fontawesome;font-size:40px;display:block}
.mobile .article-title{margin-top:20px}
.mobile-post-outer{border-bottom:1px solid $(post.lines);padding:20px 0}
.index-thumb{display:inline-block;padding:5px;vertical-align:top;border:1px solid $(post.lines);height:100px;width:100px}
.index-thumb span{display:block;width:100%;height:100%;-webkit-background-size:cover!important;background-size:cover!important;background-position:center center!important}
.rtl .mobile-post-details{display:inline-block;vertical-align:top;padding-right:10px;width:calc(100% - 105px)}
.ltr .mobile-post-details{display:inline-block;vertical-align:top;padding-left:10px;width:calc(100% - 105px)}
.mobile-index-title a{font-family:BlogFont,AltFont;color:$(post.title);display:block;font-size:19px;line-height:1.2;margin-bottom:5px}
.mobile-post-snippet{font-family:BlogFont,AltFont;color:$(post.details);font-size:14px;text-align:justify;display:block}
.mobile main,.mobile aside{display:block;border:0;float:none;width:100%;clear:both;border:0;padding:0 30px;margin:0}
.mobile .item-thumbnail{width:72px;height:72px;position:relative;margin-bottom:0}
.mobile.rtl .item-thumbnail{float:right;margin-left:20px}
.mobile.ltr .item-thumbnail{float:left;margin-right:20px}
.mobile .item-title a{display:block;font-size:14px}
.mobile #HTML109{margin-top:20px}
@media screen and (max-width :1100px) {
body .container #Header1{float:none;display:block;width:100%;text-align:center;vertical-align:top;margin-bottom:20px}
#Header1_headerimg{display:block;height:auto;width:auto;margin:0 auto 20px}
#HTML100{display:block;vertical-align:top;width:100%;min-height:auto}
}
@media screen and (max-width :1024px) {
body .mainWrapper{width:100%}
}
@media screen and (max-width :900px) {
.res-butt1,.res-butt2{display:block}
aside .widget{vertical-align:top;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin-bottom:20px}
.rtl aside .widget{float:right}
.ltr aside .widget{float:left}
.rtl aside .widget:nth-of-type(odd){margin-left:20px}
.ltr aside .widget:nth-of-type(odd){margin-right:20px}
#LinkList102 a{width:100px}
.rtl #PageList1{width:50px;float:right}
.ltr #PageList1{width:50px;float:left}
#PageList1 ul{background-color:$(top.back);position:absolute;max-width:220px;min-width:150px;text-align:center;top:60px;-webkit-border-radius:3px;border-radius:3px;padding:20px;z-index:3;display:none}
.rtl #PageList1 ul{right:-20px}
.ltr #PageList1 ul{left:-20px}
.mega{display:none}
#PageList1 ul:before{border-bottom:10px solid $(top.back)}
#PageList1 li a:after{display:none}
#PageList1 ul:before{content:"";border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-9px}
#PageList1 ul:before{content:"";border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-9px}
.rtl #PageList1 ul:before{right:25px}
.ltr #PageList1 ul:before{left:25px}
#PageList1 li a:after{display:none}
#PageList1 li a{font-weight:700;-webkit-border-radius:3px;border-radius:3px;margin:0 0 5px}
#PageList1 li{display:block}
body .container main,body .container aside{border:0;float:none;width:100%;clear:both;border:0;padding:0 30px;margin:0}
.ma.subed ul:before{display:none}
#LinkList102{text-align:center}
#LinkList100{max-width:-webkit-calc(100% - 50px);max-width:calc(100% - 50px);overflow:hidden}
#HeaderMid{display:block}
#LinkList101>ul{overflow:visible;position:absolute;width:200px;background-color:$(menu.back);z-index:3;padding:20px;-webkit-border-radius:3px;border-radius:3px;display:none}
.menu-1 #LinkList101>ul{top:90px}
.menu-2 #LinkList101>ul{top:60px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.rtl.menu-2 #LinkList101>ul{right:90px;left:90px}
.menu-2 #LinkList101>ul:before{display:none}
.rtl.menu-1 #LinkList101>ul{right:15px}
.ltr.menu-1 #LinkList101>ul{left:15px}
#LinkList101>ul>li{width:100%;float:none;display:block;text-align:center;float:right;margin-left:5px}
#LinkList101>ul:before{content:"";border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:20px solid $(menu.back);position:absolute;top:-17px;right:-webkit-calc(50% - 20px);right:calc(50% - 20px)}
#LinkList101 .ma.subed>ul{position:relative;top:0;right:0;opacity:1;-webkit-border-radius:0;border-radius:0;width:100%;background-color:$(menu.link.back);overflow:hidden;padding:0;display:block;max-height:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.menu-2 #LinkList101>ul>li>a{padding:10px 20px}
}
@media screen and (max-width :768px) {
.share h7{float:none;clear:both;display:block;width:100%;margin-bottom:10px;text-align:center}
.author-profile{border:1px solid $(postbody.lines)}
body .container .related-posts.links{padding:0;border:none}
.rtl .author-profile a{text-align:right}
.ltr .author-profile a{text-align:left}
.ltr .author-profile img{margin-right:20px}
.rtl .author-profile img{margin-left:20px}
body .container .profile-h3,body .container .author-profile a,body .container .author-profile span[itemprop="description"]{margin-left:0;margin-right:0}
.rtl .related-posts.slider{margin-right:0}
}
@media screen and (max-width:640px) {
body .container #LinkList104{float:none;margin:0 auto 10px;text-align:center;clear:both}
.c-site{display:block!important;float:none!important;margin:0!important}
.c-right{padding-top:15px;text-align:center}
body .container .share h7{clear:both;width:100%;float:none;display:block}
.share{text-align:center;direction:ltr}
.fb-like.fb_iframe_widget:after{text-indent:-30px}
#HTML140{display:block;margin-left:0;text-align:center;margin-bottom:10px}
#HTML140 p{display:inline-block;width:-webkit-calc(100% - 190px);width:calc(100% - 190px)}
.c-icons{height:auto;border:0}
body .container .c-icons{text-align:initial}
body .container .c-icons h3{border-bottom:1px solid $(postbody.lines);display:block;float:none;clear:both;margin-bottom:10px}
.comment{padding:20px}
.separator a{margin-right:0!important;margin-left:0!important}
}
@media screen and (min-width :385px) and (max-width : 480px) {
.rtl #LinkList102 a:nth-of-type(even){margin-left:4%}
.ltr #LinkList102 a:nth-of-type(even){margin-right:4%}
.rtl #LinkList102 a:nth-of-type(3n){margin-left:0}
.ltr #LinkList102 a:nth-of-type(3n){margin-right:0}
}
@media screen and (max-width :480px) {
aside .widget{display:block;vertical-align:top;width:100%;margin:0 0 20px}
#HeaderTop,#HeaderMid,body .container main,body .container aside,#copyrights,.f-cols{padding-left:20px;padding-right:20px}
#int-one,#int-two,#HeaderBot #LinkList101{margin-left:20px;margin-right:20px}
.popular-posts li{width:100%;margin:0 0 10px!important;float:none;height:auto}
#f-row .email{padding:0 20px}
.rtl #ContactForm1{right:-webkit-calc(50% - 100px);right:calc(50% - 100px)}
.ltr #ContactForm1{left:-webkit-calc(50% - 100px);left:calc(50% - 100px)}
body .container .inside-contact input[type='text']{float:none;margin-left:0;width:100%}
}
@media screen and (max-width :320px) {
#HeaderTop,#HeaderMid,body .container main,body .container aside,#copyrights,.f-cols{padding-left:10px;padding-right:10px}
#int-one,#int-two,#HeaderBot #LinkList101{margin-left:10px;margin-right:10px}
.menu-2 #LinkList101>ul{right:20px}
.index-thumb{display:block;margin-bottom:20px;width:100%;height:180px}
body .container .mobile-post-details{padding-right:0;padding-left:0;width:100%;display:block;}
#f-row{padding:20px 10px}
body .container #HTML140 p{margin:10px 0}
body .container #Blog1 .author-profile{padding:10px}
.post-body blockquote{margin:5px 0}
.ltr .author-profile img{margin-right:10px}
.rtl .author-profile img{margin-left:10px}
.comment{padding:10px}
}
@media screen and (max-width :240px) {
.t-search.fa,.search-form{display:none}
#LinkList100{margin-top:-50px}
#HeaderTop,#HeaderMid,body .container main,body .container aside,#copyrights{padding-left:10px;padding-right:10px}
#int-one,#int-two,#LinkList101{margin-left:10px;margin-right:10px}
}
/* =====================
* Error Page
* ===================== */
.error{text-align:center;position:absolute;top:-webkit-calc(50% - 137.5px);top:calc(50% - 137.5px);left:-webkit-calc(50% - 180px);left:calc(50% - 180px)}
.fa-bolt{background-color:$keycolor;font-size:80px!important;width:100px;height:100px;-webkit-border-radius:100%;border-radius:100%;padding:10px;color:#FFF}
.error span{display:block;font-family:blogfont,AltFont;font-size:40px;margin-top:20px;color:$keycolor;font-weight:700}
.error p{font-family:blogfont,AltFont;font-size:22px;color:$(post.title)}
.error a{background-color:$(post.lines);color:$(post.details);font-family:blogfont,AltFont;margin:10px auto;padding:10px 20px;display:block;-webkit-border-radius:3px;border-radius:3px;width:170px;font-size:19px}
.error a:hover{background-color:$keycolor;color:#fff}
/* =====================
* Owner Styles
* ===================== */
]]>
4
REVERSE_ALPHABETICAL
true
rel-layout
links
wide-back
links
int-items
true
rel-layout
blogger-api
ALPHA
LIST
ALL
false
ALPHA
LIST
رحاب الطريقة
USER_SELECTED
false
]]>
Comments
true
By
TextAndImage
-
false
1x1
false
false
1
#ffffff
false
#ffffff
true
#ffffff
false
#ffffff
#ffffff
true
.
false
false
false
var auth
var auth
var auth
هل أعجبك الموضوع ؟
blogger
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
التعليقات
nafahat-tarik
<script type='text/javascript'>var FB_ID = ' '; </script>
<script type='text/javascript'>var Dis_Name = ' '; </script>
Please enable JavaScript to view the comments powered by Disqus.
ALPHA
LIST
التصوف
USER_SELECTED
false
ALPHA
LIST
أعلام التصوف
USER_SELECTED
false
ALPHA
LIST
مصطلحات صوفية
USER_SELECTED
false
ALPHA
LIST
دراسات وأبحاث
USER_SELECTED
false
ALPHA
LIST
متفرقات
USER_SELECTED
false
ALPHA
LIST
تصفح الكتب
USER_SELECTED
false
ALPHA
LIST
تحميل الكتب
USER_SELECTED
false
ALPHA
LIST
حكم واقوال
USER_SELECTED
false
ALPHA
LIST
مقالات
USER_SELECTED
false
ALPHA
LIST
الحكم العطائية
USER_SELECTED
false
ALPHA
LIST
مرئيات
USER_SELECTED
false
إذا أعجبك محتوى موقعنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد الموقع السريع ليصلك جديد الموقع أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...
NONE
youtube
https://www.youtube.com/@nafahat-tarik
twitter
https://www.facebook.com/Nafahatetarik/
https://twitter.com/nafahatetarik
facebook
NONE
نفحات الطريق
https://www.nafahat-tarik.com/
تعيش الفتيات في سن المراهقة تغيرات بارزة مثل توسع منطقة الوركين، ظهور
حب الشباب ، الجلد الدهني، نمو الثديين، نمو الشعر في منطقة العانة وتحت الإبطين وعلى الرجلين، كما يلحظون حصول
البلوغ الجنسي. هذا البلوغ يتجسد، بشكل أساسي، في بدء ظهور
الدورة الشهرية الأولى وإنتاج الهرمونات الجنسية مثل الأستروجين والبروجسترون. ويلاحظ أن الدورة الشهرية الأولى تظهر اليوم عند الصبايا في سن 12 عاما، وفقط بعدها بسنتين تبدأ بالظهور بشكل منتظم. إن لم تظهر حتى سن 14 عاما، أو إن لم تنتظم بعد سنتين من ظهورها، فيجب مراجعة طبيب الأمراض النسائية.
يعيش الفتيان في سن المراهقة تغيرات فيويولوجية كالتغير في حدة الصوت حيث يصبح أجش، ظهور حب الشباب، نمو الشعر في منطقة العانة وتحت الإبطين، وعلى الصدر والوجه وقذف المني اللاإرادي خلال النوم. هذا البلوغ الجنسي يترافق مع ازدياد حجم الأعضاء التناسلية، إنتاج حيوانات منوية وإنتاج هرمونات جنسية مثل
التستيسترون والأندروسترون. عملية البلوغ الفيزيولوجي لدى الفتيان تبدأ في سن 10 سنوات، وإن لم يحصل ذلك حتى سن 14 عاما يجب مراجعة طبيب لفحص احتمال وجود مشكلة معينة في عملية النمو.
السابق التالي
Your Affiliate Money Making Machine is ready -
ردحذفPlus, getting it running is as easy as 1-2-3!
Follow the steps below to make money...
STEP 1. Choose affiliate products the system will advertise
STEP 2. Add PUSH BUTTON traffic (it ONLY takes 2 minutes)
STEP 3. Watch the system explode your list and sell your affiliate products for you!
So, do you want to start making profits?
Click here to activate the system