Top Menu
Kharsai
Page Not Found!
<data:blog.pageTitle/>
<data:blog.pageName/> - <data:blog.title/>
*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; padding:0; font-size: 100%; font: inherit; vertical-align: baseline; } body#layout .navbar { display: none; } body#layout{width:990px;} body#layout div#pages-top { float: left; }body#layout div#top-share-buttons { display: inline-block; }body#layout .le_social { float: right; } body#layout div#header { float: left; } body#layout div.banner.has-dots { margin-top: -435px; } body#layout .footer-widgets .section { width: 20%; display: inline-block; } body#layout div.widget{margin-top:20px;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, q:before { content: ''; content: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } .picfooter ol, .picfooter ul { list-style: none } blockquote, q { quotes: none } blockquote:before, q:before { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0 } a:link { -webkit-tap-highlight-color: #FF5E99 } video, object, embed { max-width: 100%; } iframe { max-width: 100% } blockquote { width: 93%; font: $(body.font); padding: 15px 10px 20px 27px; position: relative; margin-top: 25px; margin-bottom: 10px; background: #f0f0f0; text-align: center; } blockquote:before { position: absolute; content: '"'; font-size: 40px; width: 50px; left: -5px; font: $(body.font); } blockquote p { margin-bottom: 10px } strong, b { font-weight: bold } em, i, cite { font: $(body.font); } small { font-size: 100% } figure { margin: 10px 0 } code, pre { font: $(body.font); } pre { margin: 5px 0 20px 0; line-height: 1.3em; padding: 8px 10px; overflow: auto; } code { padding: 0 8px; line-height: 1.5; } mark { padding: 1px 6px; margin: 0 2px; color: black; background: #FFD700; } address { margin: 10px 0 } .item-thumbnail img{ max-width: 9999px;height:auto; } .widget,.section { padding:0; margin:0 } .item-thumbnail { overflow: hidden; display: block; } .item .widget { overflow: hidden; display: block; } .Attribution { display: none } .navbar .widget { display: none! important } body#layout div#box19{ overflow:visible; } body#layout .wrapping { width: 65%; float: left; } body#layout .bslider{ overflow:visible; float:right; width:590px; } body#layout #outer-wrapper { width: 970px; } body{background:#fff;} body { color:#777; margin:0; } a { color:#222; text-decoration:none; } a:link { color:#222; text-decoration:none; } a:hover { color:$(maincolor); text-decoration:none; } /* Slider */ .slick-slider { margin-bottom:0px; position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block;width:100%;height:432px; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-next{right:25px;} .slick-prev { margin-right: 8px; left:25px; } .slick-prev, .slick-next { top: 50%; z-index:999; width: 40px; border:1px solid #fff; height: 40px; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .slick-prev:before, .slick-next:before{opacity:1;} .slick-prev:before { content: '\f104'; font-family: fontAwesome;color: #fff;text-align: center; display: block; line-height: 1.2; } .slick-next:before { content: '\f105'; font-family: fontAwesome;color: #fff;text-align: center; display: block; line-height: 1.2; } .slickslider .item-title a { font: $(homepage.title.font); padding: 0 0px; color:$(linkcolor); font-size:15px; } .slickslider .item-wrap-inner{position:relative;} .slickslider .item-info { width:100%;font-size: 12px; text-align:center; } #head-wrapper23 { display: table; clear: both; margin:0 auto;width:100%; background-color: #fff; } .item-title { padding: 10px 0 4px 0; } #sidebar-wrapper{background:#fff;} #content-wrapper{background:#fff;} #wrap2{background:#fff;} #head-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { max-width: 350px; text-align: left; padding: 15px 0; display:table-cell; vertical-align:middle; } #header2 { display: table-cell; vertical-align: middle; width: 728px; text-align: right; } .widget-content.popular-posts ul { list-style: none; } #header h1 { margin:5px 5px 0; padding:10px 20px 5px 18px; text-transform:none; font: $(body.font); color: #000; } #header a { color:$(linkcolor); text-decoration:none; } #header a:hover { color:$(hovercolor); } #header .description { margin:0; padding:0; max-width:400px; text-transform:none; line-height: .4em; font:normal 13px Lato; color: #000; } #outer-wrapper { width: 1140px; margin:0 auto; padding:0px 20px 0px 20px; text-align:left; font:normal 14px Lato; background:#fff; } div#sidebar.sidebar.section div.widget-content.popular-posts>ul>li>a { color: #474747; font-style: normal; } #sidebar-wrapper { width: 28.5%; float: right; word-wrap: break-word; padding-top: 30px;padding-left: 16px; } h2.date-header { display:none; } .post { margin:0 0 20px 0; font:$(body.font); color:#555; } .post h2 { margin:15px 0 10px 0; padding:0 0 4px; font: $(body.font); line-height:1.4em; font-weight:900; color:#333; } .post-body.entry-content span { font: $(body.font)!important; line-height: 21px!important; letter-spacing: 0.3px!important; } .post h2 a, .post h2 a:visited, .post h2 strong { display:block; display:block; text-decoration:none; } .post-body { } .post-body blockquote { line-height:1.3em; } .post-footer { } .comment-link { } .post img, table.tr-caption-container { margin: 0 0 20px; } .tr-caption-container img { border: none; padding: 0; } .post blockquote { } .post blockquote p { } .post-meta{ font: $(body.font); color: #000; font-size:16px; } .post-meta a{ color: #aaa; text-decoration:none; } .post-meta a:hover { color: $(hovercolor); } .showpageOf { display: none; } .showpagePoint { padding: 10px 14px; background: #222; float: left; color: #fff; font-size: 14px; font-weight: bold; } .showpage a, .showpageNum a { padding: 10px 14px; background: #990000; color:$(linkcolor); font-size: 14px; font-weight: bold; text-decoration: none; } .showpage a:hover { background: #222; color:$(hovercolor); } .showpageNum a:hover { background: #222; color:$(hovercolor) } .showpageArea { text-align:center; } #comments{ font-size:13px; margin:0; } #comments h4{display:block;line-height:35px;text-transform:uppercase;} #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative} #comments h4,.comments .user a,.comments .continue a{font-size:14px} #comments h4,.comments .continue a{font-weight:normal;color:$(linkcolor)} #comments .avatar-image-container img{border:0} .comment-thread{color:#111} .comment-thread a{color:$(linkcolor)} .comment-thread ol{margin:0 0 20px} .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:$(linkcolor);} .comments .avatar-image-container,.comments .avatar-image-container img{ width:48px; max-width:48px; height:48px; max-height:48px } .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{ margin-left:60px } .comments .comment-block,.comments .comment-thread.inline-thread .comment{ border:1px solid #ddd; background:#fff; padding:10px } .comments .comments-content .comment{ margin:15px 0 0; padding:0; width:100%; line-height:1em } .comments .comments-content .icon.blog-author{ position:absolute; top:-12px; right:-12px; margin:0; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisg25uqQ2T11otZYUuD6j_ppVK4Vr9jkGw1xElL_aZU08lNBeJEgP-HAyPtIeV7349GQ1WHaNF9QHXFYhUlhzRSj1qa4ZXsRXCqQQ4RlQ3ZRHrHWusVLxifSe1QJNC3sSXpv0CdhSWaObX/s1600/comment-author.png); width:36px; height:36px } .comments .comments-content .inline-thread{padding:0 0 0 20px} .comments .comments-content .comment-replies{margin-top:0} .comments .comment-content{padding:5px 0;line-height:1.4em} .comments .comment-thread.inline-thread{ border-left:1px solid #ddd; background:transparent } .comments .comment-thread.inline-thread .comment{width:auto} .comments .comment-thread.inline-thread .comment:after{ content:""; position:absolute; top:10px; left:-20px; border-top:1px solid #ddd; width:10px;height:0px } .comments .comment-thread.inline-thread .comment .comment-block{ border:0; background:transparent; padding:0 } .comments .comment-thread.inline-thread .comment-block{margin-left:48px} .comments .comment-thread.inline-thread .user a{font-size:13px} .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{ width:36px; max-width:36px; height:36px; max-height:36px } .comments .continue{border-top:0;width:100%} .comments .continue a{padding:10px 0;text-align:center} .comment .continue{display:none} #comment-editor{width:100%!important} .comment-form{width:100%;max-width:100%} .comments .comments-content .loadmore,.comments .comments-content {margin:0} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; padding:20px; margin-bottom:-25px; } div#blog-pager { text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .blog-posts.hfeed { margin-bottom: 30px; } .feed-links { display:none; } .sidebar { line-height: 1.3em; } /* list */ ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } .sidebar ul { padding: 0; margin: 0; list-style: none; } .sidebar li { display: block; } .Label li{ line-height: 32px; font: $(body.font); margin: 8px 0; } .Label li:hover{ color:$(hovercolor); } .sidebar .widget, .main .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } .cloud-label-widget-content { float:left; margin-bottom:8px; padding:0px 0px 0px 0px; border:0; } .cloud-label-widget-content li, .cloud-label-widget-content a { background: #8B8B8B; border: 1px solid #DFDFDF; color: $(linkcolor); float: left; font: $(body.font); margin: 4px 4px 0 0; padding: 7px 7px; text-decoration: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .cloud-label-widget-content a:hover { background: #4A86B8; color: $(hovercolor); border: 1px solid #4A86B8; } .status-msg-wrap{ display:none; } .BlogArchive #ArchiveList ul li{ list-style: none; display: block; padding: 5px 0 5px 15px; text-decoration: none; text-shadow: -1px -1px 0 #EEEEEE; } #BlogArchive1_ArchiveMenu { width: 100%; border: 1px solid #ddd; background: #eee; padding: 10px; } .FollowByEmail .follow-by-email-inner { position: relative; margin-top:10px; } .follow-by-email-inner:before { content: "Enter Your Email and Join Our Email Subscriber List, Its Spam Free Secuer Email System"; font-size: 13px; } .button:hover,a.button:hover,#main-content input[type="submit"]:hover{background:#444!important;text-decoration:none!important} .FollowByEmail .follow-by-email-inner .follow-by-email-address { border: 1px solid #ddd; border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 13px; height: 30px; padding-left: 10px; width: 95% } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { background: $(maincolor); border: 0 none; border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #FFF; cursor: pointer; font-size: 13px; height: 35px; margin: 5px 3px; width: 70px; z-index: 0; } .FeaturedPost { font: $(body.font);} .FeaturedPost h3 {font-weight:400;font-size: 16px;} .pluginCountButton{min-width: 14px;} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { background: #333333; } .container { background-color: #fff; width: 100%; overflow:hidden; margin: 0 auto; } .footer-widgets { overflow: hidden; padding: 0px 20px; margin: 0; } .footer-widgets .yinks_narrow { border-top: 1px solid #eee; } .footer-widgets ul li a { color:#fff; font: $(homepage.title.font); font-size:14px; font-weight:600; } .footer-widget .widget-content{color:#eee;} .widget-content { font: $(body.font); line-height: 1.5; color: #5f6569; } .label-size { line-height: 2.5; } div#Label3.widget.Label span.label-size>a { float: left; background:none; font-size: 13px !important; margin: 4px 4px 0 0; padding: 7px 7px; text-decoration: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border: 1px solid #b1b1b1; } div#Label3.widget.Label div.widget-content.cloud-label-widget-content { margin-top: -15px; } div#Label3.widget.Label span.label-size>a:hover { float: left; font-size: 13px !important; margin: 4px 4px 0 0; padding: 7px 7px; text-decoration: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border: 1px solid #fff; } div.f-widget.f-widget-2 div.widget-content.popular-posts>ul>li>a { color: #eee; font-style: normal; } div.widget-content.popular-posts>ul { margin-top: -12px; } div.widget-content.popular-posts>ul>li>a:hover { color: $(hovercolor); font-style: normal; } .textblock h3.postTitle { padding: 0; margin: 0; } .articles7 span.day{font-size:11px;display:block;} .footer-widgets h2 { line-height: 1.2; font:$(body.font); color: #fff; position: relative; margin-bottom: 40px!important; text-transform: uppercase!important; font-size:16px!important; font-weight:600!important; z-index:9; display:inline-block; background:#101010; padding-right:10px; } .f-widget { width: 30%; float: left; position: relative; color: #fff; font:$(body.font); margin-bottom: 30px; margin-right: 2.5%; padding-bottom:20px; } .footer-widgets .last { float: left; position: relative; margin-right: 0; border:none; overflow:hidden; } .footer-widgets .last .widget a { color:$(linkcolor); } .social-icons{ text-align:center; } .social-icons a{ position:relative; margin:0; opacity:.7; } .social-icons a:hover{ opacity:1;} .social-icons.icon_24 img{ width:24px; height:24px; } .social-icons.icon_16 img{ width:16px; height:16px; } .social-icons.icon_flat{ float:left; margin:4px 0 0 0; } .social-icons.icon_flat a{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTv2NkTF8AmCs7z35-GQEBcpUjdWwPw3aXtr4DX1mWGKUCthDkSQue7bDOdK8izs6LN0mOKBY8Nomrc9KnL7_Np9pxVsX6T_9AhP4iXChtYQxniQeJrDtmFD-ytwf6gOrx7VUyQrRjePL-/s1600/social-icons.png) no-repeat top left; width: 20px; height: 20px; } .social-icons.icon_flat a:hover{ opacity:.6;} .icon_flat a.google-tieicon{background-position:-38px 1px;} .icon_flat a.facebook-tieicon{background-position:left 0;} .icon_flat a.twitter-tieicon{background-position:-76px 1px;} .icon_flat a.youtube-tieicon{background-position:-38px -82px;} .icon_flat a.dribbble-tieicon{background-position:-121px -82px;} .icon_flat a.rss-tieicon{background-position:left -123px;} .icon_flat a.pinterest-tieicon{background-position:-76px -123px;} .icon_flat a.instagram-tieicon{background-position:left -209px;} a.ttip, a.tooldown{display:inline-block;} .contact-form-button{ border-radius:3x !important; -o-border-radius: 3x !important; -moz-border-radius: 3x !important; -webkit-border-radius: 3x !important; width:95%; margin-top:10px; } .contact-form-name,.contact-form-email,.contact-form-email-message{ max-width:95%; margin-bottom:5px; color:#333; } .contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{ box-shadow:none } input:focus,.contact-form-email-message{ box-shadow:none } .contact-form-email-message{ border:none !important; border-top:0px; border:0px } .contact-form-email, .contact-form-name{ border:none; background:#fff; border:none !important; padding:5px; } .contact-form-name, .contact-form-email, .contact-form-email-message{ background:#fff; padding:5px; } .contact-form-button-submit{ background:#990000; background-color:#990000!important; border:none !important; box-shadow:none !important; border-radius:none !important; -o-border-radius:none !important; -moz-border-radius: none !important; -webkit-border-radius: none !important; } .footer-widgets .widget-content { font:$(body.font); } #credit{ position:fixed; background: #000; z-index: 9999; font:$(body.font); color: #fff; overflow: hidden; margin: 0 auto; clear: both; line-height: 15px; bottom: 5px; right: 5px; } #credit:hover{background:$(maincolor);} .lefts{ text-align: center; padding: 20px; color: #fff; font-size: 14px; border-top: 1px solid #222; background-color: #000; font: $(body.font); text-transform: uppercase; letter-spacing: 1px; } .lefts a { color: $(maincolor); } #credit a{ color:$(linkcolor); text-decoration:none; } #credit a:hover{ color:$(hovercolor); text-decoration:none } div#sidebar-wrapper .popular-posts .item-thumbnail img { image-rendering: -webkit-optimize-contrast; margin: 0 5px 0 0; width: 120px; height: auto; } .popular-posts dd { border-bottom: 1px solid #eee; padding: 8px 0 4px; } #menu{ background: #e0e0e0; color: #999; height: 44px; z-index:9; width:1140px; margin:0 auto; border-bottom: 2px solid #BBB; } #menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none} #menu ul{height:50px;width:1180px} #menu li{float:left;display:inline;position:relative;font:$(body.font); text-transform: uppercase;} #menu a{display: block; line-height: 44px; padding: 0 19.5px; text-decoration: none; color: $(linkcolor); } #menu li a:hover{ background: #C8C8C8; } li.home a{background:#C8C8C8;} #menu label{font:bold 30px Lato;display:none;width:35px;height:36px;line-height:36px;text-align:center} #menu label span{font-size:16px;position:absolute;left:35px} #menu ul.menus{ height: auto; overflow: hidden; width: 190px; background: #c8c8c8; position: absolute; z-index: 999; display: none; } #menu ul.menus li{ display: block; width: 100%; font:bold 12px Lato; text-transform: none; text-shadow: none; } #menu ul.menus a{ color: $(linkcolor); line-height: 35px; } #menu li:hover ul.menus{display:block} #menu ul.menus a:hover{ background: #B7B7B7; color: $(hovercolor); -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @media screen and (max-width: 800px){ #menu{position:relative} #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none} #menu ul.menus{width:100%;position:static;padding-left:20px} #menu li{display:block;float:none;width:auto; font:normal 0.8em Lato;} } .headline-wrapper{ background: #111; width: 100%; color: #fff; margin: 0 auto; } .headline ul li ul li a { color: #000; } .headline{ max-width: 1140px; line-height: 30px; text-align: right; font:$(body.font); color: #fff; text-transform: none; clear: both; margin: 0 auto; padding: 0 20px; } .headline a{ color: #fff; font-size: 14px; font-weight: normal; text-decoration: none; margin:0 2px; } .headline a:hover{ color: $(hovercolor); text-decoration: none } .headline-left{ float:left; width:73%; padding:8px 0 0; position:relative; overflow:hidden; } .part23 .cont.topLists figure{width: 300px; float: left; position: relative; height: 190px;} .part23 .cont.topLists figure { width: 300px; float: left; position: relative; height: 199px; top: 10px; margin:0; } .part23 .topListimages { height: 189px; overflow: hidden; text-align: center; margin-bottom: 10px; } .part23 .part2 { width: 300px; float: left; margin-top: 0px; margin-bottom: 10px; } .part23 .toptext a { color: $(linkcolor);} .part23 .toptext{width: 290px; text-align: left; position: relative; top: -57px; left: 5px; background: rgba(0, 0, 0, 0.17); /* color: #fff; */ padding-left: 5px;} .part23 { width: 26.5%; float: left; /* margin-top: 15px; */ /* margin-bottom: 10px; */ margin-left: 12px; } .cont.topLists{ margin-top:0px; } .cont.topLists .topimages .images{ margin:10px 0;} .toptext{ width:300px; text-align:left; } .toptext a{ font: 900 16px Lato , sans-serif; color:$(linkcolor);} figure figcaption .toptext a span{font:normal 14px Lato, Arial, sans-serif !important;} .topimages{padding-bottom:4px; margin-bottom:0px;} .topListimages{ height:160px; overflow:hidden; text-align:center; margin-bottom:10px;} .topListimages a { display:block; margin:0 auto;} .author{ margin-top:3px; text-align:center; font:10px Lato, Helvetica, sans-serif;} .author a{color:$(linkcolor); font-weight:normal;} .author span{color:#9f9f9f;} .topimages .author a{color:$(linkcolor);} .cont.topLists figure{width:300px; float:left; position:relative;} img.cover { display:inline; position:relative; left:0; top:9px; right:0; bottom:0; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } img.cover:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.9; } .latestpost{ font:$(body.font); overflow:hidden; color:#000; margin-bottom:40px; } .latestpost h4{ position: relative; color: #333; text-transform: uppercase; font:$(body.font); } } .latestpost h4 a{ color:$(linkcolor); background:#fff; padding: 0px 10px 0px 10px; margin-left: 20px; } #sidebar-wrapper .title{ position:relative; } .latestpost >div{text-align:center; display: block; } .latestpost .title{ margin-bottom: 0; padding: 6px; } #box19 { width:100%; padding: 3px 0px 5px 0px; overflow: hidden; } .latestpost h4{ color: $(maincolor);} .yinks{ width: 820px; overflow:hidden; margin:5px 0; padding:0 } .yinks .left{ float:left; font:$(body.font); padding:10px 0 } .yinks .right{ float:right; font-size: 12px; padding:10px 5px } .yinks_wide .thumb{ width:100%; position:relative; } .yinks_wide img{ display:block; width:100%; min-height:220px; } .yinks_narrow{ width: 100%; margin-bottom: 10px; } .yinks_narrow .thumb:nth-child(2){margin-right:0;} .yinks_narrow .featuredTitle{ font: $(homepage.title.font); color: $(linkcolor); padding: 15px 0; line-height:20px; margin: 0px 0; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; } .yinks_narrow .featuredTitle a:hover{ color:$(hovercolor); } .yinks_wide .featuredPostMeta{ float:right } .yinks h2 a,.yinks h2 a:visited{ color:#333; } .yinks_narrow .featuredTitle a{ color:$(linkcolor); } .yinks1{ width: 100%; overflow:hidden; margin: 0; padding:0 } .yinks_narrow.right span.day { color: #aaa!important; } .yinks1_wide{ width:100%; } .yinks1_wide .thumb{ padding-bottom:5px; } .yinks1_wide img{ display:block } .yinks1_narrow{ width:390px; padding-bottom:6px } .yinks1_narrow .thumb{ float:left; margin-right:7px; } .yinks1_narrow .featuredTitle{ font:normal 16px Lato; color:#333 } .yinks1_narrow .featuredTitle a:hover{ color:$(hovercolor); } .yinks1_wide .featuredPostMeta{ float:left; } .yinks1 h2 a,.yinks1 h2 a:visited{ color:#333; } .yinks1_narrow .featuredTitle a{ color:$(linkcolor); } .news_imagez { margin-bottom:20px; } .news_imagez .news_imagez_list { overflow: hidden; margin-right:-13px; } .news_imagez .news_imagez_list li { float: left; margin-right: 9px; margin-bottom: 9px;width:268px; height:160px; list-style:none; overflow:hidden; } .news_imagez .news_imagez_list li a { display: block; } .news_imagez .news_imagez_list li img { padding: 0px; border: 0px solid #eee; } .news_imagez .news_imagez_list li img { width: 267px; height: auto; max-height: 160px; min-height: 160px; } .box6{ width: 820px; } .box6 h2{ padding: 0px 0; border-bottom: 2px solid #c5c5c5; margin-left: 0px; position: relative; color: #333; text-transform: uppercase; font: $(body.font); } .crosscol h2{ padding: 0px 0; margin-left: 0px; position: relative; color: #333; text-align: left; text-transform: uppercase; font: $(body.font); } .lb-overlay-wrapper { background: #f8f9f5; border: 5px solid #f4f5f1; border-radius: 5px; -o-border-radius:none !important; -moz-border-radius: none !important; -webkit-border-radius: none !important; margin-bottom: 30px; position: relative; text-align: center; } .error-404-title { color: #4d4d4d; text-align: center; padding: 30px 0px 38px 0px ; /* responsive phone */ } @media (max-width: 767px) { .error-404-title { font-size: 30px; line-height: 40px; } } .error-404-sub-title { line-height: 30px; color: #a6a6a6; text-align: center; padding: 0 0 40px 0; } .error-404-sub-sub-title { text-align: center; margin-bottom: 70px; } .error-404-sub-sub-title a { color: $(linkcolor); padding: 7px 14px 8px 14px; margin-left: 10px; background-color: $(maincolor); } .error-404-sub-sub-title a:hover { color: $(hovercolor); background-color: #555555; text-decoration: none !important; } .error-404-head { text-align: center; } .block-grid-1{ color:#333; margin-top:10px; padding-top:15px; list-style:none; } #related-posts{ position:relative; } #related-posts h5,.author-wrap h5,#comments h4{ position:relative; text-transform: uppercase; padding: 0 0 12px 0; font: $(heading.font); font-size: 19px; } #related-posts .related_img { padding:0px; width:195px; height:120px; } #related-posts .related_img:hover{ opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; } a { text-decoration: inherit;color:initial; } .block-grid-1{ font-size:14px; color:#333; font-family:Lato; margin-top:0; padding-top:5px; list-style:none; } body{overflow-x:hidden;margin:0;background:#fff;} .bslider{ width:620px; float:right; margin-top:1px; } @media screen and (max-width:1024px) and (min-width:768px) { #menu a { padding: 0 6px;} #header, #header .description{ float:none; text-align:center; margin:0 auto; } #header2{ max-width:100%; text-align:center; float:none; margin:0 auto; padding:10px 0; } #header h1{ margin:0; padding:0; } .headline-left{ max-width:40%; } #menu, #menu ul{ width:860px; } #outer-wrapper { max-width: 820px; margim-bottom:40px; } #sidebar-wrapper{ width:100%;max-width:100%; float:left; } .container, #credit { } .footer-widgets .last{width:21%;} } @media only screen and (max-width:768px){ #header, #header .description{ float:none; text-align:center; margin:0 auto; } #header2{ max-width:100%; text-align:center; float:none; margin:0 auto; padding:10px 0; } img#add { margin-left: -54px; } .headline-left{ max-width:38%; } #menu, #menu ul{ width:660px; } #outer-wrapper { max-width: 620px; } #main-wrapper{ width:100%; } .post img{ width:100%; height:auto; float:left; } .container, #credit { } .bslider{ float:left; } #thumb-wrapper{ width:400px; margin:0 auto; } .yinks{ width:400px; margin:0 auto; } } @media only screen and (max-width:600px){ .f-widget{width:46%;} #add{display:none;} #header, #header .description{ float:none; text-align:center; margin:0 auto; } #header2{ max-width:460px; text-align:center; float:none; margin:0 auto; padding:10px 0; } .headline-left{ max-width:100%; } #menu, #menu ul{ width:500px; } #outer-wrapper { max-width: 460px; } #main-wrapper{ width:460px;max-width:460px; padding:0; margin:0; } #thumb-wrapper { max-width:400px; margin:0 auto; } .container, #credit { } .bslider{ float:left; width:460px; } #box19{ width:100%;} .box6{ width:400px;max-width:400px; } .yinks{ max-width:400px; } .footer-widgets .last { width:42%; } #credit .left, #credit .right{ width:100%; float:none; text-align:center; padding:0; margin:0 auto; } .social-icons.icon_flat{ float:none; text-align:center; } } @media screen and (max-width:480px){ #sidebar-wrapper { margin-left: 0; float: left; } .f-widget { width: 100%; } .footer-widgets .last { width: 100%; } #header{ padding-bottom:0px; } .headline-left{ max-width:50%; } #menu, #menu ul{ width:400px; } #outer-wrapper { max-width: 360px; } #main-wrapper{ float:left; width:360px;max-width:360px; padding:0; margin:0; } .bslider{ width:360px; } #thumb-wrapper { max-width:360px; margin:0 auto; } .container, #credit { } .box6{ width:360px;max-width:360px; float:left; } } @media screen and (max-width:384px){ #header{ max-width:350px; } #header h1 { font-size:30px; } #header .description { } .headline-left{ max-width:30%; } #menu, #menu ul{ width:350px; } #outer-wrapper { max-width: 300px; } #main-wrapper{ float:left; width:310px;max-width:310px; padding:0; margin:0; } #thumb-wrapper { max-width:310px; margin:0 auto; } .container, #credit { } .footer-widgets h2 { font-size:12px; } .box6{ width:350px;max-width:350px; float:left; } } /*Flicker Image Gallery -----------------------------------------------------------------*/ .flickr_plugin { width: 300px; } .flickr_badge_image { float: left; height: 55px; margin: 5px; width: 55px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .7; } .d-header { margin-top: -1px; } .ccounter { margin-top: -1px; } .selectnav { display:none; } .ot-top-menu i.fa.fa-caret-down { font-size: 10px; } .le_social { float: right; position:relative; } .headline-left span { font-size: 10px; color: #ccc; margin-left:30px; } .topbar{ padding: 0; display: block; background:#fff; max-width: 1140px; margin: 0 auto 0px; clear:both; line-height:0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } ul#navigation li:hover ul { display: block; } div#top-social a { color: #fff; display:inline-block; vertical-align:middle; text-align: center; padding: 0 0 0 5px; line-height: 42px; } div#top-social a:hover { color:$(hovercolor); } #navtop{display:block;height:auto;} #navtop ul{font-family:montserrat;padding-left:0;font-size:0;text-align:center;position:relative;z-index:9999;background:inherit} #navtop ul a{ padding: 10px 16px; color: #fff; text-transform:uppercase; transform: translateY(0px); -webkit-transform: translateY(0px); font:$(menu.font); font-weight:900; letter-spacing: 1.5px; font-size:12px; } #navtop ul ul li a { font-weight: 600; } #navtop ul > li{margin-right:25px!important;} #navtop ul li{position:relative;margin:0;padding:0;position:relative;display:inline-block;font-size:16px} #navtop ul li.current-menu-item a{color:$(linkcolor);} #navtop ul a:hover{color:$(hovercolor);filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px);} #navtop ul ul{background:#121212;border:1px solid #121212;visibility:hidden;position:absolute;top:150%;left:0;padding:0;transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: transform 350ms, opacity 300ms; -webkit-transition: -webkit-transform 350ms, opacity 300ms;} #navtop ul ul li{ padding: 8px 0;text-align:left;float: none; width: 200px; border: 1px solid #121212; border-top: none;} #navtop ul ul a{line-height:120%;padding:10px 15px;color:$(linkcolor); border-top: 1px solid #3C3C3C;} #navtop ul ul ul{top:0;left:100%} #navtop ul li:hover > ul{visibility:visible;filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px);} #navtop ul li.current-menu-item a{ background: #181818; } div#main-menu-bar { display:inline-block;padding:0px 0;margin-left: 30px; } #navtop ul ul a:first-child{border:none;} .FollowByEmail .follow-by-email-inner .follow-by-email-address{ margin: 0px 0px 11px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWDDqTM3pY9c306cimY59PtocPYAQ5kUM7y0JvqDo_2QV6NK16d926HZCctoo3iDPaadEndTAx41TRsgcOtNU8mTyRILjk3iQCfugWdXhu060ZvvW6tRbWusKAPGutJ3Eh7Fj7bKjsT-h/s1600/newsletter.gif); background-repeat: no-repeat; background-position: center left; padding-left: 48px; font-size:15px; width:75%; margin-top:10px; } /* slicknav */ /*! * SlickNav Responsive Mobile Menu v1.0.7 * (c) 2016 Josh Cope * licensed under MIT */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;padding: 14px 10px 25px;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{font-family:Open Sans;letter-spacing:.5px;display:block;line-height:1.188em;float:right;color:#fff;font-weight:700;}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:28px;margin:2px 4px 0 0;}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{ margin: 15px 0;display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;padding:15px 0;background:#000;}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{text-decoration:none;}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:0px 10px;margin:0px 5px}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{color:$(hovercolor);}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} .slicknav_menu { display:none; } @media screen and (max-width: 1024px) { span.sb-icon-search{top:-20px!important;} /* #menu is the original menu */ #megamenuid { display:none; } .topbar .slicknav_menu { background: #fff; } .topbar .slicknav_btn{ padding: 10px 54px 30px 20px;} .topbar .slicknav_nav a,.topbar .slicknav_menu .slicknav_menutxt{color:#000;} .topbar .slicknav_menu .slicknav_icon-bar{background-color:#000;} .headline ul li ul li a { color: #fff; } .slicknav_nav li > a { padding: 5px!important; } .ot-top-menu.ot-scale{display:none;} div#pages-top ul li {display: initial!important;} .slicknav_menu { display:block; } } .rapper .slicknav_menu .slicknav_btn { width: 150px; } .box100{ width: 30%; float: left; padding-right: 5%;} .box100:last-child { padding-right: 0; } #thumb-wrapper .yinks_wide.left{ position:relative; } .footer-widgets .featuredTitle:before { content: "\f178"; font-family: FontAwesome; padding-right: 5px; color: #202020; } .sidebar h2 { position: relative; color: #333; text-transform: uppercase; font-size: 19px; font: $(homepage.title.font); font-weight: 500; } .post-wrap a.g-profile { color: #000; } div#adbox img { width: 100%; } .cat-title a{font: $(homepage.slider.font); display: block; color:#fff; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; font-size:10px; } p.post-meta span { margin-right: 10px;color: #aaa; font-weight: 400; font-size: 11px; font-family: montserrat; margin-top: 25px; position: relative; } /* Post social share */ .post_social_share { display: block; padding: 8px 0; margin-bottom: 40px; } .post_social_share h3 { display: block; font-size: 14px; line-height: 54px; font-weight: 700; margin-bottom: 0; letter-spacing: 2px; } .post_social_share a { width: 42px; height: 42px; line-height: 42px; font-size: 20px; display: inline-block; text-align: center; color: #fff; background: #30373b; border-radius:50px; -o-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; margin-right: 2px; } a.social_share.fb{background:#3F51B5;width:30%} a.social_share.tw{background:#03A9F4;width:30%;} a.social_share.gp{background:#F44336;} a.social_share.pi{background:#CF1B2B;} .whats{background: #4CAF50!important;} a.social_share.li{background:#1a7baa;} a.social_share.em{background:#ccc;} .post_social_share a:hover { -webkit-transition:border-color .2s; -moz-transition:border-color .2s; transition:border-color .2s } .share_this_content a.social_share { font-size: 10.5px; text-transform: uppercase; font-weight: 900; margin-bottom:10px; vertical-align:top; } .share_this_content i{font-size:14px;} .share_this_content i.fa.fa-facebook,.share_this_content i.fa.fa-twitter{margin-right:5px;} .slicktopgrid .itemtopinfo { position: absolute; top: 50%; font-family: Montserrat; width: 65%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); text-align: center; padding: 30px 0; } .slicktopgrid .itemtopinfo .item-title a { color: #fff; padding:0 25px 0; } .slicktopgrid .cat-title a { color: #fff; } .headerwrap{clear: both; max-width: 1140px; display: table; margin: 0 auto; padding: 15px 20px;width:100%;} .fa-caret-right:before{padding-left:5px;} .fa-caret-down:before{padding-left:5px;} #sidevertical .yinks_wide.left { padding-bottom: 10px; padding-top: 10px; position: relative; border-bottom: 1px solid #eee; } #sidevertical .yinks_wide.left:last-child{ border:none; } .topmeta a{color:$(linkcolor);} #sidevertical .yinks_wide .thumb{ width: 120px; height: 80px; overflow: hidden; float:left; margin-right: 8px; } /*SEARCH START*/ .sb-search { float:right; min-width: 60px; padding:10px 0; position:relative; right: 0; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden;} .sb-search-input::-webkit-input-placeholder { color: #999; } .sb-search-input:-moz-placeholder { color: #999; } .sb-search-input::-moz-placeholder { color: #999; } .sb-search-input:-ms-input-placeholder { color: #999; } .sb-search-submit { width: 36px; display: block; right: 0; top: 0; padding: 0; margin: 0; line-height: 36px; text-align: center; cursor: pointer; } .sb-search-submit { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 1; border: none; outline: none; z-index: -1; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } input[type="search"]:focus{border:none;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} input[type="search"].sb-search-input:focus { color: #000; } .widget-item-control{z-index:9999;} .sb-search-submit { z-index:99; position: absolute; text-indent:-999px; background: #000; cursor: pointer; } .hiddenn { border: 1px solid #e5e5e5; padding-right: 36px; position: relative; max-width: 250px; display:block; } .hiddenn i.fa.fa-search { position: absolute; top: 10px; z-index: 1000; right: 10px; color:#fff; } input[type="search"].sb-search-input { background: #fff; position: relative; border: none; padding: 11px 5px 11px 10px; right:0; } /*SEARCH END*/ div#pages-top { float: left; } div#pages-top ul li { display: inline-block; list-style-type: none;clear:both;width:initial; } div#pages-top ul { padding: 0px 0;text-align:left; margin: 0; } .yinks_narrow23 { position: relative; width: 100%; max-height: 213px; min-height: 213px; float: left; margin-bottom: 6px; } .metaside{text-align: center;} .metaside a{color:$(linkcolor);} .metaside h4 { margin: 0; } .list-label-widget-content a { color: $(linkcolor); } .postmeta i { color: #000!important; } .textblock h3.postTitle a { font-size: 12px; font-weight: 400;color:$(linkcolor); text-transform: uppercase; } .postmeta .day { font-weight: 900; font-size: 11px; } #sidevertical .postmeta .day:before{ content: "\f017"; font-family: fontAwesome; margin-right: 5px;} #box19 .topmeta .postTitle a { font: $(homepage.title.font); font-size:13px; } #box19 .topmeta{bottom:0;padding:12px 25px;} #box19 .topmetata{width:100%;} #box19 .postmeta,#box1 .postmeta { text-transform: uppercase; } .topmetata{} #box19 .yinks_narrow.right .thumb.overlay { width: 139px; } #box19 .yinks_wide .thumb{height:initial;} span.ot-wrap { margin: 0 1px; display: block; } #main h2.post-title.entry-title a { padding: 0px 0 0px 0; line-height:28px; font-size: 19px; } #main .post-body.entry-content { font-weight: 300; } #box19 .slick-prev, #box19 .slick-next { top: 30%; width: 35px; height: 35px; background: rgba(0, 0, 0, 0.41); } #box19 .articles7 .slick-prev { left: 25px; } #box19 .articles7 .slick-next { right: 25px; } .latestpostmeta{display:table;padding: 10px 0;} .latestpostmeta div{ display:inline-block;} .latestpostmeta div{ text-transform:uppercase; font-size: 11px; font-weight: 600; color: #aaa; letter-spacing: .5px; font-family:raleway; } .latestpostmeta .latestcat a{ color:#fff; } .latestpostreadmore a{ background-color: #fff; display: inline-block; /* padding: 4px 8px; */ color: #aaa; transition: 0.2s; font-size: 10.5px; font-weight: 600; letter-spacing: 1px; } .latestpostreadmore a:hover{text-decoration:none;color:$(maincolor);} .latestpostreadmore { padding: 10px 0; } footer .container { max-width: 1140px;background:none;} footer#f4{background:#101010;border-top: 1px solid #eee;} .footer-widgets ul { list-style-type: none;padding: 0; } #blog-pager{clear:both;margin:30px auto;text-align:left; padding: 7px 0; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 6px 10px;margin-right:5px; color: $(linkcolor); background-color:#fff; border: 1px solid #000;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#000;text-decoration:none;color: $(hovercolor);} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#000;} .showpageOf{display:none!important} #blog-pager .pages{border:none;} .firstpage, .lastpage {display: none;} h2.title,#sidebar-wrapper h2 { color:$(headcolor); border: 2px solid #f0f0f0; background: #fff; padding: 4px 10px; display:inline-block; position: relative; z-index: 9; text-transform: uppercase; font: normal normal 700 25px 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; margin-bottom:20px; } .postarea h2.title { font-size: 16px; } #sidevertical h4.title{ text-transform:uppercase; margin-bottom: 0; padding: 8px; font-size: 16px; font-weight: 400; } #sidebar-wrapper .title,.footer-widgets h2{ text-transform:uppercase; font-size:16px; } .PopularPosts .widget-content ul li{ position:relative;} div#sidebar-wrapper .popular-posts .item-title a{ color: $(linkcolor); line-height: 20px; display: block;} div#top-share-buttons { display: inline-block; margin-right: 30px; } div#top-share-buttons .fb-like { margin: 15px 10px; line-height: 8px; } #navtop ul li:hover a { color: #fff; } .ot-top-menu, .ot-top-menu * { margin: 0; padding: 0; outline: none; border: 0; background: none; } .ot-top-menu { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } ul#sub-menu { padding: 0!important; } /**/ /* level 1 */ /**/ .ot-top-menu { position: relative; z-index: 999; font-size: 0; line-height: 0; text-align: right; } .ot-top-menu:after { content: ''; display: table; clear: both; } .ot-top-menu li { position: relative; font-size: 13px; line-height: 35px; text-align: left; white-space: nowrap; } .ot-top-menu li a { display: block; padding: 0 14px; text-decoration: none; text-transform:capitalize; transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; -ms-transition: background 0.4s, color 0.4s; -moz-transition: background 0.4s, color 0.4s; -webkit-transition: background 0.4s, color 0.4s; } .ot-top-menu>li>a { padding-left: 0; } .ot-top-menu li > div { position: absolute; z-index: 1000; top: 100%; left: -9999px; margin-top: 8px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.3); opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } #pages-top i.fa { color: #9e9e9e; } .topmenu1 i.fa { color: #000; } .ot-top-menu li > div:after { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; height: 8px; background: transparent; } .ot-top-menu li > div:before { content: ''; position: absolute; bottom: 100%; left: 24px; border-right: 5px solid transparent; border-bottom: 5px solid rgba(255,255,255,0.9); border-left: 5px solid transparent; } .ot-top-menu li:hover > div { left: 0; opacity: 1; -webkit-transform: translate(0, 0); } .ot-top-menu .right { float: none; border-right-width: 0; border-left-width: 1px; } .ot-top-menu .right > div { -o-transform-origin-x: 100%; -ms-transform-origin-x: 100%; -moz-transform-origin-x: 100%; -webkit-transform-origin-x: 100%; } .ot-top-menu .right:hover > div { right: 0; left: auto; } .ot-top-menu .right:hover > div:before { right: 24px; left: auto; } .ot-top-menu .switcher { display: none; } /**/ /* level 2+ */ /**/ .ot-top-menu li li { display: block; float: left; border-width: 0; border-top-width: 1px; line-height: 21px; white-space: normal; } .ot-top-menu li li:first-child { border-top: 0; } .ot-top-menu li li a { padding-top: 8px; padding-bottom: 8px; } .ot-top-menu li li > div { top: 0; margin: 0 0 0 8px; } .ot-top-menu li li > div:after { top: 0; right: 100%; bottom: auto; left: auto; width: 8px; height: 100%; } .ot-top-menu li li > div:before { top: 22px; right: 100%; bottom: auto; left: auto; border-top: 5px solid transparent; border-right: 5px solid rgba(255,255,255,0.9); border-bottom: 5px solid transparent; } .ot-top-menu li li:hover > div { left: 100%; } .ot-top-menu .right li > div { margin: 0 8px 0 0; -o-transform-origin-x: 100%; -ms-transform-origin-x: 100%; -moz-transform-origin-x: 100%; -webkit-transform-origin-x: 100%; } .ot-top-menu .right li > div:after { right: auto; left: 100%; } .ot-top-menu .right li > div:before { right: auto; left: 100%; border-right: none; border-left: 5px solid rgba(255,255,255,0.9); } .ot-top-menu .right li:hover > div { right: 100%; left: auto; } .ot-top-menu li ul{ width: 180px; position: absolute; z-index: 1000; top: 100%; left: -9999px; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,.3); visibility:hidden; transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: transform 250ms, opacity 200ms; -webkit-transition: -webkit-transform 250ms, opacity 200ms; } .ot-scale li:hover #sub-menu{ -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } .ot-top-menu li:hover #sub-menu{ left: 0; visibility:visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .odd-wrapper{width:100%;} .odd-fwidgets{width: 100%; display: block; margin: 60px 0;} span.comm { float: right; margin-right: 25px; color:#aaa;font-weight:900; } span.day { font-size: 12px; } i.fa.fa-clock-o{ margin-right: 5px; color:#aaa; font-size: 14px; } i.fa.fa-comment-o{ margin-right: 5px; font-size: 14px;font-weight:900; } i.fa.fa-random { padding: 15px 16px 14px 16px; margin-right: -24px; } i.fa.fa-random:hover { padding: 15px 16px 14px 16px; margin-right: -24px; color:#F7F7F7; background:#E44E4F; } .to_top { z-index: 9999999; width: 20px; cursor: pointer; height: 20px; color: #fff; text-align: center; padding:5px } .to_top:after { content: "\f077"; font-family: fontAwesome; font-size: 12px; top: 3px; position: relative; } .footer-widgets .box100:nth-child(4) { padding-right: 0; } .author-profile { margin: 25px 0;font-family: lato; font-weight: 400; } .author-profile img { width: 100px; margin-right: 20px; border:none; } .post.hentry h1 { margin: 5px 0; font: $(homepage.title.font); color: #000; font-size: 45px; margin-bottom:20px; } .author-profile div { padding: 0 0 10px 0; } .postlabels a:after { content: ","; } .postlabels a:last-child:after{content:"";} .postmeta,.post-meta { display: table; } .post-wrap{display:block;margin-bottom:10px; border-top: 1px solid #eee;} .breadcrumbs { line-height: 1.4em; padding-bottom:8px;font:$(body.font); display:none; } .breadcrumbs a{text-transform: uppercase;font:$(body.font);} .breadcrumbs i{margin:0 8px;font-size:14px;color:#000;} .breadcrumbs a:first-child { text-transform: uppercase; background: #ddd; padding: 3px 7px; font-size: 12px; font: $(body.font); } /* === Features Slider === */ #topgrid{ width: 100%; padding: 0; position:relative; max-width: 1140px; margin: 0 auto; } .pagination a{ font-size: 11px; background: rgba(0,0,0,0.5); display: block; cursor: pointer; text-indent: -9999px; border-radius: 100%; margin-left: 3px; width: 8px; height: 8px;margin-bottom:2px; } .pagination{ display:inline; margin:0; } .pagination a:hover,.pagination a.selected{ background: #e2e2e2; } #adbox { width: 728px;margin:30px auto; } .overlay img { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } .overlay:hover img { } .post h2 a { color: $(linkcolor); } .wholewrapp .yinks_narrow:nth-child(3) { border-right: none!important; } .wholewrapp .yinks_narrow{float:left;} span.wrapping { border-left: 1px solid #e5e5e5; padding: 0 46px 0 45px; margin: 0px -1px; position: relative; text-align: center; display: block; } .metainformation{position:relative;} span.metainfo:before{ background: $(linkcolor) none repeat scroll 0 0; content: ""; height: 2px; left: 50%; margin-left: -25px; position: absolute; bottom: 24px; width: 50px;} .cat-title { position: relative; } .slick-dots{bottom: 0;padding:0!important;} .metaauthor{display:block;font-size: 12px; text-transform: uppercase; letter-spacing: 1px;color:#fff; padding-top:25px; } .share-wrap{display:table;width:100%;} .home-comment{display:table-cell;width:100px;} span.sharing a { float:left; border: 1px solid #ddd; background: #fff; width: 25px; height: 25px; margin: 2px; line-height: 25px; text-align: center; } #box19 .topmeta .postmeta,.labelhome1 { background: $(maincolor); padding: 1px 6px; font-size: 10px; margin: 0 0 5px 0; position: relative; font-weight: 900; letter-spacing: 1px; } #box19 .topmeta .postmeta a,.labelhome1 a{color:#fff;} .labelhome1 { display: inline-block;padding: 2px 6px;text-transform:uppercase; margin-bottom: 20px; } .preload{position:relative;} .preload{display: none; } .slickslider { display: none; } @-webkit-keyframes oddload { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @-moz-keyframes oddload { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @-o-keyframes oddload { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes oddload { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } div#pages-top h2 { display: none; } .slideroverlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; } .slicktopgrid { width: 100%; overflow: hidden; } .slicktopgrid .item{ position:relative; } .slicktopgrid .item .cat-title { display: inline-block; padding: 5px 8px; margin:0 25px 0; border:1px solid #fff; } .slicktopgrid .item .itemtopinfo .item-title a{font:$(homepage.slider23.font);letter-spacing:1px;} .slicktopgrid .item .itemtopinfo .item-title a { font:$(homepage.slider23.font);font-size: 25px;display: block;text-transform: uppercase;font-weight:600; } .articles7 .slick-list { margin: 0 -25px; } .articles7 .item.slick-slide { margin: 0 25px; } .topmetata { width: 100%; text-align: center; } span.ot-wrap { position: relative; } .topmetata .postmeta { display: inline-block; } #box19 .yinks_wide .thumb.overlay { background: #000; line-height: 0; } #box19 .yinks_wide .thumb.overlay a { transition: 300ms; -webkit-transition: 300ms; -o-transition: 300ms; -moz-transition: 300ms; } .articles7 span.ot-wrap{overflow:hidden;} .articles7 .slick-prev,.articles7 .slick-next { opacity:0; transition:600ms; } .articles7:hover .slick-prev,.articles7:hover .slick-next { opacity:1; } .wrapping { width: 66.5%; float: left; background: #fff; border-right: 1px solid #eee; padding-top: 30px; padding-right: 2.5%; } .cutter.overlay { width: 100%; position: relative; margin-bottom: 20px; overflow: hidden; z-index:99; } #navtop ul a:hover { color: $(hovercolor)!important; } .PopularPosts .item-title{font:$(homepage.title.font);font-size:14px;} .list-label-widget-content span { float: right; } a.home-link { display: none; } .latestcat{position:absolute;left:0;top:0;background: $(maincolor); padding: 3px 8px; font-size: 12px; margin: 15px; } a.postthumb:before{ background: #000 none repeat scroll 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; height: 20px; left: 50%; opacity: 0; position: absolute; top: 50%; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 20px; z-index: 1; } div#related-posts a{transition: 600ms;} div#related-posts a:hover { opacity:.8; } footer .widget-content{color:#ccc;line-height:24px!important;} /* Preloader Loading */ #loader { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; height: 100vh; width: 100%; z-index: 99999; } #loader .loading { display: flex; height: 100vh; } .spinner { margin: auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .spinner>div { height: 100%; background-color:$(maincolor); border-color: $(maincolor); width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .ot-top-menu>li>a:after { border-right: 1px solid #666; content: ""; padding-right: 14px; } div#pages-top ul li:last-child a:after { border-right: none; } div#Header1 { float: left; } #header .widget:last-child { float: right; } div#head-inner { margin: 33px 0; } .sb-search { position: absolute; right: 0px; top:0; overflow: hidden; -webkit-backface-visibility: hidden;} @media screen and (min-width: 1220px) { .sb-search { right: 0px; } } .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%; height: 60px; margin: 0; z-index: 10; padding: 20px 65px 20px 20px; font-family: inherit; font-size: 20px; color: #2c3e50; } input[type="search"].sb-search-input { position: fixed; left: 0; right: 0; margin: 0 auto; top: 40%; width: 500px!important; height: 100px!important; background: rgba(255, 255, 255, 0); -webkit-appearance: none; padding: 1px 20px; -webkit-transition: 300ms; -moz-transition: 300ms; transition: 300ms; -webkit-border-radius: 0; height: 35px; line-height: 35px; font-size: 50px; font-weight: 400; border-left: none; border-top: none; border-bottom: 3px solid #eee; padding-right: 30px; width: 200px; z-index:-1; } input[type="search"].sb-search-input:focus { border-color: $(maincolor); } .sb-search-input::-webkit-input-placeholder { color: #999; } .sb-search-input:-moz-placeholder { color: #999; } .sb-search-input::-moz-placeholder { color: #999; } .sb-search-input:-ms-input-placeholder { color: #999; } .sb-icon-search, .sb-search-submit { width: 15px; display: block; position: absolute; right: 0; top: 10px; padding: 0; margin: 0; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { color: #111; padding-right:10px; z-index: 9999999; font-size: 14px; font-family: 'fontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .sb-icon-search:before { content: "\f002"; } .sb-icon-close:before { content: "\f00d";font-family: 'fontAwesome'; } .newshow:before{content: "\f057";} span.sb-icon-close{display: none;} span.sb-icon-close.newshow { font-size: 30px; color:#000; right: 50px; top: 50px; position: fixed; z-index: 9999999; cursor:pointer; display:block; } .sb-search.sb-search-open .sb-icon-search{ background: #000; z-index: 99999; } .no-js .sb-search .sb-icon-search { background: #000; color: #696969; z-index: 11; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } input[type="search"]:focus{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .showsearch { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.96); z-index: 9999999; top: 0; left: 0; } span.sb-icon-search { position: relative; float: right; top: -26px;z-index:0; } .slicktopgrid a.odd-image:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.14); display: block; transition:300ms; -o-transition:300ms; -moz-transition:300ms; -webkit-transition:300ms; } .slicktopgrid:hover a.odd-image:after { background: rgba(0, 0, 0, 0.7); } .slicktopgrid .item:hover .cat-title{background-color:$(maincolor);border-color:$(maincolor);} .slicktopgrid .item:hover .cat-title a{color:#fff;} i.fa.fa-camera,i.fa.fa-video-camera { position: absolute; top: 20px; right: 20px; color: #fff; padding: 7px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; font-size: 12px; background: rgba(0, 0, 0, 0.5); transition:300ms; z-index:9; } .slicktopgrid .item:hover i.fa.fa-camera,.slicktopgrid .item:hover i.fa.fa-video-camera,span.ot-wrap:hover i.fa.fa-camera,span.ot-wrap:hover i.fa.fa-video-camera{background:#fff;color:#000;} a:hover { text-decoration: underline; } nav#navtop a:hover { text-decoration: none; } .metaauthor23, .metadate23, .metacomments23 { color: #aaa; display: inline-block; font-size: 11px; margin-left: 25px; margin-top: 10px; } .out-line{border-bottom:1px solid #eee;display:block;padding-top: 30px;background: #fff;} .out-line1{border-bottom:1px solid #eee;display:block;background: #fff;} .wrappostarea{display:block;background:#fff;width: 100%; margin: 0 auto; max-width: 1140px;} /*Post Area Css*/ .postarea1 .left { width: 66%; float: left; } .postarea1 .right { width: 30%; float: right; padding-right:0; } .postarea1 .right{padding-bottom:30px;} .postarea1 .left a.odd-image { height: 300px!important; } .postarea1 .postmeta { background: $(maincolor); padding: 1px 6px; font-size: 10px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; margin:20px 0 15px; } .postarea1 .postmeta a { color: #fff; } .postarea .topmetata { text-align: left; } .postarea h3{font:$(heading.font);font-size:19px;font-weight:600;} .postarea .featuredPost.lastPost { font-weight: 300; color: #000; } .postarea .fa-comments,#main .fa-comments { margin-left: 20px; margin-right: 5px; } .slicktopgrid .fa-comments,.slicktopgrid .fa-user { margin-right: 5px; } .postarea .postareameta,#main .postareameta { color: #aaa; font-weight: 400; font-size: 11px; font-family: montserrat; margin-top: 25px; position:relative; } .postarea .postareameta:before,#main .postareameta:before { content: ""; border-top: 1px solid #dfdfdf; top: -12px; position: absolute; width: 50px; } .postarea1 .right h3 { font-size: 14px; margin-top: 10px; } .postarea .widget { margin-bottom: 60px; } .postarea2 .yinks_wide.left { width: 29.52%; display: inline-block; vertical-align: top; padding: 0 1.9% 4%; } .postarea2 { margin-left: -15px; margin-right: -15px; } .postarea2 h3.postTitle { font-size: 14px; font-weight: 400; margin: 10px 0; } .postarea3 .left { width: 44%; float: left; } .postarea3 .left a.odd-image { height: 230px!important; } .postarea3 .right { width: 51.8%; float: left; margin: -20px 0 0 0; padding: 0 0px 4.2% 4.2%; } .postarea3 .right a.odd-image { height: 90px!important; } .postarea3 .right .thumb.overlay { width: 140px; float:left; } .postarea3 .right .topmetata { width: inherit; padding-left: 160px; } .postarea3 .right h3.postTitle { font-size: 13px; } .postarea3 h3.postTitle { margin-top: 20px; } .postarea4 .topmetata { position: absolute; top: 50%; width: 85%; margin: 0 auto; text-align: center; padding: 0 25px; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .postarea4 .topmeta a { color: #fff; } .slick-dots li.slick-active button:before{color:$(maincolor);} input[type="search"].sb-search-input { visibility: hidden; } .showsearch input[type="search"].sb-search-input { visibility: visible; } .postarea4 .postareameta:before { content:none; } .postarea4 .postmeta,.postarea7 .postmeta { border: 1px solid #000; font-size: 10px; padding: 2px 8px; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; margin: 30px 0 25px; } .postarea4 .postmeta a:hover,.postarea7 .postmeta a:hover { text-decoration: none; } .postarea4 .postmeta{border:1px solid #fff;margin-top:0;} .postarea4:hover .postmeta a,.postarea7:hover .postmeta a { color: #fff;} .postarea4:hover .postmeta,.postarea7:hover .postmeta { background-color: $(maincolor);border-color:$(maincolor); } .postarea4 .slick-prev,.postarea4 .slick-next{transition:600ms;} .postarea4 .slick-prev, .postarea4 .slick-next{opacity:0;} .postarea4:hover .slick-prev, .postarea4:hover .slick-next { opacity: 1; } .postarea4 .slick-dots { margin-top: 20px; } .postarea4:hover .postarea5 .left:first-child { width: 48%; float: left; } .postarea5 .left:last-child { width: 48%; float: right; } .postarea5 h3.postTitle { margin-top: 20px; } .postarea6 .left { width: 100%; display: block; margin-bottom:30px; } .postarea6 .left .thumb.overlay { width: 35%; float: left; } .postarea6 .left .topmetata { margin-left: 37.5%; width: 62.5%; } .postarea6 .right:nth-child(even) { width: 48%; float: left; padding: 0; margin-bottom: 25px; } .postarea6 .right:nth-child(odd) { float: right; width: 48%; padding: 0; margin-bottom: 25px; } .postarea6 .left a.odd-image { height: 195px!important; } .postarea6 .right .thumb.overlay { width: 40%; float: left; } .postarea6 .right .topmetata { margin-left: 47%; width: inherit; } .postarea6 .right h3.postTitle { font-size: 13px; font-weight: 400; } .postarea7 .left a.odd-image { height: 400px!important; } .postarea7 .left .topmetata { background: #fff; position: relative; bottom: 60px; width: 85%; margin: 0 auto; padding: 0 30px; } .postarea7 .right:nth-child(3) { padding: 0; width: 48%; float: right; } .postarea7 .right:nth-child(2) { padding: 0; width: 48%; float: left; } .postarea7 .right .topmetata { background: #fff; position: relative; bottom: 45px; width: 75%; margin: 0 auto; padding: 0 20px; } .postarea7 .right a.odd-image { height: 230px!important; } .postarea7 .left h3.postTitle { font-size: 30px; } .postarea7 .right h3.postTitle { padding-top: 20px; font-size: 16px; } .postarea8 .left { width: 25%; display: inline-block; vertical-align: top; transition:300ms; } .postarea8 h3.postTitle { font-size: 11px; font-weight: 400; font-style: italic; padding: 10px 6px; margin:0; } .postarea8 h3.postTitle a{ color:#fff; } .postarea8 .topmetata { position: absolute; bottom: -60px; visibility:hidden; background: rgba(0, 0, 0, 0.67); transition:400ms; -o-transition:400ms; -moz-transition:400ms; -webkit-transition:400ms; } .postarea8 .left:hover .topmetata { bottom: 0;visibility:visible; } .postarea8 span.ot-wrap { margin: 0 2px 2px 0; overflow:hidden; } #main a.postthumb { height: 220px!important; } div#main h2.title { font-size: 16px; } #main h2.post-title.entry-title a:hover,.postarea .postTitle a:hover,#box19 .postTitle a:hover,#sidebar-wrapper .item-title a:hover ,.widget-content.list-label-widget-content a:hover{ color: $(maincolor)!important; text-decoration: underline; } .postarea8 .postTitle a:hover{color:#fff;} .topmeta .postmeta a:hover{text-decoration:none;} .megamenu *{margin:0;padding:0;}ul.megamenu{list-style:none;line-height:1;overflow:visible !important}ul.megamenu:after{margin:0;padding:0;content:' ';display:block;height:0px;clear:both}ul.megamenu li{float:left;display:inline;position:relative;text-transform:uppercase}ul.megamenu li a{display:block;padding:0px 20px;text-decoration:none;color:#d9d9d9;font-size:14px;}ul.megamenu ul{position:absolute;display:none;top:100%}ul.megamenu li:hover > ul{display:block}ul.megamenu ul li{z-index:72;min-width:149px;float:none;background:#000;text-shadow:none}ul.megamenu ul li a{text-transform:none;font-weight:normal}ul.megamenu ul li a:hover,ul.megamenuid ul li a.hover{background:#E0E0E0;color:#444}ul.megamenu ul ul{display:none;left:100%;top:0}ul.megamenuid li div.megasubmenu{background:#fff;position:absolute;width:830px;z-index:999;left:0;top:100%;overflow:hidden;min-height:150px;-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;opacity:0;color:#888;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out}ul.megamenuid li:hover div.megasubmenu{box-shadow: 0px -11px 22px -13px #ddd;-webkit-box-shadow: 0px -11px 22px -13px #ddd;-moz-box-shadow: 0px -11px 22px -13px #ddd;-o-box-shadow: 0px -11px 22px -13px #ddd;visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}ul.megamenuid ul,ul.megamenuid ul li{display:block !important;border:0 none !important;margin:0 !important;padding:0 !important}ul.megamenuid ul li{background:none !important;float:left !important}ul.megamenuid ul.leftmenulist{position:absolute;width:18%;left:0;top:0;bottom:0;background:#f5f5f5;border-right:1px solid #f0f0f0 !important}ul.megamenuid ul.leftmenulist a{border-left:none !important;color:#555}ul.megamenuid ul.rightmenulist{position:relative;display:block;width:81%;float:right;margin:0px 0px 0px !important;background:none}ul.megamenuid ul.rightmenulist li{display:block;overflow:hidden;position:relative;min-height:210px;padding:5px 17px 5px 0px !important}ul.megamenuid ul.rightmenulist li .thumb-container{left:0;width:100%;height:100%;position:absolute;overflow:hidden;font-size:0;line-height:0}ul.megamenuid ul.rightmenulist li .thumb-container img{position:relative;top:10px;padding:0;width:100%;height:100%;display:block}ul.megamenuid ul.rightmenulist li a{display:block;border-left:none !important;padding:0px 5px !important;line-height:1.4;color:#000!important;font-size:14px;font-weight: 400!important;letter-spacing: inherit!important;}ul.megamenuid ul.rightmenulist li a:hover{color:#000;background:transparent}ul.megamenuid .loading-icon{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCznW_TCCbHw9uw7M_-IU-vPSk0j4qi9JBrAaqfhq3oNCG4c022s_4ZqUV0ZUZe9ETRpaVbukaZnhk27LzQKrh1RhaOVWHZb3gIIMdCM_uUiJo64f6UBMACfkoq_ruik1QjRO9GgFKhxY/s1600/wait.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px}ul.megamenuid .menu-icon{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #777;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0}#megamenuid{width:100%;position:relative;max-width:1000px;margin:0 auto;padding:0px}#megamenuid h5{font-size:16px;margin-top:70px;text-align:center}#megamenuid h5:before{content:"";position:absolute;top:50px;left:50%;width:5px;height:2px;margin-left:-4px;border-left:2px solid black;border-right:2px solid black}#megamenuid h5:after{content:"";position:absolute;top:55px;left:50%;width:10px;height:5px;margin-left:-7px;border-top:2px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px 8px 0px 0px}li.search-box{float:right !important;line-height:35px;margin:7px 10px 0 0}li.search-box .search-field{border:none;padding:3px;background:#3F3F3F;color:#fff;width:135px;font-size:13px}li.search-box .search-field:focus{border:none;outline:none;background:#4C4C4C;color:#fff}li.search-box .search-button{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLY5mqHKEjZXQROamkS2sdxKikvwFJbxkG6q_09eQnnPHXG6KegGd2HVGNXeIuizr20OC3VqDqsd5ILX2siQJV8Mvgiu-r7By7fOZJ8iscKSQ9bjxtSlJ2lsxLSLikrBrsJlIp6kllRlo/s1600/search.png') no-repeat;border:none;cursor:pointer;padding:5px 10px;transition:all 0.3s ease-in-out}li.search-box .search-button:hover{opacity:0.9}.search-alert{background:#E84C3D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw22ruj_xrHCn0OZPi0gQVusoDoAzjtmGOFcprlf2LJCGD-Fzq75_cR3mbda6F2QEe2zTclLt6TxDUXUJNFikUS3hixzretvAQ8TgFpyG4ceaDAEfbqOva7sBDmy5phKrts2Ck8ZEZLGg/s1600/search-info.png) no-repeat;background-position:5px;text-transform:capitalize;color:#fff;margin:-5px;padding:0px 15px 0px 40px;display:none;border-radius:5px} .megasubmenu .leftmenulist a{line-height:50px!important;color:#000!important;} ul#megamenuid li a { font: normal normal 16px 'Lato', sans-serif; font-weight: 900; letter-spacing: 1.5px; font-size: 13px; color:#111; } ul.megamenu>li { padding: 18px 0; } #navtop1 ul .singlemenu{box-shadow: 0px -11px 22px -13px #ddd;-webkit-box-shadow: 0px -11px 22px -13px #ddd;-moz-box-shadow: 0px -11px 22px -13px #ddd;-o-box-shadow: 0px -11px 22px -13px #ddd;background:#fff;border:1px solid #121212;visibility:hidden;position:absolute;top:100%;left:0;padding:0;transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: transform 350ms, opacity 300ms; -webkit-transition: -webkit-transform 350ms, opacity 300ms;} #navtop1 ul .singlemenu li{ padding: 8px 0;text-align:left;float: none; width: 200px; border: 1px solid #121212; border-top: none;} #navtop1 ul .singlemenu a{line-height:120%;padding:10px 15px;color:#000000; border-bottom: 1px solid #eee;} #navtop1 ul .singlemenu ul{top:0;left:100%} #navtop1 ul li:hover > .singlemenu{visibility:visible;filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px); z-index: 999;} div#sidebar-wrapper .widget:before{ content: ""; display: block; height: 3px; width: 100%; background: #f0f0f0; position: absolute; top: 13px; z-index: 1; border-radius: 5px; } .post-meta i.fa.fa-comments { margin-left: 0!important; margin-right: 0!important; } .fa-whatsapp:before{content:"\f232"} div#related-posts:before,.author-wrap:before{ content: ""; display: block; height: 3px; width: 100%; background: #f0f0f0; position: absolute; top: 28px; z-index: 1; border-radius: 5px; } div#comments:before{ content: ""; display: block; height: 3px; width: 100%; background: #f0f0f0; position: absolute; top: 14px; z-index: 1; border-radius: 5px; } div#comments,.author-wrap{position:relative;} div#comments h2.title{font-size:16px!important;} a.related-wrap { width: 30.6%; margin-right: 4%!important; } a.related-wrap:last-child { margin-right: 0!important; } #related-posts h2.title,.author-wrap h2.title { font-size: 16px!important; } .post-footer { margin: 40px 0px 50px; } footer#f4 h2.title { background: #101010; color: #fff; border: none; padding: 0; padding-right: 10px; } footer#f4 .widget:before{ content: ""; display: block; height: 5px; width: 100%; background: #222; position: absolute; top: 8px; z-index: 1; border-radius: 5px; } .Label li:first-child { margin-top: 0; } #sidebar-wrapper .widget img { max-width: 100%; } a.related-wrap { margin-right: 4.23%!important; } div#pages-top .slicknav_menu .slicknav_icon-bar{background-color: #fff;} div#pages-top .slicknav_menu{background:#000;padding:0;} div#pages-top .slicknav_menu .slicknav_menutxt,div#pages-top .slicknav_nav a,div#pages-top .headline ul li ul li a {color: #fff;} /* Social Icons */ .social-iconz a { display: block; width: 48px; height: 48px; font-size: 14px; float: left; line-height: 47px; text-align: center; border: 1px solid #eee; margin: 0 8px 8px 0; transition: .35s; } .social-iconz a:hover { background: #ccc; border-color: #ccc; color: #fff !important; } #sidebar-wrapper ul.social-iconz li{display:inline-block;vertical-align:top;} #sidebar-wrapper .social-iconz .facebook a:hover { background-color: #3F51B5; border-color: #3F51B5; color: #fff; } #sidebar-wrapper .social-iconz .twitter a:hover { background-color: #03A9F4; border-color: #03A9F4; color: #fff; } #sidebar-wrapper .social-iconz .google-plus a:hover { background-color: #f44336; border-color: #f44336; color: #fff; } #sidebar-wrapper .social-iconz .instagram a:hover { background-color: #435288; border-color: #435288; color: #fff; } #sidebar-wrapper .social-iconz .snapchat a:hover { background-color: #FFEB3B; border-color: #FFEB3B; color: #111; } #sidebar-wrapper .social-iconz .dribbble a:hover { background-color: #E91E63; border-color: #E91E63; color: #fff; } #sidebar-wrapper .social-iconz .behance a:hover { background-color: #1E88E5; border-color: #1E88E5; color: #fff; } #sidebar-wrapper .social-iconz .vimeo a:hover { background-color: #1565C0; border-color: #1565C0; color: #fff; } #sidebar-wrapper .social-iconz .rss a:hover { background-color: #FFC107; border-color: #FFC107; color: #fff; } #sidebar-wrapper .social-iconz li a:hover { background: #fff; border-color: #ccc; color: #aaa; }/* Contact Form */ .contact-form-widget .contact-form-name, .contact-form-widget .contact-form-email { height: 43px!important; width: 100%!important; border: 2px solid #eee!important; border-radius: 3px!important; margin-top: 5px!important; padding: 0 10px!important; } .contact-form-widget .contact-form-email-message { width: 100%!important; border: 2px solid #eee!important; border-radius: 3px!important; margin-top: 5px!important; height: 120px!important; padding: 10px!important; } .contact-form-widget { font-size: 12px!important; letter-spacing: normal!important;max-width:100%!important; } .contact-form-button-submit { height: 43px!important; width: 100%!important; background: $(maincolor)!important; color: #fff!important; border: 0!important; border-radius: 3px!important; margin-top: 5px!important; text-transform: uppercase!important; letter-spacing: 1px!important; } .contact-form-widget > div form > div { width: 100% !important; max-width: 100% !important; text-align: left !important; } .contact-form-error-message-with-border { font-size: 11px!important; margin-top: 20px!important; display: block!important; color: rgb(242, 14, 14)!important; border-top: 2px solid!important; height: 25px!important; line-height: 25px!important; width: 100%!important; background:none!important; border:none!important; box-shadow:none!important; } .contact-form-error-message-with-border img { display: block!important; float: right!important; margin-top: 6px!important; } .contact-form-success-message-with-border { font-size: 11px!important; margin-top: 20px!important; display: block!important; color: rgb(67, 199, 91)!important; border-top: 2px solid!important; height: 25px!important; line-height: 25px!important; width: 100%!important; } .contact-form-success-message-with-border img { display: block!important; float: right!important; margin-top: 6px!important; } .topbar.stick-me.sticking { display: block; left: 0; right: 0; z-index: 99999; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); -o-box-shadow: 0 4px 10px rgba(0, 0, 0, .1); box-shadow: 0 4px 10px rgba(0, 0, 0, .1); margin: 0; max-width: 100%; height: 51px; } .rapper{max-width:1140px;margin:0 auto;} #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0} #instafeed img{height:auto;width:100%} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:24.25%;display:inline-block;margin:0 1% 1% 0!important;padding:0!important} #instafeed .instaover{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;position:absolute;font-size:12px;color:#222;line-height:normal;transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out} #instafeed a:hover{opacity:.9} #instafeed li:nth-child(4) { margin-right: 0!important; } #instafeed li:last-child { margin-right: 0!important; } .odd-fwidgets .widget { margin-bottom: 50px; } .slicktopgrid .item-title { padding: 30px 40px 0px; } .blog-posts img.lazy { width: 100%; } .blog-posts + div{clear:both;} ul.megamenu>li:first-child>a { padding-left: 0; } .postarea4 a.odd-image:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.14); display: block; transition: 300ms; -o-transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; } .postarea4:hover a.odd-image:after { background: rgba(0, 0, 0, 0.7); } .post-body.entry-content img { max-width: 100%; image-rendering: -webkit-optimize-contrast; } #HTML51:before{content:none;} div#blog-pager{ font-family: lato; } ]]>
Latest Posts
Home
Unlabelled
Home
Archives for
Home
All posts
Home
Posts filed under
:
(
)
›
‹
›
By
At
Share on Facebook
Share on Twitter
READ MORE
Share on Facebook
Share on Twitter
You Might Also Like
:
(
)
(
)
*
*
Fashion
Beauty
Hot News
Life Style
Travel
Viral
Latest Posts
No posts.
No posts.
Home
Subscribe to:
Comments ( Atom )
Popular Posts
Powered by
Blogger
.
Stay Connected
Sidebar Ads
Contact Form
Name
Email
*
Message
*
Copyright ©
Kharsai.
Designed by
OddThemes