<data:blog.title/>

<data:blog.title/> <data:blog.pageName/> | <data:blog.title/> Archive for <data:blog.pageName/> <data:blog.pageName/> <data:blog.title/> - <data:blog.pageName/> Page Not Found <data:blog.pageTitle/> - All Post */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* FRAMEWORK */ body#layout #mywrapper { width: 60%; } body#layout #post-wrapper { width: 60%; float: left; } body#layout div#main { width: 100%; } body#layout #sidebar-wrapper { overflow: visible; float: left; margin-top: -8px; } body#layout .headtitle{ display:none; } body#layout .top-menu{ position:relative; left:223px; } .navbar,.post-feeds,.feed-links{display:none; } .section,.widget{margin:0 0 0 0;padding:0 0 0 0; } strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link {color:#000;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; } a:visited{color:#000;text-decoration:none; } a:hover{color:$(hovercolor);text-decoration:none; } a img{border:none;border-width:0;outline:none; } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h2{font-size:180% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit; } pre{white-space:pre;word-wrap:normal;overflow:auto; } blockquote.tr_bq{font-style:italic;background: #eee; padding: 15px;} .post-body blockquote { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQoVjRW6WzS4X0FhEu_mPG5l8mGHFpxkVkcS5Hav6_2oQjzyJghwyq581QHSB3MElTlpoDYXqX2wsrzkzdUPFGUwCI5kF3wmSkpkhi8gVe2CIsbQ_3t0RxZOyllYxO4g_JYVD32hf-OKR/s50/quote.png) no-repeat scroll left 18px transparent; font-family: Monaco,Georgia," font-size: 100%; font-style: italic; line-height: 22px; margin: 20px 0 30px 20px; min-height: 60px; padding: 0 0 0 60px; } /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top; } .post-body table.tr-caption-container {border:1px solid #e5e5e5; } .post-body th{font-weight:bold; } .post-body table[border="1"] caption{border:none;font-style:italic; } .post-body table{ } .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5; } .post-body th{background:#f0f0f0; } .post-body table.tr-caption-container td {border:none;padding:8px; } .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:97%;height:auto; } .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important; } img { max-width:100%; height:auto; border:0; } table { max-width:100%; } body#layout #outer-wrapper, body#layout .post-container, body#layout .sidebar-container { padding:0 0 0 0; } body#layout #header-wrapper { margin-top:60px; } body#layout .panel { float:left; width:79px; } .clear { clear:both; } .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } body { background:#fff; margin:0 0 0 0; padding:0 0 0 0; color:#333333; font:normal normal 13px Open Sans, sans-serif; text-align:left; } .post-entry span { line-height:27px!important; } /* outer-wrapper */ #outer-wrapper { max-width:100%; margin:60px auto 0; overflow:hidden; } /* NAVIGATION MENU */ .top-menu { font:normal normal 12px Open Sans, sans-serif; margin:0 auto; height:65px; overflow:hidden; padding: 0 28px; } .menubar { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; position:relative; z-index:3000; } .menubar li { display:block; float:left; line-height:38px; margin:0 0 0 0; padding:0 0 0 0; } .menubar li a { color: #E0E0E0; display: block; padding: 0 12px; color: #fff; font-size: 15px; line-height: 1.7em; font-family: 'Roboto Slab', serif; font-weight: 400; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; margin: 20px 35px 27px 0; border: none; text-shadow: none; position: relative; padding: 0; } .menubar li a:hover { color:#0088C2; } ul.socialbar { height:38px; margin:0 0 0 0; padding:0 0; float:right; } ul.socialbar li { display:inline-block; list-style-type:none; float:right; margin:0 0; padding:0 0; border-right:none; } /* HEADER WRAPPER */ #header-wrapper { margin:0 auto; overflow:hidden; padding: 0 28px; background: #000; z-index:300; display:none; position:relative; } .header { position: relative; z-index: 300; margin: 30px auto; text-align: center; } .header h1.title,.header p.title { font:normal bold 45px Playfair Display, Arial, Helvetica, sans-serif; margin:0 0 0 0; text-transform:uppercase; } .header .description { color:#555555; } .header a { color:#333333; } .header a:hover { color:#999; } .header img { display:block; margin:0 auto; } .header-right { float:right; padding:0; overflow:hidden; margin:55px 0; width:41.8%; max-width:468px; } .header-right img { display:block; } #nav { font: normal 12px Open Sans, sans-serif; height: 85px; line-height: 85px; padding: 0 28px; background:#646464; } .menubar2 { list-style: none; margin:0 0 0 0; *zoom: 1; float:left; } .menubar2:before, .menubar2:after { content: " "; display: table; } .menubar2:after { clear: both; } .menubar2 ul { list-style: none; margin:0 0 0 0; width:12em; } .menubar2 a { display:block; padding:0 40px 0 0; } .menubar2 li { position: relative; margin:0 0; padding: 0 1px 0 0; } .menubar2 > li { float: left; } .menubar2 > li > a { display: block; height: 84px; line-height: 84px; font-size: 15px; text-decoration: none; color: #ffffff; font-family: 'Roboto Slab', serif; } .menubar2 li ul { background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkW_CVuVIBsA8CWdIvCRhyIPrObnRdYA2_sCRT0Zv2v7KaWOxs2wePoLfUl0rXhBhgMTK-jW0t9apn9oOQ5isYYlg4PFlGj9KShKpWxcYFSJc5_QQvFgV3BOQb4hshemCkKmxWDLFVag/s1600/menu-bg2.png) repeat; border-bottom: 4px solid #0088c2; display:block; position:absolute; left:0; z-index:10; visibility:hidden; opacity:0; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; } .menubar2 li li ul { left:100%; top:-1px; } .menubar2 > li.hover > ul { visibility:visible; opacity:10; } .menubar2 li li.hover ul { visibility:visible; opacity:10; } .menubar2 li li a { display: block; color: #e0dfdf; font-family: 'Droid Sans', sans-serif; text-shadow: 0 1px 1px #4B4B4B; position: relative; z-index:100; line-height:32px; border-bottom: 1px solid #212223; margin-left: 10px; } .menubar2 li li a:hover { color:#fff; } .menubar2 li li li a { color: #e0dfdf; font-family: 'Droid Sans', sans-serif; text-shadow: 0 1px 1px #4B4B4B; z-index:20; } i.fa.fa-home { color:#646464; } /* CONTENT WRAPPER */ #content-wrapper { background-color:transparent; margin: 0 auto; word-wrap:break-word; width: 100%; z-index:1; position:relative; } .separator a { margin-left: 0!important; margin-right: 0!important; } .largebanner { background:#fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .largebanner .widget { padding:15px 14px; overflow:hidden; } .largebanner img, .largebanner iframe{ display:block; max-width:100%; border:none; overflow:hidden; } /* POST WRAPPER */ .main-content-wrapper { width: 940px; margin: 0 auto; } #post-wrapper { width:100%; position:relative; z-index:300; } .post-container { padding:15px 0px 0 0; } .breadcrumbs {border-bottom: 1px solid #DDDDDD;border-radius: 2px 2px 2px 2px;border-top: 1px solid #DDDDDD;font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;display: none;} .breadcrumbs > span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIkQDJjnvi22iQHTXflcVb0S011JDT1A3-qn3_7r0LhqMk7VXjeCMvX_aWvyN7-ZFc6dFwRJDyvzieBgz0uPrUroDYGGKb0yULqDBLPnAr2wa4cSjTBu_13kgmcSa_8leB2zKqjkK13RQ/s200/bc_separator.png") no-repeat scroll right center transparent;padding: 10px 25px 10px 10px;} .breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #333333;} .breadcrumbs a {color: #333333;} .post { padding:80px; } .post-entry { background: #fff; z-index: 9; position: relative; min-height:380px; padding:0 50px; padding-top:80px; -webkit-box-shadow: 0px 0px 12px -3px #999; -o-box-shadow: 0px 0px 12px -3px #999; box-shadow: 0px 0px 12px -3px #999; -moz-box-shadow: 0px 0px 12px -3px #999; } .post-body { color: #777777; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.86em; font-weight: 400; } h2.post-title, h1.post-title { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; font-family: 'Roboto Slab', serif; font-size: 25px; line-height: 1.52em; color: #000; font-weight: 400; text-decoration: none; margin-top: -8px; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:#000; } h2.post-title a:hover, h1.post-title a:hover { color:#0099FF; } .img-thumbnail { background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZyfJO2zwl4KcpIhZYG_pZg3-IAMSsumeyRzRBd99vbm1LWVJxhCYg06P4YRW63hY6GZA7ZOQqx98gJkYGnMGzOtjWeFXn_ae2mTsuzvhZz5b5T-j24IatRl9T6xeoymKRkNKrYIh9G24/w200-c-h140/no-image.png) no-repeat center center; position:relative; float:left; width:375px; height:210px; margin:0 20px 0 0; } .img-thumbnail img { width:375px; height:210px; border-radius: 4px; webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-backface-visibility: hidden; } .img-thumbnail img:hover{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } span.rollover { } span.rollover:before { content:""; position: absolute; width:24px; height:24px; margin:-12px; top:50%; left:50%; } span.rollover:hover { opacity: .7; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; } .post-info { background: transparent; color: #000; font-size: 14px; padding: 0px 0; position: relative; z-index: 99; } .post-info a { display:inline-block; color:#000; } .time-info, .label-info, .review-info { margin-right:12px; display:inline; } /* Page Navigation */ .pagenavi { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .pagenavi span,.pagenavi a { margin-right: 3px; display: inline-block; color: $(maincolor); /* background-color: #F1F1F1; */ /* -webkit-border-radius: 4px; */ -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; /* border-radius: 4px; */ padding: 11px 14px; margin: 15px 3px 50px 0; } .pagenavi .current, .pagenavi .pages, .pagenavi a:hover { color: #000; border-bottom: 1px solid #000; } .pagenavi .pages { display:none; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { padding:0 20px; max-width:390px; margin:0 auto; } .sidebar-container { margin: 0 auto; } .sidebar-container { padding:55px 0; } .sidebar h2, .panel h2 ,#related-posts h2,#comments h4{ border-bottom: 1px solid #ddd; color: #333333; margin: 0 0 10px 0; padding: 10px 0; position: relative; text-transform:capitalize; font:$(body.font); font-size: 15px; line-height: 1.52em; } #sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span { background: #0088C2; padding: 6px; color: #fff; z-index:300; position:relative; } .sidebar h2:after, .panel h2:after { content: " "; width:90px; height: 0px; position: absolute; left: 0; bottom: -2px; } .sidebar .widget { margin:0 0 35px; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:5px 0; padding:0 0 0 0; } /* Recent Post */ .recent-post-title { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha34n55Pr9oJNGYYm31xliUbvw81kDzZ7OZKImvztkl-8zO3gvXRR9SHpzLO3vfbGVsC0anBBt_PUYEqoJtPXTygHs8QgCJipwd08hQ1wucefqdwv2zhtzspSBaCusK-A45C7LX7bKyug/s1600/dot.png); margin:0 0 15px; padding:0; position:relative; } div.recent-post-title:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #0088C2; } .recent-post-title h2 { font:normal bold 14px Open Sans, sans-serif; height:26px; line-height:26px; margin:0 0; padding:0 10px; background:#0088C2; color:#ffffff; display:inline-block; } .recent-post-title h2 a { color:#ffffff; } .stylebox { float:left; width:50%; margin:0 0; } .stylebox .widget { padding:0 15px 15px 0; } .stylebox .widget-content { background:#ffffff; } .stylebox ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .stylebox1 { float:left; width:98%; margin:0 0; } .stylebox1 .widget { padding:0 0px 15px 0; } .stylebox1 .widget-content { background:#ffffff; } .stylebox1 ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } /* Recent Post */ /* Author */ .author-wrapper{ background: #ffffff; margin-bottom: 30px; overflow: hidden; position: relative; margin-top:24px; z-index: 0; } article.author-wrapper { transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .author-wrapper .title h3 { font-size: 28px; margin: 0; text-transform: uppercase; position: relative; padding: 0 0 10px 0; font-weight: normal; line-height: 145% !important; color: #212121; } article .media { margin: 25px 0; } .media { overflow: hidden; zoom: 1; } .about_img img { position: relative; width: 100px; height: 100px; margin-right: 25px; float: left; } .author-profile img{border:none;} .media p { margin: 0 0 10px; font-family: Open Sans; font-size: 14px; } .post-footer { position: relative; display: block; overflow: hidden; margin: 30px 0 0; padding: 15px 0; border-top: 1px solid #EFEFEF; } .social span a:hover { color: #de5865; }.social { margin-bottom:20px; text-align: center; } div.social i { font-size: 18px; } .social span a { list-style: none; text-align: center; display: inline-block; margin: 0 0 0 5px; width: 35px; color: #202020; height: 35px; line-height: 35px !important; /* border-radius: 200px 200px 200px 200px; */ -moz-border-radius: 200px 200px 200px 200px; /* -webkit-border-radius: 200px 200px 200px 200px; */ /* border: 1px solid #A7A5A5; */ /* -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075); */ /* box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075); */ /* -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; */ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /* BOTTOMBAR */ #bottombar { background:#646464; overflow:hidden; margin:0 auto; padding:10px 28px; color:#dddddd; } #bottombar .left { float:left; width:34%; } #bottombar .center { float:left; width:34%; } #bottombar .right { float:right; width:32%; } #bottombar .left .widget, #bottombar .center .widget { margin:0 15px 15px 0; } #bottombar .right .widget { margin:0 0 15px 0; } #bottombar h2 { font:normal bold 13px Open Sans, sans-serif; margin:0 0 10px 0; padding:6px 0; text-transform:uppercase; position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UOa6lHAaJ-qeOz8Gc-TSeDZVuWdP_wZUnI5W1irq-HajI0nNyklSJz1jNpFPHpL3iEEEff7lGEgrEEGOsccp4wbrCBESCwQ7u2CmEyGxTHGZhKJViv9X6LrXOsTIMsnpap3r_Ws5XvI/s1600/dot-footer.png); color:#eeeeee; } #bottombar ul, #bottombar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } #bottombar li { margin:5px 0; padding:0 0 0 0; } #bottombar ul li:before { color:#eeeeee !important; } #bottombar a { color:#dddddd; } #bottombar a:hover { color:#ffffff; } /* FOOTER */ body#layout #footer div.column { width: 32%; margin-right: 0 !important; float:left; } body#layout #footer .column .widget { float: left; margin-bottom: 15px; overflow: hidden; width: 176px; } #footer-wrapper { color: #000; font: 11px Lora,sans-serif; margin: 0 auto; overflow: hidden; padding: 40px 0; position: relative; z-index: 1; border-bottom:1px solid #e8e8e8; } #footer3 li a:hover { background: #646464; color:#fff; } #footer3 li{ margin: 5px 0; padding: 0 0 0 0; list-style:none;} #footer3 li a { /* background: #555555; */ color: #222; display: inline-block; float: left; font-size: 11px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 18px; border: 1px solid #222; } *::-moz-selection { background: none repeat scroll 0 0 #CD2122; color: #FFFFFF; text-shadow: none; } .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; } #footer-wrapper .widget h2 { background-position: 0 50%; background-repeat: repeat-x; border-bottom: 2px solid #FFFFFF; font: 600 20px 'Open Sans',serif,sans-serif; margin: 0 0 3px; overflow: hidden; padding: 5px 0; text-transform: uppercase; } #footer-wrapper .widget h2 span { border-bottom: 2px solid #646464; color: #FAFBFB; font-family: sans-serif; font-weight: bold; padding-bottom: 5px; position: absolute; } #footer .widget-area { padding: 0 0 15px; margin: 0 0 15px; } #footer div.column { display: inline; float: left; width: 32%; padding:2px; } .pagenavi a { color: #222; } #footer .column .widget { width: 97%; padding: 5px; float: left; line-height: 1.7; overflow: hidden; margin-bottom: 15px; } #footer .widget-area h2 { color: #000; font-family: sans-serif; font-size: 12px; font-weight: bold; padding-bottom: 10px; text-align: left; text-transform: uppercase; } #footer .widget-content { color: #222; text-align: left; margin-top:20px; } /* CUSTOM WIDGET */ .widget ul { line-height:1.4em; } /* Tab Menu */ .set, .panel { margin: 0 0; } .tabs .panel { padding:0 0; } .tabs-menu { border-bottom:3px solid #E73138; padding: 0 0; margin:0 0; } .tabs-menu li { font:normal bold 12px Open Sans, sans-serif; display: inline-block; *display: inline; zoom: 1; margin: 0 3px 0 0; padding:10px; background:#fff; border:1px solid #e5e5e5; border-bottom:none !important; color:#333333; cursor:pointer; position:relative; } .tabs-menu .active-tab { background:#E73138; border:1px solid #E73138; border-bottom:none !important; color:#fff; } .tabs-content { padding:10px 0; } .tabs-content .widget li { float:none !important; margin:5px 0; } .tabs-content .widget ul { overflow:visible; } /* label .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#E73037; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }*/ /* Custom CSS for Blogger Popular Post Widget */ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img { margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; } .PopularPosts ul { margin:.5em 0; list-style:none; color:black; counter-reset:num; } .PopularPosts ul li img { display:block; margin:0 .5em 0 0; float:left; } .PopularPosts ul li { counter-increment:num; position:relative; } /* Set color and level */ .PopularPosts ul li {margin-right:1% !important} .PopularPosts .item-thumbnail { margin:0 0 0 0; } .PopularPosts .item-snippet { color: #777777; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.5em; } .profile-img{ display:inline; opaciry:10; margin:0 6px 3px 0; } /* back to top */ #back-to-top { background:#353738; color:#ffffff; padding:8px 10px; font-size:24px; } .back-to-top { position:fixed !important; position:absolute; bottom:20px; right:20px; z-index:999; } /* ==== Related Post Widget Start ==== */ #related-posts{ width:auto; } .large-12 { width: 100%; } .related_title { font-size: 14px; margin-top: 10px; margin-bottom: 5px; } .related_title:hover{ color:#222; margin-top: 10px; margin-bottom: 5px; } .comments .comments-content .user{font-weight:400} #related-posts .related_img { padding: 0px; width: 171px; height: 140px; object-fit: cover; } .xjxj a:last-child img { margin-right:0!important; } #related-posts .related_img:hover{ opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; } .xjxj{border:none; padding: 0;} .xjxj img{height:135px!important;} .xjxj a { margin-right: 35px;color:#000!important; } .xjxj a:last-child { margin-right: 0px; } .related_title{font-size:12px!important;} h2.fword { margin-bottom: 30px; font: normal normal 18px Oswald; text-transform: uppercase; font-size: 12px; color: #999999; margin-bottom: 5px; margin: 7px 0 25px; font-family: 'Open Sans', serif; } .fword { } .fwstyle { display: inline-block; padding: 0 10px; line-height:1.5; margin-right:5px; border-top: 1px solid #999999; font-size: 12px; font-family: 'Open Sans', serif; } #related-posts .related_img { padding: 0px; width: 250px; height: 140px; margin-right: 1px; } #related-posts .related_img:hover{ opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; } /* share buttons */ .share-buttons-box { height: 67px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVgljWxVlTNw0-0kLlqwtAk69KG0V3AOB4_-97incOc8QNL5GS9uuUZq_6WCq47y04Jb8rsxajLQQ3kpMgQNnxA6rs2uBQvjzin7wpfZ9r1vKtNMEYSI6a_HxccxBuK8B2zCherWH1fOy/s1600/share.png) no-repeat 330px 10px; margin:20px 0 15px; overflow:hidden; } .share-buttons { margin:0 0; height:67px; float:left; } .share-buttons .share { float:left; margin-right:10px; display:inline-block; } /* error and search */ .status-msg-wrap { font-size:120%; font-weight:bold; width:100%; margin:20px auto; } .status-msg-body { padding:20px 2%; width:96%; } .status-msg-border { border:1px solid #e5e5e5; opacity:10; width:auto; } .status-msg-bg { background-color:#ffffff; } .status-msg-hidden { padding:20px 2%; } #ArchiveList ul li:before { content:"" !important; padding-right:0px !important; } /*-------sidebar----------------*/ div#main { width: 100%; } #sidebartab { margin-bottom: 15px; margin-top: -15px; } .tab-widget-menu { height: 46px; margin: 0; } #sidebartab .widget { margin-bottom: 0; padding-bottom: 0; } #sidebartab .h2title { display: none; } #sidebartab .h2titlesmall { display: none; } #sidebartab .widget-content { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; } .tab-widget-menu ul, .tab-widget-menu li { list-style: none; padding: 0; margin: 0; } .tab-widget-menu li { bottom: -2px; color: #000; cursor: pointer; float: left; height: 38px; line-height: 38px; margin: -12px 6px 0 0px; padding: 7px 0px 2px; position: relative; text-align: center; width: 17.3%; z-index: 2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .tab-widget-menu li.selected { border-width: 1px 1px 3px; color:#777777; margin: -12px 6px 0 0px; padding: 7px 0px 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .selected .fa { color: #777; } div#tab1 ,div#tab2 ,div#tab3{ background: #fff; padding: 14px 21px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } div#tab3{ background:none; padding:0px; } #sidebartab .h2title, #sidebartab h2 { display: none; } #sidebartab .h2titlesmall, #sidebartab h2 { display: none; } #sidebartab .popular-posts li { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #E9E9E9; overflow: hidden; padding: 10px 0; } .PopularPosts img:hover{ -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #sidebarlab .sidebar li a:hover { color: #fff; background: #222; } .PopularPosts .item-title a{color:#000;} .PopularPosts .item-title{ padding-bottom: 1.2em; margin-top:10px; color: #000000; font:$(homepage.footer); font-size: 12px; font-weight: 400;} .tagcloud a { background: #e4e4e4; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .tagcloud a:link { color: #888; } .tagcloud a:hover { background: #0088C2; color: #fff; } .tagcloud1 a { background: #555555; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .tagcloud1 a:link { color: #888; } .tagcloud1 a:hover { background: #0088C2; color: #fff; } .showpageArea a { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .showpageNum a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpageNum a:hover { border: 1px solid #aaaaaa; } .showpagePoint { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #aaaaaa; } .showpageOf { display:none; } .showpage a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpage a:hover { border: 1px solid #aaaaaa; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#666; } .button { text-align: center; width: 100%; margin: 10px 0; padding: 0; font-size: 14px; font-family: 'Tahoma', Geneva, Sans-serif; color: #fff; margin-left: 0em !important; } .button ul { margin: 0; padding: 0; } .button li { display: inline-block; margin: 10px 0; padding: 0; } .demo { border-radius: 3px; padding: 8px 12px; background: #e74c3c; color: #fff !important; transition: background-color 1s 0s ease-out; } .download { border-radius: 3px; padding: 8px 12px; background: #3498db; color: #fff !important; transition: background-color 1s 0s ease-out; } .buton a { color: #fff; } .demo:hover { background: #c0392b; color: #fff; } .download:hover { background: #2980b9; color: #fff; } .download:before { content: "\f019"; font-family: FontAwesome; font-weight: normal; padding: 8px; background: #2980b9; margin-left: -12px; margin-right: 6px; border-radius: 3px 0 0 3px; font-size: 16px; } .demo:before { content: "\f06e"; font-family: FontAwesome; font-weight: normal; padding: 8px; background: #c0392b; margin-left: -12px; margin-right: 6px; border-radius: 3px 0 0 3px; font-size: 16px; } #Attribution1 { height:0px; visibility:hidden; display:none } .author-avatar img{float:left;margin:0 10px 5px 0;border:50%;} #author-box h3 { padding-bottom: 5px; border-bottom: 4px solid #333; font-size: 18px; font-family: Oswald,arial,Georgia,serif; } .share-post { font-size: 13px; margin-top: 15px; } .share-post li { float: left; } .share-post a { display: block; margin-right: 10px; text-indent: -9999px; margin-left: 12px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvVPRDTerRMkD_s3ejJqRvqxAvyP7G2VQVSNjpl6nwMRsS6psvIJ2cmt-h21s-SVNYezSmwSmyQICV1dB8Q4E_jq0TZpfnGZseeR30lQCBQsHZBYcdoVUtIbiDFZvBVWAi25dU4dmW3Q/s1600/single-share.png) no-repeat; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .share-post a:hover { opacity: .7; } .share-post .facebook a { width: 7px; } .share-post .twitter a { width: 18px; background-position: -47px 0; } .share-post .google a { width: 14px; background-position: -105px 0; } .share-post .pinterest a { width: 11px; background-position: -159px 1px; } /*** Share Post Styling ***/ #share-post { width: 100%; overflow: hidden; margin-top: 20px; } #share-post a { display: block; height: 32px; line-height: 43px; color: #fff; float: left; padding-right: 10px; margin-right: 10px; margin-bottom: 25px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; overflow: hidden; margin: 0 10px 10px 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; width: 125px; height: 45px; float: left; padding: 0; overflow: hidden; text-align: center; font-weight: 600; } #share-post .facebook { background-color: #6788CE; } #share-post .twitter { background-color: #29C5F6; } #share-post .google { background-color: #E75C3C; } #share-post span { display: block; width: 32px; height: 32px; float: left; padding: 6px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvVPRDTerRMkD_s3ejJqRvqxAvyP7G2VQVSNjpl6nwMRsS6psvIJ2cmt-h21s-SVNYezSmwSmyQICV1dB8Q4E_jq0TZpfnGZseeR30lQCBQsHZBYcdoVUtIbiDFZvBVWAi25dU4dmW3Q/s1600/single-share.png) no-repeat; background-position-y: 6px; background-position-x: 7px; } #share-post .facebook span { background-color: #3967C6; } #share-post .twitter span { background-color: #26B5F2; background-position: -65px; } #share-post .google span { background-color: #E94D36; background-position: -137px; } .selectnav { display:none; } /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 80px; margin: 10px 5px 0px 5px; width: 80px; } .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: .5; } div#act { display: none; } #container{ width: 1170px; margin:0 auto; } span.comment-info l,span.time-info l { padding-left: 8px; margin-right: 6px; margin-left: -5px; } /*--- SOC. IKONS ---*/ .soc-icon { width: auto; display: inline-block; margin: 25px 0 0; } .soc-icon ul { margin: 0; } .soc-icon li { margin: 0 0 0 8px; padding: 0; display: inline-block; } .soc-icon li a { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; float: left; width: 26px; height: 24px; overflow: hidden; } .soc-icon li a img { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; position: relative; top: 0; float: left; width: 26px; height: 49px; } .soc-icon li a:hover img { top: -24px; } #nav.fixed-nav{ position: fixed; top: 0; left: 0; width: 100% !important; z-index: 999; padding: 0; } .scroll-top.cl-effect-5 { float: right; margin-right: 36px;} p#back-top { background: #fff; padding: 10px 11px 11px; color: #222; border-radius: 3px; } p#back-top .fa { color: #222; } /*----------//// AUTHORS ARCHIVE \\\\-------------*/ div#top-comment { margin-top: 60px; padding-left: 40px; } .top-comment-widget-menu { float: left; margin: -15px 0 15px; padding: 0; width: 100%; height: 40px; } div#top-comment2 { text-align: center; } .top-comment { float: left; font-size: 14px; list-style: none outside none; text-transform: uppercase; width: 43%; margin: 1px; padding: 10px 20px !important; font-weight: normal; color: #646464; cursor: pointer; text-align:center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #relpost_img_sum .news-text { display: none; } .top-comment.selected { cursor: pointer; padding: 11px 20px !important; margin: 0px 0 0 -16px; color: #FFF; background: #646464; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .top-comment.blogico:before { content: "\f0d5"; font-family: fontawesome; margin-right: 15px; } .top-comment.faceico:before { content: "\f09a"; font-family: fontawesome; margin-right: 15px; } h1, h2, h3 { font-family: 'Oswald', sans-serif; } .headtitle h1 { color: #fff; font-size: 120px; font-weight: 700; text-transform: uppercase; position: relative; z-index: 150; margin:0 0 0 45px; } h1.small { font-size: 90px; } .headtitle h2 { font-size: 60px; font-weight: 700; color: #434343; text-transform: uppercase; text-align: center; margin-top: 90px; margin-bottom: 80px; } h2.white { color: #fff; } span.lines { border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; } h3 { font-size: 30px; text-transform: uppercase; font-weight: 600; color: #434343; } h3.white { color: #fff; } h4 { font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; } h5 { font-family: 'Source Sans Pro', sans-serif; font-size: 24px; font-weight: 600; text-transform: uppercase; color: #fff; } p { font:$(body.font); font-size: 16px; font-weight: 400; line-height: 23px; color: #515151; } p.white { color: #f9f9f9; } .FollowByEmail .follow-by-email-inner .follow-by-email-address{ margin: 0px 0px 12px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirZZiWyk2EdCOaFUGx1ogzepUC1owuM9ZTcvKHweGtASbCsdHudEU0naG2q5Q8tJq8eeNWp5U2_HyXgl8izXtUxdj1sAVpRqMPc7LuDZUwDag7GVM5pn3nUNWYdSlRA8IHr42HDtXp61mW/s1600/newsletter.gif); background-repeat: no-repeat; background-position: center left; padding-left: 48px; font-size:15px; width:75%; margin-top:10px; } .follow-by-email-inner:before { color: #f5f5f5; content: "Join with Thousands Of Subscribers ! Get Our Latest Articles Delivered to Your email Inbox"; font-family: nunito; font-size: 12px; font-weight: normal; text-transform: uppercase; margin-bottom: 1px; } .FollowByEmail td { display: inline; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit{ width: 80px; margin: 0; border: 0; border-radius: 2px; -moz-border-radius: 2px; background: #646464; color: #fff; cursor: pointer; font-size: 13px; height: 37px; z-index: 0; } #footer1{line-height:30px;padding:25px 0 0 0;background-color:#fff; position:relative; z-index:1; }#footer1 p{font-size:12px;float:left;line-height:30px;text-align:justify;}#footer1 .go-top{float:right;margin-left:20px;padding-left:20px;border-left:1px solid rgba(0,0,0,0.1)}#footer1 .go-top a{display:block;width:30px;height:30px;color:#fff;font-size:14px;text-align:center;border-radius:2px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out}#footer1 .go-top a:hover{background-color:#444}#footer1 .go-top a i{line-height:30px}#footer1 .social-icons{text-align:center;float:right}#footer1 .social-icons a{display:inline-block;color:#ccc;font-size:14px;border-radius:2px;margin-left:15px}#footer1 .social-icons a:hover{color:#646464}.toggle-item{margin-bottom:15px}.toggle-item .panel-title{margin-bottom:10px}.toggle-item .panel-title a{display:block;color:#888;height:42px;line-height:42px;position:relative;font-size:13px;padding:0 20px;border-radius:2px;overflow:hidden;background-color:#f8f8f8;letter-spacing:1px;text-transform:uppercase}.toggle-item .panel-title a:after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:#646464}.toggle-item .panel-title a.collapsed:after{background-color:#ddd}.toggle-item .panel-title a i{position:absolute;right:0;top:0;color:#fff;width:42px;height:42px;font-size:14px;text-align:center;line-height:42px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out} .thumbnail { position: relative; display: block; padding: 0px; line-height: 20px; border: 0px solid #ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featured-thumbnail a { position: relative; display: block; } a.image-wrap { display: block; width: 100%; height: 100%; text-align:center; } select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle} input,textarea,.uneditable-input{width:206px} textarea{height:auto} textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s} textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal} input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto} select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px} select{width:220px;border:1px solid #ccc;background-color:#fff} select[multiple],select[size]{height:auto} select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed} /* Post social share */ .post_social_share { display: block; margin: 50px 0 0; padding: 10px 0; text-align: center; } a.g-profile:hover{color:$(maincolor);} .widget .widget-item-control a img{width:18px;} ul.mbt-pager { padding: 20px; } .odd-pager{ display:block; margin-top:35px; } .mbt-pager { margin-bottom: 10px; overflow:hidden; padding:0px;} .mbt-pager li.next { float: right; padding:0px; background:none; margin:0px;} .mbt-pager li.next a { padding-left: 24px; } .mbt-pager li.previous { margin:0px -2px 0px 0px; float: left;padding:0px; background:none; } .mbt-pager li.previous a { padding-right: 24px; } .mbt-pager li.next:hover, .mbt-pager li.previous:hover {color:#333333; } .mbt-pager li { width: 50%; display: inline; float: left; text-align: center; } .mbt-pager li a { position: relative; /* min-height: 77px; */ display: block; /* padding: 15px 46px 15px; */ outline: none; text-decoration: none; } .mbt-pager li i { color: #000; font-size: 12px; } .mbt-pager li a strong { display: block; font-size: 14px; color: #000; letter-spacing: 0.5px; font-weight:400;} .mbt-pager li a span { letter-spacing: 0px;display:block; color: #666; font:$(body.font); margin:0px;} .mbt-pager li a:hover strong { color: $(maincolor); } .mbt-pager li a:hover span { color: $(maincolor); } .mbt-pager .previous a span{text-align:left;} .mbt-pager .next a span{text-align:right;} .mbt-pager .previous div { display: block; padding-left: 130px; } .mbt-pager .next div { display: block; padding-right: 130px; } .fa-chevron-right {padding-right:0px;} .post_social_share h3 { display: block; font-size: 14px; line-height: 65px; font-weight: 400; text-transform: capitalize; margin-bottom: 0; letter-spacing: 1px; font:$(heading.font); float: left; } .post_social_share a { margin-bottom: 15px; font-size: 14px; padding: 6px; /* margin: 16px 2px; */ line-height: 3; text-align: center; color: #000; background: #f5f5f5; padding: 0px 10px; font-size: 12px; display: inline-block; } .post_social_share a:hover { -webkit-transition:border-color .2s; -moz-transition:border-color .2s; transition:border-color .2s; color:$(maincolor); } .mbt-pager .previous a img { float: left; } .mbt-pager .previous a { display: block; } .mbt-pager .next a img { float: right; } .mbt-pager .next a { display: block; } .mbt-pager .previous a strong{text-align:left;} .mbt-pager .next a strong{text-align:right;} .xjxj{display:block;padding:20px;} .xjxj a { float: left; margin-right: 5px; min-height: 140px;width: 183px; font:normal normal 400 16px 'Montserrat', sans-serif;; } .xjxj:after { content: " "; display: block; height: 0; clear: both; } .search-bar { -moz-transition: .3s linear; -webkit-transition: .3s ease-out; transition: .3s linear; float: right; right: 0; cursor: pointer; background-image: url(); background-repeat: no-repeat; padding: 0px 20px 23px; background-size: 100px 100px; top: 0; z-index: 99999; margin-top: -5px; } .search-bar:hover { -moz-transition: .01s linear; -webkit-transition: .01s ease-out; transition: .01s linear; opacity: 1; background-image:none; } .nav-search { width: auto; height: 30px; position: relative; left: 0; float: left; line-height: 10px; color: #fff !important; } .nav-search label { display: none; } .nav-search input { float: left; width: 0; background: none; height: 30px; line-height: 20px; margin: 10px 0 0; padding: 0 10px 0 0; font-size: 15px; color: #000 !important; outline: 0; border-radius: 0; border: 0; opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -webkit-appearance: none; } .search-bar:hover .nav-search input { width: 160px; margin-left: 33px; background: none; border-bottom: 1px solid #f1f1f1; opacity: 1; } .nav-search input::-webkit-input-placeholder { color: #eee; } .nav-search input::-moz-placeholder { color: #eee; } .nav-search input:-moz-placeholder { color: #eee; } .nav-search input:-ms-input-placeholder { color: #eee; } .nav-search input:focus { color: #fff; } .nav-search .srch_btn { height: 50px; width: 23px; margin-top: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG7SgXOemhU8Gxb1qIYJbOtJxh8GSctvpeOH7_-T95bHNf_ENJCrkR1fBckJCsSLdpvmkKbd4hnTr3uSaRyNbQmv8Gd0SyAVzN4UJ29mmqYeU1QorVXshNNq5dDpYxPOALUiLiw1U6TATB/s1600/search-icon.png) 2px center no-repeat; text-indent: 9999px; position: relative; } .featuredimage { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background:#000; line-height:0; -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -o-filter: blur(2px); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); mask-image: gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); -o-mask-image: -o-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); -moz-mask-image: -moz-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); } .featuredimage img{max-height:630px;width:100%;opacity:.5;-webkit-filter: blur(2px);-moz-filter: blur(2px);filter: blur(2px);-o-filter: blur(2px);} .post-info { position: absolute; top: 0; left: 0; right: 0; border-bottom: 1px solid #ddd; padding: 15px 0; } span.time-info{position:relative;z-index:9;letter-spacing:1px;display:inline-block;text-align:center;font-size:12px;color:#fff;text-transform:uppercase;} .articlewrap{-webkit-box-shadow: 0px 0px 12px -3px #999;-o-box-shadow: 0px 0px 12px -3px #999;box-shadow: 0px 0px 12px -3px #999;-moz-box-shadow: 0px 0px 12px -3px #999;background:#fff;margin:0 50px;} .post-image{line-height:0;box-shadow: 0px 10px 12px -8px #999; -moz-box-shadow: 0px 10px 12px -8px #999; -o-box-shadow: 0px 10px 12px -8px #999; -webkit-box-shadow: 0px 10px 12px -8px #999; z-index: 99999; position: relative;} .topbar{ top: 0; position: fixed; background:#fff; width: 100%; z-index:999; box-shadow: 0px 10px 12px -13px #999; -moz-box-shadow: 0px 10px 12px -13px #999; -o-box-shadow: 0px 10px 12px -13px #999; -webkit-box-shadow: 0px 10px 12px -13px #999;transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .lefttop{float:left; line-height: 34px;} .socialtop{float:right;position:relative;} @media (min-width: 992px){ ul#masthead > li:before { content: ''; display: block; position: absolute; width: 0; height: 30%; border-left: 1px solid #DBDFDF; margin: auto; top: 0; left: 0; bottom: 0; } ul#masthead > li:first-child:before { display: none; } } #navtop{display:block;height:auto;position:relative;} #navtop ul{display:inline-block;font-size:0;position:relative;z-index:9999;background:inherit} #navtop ul a{display: block; padding: 22px 20px; font-weight: 400; line-height: 16px; color: #000; font-size: 12px;letter-spacing:.5px; /* text-transform: uppercase; */ transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out;} #navtop ul ul li a:hover { padding-left: 20px; } #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:#fff} #navtop ul a:hover{color:#000;filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px);} #navtop ul ul{background:#fff;border:1px solid #DBDFDF ;display:none;position:absolute;top:100%;left:0;padding:0;transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: transform 250ms, opacity 200ms; -webkit-transition: -webkit-transform 250ms, opacity 200ms;} #navtop ul ul li{transition:300ms;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;float:none;width:200px;border-bottom:1px solid #DBDFDF;} #navtop ul ul li:last-child{border-bottom:none;} #navtop ul ul a{line-height:120%;padding:10px 15px;color:#444; border-top: 1px solid #3C3C3C;padding-bottom:15px;} #navtop ul ul ul{top:0;left:100%} #navtop ul li:hover > ul{display:block;filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px);} #navtop ul ul li:hover > a{background:#fff;} #navtop ul li.current-menu-item a{ background: #181818; } #navtop ul a:hover{ color:$(maincolor); } #navtop ul ul li:hover > a{ color:$(maincolor); } #navtop ul li:hover > a,#navtop ul li:hover >a i { color:$(maincolor); } #navtop ul ul a:first-child{border:none;} .rapper{max-width: 1140px; margin: 0 auto; width:100%; height:60px; } .sb-search { position: absolute; width: 200px; min-width: 60px; height: 60px; top: 0; right: 40px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; 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 { -webkit-appearance: none; padding: 1px 20px; -webkit-border-radius: 0; height: 35px; line-height: 35px; font-size: 13px; font-weight: 400; margin-top: 13px; border-left: none; border-top: none; border: none; padding-right: 30px; background-color: #fff; width: 180px; } .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:hover{color:$(maincolor);} .sb-icon-search, .sb-search-submit { width: 15px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; 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: #000; z-index: 99999; font-size: 13px; 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-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;} /* 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;float:left;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.4;float:right;color:#000;font-weight:700;margin-left:4px;}.slicknav_menu .slicknav_icon{color:#000;float:left;width:1.125em;height:.875em;margin:.188em 0 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;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{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:15px;padding:5px;background:#fff}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:10px 5px 6px;text-decoration:none;background-color:#fff}.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:0 10px;margin:0px 5px}.slicknav_nav .slicknav_row:hover{background:#fff;color:#000}.slicknav_nav a{text-decoration:none;color:#000}.slicknav_nav a:hover{background:#fff;color:#30373B}.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_item:hover a { color: #000; } /* slicknav */ .slicknav_menu { display:none; } @media screen and (max-width: 890px) { /* #masthead is the original menu */ #navtop { display:none; } .slicknav_menu { display:block;padding:3px; } } li i.fa.fa-angle-down,li i.fa.fa-angle-right { font-size: 14px; color: #444; padding: 0 0 0 2px; position: relative; top: 1px; left: 3px; } input#s:focus { width: 160px; } .footerbottom{ font-size: 13px; text-align:center;color:#999; } .f-widget { width: 30%; float: left; position: relative; color: #222; font-family: Lato; font-size:13px; margin-right: 2.5%; } .footer-widgets .last { float: left; position: relative; margin-right: 0; border:none; overflow:hidden; } .footer-widgets .last .widget a { color:#fff; } span.social-item:last-child a{ border-right: none; } span.social-item a { padding: 1.5% 3.78%; border-right: 1px solid #e8e8e8;letter-spacing: 1px; } .footer23-social a:link { color: #000; line-height: 3; } .footer23-social a:visited { color: #000; } .footer23-social a:hover { color: $(maincolor); } .footer23-social { text-align: center; font-size: 12px; } a.read-more { margin: 0 0 20px 0; text-align:center; font: 600 12px 'Open Sans', Helvetica, Arial, sans-serif; width: 75px; } a.read-more:hover{color:#de5865;} a.read-more:after { display: block; content: '\f107'; font-family: 'FontAwesome'; text-align: center; } a.read-more:hover:after { display: block; content: '\f106'; font-family: 'FontAwesome'; text-align: center; } .cen { text-align: center; } .post-details {font: $(homepage.footer);display:inline-block;text-transform:uppercase;position:relative;line-height:1;} header.post-header {padding-bottom: 25px; padding-top: 50px;} .auth a,.post-da a,.post-com a {color: #000; font-weight: 600;} .auth a:hover{ color: $(maincolor);} .entry-title {padding:0 20px;text-align: center;font:$(heading.font);font-size:35px;font-weight:600;letter-spacing:.5px;line-height:1.2;color:#fff!important;margin:0;} .entry-title a {position:relative;color:#303030!important;transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;} .entry-title a:hover {color:$(maincolor)!important;} .post-details span {margin-bottom:10px;display:inline-block;} .entry-content {position:relative;padding-left:5px;padding-right:5px;} .intro-text { text-align:justify; margin-bottom: 30px; font-size: 22px; color: #000; font: $(body.font); font-weight: 400; line-height:1.6; padding: 10px 70px; } .post-footer i { margin: 0 10px 0 10px; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .post-outer { -webkit-box-shadow: rgba(0, 0, 0, 0.027451) 3px 3px 1px; box-shadow: rgba(0, 0, 0, 0.027451) 3px 3px 1px; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin-bottom: 1.6rem; background:#fff; } .pull-right{ padding-right:5px; float:none; } .pull-left { float: none; margin: auto; width: 114px; margin-bottom:72px; } .pull-left:hover { background: #23a1e0; color: #fff; } .read-more { display: block; float: left; /* border-radius: 3px; */ color: #23a1e0; font-size: 11px; padding: 13px 23px; letter-spacing: 0.5px; text-transform: uppercase; /* border: 1px solid #23a1e0; */} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .container:before, .container:after { display: table; content: ""; line-height: 0; } @media (min-width: 1200px) { .container{ width: 860px; } } .container { margin-right: auto; margin-left: auto; } @media (max-width: 979px) and (min-width: 768px){ .container{ width: 724px; } input#s:focus { width: 80px; } .search-bar:hover .nav-search input { width: 80px!important; font-size: 12px;} .footer23-social .fa{font-size:16px;} .footer23-social{font-size:12px;} } @media (max-width: 979px) and (min-width: 768px){ .container { width: auto; } #footer div.column { width: 32%; margin-right: 2px; } } @media (max-width: 767px) { .container { width: auto; } #footer div.column { width: 100%; } } @media only screen and (max-width:767px) { #navigation { display:none; background: none repeat scroll 0 0 #333333;border: 1px solid #232323;color: #FFFFFF;margin:27px 0 0 0px;padding: 5px;width: 430px;position: absolute;} .selectnav { display: inline-block;margin: 14px 10px; padding: 7px; width: 50%; height:40px;border:none;} .search-bar:hover .nav-search input{width:120px!important;} form#searchform { margin: 14px 0; } } @media only screen and (max-width:479px) { #navigation {width: 275px;}} @media only screen and (max-width:1219px){ #outer-wrapper {width: 100%;} #container {width: 924px;} h2.post-title, h1.post-title{ font-size:19px; } } @media only screen and (max-width:985px) and (min-width: 768px) { #outer-wrapper {width: 100%;} #searchformfix,.soc-icon{display:none} #container {width: 700px;} #content-wrapper{width:710px} #post-wrapper,div#mywrapper {width: 710px;} .sidebar-container { width: 95%;} div#main {width: 710px;} #post-wrapper{margin-top:44px;} .main-content-wrapper{width:770px;} .xjxj a{width:254px;} .xjxj a:nth-child(2) { margin-right: 0!important; } .xjxj img{height:160px!important;} } /* Phone : 480px */ @media only screen and (max-width: 767px) and (min-width: 480px){ .post{padding:10px;} .articlewrap{margin:0 20px;} #outer-wrapper {width: 100%;} #searchformfix,.soc-icon{display:none} .header-right {width: 100%;max-width: 432px;float:none} #container {width: 430px;} #content-wrapper{width:430px} #post-wrapper,div#mywrapper {width: 430px;} .sidebar-container { width: 95%;} div#main {width: 430px;} #menu-main{display:none;} .header {width: 100%;margin: 0px auto 50px;} .img-thumbnail img {width: 430px;height: 230px;} .img-thumbnail {width: 430px;height: 240px;} .top-comment-widget-menu{height: 58px;} .top-comment{width:41%} #mywrapper{margin-top:22px;} .main-content-wrapper{width:100%;} .menubar{display:none;} .mbt-pager li.previous a{ padding-right:0px; } .mbt-pager li a{ padding:0px; } .entry-title{font-size:25px;} .mbt-pager li{width:100%;} .mbt-pager li.next{margin-bottom: 15px;} .mbt-pager .next a strong,.mbt-pager .next a span{text-align:left;} .mbt-pager li.next a{padding-left:0} div#comments{padding:0!important;} div#top-comment{padding-left:0} .instatitle a{display:none;} .bottommenu{width:90%;} } /* Phone : 320px */ @media only screen and (max-width:479px) { .bottommenu{width:90%;} .xjxj a{width:100%;} .instatitle a{display:none;} div#top-comment{padding-left:0} div#comments{ padding: 0 10px!important;} .mbt-pager li.next{margin-bottom: 15px!important;} .mbt-pager li.next a{padding-left:0} .mbt-pager li{width:100%;} .mbt-pager .next a strong,.mbt-pager .next a span{text-align:left;} .post { padding: 10px; } .entry-title { font-size: 20px; } .entry-title{font-size:25px;} .articlewrap{margin:0;} #outer-wrapper {width: 100%;} #searchformfix,.soc-icon{display:none} .header-right {display:none} #container {width: 320px;} #post-wrapper,div#mywrapper {width: 100%;} .sidebar-container {width: 100%;} div#main {width: 100%;} #menu-main{display:none;} .header {width: 100%;margin: 50px auto 50px;} .img-thumbnail img {width: 280px;height: 180px;} .img-thumbnail {width: 280px;height: 190px;} .top-comment-widget-menu{height: 58px;} .top-comment{width:37%} #intro, #intro .bg1{height:460px;} .main-content-wrapper{width: 100%;} .search-bar:hover .nav-search input { width: 60px!important; font-size: 9px; } .selectnav{width:45%;} .intro-text{ font-size:14px; } .mbt-pager li.next{ float:none; width:100%; } .mbt-pager li.previous{ width:100%; } } header>a { display: block; text-align: center; text-transform: uppercase; font:$(homepage.footer); color: $(maincolor)!important;margin-bottom:25px; } header>a:hover{color:$(maincolor)!important;} span.label-info { position: relative; z-index: 9; display: inline-block; text-align: center; font-size: 30px; color: #fff; } span.label-info a { color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: Open sans; } span.label-info1 { display: block; text-align: center; border-top: 1px solid #eee; } span.label-info1 a { color: #000; font-size: 11px; font-family: Open sans; background: #F5F5F5; padding: 3px 10px; margin: 10px 2px; display: inline-block; } span.label-info1 a:hover { color:$(maincolor); } #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:16.667%;display:inline-block;margin:0!important;} #instafeed .instaover{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255, 255, 255, 0.5);position:absolute;font-size:12px;color:#222;line-height:normal;transition:all 50ms ease-out;-o-transition:all 50ms ease-out;-moz-transition:all 50ms ease-out;-webkit-transition:all 50ms ease-out} #instafeed a:hover .instaover{opacity:1;} #instafeed li:last-child { padding-right: 0!important; } .instagramfooter{position: relative; display: block; text-align: center;} .instatitle { position: absolute; transition:50ms; -webkit-transition:50ms; -o-transition:50ms; -moz-transition:50ms; z-index: 99; font-size: 12px; text-transform: uppercase; font-family: open sans; font-weight: 400; letter-spacing: 1.2px; display: inline-block; text-align: center; bottom: 50%; margin-bottom: -10.5px; margin-left: -71.44px; } .instagramfooter h2{display:none;} .instatitle a { color: #222;padding: 15px 20px;background: #fff; } .instatitle a:hover { background: $(maincolor);color:#fff; } .default23 { top: 0; } .fixed23 { top: -80px; } .to_top { z-index: 9999999; cursor: pointer; color: #fff; text-align: center; width: 30px; background: #ffa687; height: 30px; border-radius: 50%; position: fixed; right: 25px; bottom: 25px; line-height: 30px; font-size:16px; } .fleft{color:#999;border-top:1px solid #e8e8e8;text-align:center;padding: 20px 0; margin-top: 40px;} .bottommenu a { margin: 5px 20px; color: #999; text-transform: uppercase; letter-spacing: 1px; font-weight: 300;font-size:12px;display:inline-block; } .bottommenu{margin: 20px auto; width: 70%;} .side1{ bottom: 0; right: 0; position: fixed; top: 0; overflow-y: auto; width: 330px; display: block; height: 100%; background:#fff; z-index:999; box-shadow: 0px 10px 12px -3px #999; -moz-box-shadow: 0px 10px 12px -3px #999; -o-box-shadow: 0px 10px 12px -3px #999; -webkit-box-shadow: 0px 10px 12px -3px #999;} .button23{display: none; position: fixed; z-index: 99999; padding: 0; cursor: pointer;right: 20px; top: 20px;} .togglecontainer2 { width:330px!important; z-index: 9999;margin-right:0!important; } .container23{width:100%;padding-left:0;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;z-index:1500;} .button23{display:block;} .side1{margin-right:-330px;-webkit-transition:400ms;-moz-transition:400ms;-o-transition:400ms;transition:400ms;} /* Slider */ .slick-slider { 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; margin-bottom:0; } .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; } .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-slide img { width: 100%; } .slick-prev { left: 20px; } .slick-next { right: 20px; } .slick-dots{bottom: -25px;} .slick-prev:before{font-family:'fontAwesome'; content:"\f104"; font-size: 20px; } .slick-next:before{ font-family:'fontAwesome'; content:"\f105"; font-size: 20px; } .slick-prev,.slick-next { right: 20px; background:rgba(0, 0, 0, 0.58); border-radius: 50%; width: 35px; height: 35px;margin-top:-20px; z-index:9; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background:#000;color:#fff;} .topslider .item-info { display: table-cell; vertical-align: middle; } @media only screen and (min-width:1024px){ .imagearray{min-height:450px;max-height:500px;} } .xjxj a:last-child { margin-right: 0!important; } .nofeatured{background:#000;} .author-profile .g-profile { color: $(maincolor);font-weight:900; } .media span{font:$(body.font);font-size: 13px; letter-spacing: .5px; line-height: 1.5;} div#comments { padding: 0 80px; } div#comments p{font:$(homepage.footer);font-weight:400;font-size:14px;} .comments .comments-content .icon.blog-author:after { content: "Admin"; background: #000; color: #fff; font-size: 11px; padding: 2px 5px; } .button23 i:hover{color:$(maincolor);} .post-info i { margin: 0 10px 0; } .post a { color: $(maincolor); } a.g-profile,span.comment-info a { font-size: 13px; color: #000; } .share_this_content a { color: #000; } */]]>

Related Articles