hagba.org ماڵپەڕی هەگبە

hagba before all code

<data:view.title.escaped/> li { list-style: none; display: inline-block; } #navbarr > li:hover { /*background: linear-gradient(130deg,#004e4e, #000, #004e4e);*/ box-shadow: inset 0 0 20px cyan, inset 0 0 20px darkcyan; } .headerr a { color: #fff; text-decoration: none; padding: 0px 4px; } .menu-onee { position: absolute; width: 100%; left: -200%; background: linear-gradient(50deg,#000, #001501, #000); display: flex; justify-content: space-around; box-shadow: 0 0 3px #000; } .drop-onee:hover > .menu-onee { left: 0; } .menu-onee ul { flex: 1; text-align: center; list-style: none; padding: 0px; } .menu-onee ul h4 { text-transform: uppercase; color: #4ad3d3; font-size: 13px; font-weight: 900; } .tebene { text-transform: uppercase; color: #4ad3d3; font-size: 13px; font-weight: 900; display: none; } .menu-onee ul h4:hover { color: #5bffff; font-weight: bold; border-bottom: .01px solid #5bffff48; } .menu-onee ul a { color: pink; font-size: 13px; } .menu-onee li { line-height: 13px; } .menu-onee ul li:hover a { color: #ffd8de; font-weight: bold; border-left: 1px solid #ffd8de; } .menu-onee ul img { width: 100%; display: block; object-fit: cover; } /*labir sfrpx*/ .drop-twoo { position: relative;font-size: 0px; } .sfrpx:hover {background: none;} .menu-twoo { position: absolute; width: 200px;margin: 0;padding: 0; right: 0; display: none; box-shadow: 0 15px 40px rgba(0,0,0,1); } .menu-twoo li { position: relative; text-align: right; list-style: none; cursor: pointer; box-sizing: border-box; left: 0px; position: relative; z-index: 1; background: #111111; border-radius: 10px 15px 20px 25px / 50px 100px 50px 100px; } .menu-twoo li:before ,.menu-twoo-two li:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 15px 20px 25px / 50px 100px 50px 100px; background: #00ffffc2; /*box-shadow: inset 0px 0px 20px 0px #00ffffc2, inset 0px 0px 40px 0px #00ffffc2;*/ z-index: -1; transform: scaleY(0); transition: transform 0.5s; transform-origin: bottom; } .menu-twoo li:hover:before ,.menu-twoo-two li:hover:before { transform: scaleY(1); transition: transform .6s; transform-origin: top; }/* .menu-twoo li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #3fff00,00ff00,00ffffc2; z-index: -1; transform: scaleY(0); transition: transform 0.5s; transform-origin: bottom; filter: blur(1px); } .menu-twoo li:hover:after { transform: scaleY(1); transition: transform 0.5s; transform-origin: top; }*/ .drop-twoo:hover > .menu-twoo { display: none; } .menu-twoo-one, .menu-twoo-two, .menu-twoo-three, .menu-twoo-fore { display: none; position: absolute; left: -200px; width: 200px; top: 0px; } .menu-twoo-one li, .menu-twoo-two li, .menu-twoo-three li, .menu-twoo-fore li { position: relative; z-index: 1; background: #111111; list-style: none; } .menu-twoo li:hover .menu-twoo-one, .menu-twoo-one li:hover .menu-twoo-two, .menu-twoo-two li:hover .menu-twoo-three, .menu-twoo-three li:hover .menu-twoo-fore { display: block; } #spannn, #spannnn, #spannnnn, #spannnnnn { display: inline-block; float: left; transform: rotate(90deg); transition: .7s; } .menu-twoo li:hover #spannn, .menu-twoo-one li:hover #spannnn, .menu-twoo-two li:hover #spannnnn, .menu-twoo-three li:hover #spannnnnn, .menu-twoo-fore li:hover #spannnn { transform: rotate(-90deg); } #spann { display: inline-block; margin-right: 5px; transition: .5s; } .drop-onee:hover #spann, .drop-twoo:hover #spann, .drop-threee:hover #spann { transform: rotate(-180deg); } .menu-threee { position: absolute; width: 100%; left: -200%; background: linear-gradient(50deg,#000, #001501, #000); display: flex; justify-content: space-around; box-shadow: 0 0 3px #000; } .drop-threee:hover > .menu-threee { left: 0; } .menu-threee ul { flex: 1; text-align: center; list-style: none; padding: 0px; } .menu-threee ul h4 { color: #4ad3d3; font-size: 15px; font-weight: 900; } .menu-threee ul h4:hover { color: #5bffff; font-weight: bold; border-bottom: .01px solid #5bffff48; } .menu-threee ul a { color: pink; } .menu-threee li { line-height: 50px; } .menu-threee ul li:hover a { color: #ffd8de; font-weight: bold; border-left: 1px solid #ffd8de; } .menu-threee ul img { width: 100%; display: block; object-fit: cover; } .menu-foree { position: absolute; width: 100%; left: -200%; background: linear-gradient(50deg,#000, #001501, #000); display: flex; justify-content: space-around; box-shadow: 0 0 3px #000; } .drop-foree:hover > .menu-foree { left: 0; } .menu-foree ul { flex: 1; text-align: center; list-style: none; padding: 0px; } .menu-foree ul h4 { color: #4ad3d3; font-size: 15px; font-weight: 900; margin-left: 13px; } .menu-foree ul h4:hover { color: #5bffff; font-weight: bold; border-bottom: .01px solid #5bffff48; margin-bottom: -1px; } .menu-foree ul img { width: 150px; height: 100px; display: block; object-fit: cover; padding: 6.7px; opacity: .5; transition: .4s; } .menu-foree ul img:hover { opacity: 1; } /*.menu-twoo-one ul li:nth-child(2)*/ .drop-twoo ul li:nth-child(1) { animation: navanimate 1s ease; } .drop-twoo ul li:nth-child(2) { animation: navanimate 1.5s ease; } .drop-twoo ul li:nth-child(3) { animation: navanimate 2s ease; } .drop-twoo ul li:nth-child(4) { animation: navanimate 2.5s ease; } .drop-twoo ul li:nth-child(5) { animation: navanimate 3s ease; } @keyframes navanimate { 0% { transform: scale(2,2) rotateY(360deg); } 100% { transform: scale(1.5,1) rotateY(0deg); } } @media (max-width: 1100px) { .logoo, #navbarr { margin: 0px; width: 100%; text-align: center; } #navbarr { background: #111; } .menu-foree ul img { width: 100%; } } @media (max-width: 1000px) { .menu-onee ul a { margin: 0px; width: 100%; text-align: center; } .menu-foree ul img { width: 100%; } } @media (max-width: 950px) { .drop-twoo { font-size: 15px; } .menu-onee { display: none; } .drop-twoo:hover > .menu-twoo { display: block; } @keyframes navanimate {display: none;} .menu-twoo li:before ,.menu-twoo-two li:before { display: none; } .menu-twoo li { border-radius: 0px; } .headerr { direction: rtl; width: 120%; left: 21px; min-height: 46px; background: linear-gradient(45deg, #151515, #333333, #151515); position: relative; } #navbarr > li:hover { /*background: none;*/ box-shadow: none; } #navbarr { position: relative; top: -4px; left: 200%; text-align: left; transition: .5s linear; background: #111; } #navbarr li { display: block; text-align: right; margin-left: 20px; } .logoo { float: right; margin-left: 100px; line-height: 50px; display: block; } .logoo img { color: hotpink; width: 50px; height: 50px; text-transform: uppercase; margin-right: 45%; display: block; } #spann { text-align: left; float: left; } .menu-onee { position: relative; box-shadow: none; display: none; } .drop-onee:hover > .menu-onee { display: none; } .menu-onee ul { text-align: center; } .menu-onee ul a { color: #bee1df; font-size: 20px; line-height: 30px; } .menu-onee ul h4 { margin-top: 30px; color: #26c0c0; font-size: 20px; font-weight: 900; } .tebene { margin: 10px; color: #4ad3d3; font-size: 15px; font-weight: 900; display: block; } .barss { display: block; } #navbarr.active { left: 0; } .menu-threee { position: relative; box-shadow: none; display: none; } .drop-threee:hover > .menu-threee { display: block; } .menu-threee ul { text-align: left; } .menu-foree ul img { width: 250px; height: 200px; float: left; } .menu-foree ul h4 { float: left; text-align: left; font-size: 28px; margin-top: 72px; } .menu-foree ul img:hover { opacity: 1; } .menu-foree { position: relative; box-shadow: none; display: none; } .drop-foree:hover > .menu-foree { display: block; } .menu-foree ul { text-align: center; } .menu-twoo-one, .menu-twoo-two, .menu-twoo-three, .menu-twoo-fore, .menu-twoo { position: relative; left: 0px; width: 100%; } .menu-twoo-one li a { padding-right: 15px; } .menu-twoo-two li a { padding-right: 30px; } .menu-twoo-three li a { padding-right: 45px; } .menu-twoo-fore li a { padding-right: 60px; } #spannn, #spannnn, #spannnnn, #spannnnnn { float: left; transform: rotate(360deg); padding-left: 5px; } .menu-twoo li:hover #spannn, .menu-twoo-one li:hover #spannnn, .menu-twoo-two li:hover #spannnnn, .menu-twoo-three li:hover #spannnnnn, .menu-twoo-fore li:hover #spannnn { transform: rotate(180deg); } .barssok { width: 45px; height: 30px; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0; bottom: 0; /*left: 0; right: 0;*/ margin: auto; cursor: pointer; } .stick { width: 30px; height: 4px; border-radius: 4px; margin-bottom: 7px; background-color: #fff; display: inline-block; } .stick:last-child { margin-bottom: 0px; } .stick-1.open { animation: stick-1-open .6s ease-out forwards; } .stick-2.open { animation: stick-2-open .6s linear forwards; } .stick-3.open { animation: stick-3-open .6s linear forwards; } @keyframes stick-1-open { 0% {width: 30px;} 40% {background-color: #d00000; width: 4px; transform: translate(20px, 0px);} 75%, 80% {width: 4px; transform: translate(20px, -25px); animation-timing-function: cubic-bezier(0,1,1,1);} 100% {background-color: #d00000; width: 2.5px; transform: translate(13.5px, 19px);} } @keyframes stick-2-open { 80% {background-color: #fff; transform: translate(0px, 0px) rotate(0deg);} 100% {background-color: #d00000; transform: translate(4px, 0px) rotate(40deg);} } @keyframes stick-3-open { 80% {background-color: #fff; transform: translate(0px, 0px) rotate(0deg);} 100% {background-color: #d00000; transform: translate(4px, -11.5px) rotate(-40deg);} } .stick-1.close { width: 4px; transform: translate(13.5px, 13px); animation: stick-1-close .6s ease-out forwards; } .stick-2.close { transform: translate(0px, 0px) rotate(40deg); animation: stick-2-close .6s ease-out forwards; } .stick-3.close { transform: translate(0px, -11.5px) rotate(-40deg); animation: stick-3-close .6s ease-out forwards; } @keyframes stick-1-close { 0%, 70% {width: 0px;} 100% {width: 30px; transform: translate(0, 0);} } @keyframes stick-2-close { 0% {background-color: #d00000; width: 30px;} 20% {background-color: #d00000; width: 4px; transform: translate(0, 0px) rotate(40deg);} 40% {background-color: #fff; width: 0px;} 65% {transform: translate(0, -35px); animation-timing-function: cubic-bezier(0,1,1,1);} 80% {width: 0px;} 100% {width: 30px; transform: translate(0, 0px);} } @keyframes stick-3-close { 0% {background-color: #d00000; width: 30px;} 20% {background-color: #d00000; width: 4px; transform: translate(0, -11.5px) rotate(-40deg);} 40% {background-color: #fff;} 65% {transform: translate(0, -46.5px); animation-timing-function: cubic-bezier(0,1,1,1);} 90% {width: 4px;} 100% {width: 30px; transform: translate(0, 0px);} } } /****************************************************************************************/ /* */ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none }form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0 }dl,ul{list-style-position:inside;font-weight:400;list-style:none }ul li{list-style:none }caption,th{text-align:center }img{border:none;position:relative }a,a:visited{text-decoration:none }.clearfix{clear:both }.section,.widget,.widget ul{margin:0;padding:0 }a{color:$(body.link.color) }a img{border:0 }abbr{text-decoration:none }.CSS_LIGHTBOX{z-index:999999!important }.separator a{clear:none!important;float:none!important;margin-right:0!important;margin-left:0!important }#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important }.center{display:table;margin:0 auto;position:relative }.widget > h2,.widget > h3{display:none } body {background:$(body.background);background-color:$(body.background.color);font-family:'Open Sans',sans-serif;font-size:14px;font-weight:400;color:cyan;word-wrap:break-word;margin:0;padding:0 } #outer-wrapper{max-width:100%;margin:0 auto;background-color:#151515;box-shadow:0 0 5px rgba(0,0,0,.1) }.row{width:100% }#content-wrapper{margin:30px auto 0;overflow:hidden }#content-wrapper > .container{margin:0 -15px }#main-wrapper{float:right;overflow:hidden;width:66.66666667%;box-sizing:border-box;word-wrap:break-word;padding:0 15px;margin:0 }#sidebar-wrapper{float:left;overflow:hidden;width:33.33333333%;box-sizing:border-box;word-wrap:break-word;padding:0 15px }.post-image-wrap{position:relative;display:block }.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{background-color: #000;color:transparent!important }.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .25s ease } .post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{opacity: .6 } /*** hoveri wenakan .post-image-wrap:after { content: ''; right: -100%; z-index: 2; top: 0; position: absolute; width: 100%; height: 100%; opacity: 0; background: red; -webkit-transition: all 300ms linear 500ms; -moz-transition: all 300ms linear 500ms; transition: all 1s linear 500ms; border-radius: 100px; } .post-image-wrap:before { content: ''; left: -100%; top: 0; position: absolute; width: 100%; z-index: 2; height: 100%; background: red; opacity: 0; border-radius: 100px; -webkit-transition: all 300ms linear 500ms; -moz-transition: all 300ms linear 500ms; transition: all 1s linear 500ms; border-radius: 100px; }***/ .post-title a{display:block }#top-bar{width:100%;height:34px;background-color:$(main.dark.color);overflow:hidden;margin:0;position:relative;}#top-bar .container{margin:0 auto;position: relative;} #top-bar .container:before {content: '';position: absolute;top: 0;right: calc(-100% + 50px); background-image: linear-gradient(90deg, #151515, #333333); height: 100%;display: block;z-index: 0;width: 100%;}.top-bar-nav{position:relative;float:right;display:block;z-index:1;} .top-bar-nav:before, .top-bar-nav:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;transform: skew(-26deg);padding-right: 20px;background-image: linear-gradient(90deg, #333333, #151515);} .top-bar-nav:after {right: 9px;opacity: 0.2;}.top-bar-nav .widget > .widget-title{display:none }.top-bar-nav ul li{float:right } .top-bar-nav ul li > a{height:34px;display:block;color:#fff;font-size:12px;font-weight:400;line-height:34px;margin:0 10px 0 0;padding:0 5px;transition:color .17s; transition: .5s } .top-bar-nav ul li > a:hover{box-shadow: inset 0 0 20px #0c001a, inset 0 0 20px #0c001a;} .top-bar-nav ul li:first-child > a{padding:0 5px 0 0 }.top-bar-nav ul > li:hover > a{color:cyan }.top-bar-social{position:relative;float:left;display:block }.top-bar-social .widget > .widget-title{display:none }.top-bar-social ul > li{float:right;display:inline-block } .top-bar-social ul > li > a{display:block;color:#fff;text-decoration:none;font-size:14px;text-align:center;line-height:34px;padding:0 5px;margin:0 0 0 10px;transition:color .17s; transition: .5s } .top-bar-social ul > li:last-child > a{padding:0 0 0 5px } .top-bar-social ul > li:hover > a{color:cyan; box-shadow: inset 0 0 10px cyan; } .social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400 } .social .facebook a:before{content:"\f09a" } .social .twitter a:before{content:"\f099" } .social .gplus a:before{content:"\f0d5" } .social .rss a:before{content:"\f09e" } .social .youtube a:before{content:"\f16a" } .social .skype a:before{content:"\f17e" } .social .stumbleupon a:before{content:"\f1a4" } .social .tumblr a:before{content:"\f173" } .social .vk a:before{content:"\f189" } .social .stack-overflow a:before{content:"\f16c" } .social .github a:before{content:"\f09b" } .social .linkedin a:before{content:"\f0e1" } .social .dribbble a:before{content:"\f17d" } .social .soundcloud a:before{content:"\f1be" } .social .behance a:before{content:"\f1b4" } .social .digg a:before{content:"\f1a6" } .social .instagram a:before{content:"\f16d" } .social .pinterest a:before{content:"\f0d2" } .social .twitch a:before{content:"\f1e8" } .social .delicious a:before{content:"\f1a5" } .social .codepen a:before{content:"\f1cb" } .social .reddit a:before{content:"\f1a1" } .social .whatsapp a:before{content:"\f232" } .social .snapchat a:before{content:"\f2ac" } .social .email a:before{content:"\f0e0" } .social .external-link a:before{content:"\f0ac" } .social .likee a:before{content:"\f004" } .social .telegram a:before{content:"\f2c6" } .social .app-store a:before{content:"\f179" } .social .google-play a:before{content:"\f1a0" } .social-color .facebook a{background-color:#3b5999 } .social-color .twitter a{background-color:#00acee } .social-color .gplus a{background-color:#db4a39 } .social-color .youtube a{background-color:#db4a39 } .social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4) } .social-color .pinterest a{background-color:#ca2127 } .social-color .dribbble a{background-color:#ea4c89 } .social-color .linkedin a{background-color:#0077b5 } .social-color .tumblr a{background-color:#365069 } .social-color .twitch a{background-color:#6441a5 } .social-color .rss a{background-color:#ffc200 } .social-color .skype a{background-color:#00aff0 } .social-color .stumbleupon a{background-color:#eb4823 } .social-color .vk a{background-color:#4a76a8 } .social-color .stack-overflow a{background-color:#f48024 } .social-color .github a{background-color:#24292e } .social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400) } .social-color .behance a{background-color:#191919 } .social-color .digg a{background-color:#1b1a19 } .social-color .delicious a{background-color:#0076e8 } .social-color .codepen a{background-color:#000 } .social-color .reddit a{background-color:#ff4500 } .social-color .whatsapp a{background-color:#3fbb50 } .social-color .snapchat a{background-color:#ffe700 } .social-color .email a{background-color:#888 } .social-color .external-link a{background-color:#008cff} .social-color .likee a{background-color:#ee9b00 } .social-color .telegram a{background-color:#0088cc } .social-color .app-store a{background:linear-gradient(cyan,darkblue) } .social-color .google-play a{background:linear-gradient(15deg,#FF333399,#3BCCFF99,#48FF4899,#FFD40099) } .social-text .facebook a:after{content:"Facebook" } .social-text .twitter a:after{content:"Twitter" } .social-text .gplus a:after{content:"Google Plus" } .social-text .rss a:after{content:"Rss" } .social-text .youtube a:after{content:"YouTube" } .social-text .skype a:after{content:"Skype" } .social-text .stumbleupon a:after{content:"StumbleUpon" } .social-text .tumblr a:after{content:"Tumblr" } .social-text .vk a:after{content:"VKontakte" } .social-text .stack-overflow a:after{content:"Stack Overflow" } .social-text .github a:after{content:"Github" } .social-text .linkedin a:after{content:"LinkedIn" } .social-text .dribbble a:after{content:"Dribbble" } .social-text .soundcloud a:after{content:"SoundCloud" } .social-text .behance a:after{content:"Behance" } .social-text .digg a:after{content:"Digg" } .social-text .instagram a:after{content:"Instagram" } .social-text .pinterest a:after{content:"Pinterest" } .social-text .twitch a:after{content:"Twitch" } .social-text .delicious a:after{content:"Delicious" } .social-text .codepen a:after{content:"CodePen" } .social-text .flipboard a:after{content:"Flipboard" } .social-text .reddit a:after{content:"Reddit" } .social-text .whatsapp a:after{content:"Whatsapp" } .social-text .messenger a:after{content:"Messenger" } .social-text .snapchat a:after{content:"Snapchat" } .social-text .email a:after{content:"Email" } .social-text .external-link a:after{content:"WebSite" } .social-text .likee a:after{content:"Likee" } .social-text .telegram a:after{content:"Telegram" } .social-text .app-store a:after{content:"App Store" } .social-text .google-play a:after{content:"google play" } #header-wrap{position:relative;margin:0 } .header-header{background-color:#151515;width:100%;height:90px;position:relative;overflow:hidden;padding:30px 0 115px 0 } .header-header .container{position:relative;margin:0 auto;padding:0 } .header-logo{position:relative;float:left;width:auto;max-width:200px;max-height:60px;margin:0;padding:15px 0 } .header-logo .header-image-wrapper{display:block } .header-logo img{max-width:100%;max-height:97px;margin-top:-20px } .header-logo h1{color:$(title.color);font-size:36px;line-height:60px;margin:0 } .header-logo p{font-size:12px;margin:5px 0 0 } .header-ads{position:relative;float:right } .header-ads .widget > .widget-title{display:none } .header-ads .widget{max-width:100% } .header-ads .widget .widget-content{width:728px;max-width:100%;max-height:90px;line-height:1 } .header-menu .container{position:relative; margin:0 auto; padding:0; background-color: $(main.menu.one); background-image: linear-gradient(90deg, #0c001a, #005252);} #main-menu .widget,#main-menu .widget > .widget-title{display:none }#main-menu .show-menu{display:block } #main-menu{position:relative;height:46px;z-index:15 }#main-menu ul > li{float:right;position:relative;margin:0;padding:0;transition:background .17s; transition: 0.5s } #main-menu #main-menu-nav > li:hover,#main-menu #main-menu-nav > li.li-home{box-shadow: inset 0 0 20px #0c001a, inset 0 0 20px #0c001a;} #main-menu ul > li > a{position:relative;color:#ffffff;font-size:20px;font-weight:400;line-height:46px;display:inline-block;margin:0;padding:0 15px;transition:color .17s ease } #main-menu #main-menu-nav > li > a{text-transform:uppercase;font-weight:700 } #main-menu ul > li:hover > a{color: cyan } #main-menu ul > li > ul{position:absolute;float:right;right:0;top:46px;width:180px;background-image:linear-gradient(45deg, black, #003f3f);z-index:99999;margin-top:0;padding:0;border-top:2px solid cyan;visibility:hidden;opacity:0 } #main-menu ul > li > ul > li > ul{position:absolute;float:right;top:0;right:100%;margin:-2px 0 0 } #main-menu ul > li > ul > li{display:block;float:none;position:relative; transition: 0.5s } #main-menu ul > li > ul > li:hover{box-shadow: inset 0 0 20px #0c001a, inset 0 0 20px #0c001a;} #main-menu ul > li > ul > li a{display:block;height:36px;font-size:18px;color:#fff;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;border:0;border-bottom:1px solid rgba(255,255,255,0.05);transition:all .17s ease } #main-menu ul > li > ul > li:hover > a{color: cyan;} #main-menu ul > li.has-sub > a:after{content:'\f107';float:left;font-family:FontAwesome;font-size:12px;font-weight:400;margin:0 0 0 5px } #main-menu ul > li > ul > li.has-sub > a:after{content:'\f105';float:left;margin:0; transform: rotateY(180deg) } #main-menu .mega-menu{position:static!important } #main-menu .mega-menu > ul{width:100%;box-sizing:border-box;padding:20px 10px } #main-menu .mega-menu > ul.mega-menu-inner{overflow:hidden } #main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1 } #main-menu ul ul{transition:all .25s ease } .mega-menu-inner .mega-item{float:right;width:20%;box-sizing:border-box;padding:0 10px } .mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0 } .mega-content .post-image-wrap{width:100%;height:120px } .mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden;padding:0 } .mega-content .post-title{position:relative;font-size:13px;font-weight:700;line-height:1.5em;margin:7px 0 5px;padding:0 } ::-webkit-scrollbar { width: 10px;overflw: auto; } .scrollbox , .scrollbar , ::-webkit-scrollbox { overflw: auto; } ::-webkit-scrollbar-track { /*boredr: 1px solid #000;*/ box-shadow: inset 0 0 1.5px 4.5px #151515; background-color: #fff; } ::-webkit-scrollbar-thumb:hover { background:linear-gradient(to top, #333333, #333333); } ::-webkit-scrollbar-thumb { border-radius: 0px; background:linear-gradient(to top, #151515, #151515); hieght: 5px; /*boredr: 1px solid #000; box-shadow: inset 0 0 17.5px 0px cyan;*/ } -webkit-scrollbar-button:single-button{ display: block; width: 10px; height: 10px; background: #000; border: 5px solid; } -webkit-scrollbar-button:single-button:vertical:decrement{ border-color: transparent transparent #fff transparent; border-width: 0px 5px 5px 5px; } /*::-webkit-scrollbar-button { background: #333333;} ::-webkit-scrollbar-button:hover { background: #212121;} @keyframes abdull11 { 0%,100%{ filter: hue-rotate(0deg); } 50%{ filter: hue-rotate(360deg); } }*/ .mega-content .post-title a{display:block;color:#fff;transition:color .17s } .mega-content .post-title a:hover{color:cyan } .mega-content .post-meta{font-size:11px } .no-posts{float:right;width:100%;height:100px;line-height:100px;text-align:center } .mega-menu .no-posts{line-height:60px;color:$(title.color) } .show-search,.hide-search{position:absolute;left:0;top:0;display:block;width:46px;height:46px;line-height:46px;z-index:20;color:#fff;font-size:21px;text-align:center;cursor:pointer;padding:0;transition:background .17s ease; transition: .5s } .show-search:hover{ box-shadow: inset 0 0 20px #0c001a, inset 0 0 20px #0c001a; color: cyan} .show-search:before{content:"\f002";font-family:FontAwesome;font-weight:400 } .hide-search:before{content:"\f00d";font-family:FontAwesome;font-weight:400 } #nav-search{display:none;position:absolute;right:0;top:0;width:100%;height:46px;z-index:99;background-color:$(main.dark.color);box-sizing:border-box;padding:0 } #nav-search .search-form{width:100%;height:46px;background-color:rgba(0,0,0,0);line-height:46px;overflow:hidden;padding:0 } #nav-search .search-input{width:100%;height:46px;font-family:inherit;color:#fff;margin:0;padding:0 46px 0 15px;background-color:rgba(0,0,0,0);font-size:13px;font-weight:400;outline:none;box-sizing:border-box;border:0 } #mobile-logo .widget > .widget-title > h3{display:none } .mobile-header{display:none;position:relative;float:right;width:100%;height:50px;background-color:$(main.dark.color);z-index:1010 } .mobile-header .logo-content{position:relative;float:right;display:block;width:100%;height:50px;text-align:center;z-index:2 } .mobile-header .logo-content > a{height:30px;display:inline-block;padding:10px 0 } .mobile-header .logo-content > a > img{height:63px; margin-top: -15px } .mobile-header .logo-content > h3{font-size:20px;height:30px;line-height:30px;margin:10px 0 0 } .mobile-header .logo-content > h3 > a{color:#fff } .mobile-search-form{position:absolute;display:none;z-index:4;background-color:$(main.dark.color);width:100%;height:50px;right:0;top:0 } .mobile-search-form .mobile-search-input{background-color:$(main.dark.color);display:block;width:calc(100% - 50px);height:50px;font-family:inherit;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;padding:0 20px;border:0 } .mobile-search-form{position:absolute;display:none;z-index:4;background-color:$(main.dark.color);width:100%;height:50px;right:0;top:0 } .mobile-search-form .mobile-search-input{background-color:$(main.dark.color);display:block;width:calc(100% - 50px);height:50px;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;padding:0 20px;border:0 } .overlay{display:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:990;background:rgba(255,255,255,0.8) } .slide-menu-toggle,.show-mobile-search,.hide-mobile-search{position:absolute;line-height:50px;height:50px;width:50px;top:0;right:0;font-family:FontAwesome;color:#fff;font-size:18px;font-weight:400;text-align:center;cursor:pointer;z-index:4;padding:0 } .slide-menu-toggle{border-left:1px solid rgba(255,255,255,0.08) } .show-mobile-search,.hide-mobile-search{border-right:1px solid rgba(255,255,255,0.08);right:auto;left:0 } .slide-menu-toggle:before{content:"\f0c9" } .nav-active .slide-menu-toggle:before{content:"\f00d" } .show-mobile-search:before{content:"\f002" } .hide-mobile-search:before{content:"\f00d" } .mobile-menu{position:relative;float:right;width:100%;background-color:$(main.dark.color);box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease }.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1) } .mobile-menu > ul{margin:0 } .mobile-menu .m-sub{display:none;padding:0 } .mobile-menu ul li{position:relative;display:block;overflow:hidden;float:right;width:100%;font-size:14px;line-height:38px;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.01) } .mobile-menu > ul > li{font-weight:400 } .mobile-menu > ul li ul{overflow:hidden } .mobile-menu > ul > li:first-child{border-top:0 } .mobile-menu ul li a{color:darkcyan;padding:0;display:block;transition:all .17s ease } .mobile-menu #main-menu-nav > li > a{text-transform:uppercase;font-weight:700;font-size:13px } .mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;left:0;color:darkcyan;cursor:pointer; transform: rotateY(180deg); } .mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-weight:400;float:left;width:34px;font-size:16px;text-align:center;transition:all .17s ease } .mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(180deg) } .mobile-menu > ul > li > ul > li a{font-size:13px } .mobile-menu > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 15px } .mobile-menu > ul > li > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 30px } .mobile-menu ul > li > .submenu-toggle:hover{color:cyan } .post-meta { display:block; overflow:hidden; color:#d2d1d1; font-size:12px; font-weight:400; padding:0 1px; } .post-meta .post-author,.post-meta .post-date{float:right;margin:0 10px 0 0 }.post-meta .post-date{text-transform:capitalize } .post-meta a { color: #d2d1d1; transition:color .17s; } .post-meta a:hover { color: #999999; } .post-meta span:before{font-family:FontAwesome;font-weight:400;margin:0 3px 0 0 } .post-meta .post-author:before{content:'\f2c0' } .post-meta .post-date:before{content:'\f017' }#hot-wrapper, #featured-wrapper{margin:0 auto }#hot-section .widget,#hot-section .widget > .widget-title{display:none }#hot-section .show-hot{display:block!important }#hot-section .show-hot .widget-content{position:relative;overflow:hidden;height:380px;margin:30px 0 }.hot-loader{position:relative;height:100%;overflow:hidden;display:block }.hot-loader:after{content:'';position:absolute;top:50%;right:50%;width:26px;height:26px;margin:-16px 0 0 -16px;border:3px solid #eaeaea;border-right-color:$(main.color);border-left-color:$(main.color);border-radius:100%;animation:spinner .8s infinite linear;transform-origin:center }@-webkit-keyframes spinner {0%{-webkit-transform:rotate(0deg);transform:rotate(0deg) }to{-webkit-transform:rotate(1turn);transform:rotate(1turn) }}@keyframes spinner {0%{-webkit-transform:rotate(0deg);transform:rotate(0deg) }to{-webkit-transform:rotate(1turn);transform:rotate(1turn) }} ul.hot-posts{position:relative;overflow:hidden;height:380px;margin:0 -1px } .hot-posts .hot-item{position:relative;float:right;width:40%;height:380px;overflow:hidden;box-sizing:border-box;padding:0 1px } .hot-posts .item-0{width:60%;height:380px;padding-left:15px;}.hot-posts .item-1{margin:0 0 15px } .hot-item-inner{position:relative;float:right;width:100%;height:100%;overflow:hidden;display:block } .hot-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block } .hot-posts .post-info{position:absolute;bottom:0;right:0;width:100%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));overflow:hidden;z-index:5;box-sizing:border-box;padding:30px 20px 20px } .hot-posts .post-tag{position:relative;display:inline-block;top:0;right:0 } .hot-posts .post-title{font-size:17px;font-weight:700;display:block;line-height:1.5em;margin:8px 0 7px } .hot-posts .item-0 .post-title{font-size:22px } .hot-posts .post-title a{color:#fff;display:block } .hot-posts .post-meta{font-size:11px;color:#f0f0f0 }.show-hot .no-posts{position:absolute;top:calc(50% - 50px);right:0;width:100% } .queryMessage{overflow:hidden;background-color:#000;color:cyan;font-size:13px;font-weight:400;padding:8px 10px;margin:0 0 25px } .queryMessage .query-info{margin:0 5px }.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase }.queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c" }.queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d" } .queryMessage a.show-more{float:left;color:cyan;text-decoration:underline;transition:opacity .17s; text-decoration:none } .queryMessage a.show-more:hover{opacity:.5 } .queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center }.title-wrap,.featured-posts .widget-title{position:relative;float:right;width:100%;height:32px;display:block;margin:0 0 20px } .title-wrap > h3,.featured-posts .widget-title > h3 { position:relative; float:right; height:32px; font-size:15px; color: #d2d1d1; text-transform:uppercase; line-height:32px; padding:0 12px; margin:0; } .title-wrap > h3:before, .featured-posts .widget-title > h3:before { position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 7px; height: 7px; border-top: 2px solid #999999; border-right: 2px solid #999999; content: ''; opacity: .5; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .title-wrap > h3:after, .featured-posts .widget-title > h3:after { position: absolute; top: auto; left: 0; bottom: 0; right: auto; width: 7px; height: 7px; border-left: 2px solid #999999; border-bottom: 2px solid #999999; content: ''; opacity: .3; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .featured-posts > .widget{display:none;position:relative;float:right;width:100%;margin:0 0 30px }.featured-posts > .show-widget{display:block }.feat-big li{position:relative;float:left;width:calc(50% - 20px);overflow:hidden;margin:20px 0 0 }.feat-big .item-0{float:right;width:calc(50% - 10px);margin:0 }.feat-big .item-1{margin:0 }.feat-big .feat-inner{position:relative;float:right;width:100%;overflow:hidden }.feat-big .post-image-link{position:relative;float:right;width:80px;height:65px;display:block;overflow:hidden;margin:0 12px 0 0 }.feat-big .feat-inner .post-image-link{width:100%;height:180px;margin:0 0 13px }.feat-big .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px }.feat-big .item-big .post-info{float:right;overflow:hidden }.feat-big .item-small .post-info{overflow:hidden }.feat-big .item-0 .post-title{font-size:18px;margin:0 0 10px } .feat-big .post-title a { color: #d2d1d1; transition:color .17s ease; } .feat-big .post-title a:hover { color: #999999; } a.view-all:after{ content: '\f101\f101'; float: right; font-size: 17px; font-weight:400; font-family:FontAwesome; margin:0 0 0 3px; -webkit-transition: all .3s cubic-bezier(.32,.74,.57,1); -moz-transition: all .3s cubic-bezier(.32,.74,.57,1); -ms-transition: all .3s cubic-bezier(.32,.74,.57,1); -o-transition: all .3s cubic-bezier(.32,.74,.57,1); transition: all .3s cubic-bezier(.32,.74,.57,1); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } a.view-all:hover:after { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); } a, a:visited { text-decoration: none; } a.view-all:hover{ background: #d2d1d1; color: #000; } a.view-all { float: left; height: 22px; font-size: 14px; line-height: 22px; border-radius: 3px 20px; border: 1px solid #d2d1d1; margin-top: 4px; padding: 0 10px; font-weight: bold; text-transform: uppercase; transition: background .17s ease; color: #d2d1d1; transition: 0.5s; } .feat-big .item-small .post-meta{font-size:11px } .featured-posts > .col-right { float: left;} .featured-posts > .col-width{width:calc(50% - 15px) }.featured-posts > .col-left{float:left }.feat-col li{position:relative;float:right;width:100%;overflow:hidden;margin:20px 0 0 }.feat-col .item-0{margin:0 }.feat-col .feat-inner{position:relative;float:right;width:100%;overflow:hidden }.feat-col .post-image-link{position:relative;float:right;width:80px;height:65px;display:block;overflow:hidden;margin:0 12px 0 0 }.feat-col .feat-inner .post-image-link{width:100%;height:180px;margin:0 0 13px }.feat-col .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px }.feat-col .item-big .post-info{float:right;width:100% }.feat-col .item-small .post-info{overflow:hidden }.feat-col .item-0 .post-title{font-size:18px;margin:0 0 10px } .feat-col .post-title a { color: #d2d1d1; transition:color .17s ease; } .feat-col .post-title a:hover { color: #999999; } .feat-col .item-small .post-meta{font-size:11px }.grid-small li{position:relative;display:inline-block;vertical-align:top;width:calc(33.33333333% - 40px / 3);overflow:hidden;margin:20px 0 0 20px }.grid-small li:nth-child(3n+1){margin:20px 0 0 }.grid-small li.item-0{margin:0 } .grid-small li.item-1,.grid-small li.item-2{margin:0 15px 0 0 } .grid-small li.item-4, .grid-small li.item-4 {margin: 20px 15px 0 0;} .grid-small li.item-4, .grid-small li.item-5 {margin: 20px 15px 0 0;} .grid-small .post-image-link{position:relative;float:right;width:100%;height:140px;display:block;overflow:hidden;margin:0 0 7px }.grid-small .post-title{overflow:hidden;font-size:14px;font-weight:700;line-height:1.5em;margin:0 0 5px }.grid-small .post-info{float:right } .grid-small .post-title a { color: #d2d1d1; transition:color .17s ease; } .grid-small .post-title a:hover { color: #999999; } .grid-small .post-meta{font-size:11px }ul.grid-big{float:right;display:flex;flex-wrap:wrap;margin:0 -15px }.grid-big li{position:relative;float:right;width:50%;overflow:hidden;box-sizing:border-box;padding:0 15px;margin:30px 0 0 }.grid-big li.item-0,.grid-big li.item-1{margin:0 }#featured-wrapper .grid-big li {width: calc(100% / 4);}#featured-wrapper .grid-big li.item-0,#featured-wrapper .grid-big li.item-1,#featured-wrapper .grid-big li.item-2,#featured-wrapper .grid-big li.item-3{margin:0 }#featured-wrapper .grid-big li .post-snippet {display: none;}.grid-big .feat-inner{position:relative;float:right;width:100%;overflow:hidden }.grid-big .post-image-link{position:relative;float:right;width:100%;height:180px;display:block;overflow:hidden;margin:0 0 13px }.grid-big .post-title{overflow:hidden;font-size:18px;font-weight:700;line-height:1.5em;margin:0 0 10px }.grid-big .post-info{float:right;width:100% } .grid-big .post-title a { color: #d2d1d1; transition:color .17s ease; } .grid-big .post-title a:hover { color: #999999; } .feat-list li{position:relative;float:right;width:100%;overflow:hidden;margin:30px 0 0 }.feat-list .item-0{margin:0 }.feat-list .feat-inner{position:relative;float:right;width:100%;overflow:hidden }.feat-list .post-image-link{position:relative;float:right;width:280px;height:180px;display:block;overflow:hidden;margin:0 25px 0 0 }.feat-list .feat-inner .post-image-link{float:right;width:260px;height:195px;margin:0 20px 0 0 } .feat-list .post-snippet {font-size: 13px;line-height: 24px;color: #d2d1d1;text-align: justify;}.feat-list .post-title{overflow:hidden;font-size:24px;font-weight:700;line-height:1.4em;margin:0 0 10px }.feat-list .post-info{overflow:hidden } .feat-list .post-title a { color: #d2d1d1; transition:color .17s ease; } .feat-list .post-title a:hover { color: #999999; } .custom-widget li{overflow:hidden;margin:20px 0 0 }.custom-widget li:first-child{margin:0 }.custom-widget .post-image-link{position:relative;width:80px;height:65px;float:right;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0 }.custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px;padding:0 } .custom-widget .post-title a { display:block; color: #d2d1d1; transition:color .17s; padding: 0 5px 0 0; } .custom-widget .post-title a:hover { color: #999999; } .custom-widget .post-meta{font-size:11px }.blog-post{display:block;overflow:hidden;word-wrap:break-word }.index-post{padding:0;margin:0 0 30px } /* ::before { content: ''; position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; border: 4px solid yellow; filter: url(#wavy); } ::after { content: ''; position: absolute; top: -10px; left: -10px; width: 50%; height: 100%; border: 4px solid yellow; border-right: none; filter: url(#wavy); background: rgba(255,255,255,0.1); } */ .index-post .post-image-wrap{float:right;width:260px;height:195px;margin:0 20px 0 0 }.index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden } .post-tag{position:absolute;top:15px;right:15px;height:18px;z-index:5;background:linear-gradient(90deg, #333333 , #151515);transform: translateX(18px);color:#fff;font-size:12px;line-height:18px;font-weight:700;text-transform:uppercase;padding: 0px 25px 0 5px;border-radius: 5px 20px 3px 110px;} .post-tag:hover{text-decoration: underline;} .hot-item .post-tag {height:22px;line-height:22px;} .hot-item .post-tag:before {display: -webkit-inline-flex;margin-left: 5px;width: 8px;height: 8px;content: '';vertical-align: middle;line-height: 17px;border-radius: 50%;background-color: $(main.dark.color);}.index-post .post-info{overflow:hidden }.index-post .post-info > h2{font-size:24px;font-weight:700;line-height:1.4em;text-decoration:none;margin:0 0 10px } .index-post .post-info > h2 > a { display:block; color: #d2d1d1; transition:color .17s; padding: 0 5px 0 0; } .index-post .post-info > h2 > a:hover { color: #999999; } .widget iframe,.widget img{max-width:100% }.date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0 }.post-timestamp{margin-right:0 } .post-snippet{position:relative;color: #d2d1d1; display:block;overflow:hidden;font-size:12px;line-height:1.6em;font-weight:400;margin:10px 0 0 } .index-post .post-snippet { font-size:13px; line-height:24px; color: #d2d1d1; text-align: justify; padding: 0 5px 0 0; } .index-post .post-snippet:hover { color: #999999; } #breadcrumb{font-size:12px;font-weight:400;color:cyan;margin:0 0 10px } #breadcrumb a{color:cyan;transition:color .17s } #breadcrumb a:hover{color:darkcyan } #breadcrumb a,#breadcrumb em{display:inline-block }#breadcrumb .delimiter:after{content:'\f105';font-family:FontAwesome;font-style:normal;margin:0 3px } .item-post h1.post-title{color:darkcyan;font-size:27px;line-height:1.5em;font-weight:700;position:relative;display:block;margin:15px 0;padding:0 }.static_page .item-post h1.post-title{padding:0 0 10px;margin:0;border-bottom:1px solid #eaeaea }.item-post .post-body{width:100%;line-height:1.5em;overflow:hidden;padding:20px 0 0 }.static_page .item-post .post-body{padding:20px 0 }.item-post .post-outer{padding:0 }.item-post .post-body img{max-width:100% } .item-post .post-meta{padding:0 1px 10px;border-bottom:1px solid #005858 } .main .widget{margin:0 }.main .Blog{border-bottom-width:0 }.post-footer{position:relative;float:right;width:100%;margin:20px 0 0 }.inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px }.inline-ad > ins{display:block!important;margin:0 auto!important }.item .inline-ad{float:right;width:100%;margin:20px 0 0 }.item-post-wrap > .inline-ad{margin:0 0 20px }.post-labels{overflow:hidden;height:auto;position:relative;padding:0;margin:0 0 25px } .post-labels span,.post-labels a{float:right;color: #d2d1d1;font-size:12px;font-weight:400;margin:0 12px 0 0;transition:all .17s ease } .post-labels span{color: #d2d1d1 } .post-labels a:hover{color: #999999;} .post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 30px }ul.share-links{position:relative }.share-links li{width:32px;float:right;box-sizing:border-box;margin:0 5px 0 0 }.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:20% }.share-links li a{float:right;display:inline-block;cursor:pointer;width:100%;height:32px;line-height:32px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;margin:0;padding:0;transition:all .17s ease }.share-links li.whatsapp-mobile{display:none }.is-mobile li.whatsapp-desktop{display:none }.is-mobile li.whatsapp-mobile{display:inline-block }.share-links li a:before{float:right;display:block;width:32px;background-color:rgba(255,255,255,0.07);font-size:15px;text-align:center;line-height:32px }.share-links li a:hover{opacity:.8 }ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px }.post-nav li{display:inline-block;width:50% }.post-nav .post-prev{float:right;text-align:right;box-sizing:border-box;padding:0 10px }.post-nav .post-next{float:left;text-align:left;box-sizing:border-box;padding:0 10px } .post-nav li a{color:cyan;line-height:1.4em;display:block;overflow:hidden;transition:color .17s } .post-nav li:hover a{color:darkcyan } .post-nav li span{display:block;font-size:18px;color:#02c7c7;font-weight:700;text-transform:uppercase;padding:0 0 2px } .post-nav li span:hover{color:cyan;} .post-nav .post-prev span:before{content:"\f053";float:right;font-family:FontAwesome;font-size:9px;font-weight:400;text-transform:none;margin:0 2px 0 0 }.post-nav .post-next span:after{content:"\f054";float:left;font-family:FontAwesome;font-size:9px;font-weight:400;text-transform:none;margin:0 0 0 2px }.post-nav p{font-size:12px;font-weight:400;line-height:1.4em;margin:0 } .post-nav .post-nav-active p{color:cyan } .about-author{position:relative;display:block;overflow:hidden;padding:20px;margin:0 0 30px;border:1px solid #eaeaea }.about-author .avatar-container{position:relative;float:right;width:80px;height:80px;overflow:hidden;margin:0 15px 0 0;border-radius:100% }.about-author .author-avatar{float:right;width:100%;height:100%;border-radius:100% }.author-name{overflow:hidden;display:inline-block;font-size:16px;font-weight:700;margin:7px 0 3px }.author-name span{color:$(title.color) }.author-name a{color:$(title.color);transition:color .17s }.author-name a:hover{color:$(main.color) }.author-description{display:block;overflow:hidden;font-size:13px;font-weight:400;line-height:1.5em }.author-description a:hover{text-decoration:underline }#related-wrap{overflow:hidden;margin:0 0 30px }#related-wrap .related-tag{display:none }.related-ready{float:right;width:100% }.related-ready .loader{height:178px }ul.related-posts{position:relative;overflow:hidden;margin:0 -10px;padding:0 }.related-posts .related-item{width:33.33333333%;position:relative;overflow:hidden;float:right;display:block;box-sizing:border-box;padding:0 10px;margin:0 }.related-posts .post-image-link{width:100%;height:120px;position:relative;overflow:hidden;display:block }.related-posts .related-item .post-meta{padding:0;border:0 }.related-posts .post-title{font-size:14px;font-weight:700;line-height:1.5em;display:block;margin:7px 0 6px } .related-posts .post-title a{color:cyan ;transition:color .17s } .related-posts .post-title a:hover{color:darkcyan } #blog-pager{overflow:hidden;clear:both;margin:0 0 30px }.blog-pager a,.blog-pager span{float:right;display:block;min-width:30px;height:30px;background-color:$(main.dark.color);color:#fff;font-size:13px;font-weight:700;line-height:30px;text-align:center;box-sizing:border-box;margin:0 5px 0 0;transition:all .17s ease }.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{padding:0 15px }.blog-pager .blog-pager-newer-link{float:right }.blog-pager .blog-pager-older-link{float:left }.blog-pager span.page-dots{min-width:20px;background-color:#fff;font-size:16px;color:$(title.color);line-height:30px;font-weight:400;letter-spacing:-1px;border:0 }.blog-pager .page-of{display:none;width:auto;float:left;border-color:rgba(0,0,0,0);margin:0 } .blog-pager .page-active,.blog-pager a:hover{background-color:darkcyan;color:#fff } .blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:16px;font-weight:400 }.blog-pager .page-prev:before{content:'\f104' }.blog-pager .page-next:before{content:'\f105' }.blog-pager .blog-pager-newer-link:after{content:'\f104';float:right;font-family:FontAwesome;font-weight:400;margin:0 3px 0 0 }.blog-pager .blog-pager-older-link:after{content:'\f105';float:left;font-family:FontAwesome;font-weight:400;margin:0 0 0 3px }.archive #blog-pager{display:none }.blog-post-comments{display:none;margin:0 0 30px }.blog-post-comments .comments-title{margin:0 0 20px }.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0 }#comments{margin:0 }#gpluscomments{float:right!important;width:100%!important;margin:0 0 25px!important }#gpluscomments iframe{float:right!important;width:100% }.comments{display:block;clear:both;margin:0;color:$(title.color) } .comments > h3{font-size:20px; font-weight:400; padding-top:1px; color: #02c7c7;} .comments .comments-content .comment{list-style:none;margin:0;padding:0 0 8px }.comments .comments-content .comment:first-child{padding-top:0 }.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important }.comments .item-control{position:static }.comments .avatar-image-container{float:right;overflow:hidden;position:absolute }.comments .avatar-image-container,.comments .avatar-image-container img{height:45px;max-height:45px;width:45px;max-width:45px;border-radius:0 }.comments .comment-block{overflow:hidden;padding:0 0 10px }.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 60px }.comments .comments-content .inline-thread{padding:0 }.comments .comment-actions{float:right;width:100%;position:relative;margin:0 }.comments .comments-content .comment-header{font-size:12px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;border-bottom:1px dashed #eaeaea }.comments .comments-content .comment-header a{color:$(title.color);transition:color .17s }.comments .comments-content .comment-header a:hover{color:$(title.hover) }.comments .comments-content .user{font-style:normal;font-weight:700;text-transform:uppercase;display:block }.comments .comments-content .icon.blog-author{display:none } .comments .comments-content .comment-content { float: right; font-size: 16px; color: #d2d1d1; font-weight: 400; text-align: right; line-height: 1.4em; margin: 5px 0 9px; } .comments .comment .comment-actions a { margin-left: 5px; padding: 2px 5px; color: #d2d1d1; font-weight: 400; border: 1px solid #d2d1d1; font-size: 14px; transition:all .17s ease; } .comments .comment .comment-actions a:hover { color: #fff; background-color: 202020; border-color: #d2d1d1; text-decoration:none; } .comments .comments-content .datetime{float:right;font-size:11px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block }.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa }.comments .comments-content .datetime:before{content:'\f017';font-family:FontAwesome;font-size:11px;font-weight:400;font-style:normal;margin:0 3px 0 0 }.comments .thread-toggle{margin-bottom:4px }.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0 }.comments .thread-count a,.comments .continue a{transition:opacity .17s } .comments .thread-count a:hover,.comments .continue a:hover{opacity:.8; color: #999999;} .comments .thread-expanded{padding:5px 0 0 }.comments .thread-chrome.thread-collapsed{display:none }.thread-arrow:before{content:'';font-family:FontAwesome;color:$(title.color);font-weight:400;margin:0 2px 0 0 }.comments .thread-expanded .thread-arrow:before{content:'\f0d7' }.comments .thread-collapsed .thread-arrow:before{content:'\f0da' }.comments .comments-content .comment-thread{margin:0 }.comments .comments-content .comment-thread > ol{padding:0 }.comments .continue a{padding:0 0 0 60px;font-weight:400 }.comments .comments-content .loadmore.loaded{margin:0;padding:0 }.comments .comment-replybox-thread{margin:0 }.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none }.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:$(title.color);margin:0 0 15px }.post-body h1,.post-body h2{font-size:24px }.post-body h3{font-size:21px }.post-body h4{font-size:18px }.post-body h5{font-size:16px }.post-body h6{font-size:13px }blockquote{font-style:italic;padding:10px;margin:0;border-right:4px solid $(main.color) }blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;color:#aaa;line-height:1 }blockquote:before{content:'\f10d';margin:0 10px 0 0 }blockquote:after{content:'\f10e';margin:0 0 0 10px }.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400 }.widget .post-body li{margin:5px 0;padding:0;line-height:1.5 }.post-body ul{padding:0 0 0 20px }.post-body ul li:before{content:"\f105";font-family:FontAwesome;font-size:13px;font-weight:400;margin:0 5px 0 0 }.post-body u{text-decoration:underline }.post-body a{transition:color .17s ease }.post-body strike{text-decoration:line-through }.contact-form{overflow:hidden }.contact-form .widget-title{display:none }.contact-form .contact-form-name{width:calc(50% - 5px) }.contact-form .contact-form-email{width:calc(50% - 5px);float:left } .sidebar .widget{position:relative;overflow:hidden;box-sizing:border-box;padding:0;margin:0 0 30px } .sidebar .widget-title{position:relative;float:right;width:100%;height:32px;display:block;margin:0 0 20px } .sidebar .widget-title > h3 { position:relative; float:right; height:32px; font-size:15px; color: #d2d1d1; text-transform:uppercase; line-height:32px; padding:0; margin:0; } .sidebar .widget-content{float:right;width:100%;margin:0 }.social-counter li{float:right;width:calc(50% - 5px);margin:10px 0 0 }.social-counter li:nth-child(1),.social-counter li:nth-child(2){margin-top:0 }.social-counter li:nth-child(even){float:left } .social-counter li a{display:block;height:34px;font-size:13px;color:#fff;line-height:34px;transition:opacity .17s }.social-counter li a:hover{opacity:.8 } .social-counter li a:before{float:right;width:34px;height:34px;background-color:rgba(255,255,255,0.1);font-size:16px;text-align:center;margin:0 10px 0 0 } .list-label li{position:relative;display:block;padding:8px 0;border-top:1px dotted #eaeaea }.list-label li:first-child{padding:0 0 8px;border-top:0 }.list-label li:last-child{padding-bottom:0;border-bottom:0 }.list-label li a{display:block;color:$(title.color);font-size:13px;font-weight:400;text-transform:capitalize;transition:color .17s }.list-label li a:before{content:"\f105";float:right;color:$(title.color);font-weight:400;font-family:FontAwesome;margin:2px 3px 0 0;transition:color .17s }.list-label li a:hover{color:$(title.hover) }.list-label .label-count{position:relative;float:left;width:16px;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px }.cloud-label li{position:relative;float:right;margin:0 5px 5px 0 } .footer .cloud-label li a{color:#d2d1d1 } .footer .cloud-label li a:hover{background-color: #505050; color: #000 } .cloud-label li a { height:26px; display:block; color:#d2d1d1; padding: 6px 12px; font-size: 13px; overflow: hidden; transition: .5s; filter: hue-rotate(360deg); } .cloud-label li a:hover { color: #000; background-color: #505050; box-shadow: 0 0 40px #505050, 0 0 20px #505050; transition-delay: .5s; -webkit-box-reflect: below 1px linear-gradient(transparent,#0003); } .cloud-label li a:before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 5px; border-top: 2px solid #505050; border-left: 2px solid #505050; transition: .5s; } .cloud-label li a:after { content: ''; position: absolute; bottom: 0; right: 0; width: 5px; height: 5px; border-bottom: 2px solid #505050; border-right: 2px solid #505050; transition: .5s; } .cloud-label li a:hover:before, .cloud-label li a:hover:after { width: 100%; height: 100%; } .cloud-label .label-count{display:none }.sidebar .FollowByEmail > .widget-title > h3{margin:0 }.FollowByEmail .widget-content{position:relative;overflow:hidden;font-weight:400;text-align:center;box-sizing:border-box;padding:20px;border:1px solid #eaeaea }.FollowByEmail .widget-content > h3{font-size:18px;color:$(title.color);font-weight:700;margin:0 0 13px }.FollowByEmail .before-text{font-size:13px;color:#888;line-height:1.4em;margin:0 0 15px;display:block;padding:0 15px;overflow:hidden }.FollowByEmail .follow-by-email-inner{position:relative }.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:34px;color:#888;font-size:11px;font-family:inherit;text-align:center;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid #eaeaea;transition:ease .17s }.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border-color:rgba(0,0,0,0.1) }.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:34px;font-family:inherit;font-size:11px;color:#fff;background-color:$(main.color);text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;margin:0;border:0;transition:background .17s }.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.dark.color) }#ArchiveList ul.flat li{color:$(title.color);font-size:13px;font-weight:400;padding:8px 0;border-bottom:1px dotted #eaeaea }#ArchiveList ul.flat li:first-child{padding-top:0 }#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0 } #ArchiveList .flat li > a{ display:block; color: #d2d1d1;transition:color .17s } #ArchiveList .flat li > a:hover{color: #999999 } #ArchiveList .flat li > a:before{content:"\f105";float:right;color:$(title.color);font-weight:400;font-family:FontAwesome;margin:2px 3px 0 0;display:inline-block;transition:color .17s } #ArchiveList .flat li > a > span{position:relative;float:left;width:16px;height:16px;background-color: #333333;color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px; border-radius: 5px;} .PopularPosts .post{overflow:hidden;margin:20px 0 0 }.PopularPosts .post:first-child{margin:0 }.PopularPosts .post-image-link{position:relative;width:80px;height:65px;float:right;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0 }.PopularPosts .post-info{overflow:hidden }.PopularPosts .post-title{font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px } .PopularPosts .post-title a { display:block; color: #d2d1d1; transition:color .17s; padding: 0 5px 0 0; } .PopularPosts .post-title a:hover { color: #999999; } .PopularPosts .post-meta{font-size:11px }.PopularPosts .post-date:before{font-size:10px }.FeaturedPost .post-image-link{display:block;position:relative;overflow:hidden;width:100%;height:180px;margin:0 0 13px }.FeaturedPost .post-title{font-size:18px;overflow:hidden;font-weight:700;line-height:1.5em;margin:0 0 10px }.FeaturedPost .post-title a{color:$(title.color);display:block;transition:color .17s ease }.FeaturedPost .post-title a:hover{color:$(title.hover) }.Text{font-size:13px }.contact-form-widget form{font-weight:400 }.contact-form-name{float:right;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #eaeaea }.contact-form-email{float:right;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #eaeaea }.contact-form-email-message{float:right;width:100%;font-family:inherit;font-size:13px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #eaeaea }.contact-form-button-submit{float:right;width:100%;height:30px;background-color:$(main.color);font-size:13px;color:#fff;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;transition:background .17s ease }.contact-form-button-submit:hover{background-color:$(main.dark.color) }.contact-form-error-message-with-border{float:right;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262 }.contact-form-success-message-with-border{float:right;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9 }.contact-form-cross{margin:0 0 0 3px }.contact-form-error-message,.contact-form-success-message{margin:0 }.BlogSearch .search-input{float:right;width:75%;height:30px;background-color:#fff;font-weight:400;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #eaeaea;border-left-width:0 } .BlogSearch .search-action{float:left;width:25%;height:30px;font-family:inherit;font-size:13px;line-height:30px;cursor:pointer;box-sizing:border-box;background-color:darkcyan;color:#fff;padding:0 5px;border:0;transition:background .17s ease; border-radius: 3px; transition: .8s } .BlogSearch .search-action:hover{background-color:cyan; border-radius: 10px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 0px; border-top-right-radius: 0px} .Profile .profile-img{float:right;width:80px;height:80px;margin:0 15px 0 0;transition:all .17s ease }.Profile .profile-datablock{margin:0 }.Profile .profile-data .g-profile{display:block;font-size:14px;color:$(title.color);margin:0 0 5px;transition:color .17s ease }.Profile .profile-data .g-profile:hover{color:$(title.hover) }.Profile .profile-info > .profile-link{color:$(title.color);font-size:11px;margin:5px 0 0;transition:color .17s ease }.Profile .profile-info > .profile-link:hover{color:$(title.hover) }.Profile .profile-datablock .profile-textblock{display:none }.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:7px 0 0 }.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:right }.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:left }.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:$(title.color);font-size:13px;font-weight:400;transition:color .17s ease }.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:$(title.hover) }.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0 }#footer-wrapper{background-color:#0b0e13 }#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:25px 0 }.footer-widgets-wrap{position:relative;display:flex;margin:0 -15px }#footer-wrapper .footer{display:inline-block;float:right;width:33.33333333%;box-sizing:border-box;padding:0 15px }#footer-wrapper .footer .widget{float:right;width:100%;padding:0;margin:25px 0 0 }#footer-wrapper .footer .Text{margin:10px 0 0 }#footer-wrapper .footer .widget:first-child{margin:0 }#footer-wrapper .footer .widget-content{float:right;width:100% }.footer .widget > .widget-title{position:relative;float:right;width:100%;height:28px;display:block;margin:0 0 20px;} .footer .widget > .widget-title > h3 { position:relative; float:right; height:30px; font-size:16px; color: #d2d1d1; margin:0; padding:0 12px; } .footer .widget > .widget-title > h3:before { position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 7px; height: 7px; border-top: 2px solid #999999; border-right: 2px solid #999999; content: ''; opacity: .5;pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer .widget > .widget-title > h3:after { position: absolute; top: auto; left: 0;bottom: 0; right: auto; width: 7px; height: 7px; border-left: 2px solid #999999; border-bottom: 2px solid #999999; content: ''; opacity: .3; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-meta{border-color:rgba(255,255,255,0.05) }.footer .post-image-link{background-color:rgba(255,255,255,0.05) } .footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link { color: #d2d1d1; font-size: 16px; padding: 0 5px 0 0; } .footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover { color: #999999; } .footer .no-posts{color:$(footer.color) }.footer .FollowByEmail .widget-content > h3{color:$(footer.color) }.footer .FollowByEmail .widget-content{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05) }.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{color:#aaa }.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:$(main.dark.color) }.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05) }.footer #ArchiveList .flat li > a{color:$(footer.color) }.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{border-color:rgba(255,255,255,0.05) }.footer .list-label li:first-child{padding-top:0 }.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{color:$(footer.color) }.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{color:$(title.hover) }.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{background-color:rgba(255,255,255,0.05);color:$(footer.color) } .footer .BlogSearch .search-input{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05) }.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05) }.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{background-color:rgba(0,0,0,0.3) } #sub-footer-wrapper { display:block; width:100%; background-color: #151515; overflow:hidden; color:$(footer.color); padding:0 } #sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:10px 0 }#menu-footer{float:left;position:relative;display:block }#menu-footer .widget > .widget-title{display:none }#menu-footer ul li{float:right;display:inline-block;height:34px;padding:0;margin:0 } #menu-footer ul li a{font-size:12px;font-weight:400;display:block;color:$(footer.color);line-height:34px;padding:0 5px;margin:0 0 0 10px;transition:color .17s ease; transition: .5s }#menu-footer ul li:last-child a{padding:0 0 0 5px }#menu-footer ul li a:hover{color: #ff00ba; box-shadow: inset 0 0 15px #00ffff, inset 0 0 15px #00ffff; border-radius: 5px; } #sub-footer-wrapper .copyleft-area{font-size:15px;float:right;height:34px;line-height:34px;font-weight:400 } #sub-footer-wrapper .copyleft-area a{color:$(footer.color);transition:color .17s }#sub-footer-wrapper .copyleft-area a:hover{color:$(title.hover) }.hidden-widgets{display:none;visibility:hidden } /* .back-top{display:none;z-index:1010;width:34px;height:34px;position:fixed;bottom:25px;left:25px;cursor:pointer;overflow:hidden;font-size:20px;color:#fff;text-align:center;line-height:34px } .back-top:before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;background-color:cyan;opacity:.5;transition:opacity .17s ease } .back-top:after{content:'\f106';position:relative;font-family:FontAwesome;font-weight:400;opacity:.8;transition:opacity .17s ease } .back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{opacity:1 } go-to-back-after(kon) */ #return-to-top:hover i { color: #fff; top: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .fa-arrow-alt-up:before { content: "\f357"; font-size: 24px; } #return-to-top i { color: #fff; margin: 0 0 3px 0; position: relative; right: 1px; top: 5px; font-size: 19px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #return-to-top:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #222222; box-shadow: 0px 3px 5px -1px #333333; } #return-to-top { position: fixed; cursor:pointer; overflow:hidden; bottom: 40px; left: 20px; width: 38px; height: 38px; display: block; text-decoration: none; display: none; -webkit-transition: all .3s linear; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #252525a6; color: #fff; border-radius: 3px; direction: rtl; z-index: 1; font-family: 'uniqaidar_payam hd 004'; font-weight: 400; text-align: center; font-size: 12px; } .error404 #main-wrapper{width:100%!important;margin:0!important }.error404 #sidebar-wrapper{display:none }.errorWrap{color:$(title.color);text-align:center;padding:80px 0 100px }.errorWrap h3{font-size:160px;line-height:1;margin:0 0 30px; color: #fff }.errorWrap h4{font-size:25px;margin:0 0 20px; color: #fff }.errorWrap p{margin:0 0 10px }.errorWrap a{display:block;color:$(main.color);padding:10px 0 0; color: #fff }.errorWrap a i{font-size:20px }.errorWrap a:hover{text-decoration:underline } @media screen and (max-width: 1100px) {#outer-wrapper{max-width:100% }.row{width:100% }#top-bar .container,.header-header .container,.header-menu .container,#hot-wrapper, #featured-wrapper{box-sizing:border-box;padding:0 20px }#header-wrap{height:auto }.header-logo{max-width:30% }.header-ads{max-width:70% }.show-search,.hide-search{left:20px }#nav-search .search-input{padding:0 46px 0 20px }#content-wrapper{position:relative;box-sizing:border-box;padding:0 20px;margin:30px 0 0 }#footer-wrapper .container{box-sizing:border-box;padding:25px 20px }#sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px }} /*@media screen and (max-width: 980px) {#content-wrapper > .container{margin:0 }#top-bar, .header-logo,.header-menu{display:none } bo bashakani sarawa wak malawa - darbara - paiwandi*/ @media screen and (max-width: 980px) {#content-wrapper > .container{margin:0 } /*** #top-bar{display: none} .header-logo,.header-menu{display:none } .mobile-header{display:block } ***navigation bar kon***/ .header-logo{display:none } /*#top-bar,.header-logo,.header-menu{display:none }*/ /******************* .mobile-header{display:none } **************/ #header-wrap{padding:0 }.header-header{height:auto;padding:0 }.header-header .container.row{width:100% }.header-ads{width:100%;max-width:100%;box-sizing:border-box;padding:0 }.header-ads .widget .widget-content{position:relative;padding:20px 0;margin:0 auto }#header-inner a{display:inline-block!important }#main-wrapper,#sidebar-wrapper{width:100%;padding:0 }#featured-wrapper .grid-big li {width: calc(100% / 2);}#featured-wrapper .grid-big li.item-2, #featured-wrapper .grid-big li.item-3 {margin: 30px 0 0;}}@media screen and (max-width: 880px) {.footer-widgets-wrap{display:block }#footer-wrapper .footer{width:100%;margin-left:0 }#footer-sec2,#footer-sec3{margin-top:25px }}@media screen and (max-width: 680px) {#hot-section .show-hot .widget-content,#hot-section .hot-posts{height:auto }#hot-section .loader{height:200px }.hot-posts .hot-item{width:100%;height:180px;margin:2px 0 0 }.hot-posts .item-0{margin:0;padding:0;}.featured-posts > .col-width,.grid-big li{width:100% }.feat-big li,.feat-big .item-0{width:100% }.feat-big .item-1{margin:20px 0 0 }.grid-big li.item-big{margin:30px 0 0 }.grid-big li.item-0{margin:0 }.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-big .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{width:100%;height:180px;margin:0 0 10px }.index-post .post-info,.feat-big .item-big .post-info,.feat-list .post-info{float:right;width:100% }.post-snippet{margin:8px 0 0 }#menu-footer,#sub-footer-wrapper .copyleft-area{width:100%;height:auto;line-height:inherit;text-align:center }#menu-footer{margin:10px 0 0 }#sub-footer-wrapper .copyleft-area{margin:10px 0 }#menu-footer ul li{float:none;height:auto }#menu-footer ul li a{line-height:inherit;margin:0 3px 5px }}@media screen and (max-width: 540px) {.hot-posts .hot-item,.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-big .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{height:160px }#featured-wrapper .grid-big li {width: 100%;}#featured-wrapper .grid-big li, #featured-wrapper .grid-big li.item-1, #featured-wrapper .grid-big li.item-2, #featured-wrapper .grid-big li.item-3 {margin:15px 0 0;}#featured-wrapper .grid-big li.item-0 {margin:0;}.share-links li a span{display:none }.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:30px }ul.related-posts{margin:0 }.related-posts .related-item,.grid-small li,.feat-big .item-small{width:100%;padding:0;margin:20px 0 0 }.feat-big .item-0{margin:0 }.feat-big .item-small .post-info,.grid-small .post-info{float:none;overflow:hidden }.grid-small li:nth-child(3n+1){margin:20px 0 0 }.grid-small li.item-1,.grid-small li.item-2{margin:20px 0 0 }.related-posts .item-0,.grid-small li.item-0{padding:0;margin:0;border:0 }.related-posts .related-item:first-child{padding:0 }.related-posts .post-image-link,.feat-big .item-small .post-image-link,.grid-small .post-image-link{width:80px;height:65px;float:right;margin:0 12px 0 0 }.grid-small .post-tag,.related-posts .post-tag{display:none }.related-posts .post-title,.grid-small .post-title{font-size:13px;overflow:hidden;margin:0 0 5px }.inline-ad,.inline-ad > ins{height:auto;min-height:1px;max-height:250px }.item-post h1.post-title{font-size:25px }}@media screen and (max-width: 440px) {.hot-posts .post-title,.hot-posts .item-0 .post-title{font-size:15px }.queryMessage{text-align:center }.queryMessage a.show-more{width:100%;margin:10px 0 0 }.item-post h1.post-title{font-size:21px }blockquote{padding:10px 15px }.about-author{text-align:center }.about-author .avatar-container{float:none;display:table;margin:0 auto 10px }#comments ol{padding:0 }.errorWrap{padding:70px 0 100px }.errorWrap h3{font-size:130px }}@media screen and (max-width: 360px) {.about-author .avatar-container{width:60px;height:60px }} @media (max-width:950px){#h22{font-size:50px;color:red;margin-top:0px}} @media screen and (max-width: 550px) {h2#h22{font-size: 28px;}} /*-------like box new---------*/ .mspopup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90000;background:rgba(0,0,0,.6);overflow-x:hidden;overflow-y:auto;display:none} .mspopup-container{background:#fff url(http://i.imgur.com/2twQjiN.gif) no-repeat 50% 50%;padding:0;font-size:14px;height:236px;position:fixed;top:50%;left:50%;z-index:90001;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,0.8);transform:translateY(-50%) translateX(-50%)} .mspopup .mspopup-close{position:absolute;top:9px;right:20px;font-weight:700;font-family:Verdana;font-size:18px;cursor:pointer;color:#fff} .mspopup .mspopup-close:hover{color:#30497D} .mspopup .mspopup-header{font-size:20px;padding:10px;text-align:center;color:#fff;font-family:droid arabic kufi;background-color: #3B5998; text-shadow: 1px 2px 4px #4A4949; line-height: 1.1em;} .mspopup-container { width: 440px!important; } .mspopup .mspopup-header p{font-size:10px;padding:0;margin:0;font-weight:400;text-transform:initial} .mspopup .mspopup-content{padding:10px 20px} .mspopup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 90000; background: rgba(0,0,0,.6); overflow-x: hidden; overflow-y: auto; display: none; /*------end likr box new------*/ ]]> .container{display:flex;margin:0 }body#layout #main-wrapper{width:66.66%;padding:0 }body#layout #sidebar-wrapper{width:33.33%;padding:0 }body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible }body#layout .footer-widgets-wrap{display:flex }body#layout .footer-widgets-wrap div.footer{width:100% } /*------Layout (end)----------*/ ]]>

<style> h2#h22{ text-align: center;direction: ltr; font-size: 64px; color: #060606; margin-top: 5px; font-family: arial; font-weight: bold; transition: .5s; /*font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/ text-transform: uppercase; text-rendering: optimizeLegibility; /*-webkit-text-stroke: 1px #ffffff00;*/ transform: rotate(0deg) skew(15deg); } h2#h22{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 cyan, -9px 8px 0 cyan, -10px 9px 0 cyan, -11px 10px 0 cyan, -12px 11px 5px black, -13px 12px 5px black, -14px 13px 5px black, -15px 14px 5px black, -15px 15px 5px black, -16px 16px 5px black, -22px 19px 5px cyan; /*10px 25px 35px rgba(0, 0, 0, 0.9);*/ animation-name: hagna1org; animation-duration: 60s; animation-iteration-count: infinite; } @keyframes hagna1org { 0%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 darkcyan, -9px 8px 0 darkcyan, -10px 9px 0 darkcyan, -11px 10px 0 darkcyan, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px darkcyan; } 12.5%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 #ff0080, -9px 8px 0 #ff0080, -10px 9px 0 #ff0080, -11px 10px 0 #ff0080, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px #ff0080; } 25%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 mediumblue, -9px 8px 0 mediumblue, -10px 9px 0 mediumblue, -11px 10px 0 mediumblue, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px mediumblue; } 37.5%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 orange, -9px 8px 0 orange, -10px 9px 0 orange, -11px 10px 0 orange, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px orange; } 50%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 indigo, -9px 8px 0 indigo, -10px 9px 0 indigo, -11px 10px 0 indigo, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px indigo; } 62.5%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 olive, -9px 8px 0 olive, -10px 9px 0 olive, -11px 10px 0 olive, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px olive; } 75%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 #11bb01, -9px 8px 0 #11bb01, -10px 9px 0 #11bb01, -11px 10px 0 #11bb01, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px #11bb01; } 87.5%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 red, -9px 8px 0 red, -10px 9px 0 red, -11px 10px 0 red, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px red; } 100%{ text-shadow: -1px -1px 1px #6d6d6d, -2px 1px 0 black, -3px 2px 0 black, -4px 3px 0 black, -5px 4px 0 black, -6px 5px 0 black, -7px 6px 0 black, -8px 7px 0 darkcyan, -9px 8px 0 darkcyan, -10px 9px 0 darkcyan, -11px 10px 0 darkcyan, -12px 11px 10px black, -13px 12px 10px black, -14px 13px 10px black, -15px 14px 10px black, -25px 18px 15px darkcyan; } } @media (max-width:950px){ h2#h22{font-size:28px;width: 320px;} </style> <h2 id="h22">Hagba.org ماڵپه‌ڕی هه‌گبه‌</h2>
Hagba

Intro