======================= */

/* Google Font – Kdam Thmor
———————————————– */
@font-face{font-family:’Kdam Thmor’;font-style:normal;font-weight:400;src:local(‘Kdam Thmor’),local(‘KdamThmor’),url(https://fonts.gstatic.com/s/kdamthmor/v6/MwQzbhjs3veF6QwJVf0JoG8fiIlP.woff2) format(‘woff2′);unicode-range:U+1780-17FF,U+200C,U+25CC}

/* Google Font – Hanuman
———————————————– */
@font-face{font-family:’Hanuman’;font-style:normal;font-weight:400;src:local(‘Hanuman Regular’),local(‘Hanuman-Regular’),url(https://fonts.gstatic.com/s/hanuman/v12/VuJxdNvD15HhpJJBSKrdObFn.woff2) format(‘woff2′);unicode-range:U+1780-17FF,U+200C,U+25CC}
@font-face{font-family:’Hanuman’;font-style:normal;font-weight:700;src:local(‘Hanuman Bold’),local(‘Hanuman-Bold’),url(https://fonts.gstatic.com/s/hanuman/v12/VuJ0dNvD15HhpJJBQBr4LIVGZCNc.woff2) format(‘woff2′);unicode-range:U+1780-17FF,U+200C,U+25CC}

/* Google Font – Ruda
———————————————– */
@font-face{font-family:’Ruda’;font-style:normal;font-weight:400;src:local(‘Ruda Regular’),local(‘Ruda-Regular’),url(https://fonts.gstatic.com/s/ruda/v10/k3kfo8YQJOpFqnYdaObJ.woff2) format(‘woff2′);unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:’Ruda’;font-style:normal;font-weight:400;src:local(‘Ruda Regular’),local(‘Ruda-Regular’),url(https://fonts.gstatic.com/s/ruda/v10/k3kfo8YQJOpFqngdaA.woff2) format(‘woff2′);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:’Ruda’;font-style:normal;font-weight:700;src:local(‘Ruda Bold’),local(‘Ruda-Bold’),url(https://fonts.gstatic.com/s/ruda/v10/k3kQo8YQJOpFosM4fdfoLnnA.woff2) format(‘woff2′);unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:’Ruda’;font-style:normal;font-weight:700;src:local(‘Ruda Bold’),local(‘Ruda-Bold’),url(https://fonts.gstatic.com/s/ruda/v10/k3kQo8YQJOpFosM4fdnoLg.woff2) format(‘woff2′);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Reset Stylesheet
———————————————– */ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}
form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
dl,ul{list-style-position:inside;font-weight:400;list-style:none}
ul li{list-style:none}
caption,th{text-align:center}
img{border:none;position:relative}
a,a:visited{text-decoration:none}
.clearfix{clear:both}
.section,.widget,.widget ul{margin:0;padding:0}
a{color:$(body.link.color)}
a img{border:0}
abbr{text-decoration:none}
.CSS_LIGHTBOX{z-index:999999!important}
.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}
.center{display:table;margin:0 auto;position:relative}
.widget > h2,.widget > h3{display:none}

/* Globle Wrapper
———————————————– */
:root{–main-font:’Kdam Thmor’,’Ruda’,sans-serif;–sub-font:Hanuman,’Ruda’,sans-serif}
body{background:$(body.background);background-color:$(body.background.color);font-family:var(–sub-font);font-size:15px;font-weight:400;color:$(body.text.color);word-wrap:break-word;margin:0;padding:0}
#outer-wrapper{max-width:1000px;margin:0 auto;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)}
.row{width:950px}
#content-wrapper{margin:20px auto 0;overflow:hidden}
#content-wrapper > .container{margin:0 -15px}
#main-wrapper{float:left;overflow:hidden;width:65%;box-sizing:border-box;word-wrap:break-word;padding:0 15px;margin:0}
#sidebar-wrapper{float:right;overflow:hidden;width:35%;box-sizing:border-box;word-wrap:break-word;padding:0 15px}
.post-image-wrap{position:relative;display:block}
.post-image-link,.comments .avatar-image-container{background-color:rgba(155,155,155,0.07);color:transparent!important}
.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .17s ease}
.post-image-link:before{content:”;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:2;opacity:0;transition:opacity .17s ease}
.post-image-link:hover:before,.hot-posts .hot-item:hover .post-image-link:before{opacity:1}
.post-title{font-family:var(–main-font)}
.post-title a{display:block}

/* Top Menu
———————————————– */
#top-bar{width:100%;height:34px;background-color:#111;overflow:hidden;margin:0}
#top-bar .container{margin:0 auto}
.top-bar-nav{position:relative;float:left;display:block}
.top-bar-nav .widget > .widget-title{display:none}
.top-bar-nav ul li{float:left}
.top-bar-nav ul li > a{height:34px;display:block;color:#fff;font-size:13px;font-weight:700;line-height:34px;text-transform:uppercase;margin:0 10px 0 0;padding:0 5px;transition:all 0.7s}
.top-bar-nav ul li:first-child > a{padding:0 5px 0 0}
.top-bar-nav ul > li:hover > a{color:$keycolor}
.top-bar-social{position:relative;float:right;display:block}
.top-bar-social .widget > .widget-title{display:none}
.top-bar-social ul > li{float:left;display:inline-block}
.top-bar-social ul > li > a{line-height:34px;display:block;color:#fff;text-decoration:none;font-size:13px;text-align:center;padding:0 7px;margin:0 0 0 10px;transition:all 0.7s}
.top-bar-social ul > li:last-child > a{padding:0 0 0 7px}
.top-bar-social ul > li:hover > a{color:$keycolor}

/* Social Icons
———————————————– */
.social a:before{display:inline-block;font-family:”Font Awesome 5 Brands”;font-style:normal;font-weight:400}
.social .blogger a:before{content:”\f37d”}
.social .facebook a:before{content:”\f09a”}
.social .twitter a:before{content:”\f099″}
.social .tumblr a:before{content:”\f173″}
.social .rss a:before{content:”\f09e”;font-family:’Font Awesome 5 Free’;font-weight:900}
.social .deviantart a:before{content:”\f1bd”}
.social .youtube a:before{content:”\f167″}
.social .github a:before{content:”\f09b”}
.social .linkedin a:before{content:”\f0e1″}
.social .instagram a:before{content:”\f16d”}
.social .pinterest a:before{content:”\f0d2″}
.social .codepen a:before{content:”\f1cb”}
.social .whatsapp a:before{content:”\f232″}
.social .email a:before{content:”\f0e0″;font-family:”Font Awesome 5 Free”}

/* Social Color
———————————————– */
.social-color .facebook a{background-color:#3b5999}
.social-color .twitter a{background-color:#00acee}
.social-color .pinterest a{background-color:#ca2127}
.social-color .linkedin a{background-color:#0077b5}
.social-color .whatsapp a{background-color:#3fbb50}
.social-color .email a{background-color:#888}

/* Header Wrapper
———————————————– */
#header-wrap{position:relative;margin:0}
.header-header{background-color:#fff;width:100%;height:90px;position:relative;overflow:hidden;padding:25px 0}
.header-header .container{position:relative;margin:0 auto;padding:0}

/* Header Logo
———————————————– */
.header-logo{position:relative;float:left;width:auto;max-width:250px;max-height:60px;margin:0;padding:15px 0}
.header-logo .header-image-wrapper{display:block}
.header-logo img{max-width:100%;max-height:60px;margin:0}
.header-logo h1{color:#333333;font-size:20px;line-height:1.4em;margin:0}
.header-logo p{font-size:12px;margin:5px 0 0}

/* Header Ads
———————————————– */
.header-ads{position:relative;float:right}
.header-ads .widget > .widget-title{display:none}
.header-ads .widget{max-width:100%}
.header-ads .widget .widget-content{width:728px;max-width:100%;max-height:90px;line-height:1}

/* Main Menu
———————————————– */
.header-menu{position:relative;width:100%;height:48px;z-index:10;font-size:14px;margin:0}
.header-menu .container{background:#111;position:relative;margin:0 auto;padding:0}
#main-menu .widget,#main-menu .widget > .widget-title{display:none}
#main-menu .show-menu{display:block}
#main-menu{position:relative;height:48px;z-index:15;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
#main-menu ul > li.li-home-icon > a{background:$keycolor;width:48px;height:48px;text-align:center;font-size:18px;line-height:48px;font-weight:400;padding:0}
#main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background 1s}
#main-menu ul > li:hover{background-color:$keycolor}
#main-menu ul > li > a{position:relative;color:#fff;font-family:var(–main-font);font-size:15px;font-weight:700;line-height:48px;display:inline-block;margin:0;padding:0 13px;transition:all 0.7s}
#main-menu ul > li:hover > a{color:#fff}
#main-menu ul > li > ul{position:absolute;float:left;left:0;top:48px;width:180px;background-color:#fff;z-index:99999;margin:0;padding:0;border-bottom:3px solid $keycolor;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0)}
#main-menu ul > li > ul > li > ul{position:absolute;float:left;top:0;left:100%;margin:0}
#main-menu ul > li > ul > li{display:block;float:none;position:relative;transition:all 0.7s}
#main-menu ul > li > ul > li a{display:block;height:38px;font-size:13px;color:#656565;line-height:38px;box-sizing:border-box;margin:0;padding:0 15px;transition:all 0.7s}
#main-menu ul > li > ul > li:hover{background-color:rgba(0,0,0,0.2)}
#main-menu ul > li > ul > li:hover > a{color:$keycolor}
#main-menu ul > li.has-sub > a:after{content:’\f107′;float:right;font-family:”Font Awesome 5 Free”;font-size:14px;font-weight:600;margin:0 0 0 3px}
#main-menu ul > li > ul > li.has-sub > a:after{content:’\f105′;float:right;margin:0}
#main-menu .mega-menu{position:static!important}
#main-menu .mega-menu > ul{width:100%;box-sizing:border-box;padding:20px 10px}
#main-menu .mega-menu > ul.mega-menu-inner{overflow:hidden}
#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1;transform:scaleY(1)}
#main-menu ul ul{transition:all 0.4s}
.mega-menu-inner .mega-item{float:left;width:calc(100% / 3);box-sizing:border-box;padding:0 15px}
.mega-menu-inner .mega-content{position:relative;width:100%;box-sizing:border-box}
.mega-content .post-info{display:block;text-align:center;box-sizing:border-box;padding:15px;overflow:hidden;border:1px solid #e1e8ed;border-top:0;box-shadow:0 2px 0 0 #e6e6e6;border-radius:0 0 4px 4px}
.mega-content .post-image-wrap{width:100%;height:190px;overflow:hidden}
.mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden}
.mega-content .post-title{float:left;width:calc(100% – 50px);font-size:13px;font-weight:700;height:26px;line-height:26px;margin:0;padding:0}
.mega-content .post-title a{color:#656565;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:all 0.7s}
.mega-content:hover .post-title a{color:$keycolor}
.no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center}
.mega-menu .no-posts{line-height:60px;color:#333333}

/* Search
———————————————– */
.show-search,.hide-search{background:$keycolor;position:absolute;right:0;top:0;display:block;width:48px;height:48px;line-height:48px;z-index:20;color:#ffffff;font-size:15px;text-align:center;cursor:pointer;transition:all 0.7s}
.show-search:before{content:”\f002″;font-family:”Font Awesome 5 Free”;font-weight:600}
.hide-search:before{content:”\f00d”;font-family:”Font Awesome 5 Free”;font-weight:600}
.show-search:hover,.hide-search:hover{color:#fff}
#nav-search{display:none;position:absolute;left:0;top:0;width:100%;height:48px;z-index:99;background-color:#111111;box-sizing:border-box;padding:0}
#nav-search .search-form{width:100%;height:48px;background-color:rgba(0,0,0,0);line-height:48px;overflow:hidden;padding:0}
#nav-search .search-input{width:100%;height:48px;font-family:inherit;color:#ffffff;margin:0;padding:0 70px 0 20px;background-color:rgba(0,0,0,0);font-size:14px;font-weight:400;box-sizing:border-box;border:0}
#nav-search .search-input:focus{color:#ffffff;outline:none}

/* Mobile Menu
———————————————– */
.slide-menu-toggle{display:none;position:absolute;line-height:48px;height:48px;width:48px;top:0;left:0;font-family:”Font Awesome 5 Free”;background:$keycolor;color:#fff;font-size:17px;font-weight:600;text-align:center;cursor:pointer;z-index:4;padding:0}
.slide-menu-toggle:before{content:”\f0c9″}
.nav-active .slide-menu-toggle:before{content:”\f00d”}
.mobile-menu{display:none;position:absolute;top:48px;left:0;width:100%;background-color:#202020;box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease}
.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1)}
.mobile-menu > ul{margin:0}
.mobile-menu .m-sub{display:none;padding:0}
.mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-family:var(–main-font);font-size:14px;font-weight:500;text-transform:uppercase;line-height:38px;margin:0;padding:0}
.mobile-menu > ul li ul{overflow:hidden}
.mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all 0.7s}
.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#fff;cursor:pointer}
.mobile-menu ul li.has-sub .submenu-toggle:after{content:’\f105′;font-family:”Font Awesome 5 Free”;font-weight:600;float:right;width:34px;font-size:16px;text-align:center;transition:all 0.7s}
.mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(90deg)}
.mobile-menu > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 15px}
.mobile-menu > ul > li > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 30px}
.mobile-menu ul li a:hover,.mobile-menu ul > li > .submenu-toggle:hover{color:$keycolor}

/* Post Meta
———————————————– */
.post-meta{overflow:hidden;background:#111111;color:#ffffff;font-size:13px;font-weight:700;padding:10px;line-height:1.7em;border-left:4px solid $keycolor;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.post-meta .post-author,.post-meta .post-date,.post-meta .post-reply{float:left;display:inline-block;margin:0 10px 0 0}
.post-meta .post-author:before,.post-meta .post-date:before,.post-meta .post-reply:before{font-family:”Font Awesome 5 Free”;font-weight:400;margin:0 3px 0 0}
.post-meta .post-author:before{content:’\f044′}
.post-meta .post-date:before{content:’\f017′}
.post-meta .post-reply:before{content:’\f086′}
.post-meta a{color:#ffffff;transition:all 0.7s}
.post-meta a:hover{color:$keycolor}
.bloggge{display:none;}.widd{display:none;}
/* Hot Featured
———————————————– */
#hot-wrapper{margin:0 auto}
#hot-section .widget,#hot-section .widget > .widget-title{display:none}
#hot-section .show-hot{display:block!important}
#hot-section .show-hot .widget-content{position:relative;overflow:visible;height:250px;margin:20px 0 0}
.hot-loader{position:relative;height:100%;overflow:hidden;display:block}
.hot-loader:after{content:”;position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-15px 0 0 -15px;border:2px solid #ddd;border-left-color:$keycolor;border-top-color:$keycolor;border-radius:100%;animation:spinner .8s infinite linear;transform-origin:center}
@-webkit-keyframes spinner{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes spinner{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
ul.hot-posts{position:relative;overflow:visible;height:250px;margin:0 -15px}
.hot-posts .hot-item{position:relative;float:left;width:calc(100% / 3);height:250px;overflow:visible;box-sizing:border-box;padding:0 15px}
.hot-posts .post-info{display:block;text-align:center;box-sizing:border-box;padding:15px;overflow:hidden;border:1px solid #e1e8ed;border-top:0;box-shadow:0 2px 0 0 #e6e6e6;border-radius:0 0 4px 4px}
.hot-posts .post-image-wrap{width:100%;height:190px}
.hot-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block}
.hot-posts .post-title{float:left;width:calc(100% – 50px);font-size:13px;font-weight:700;height:26px;line-height:26px;margin:0;padding:0}
.hot-posts .post-title a{color:#656565;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:all 0.7s}
.hot-posts .hot-item:hover .post-title a{color:$keycolor}
.show-hot .no-posts{position:absolute;top:calc(50% – 50px);left:0;width:100%}

/* Search Query
———————————————– */
.queryMessage{overflow:hidden;background-color:#111111;color:#fff;font-family:var(–main-font);font-size:13px;font-weight:700;text-transform:uppercase;padding:6px;line-height:24px;margin:0 0 15px;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.queryMessage .query-info{margin:0 5px}
.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase}
.queryMessage .search-query:before,.queryMessage .search-label:before{font-family:”Font Awesome 5 Free”;content:”\f053″;margin:0 3px 0 0}
.queryMessage .search-query:after,.queryMessage .search-label:after{font-family:”Font Awesome 5 Free”;content:”\f054″;margin:0 0 0 3px}
.queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center}

/* Headline Bar
———————————————– */
.recent-posts-headline{position:relative;height:36px;display:block;padding:0;margin:0 0 15px;background:#111;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.recent-posts-headline > h3{font-family:var(–main-font);position:relative;float:left;height:36px;font-size:15px;color:#fff;background-color:#cc0000;font-weight:700;line-height:36px;margin:0;padding-right:5px}
.recent-posts-headline > h3:before{content:”\f021″;font-family:”Font Awesome 5 Free”;display:inline-block;text-align:center;margin-right:5px;font-weight:600;width:40px;height:36px;line-height:35px;background:rgba(0,0,0,0.5);box-sizing:border-box;}
.recent-posts-headline > h3:after{position:absolute;content:”;height:0;width:0;bottom:0;right:-15px;border-top:36px solid transparent;border-left:15px solid #cc0000;border-right:0 solid #cc0000;border-bottom:0}

/* Custom Widget
———————————————– */
.custom-widget li{overflow:hidden;padding:15px 0;border-bottom:1px solid #fafafa;position:relative}
.custom-widget li:before{font-family:”Font Awesome 5 Free”;display:inline-block;position:absolute;color:#FBC02D;text-align:center;bottom:0;right:0;margin:12px 0;font-size:13px;padding:0;font-weight:600}
.custom-widget li:nth-child(1):before{content:”\f005\f5c0\f005″}
.custom-widget li:nth-child(2):before{content:”\f5c0\f005\f5c0″}
.custom-widget li:nth-child(3):before{content:”\f005\f5c0\f005″}
.custom-widget li:first-child{padding:0 0 15px 0;margin:0}
.custom-widget li:last-child{margin:0 0 -15px;border-bottom:0}
.custom-widget .post-image-link{position:relative;width:110px;height:75px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}
.custom-widget .post-info{overflow:hidden}
.custom-widget .post-title{font-size:13px;font-weight:600;line-height:1.4em;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;clear:both;overflow:hidden;max-height:40px}
.custom-widget .post-title a{display:block;color:#656565;transition:all 0.7s}
.custom-widget li:hover .post-title a{color:$keycolor}
.custom-widget .post-meta{display:inline-block;background:#fff;color:inherit;padding:0 10px;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;box-shadow:none;border-radius:em}
.custom-widget .post-meta .post-date{margin:0}

/* Post Wrapper
———————————————– */
.index-post-wrap{position:relative;float:left;width:100%}
.blog-post{display:block;overflow:hidden;word-wrap:break-word}
.grid-posts{display:flex;flex-wrap:wrap;margin:0 -15px}
.index-post{display:block;width:calc(100% / 2);box-sizing:border-box;padding:0 15px;margin:0 0 30px;overflow:visible}
.index-post .post-image-wrap{float:left;width:100%;height:190px;overflow:hidden;margin:0}
.index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden}
.post-tag{display:none;position:absolute;top:25px;left:25px;height:18px;z-index:5;background-color:rgba(0,0,0,0.55);color:#fff;font-size:13px;line-height:18px;font-weight:500;padding:4px 8px}
.index-post .post-info{display:block;text-align:center;box-sizing:border-box;padding:15px;overflow:hidden;border:1px solid #e1e8ed;border-top:0;box-shadow:0 2px 0 0 #e6e6e6;border-radius:0 0 4px 4px}
.index-post .post-info > h2{float:left;width:calc(100% – 50px);font-size:13px;font-weight:700;height:26px;line-height:26px;margin:0;padding:0}
.index-post .post-info > h2 > a{color:#656565;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:all 0.7s}
.index-post .post-info > h2:hover > a{color:$keycolor}
.index-post:hover .post-title a{color:$keycolor}
.widget iframe,.widget img{max-width:100%}
.date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0}
.index-post .post-meta{margin:10px 0 0}

/* Product Price
———————————————– */
.product_price{position:absolute;top:15px;left:15px;height:30px;background-color:$keycolor;font-size:14px;color:#fff;font-weight:700;text-align:center;line-height:30px;z-index:2;padding:0 10px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}
.index-post .product_price,.FeaturedPost .product_price{visibility:hidden;opacity:0;transition:all 0.3s}
.index-post .product_price.show,.FeaturedPost .product_price.show{visibility:visible;opacity:1}

/* Pulse Animation
———————————————– */
.pulse:before{content:”;display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;z-index:-1}
@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}
@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}
.bloggge{display:none;}.widd{display:none;}
/* Readmore
———————————————– */
a.read-more{position:relative;display:inline-block;float:right;height:26px;line-height:28px;color:$keycolor;font-size:13px;font-weight:400;text-align:center;padding:0 8px;border:1px solid $keycolor;border-radius:2px;transition:all 0.7s}
a.read-more:hover{background-color:$keycolor;color:#fff}

/* Breadcrumb
———————————————– */
#breadcrumb{font-family:var(–main-font);background:#111;font-size:13px;font-weight:700;color:#fff;margin:0;padding:10px;line-height:1.7em;border-left:4px solid $keycolor;box-shadow: 1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2);}
#breadcrumb a{color:#fff;transition:all 0.7s}
#breadcrumb a:hover{color:$keycolor}
#breadcrumb a,#breadcrumb em{display:inline-block}
#breadcrumb .delimiter:after{content:’\f054′;font-family:”Font Awesome 5 Free”;font-size:8px;font-weight:600;font-style:normal;vertical-align:middle;margin:0 3px}

/* Post Item Wrapper
———————————————– */
.item-post h1.post-title{color:#333333;font-size:17px;line-height:1.5em;font-weight:600;text-align:center;position:relative;display:block;margin:15px 0;padding:0}
.static_page .item-post h1.post-title{margin:0}
.static_page .item-post .post-body{margin:20px 0 20px}
.static_page #comments{padding:0;border:0}
.item-post .post-body{width:100%;font-size:15px;line-height:1.7em;overflow:hidden;padding:0;margin:15px 0 0}
.item-post .post-outer{padding:0}
.item-post .post-body img{max-width:100%;height:auto}
.main .widget{margin:0}
.main .Blog{border-bottom-width:0}
.post-footer{position:relative;float:left;width:100%;margin:20px 0 0}
.inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px}
.inline-ad > ins{display:block!important;margin:0 auto!important}
.item .inline-ad{float:left;width:100%;margin:20px 0 0}
.item-post-wrap > .inline-ad{margin:0 0 20px}

/* Share
———————————————– */
.post-share{position:relative;width:100%;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:15px;margin:0 0 20px;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-top:5px solid #111;border-radius:0 0 4px 4px}
ul.share-links{position:relative;margin:0 -5px}
.share-links li{width:calc(100% / 6);float:left;box-sizing:border-box;padding:0 5px;margin:0}
.share-links li a{float:left;display:inline-block;cursor:pointer;width:100%;height:32px;line-height:32px;color:#fff;font-weight:400;font-size:17px;text-align:center;box-sizing:border-box;border-radius:em;transition:all 0.5s;box-shadow: 1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.share-links li a:hover{color:#fff;background:#111}

/* Related Posts
———————————————– */
#related-wrap{overflow:hidden;margin:0 0 20px}
.related-title{position:relative;height:36px;display:block;padding:0;margin:0;background:#111;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.related-title > h3{font-family:var(–main-font);position:relative;float:left;height:36px;font-size:15px;color:#fff;background-color:$keycolor;font-weight:700;line-height:36px;margin:0;padding-right:5px}
.related-title > h3:before{content:”\f074″;font-family:”Font Awesome 5 Free”;display:inline-block;text-align:center;margin-right:5px;font-weight:600;width:40px;height:36px;line-height:35px;background:rgba(0,0,0,0.5);box-sizing:border-box;}
.related-title > h3:after{position:absolute;content:”;height:0;width:0;bottom:0;right:-15px;border-top:36px solid transparent;border-left:15px solid $keycolor;border-right:0 solid $keycolor;border-bottom:0}
#related-wrap .related-tag{display:none}
.related-ready{float:left;width:100%;padding:15px;box-sizing:border-box;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-top:0;border-radius:0 0 4px 4px}
.related-ready .loader{height:178px}
ul.related-posts{position:relative;overflow:visible;margin:0 -10px;padding:0}
.related-posts .related-item{width:calc(100% / 2);position:relative;overflow:visible;float:left;display:block;box-sizing:border-box;padding:0 10px;margin:0}
.related-posts .post-info{display:block;text-align:center;box-sizing:border-box;padding:15px;overflow:hidden;border:1px solid #e1e8ed;border-top:0;box-shadow:0 2px 0 0 #e6e6e6;border-radius:0 0 4px 4px}
.related-posts .post-image-wrap{width:100%;height:185px}
.related-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block}
.related-posts .post-title{float:left;width:calc(100% – 50px);font-size:13px;font-weight:700;height:26px;line-height:26px;margin:0;padding:0}
.related-posts .post-title a{color:#656565;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:all 0.7s}
.related-posts .related-item:hover .post-title a{color:$keycolor}

/* Page Navigation
———————————————– */
#blog-pager{display:block;width:100%;text-align:center;overflow:hidden;clear:both;margin:0 0 20px}
.blog-pager a,.blog-pager span{display:inline-block;min-width:36px;height:36px;color:#656565;font-size:12px;font-weight:500;text-align:center;line-height:36px;text-align:center;box-sizing:border-box;padding:0 10px;margin:0 7px 0 0;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-radius:em;transition:all 0.7s}
.blog-pager span.page-dots{min-width:20px;background-color:#fff;font-size:16px;color:$(body.text.color);font-weight:400;line-height:32px;padding:0}
.blog-pager .page-of{display:none;width:auto;float:right;border-color:rgba(0,0,0,0);margin:0}
.blog-pager .page-active,.blog-pager a:hover{background-color:$keycolor;color:#fff;border-color:$keycolor}
.blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:”Font Awesome 5 Free”;font-size:11px;font-weight:600}
.blog-pager .page-prev:before{content:’\f053′}
.blog-pager .page-next:before{content:’\f054′}
.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{float:left;display:inline-block;width:auto;padding:0 10px;margin:0}
.blog-pager .blog-pager-older-link{float:right}
.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{display:none}

/* Comments
———————————————– */
.blog-post-comments{display:none;margin:0 0 20px}
.comments-title{position:relative;height:36px;display:block;padding:0;margin:0;background:#111;box-shadow:1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2);}
.comments-title > h3{font-family:var(–main-font);position:relative;float:left;height:36px;font-size:15px;color:#fff;background-color:$keycolor;font-weight:700;line-height:36px;margin:0;padding-right:5px}
.comments-title > h3:before{content:”\f086″;font-family:”Font Awesome 5 Free”;display:inline-block;text-align:center;margin-right:5px;font-weight:400;width:40px;height:36px;line-height:35px;background:rgba(0,0,0,0.5);box-sizing:border-box;}
.comments-title > h3:after{position:absolute;content:”;height:0;width:0;bottom:0;right:-15px;border-top:36px solid transparent;border-left:15px solid $keycolor;border-right:0 solid $keycolor;border-bottom:0}
#comments{margin:0;padding:15px;box-sizing:border-box;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-top:0;border-radius:0 0 4px 4px}
#gpluscomments{float:left!important;width:100%!important;margin:0 0 25px!important}
#gpluscomments iframe{float:left!important;width:100%}
.comments{display:block;clear:both;margin:0;color:#333333}
.comments .comment-thread > ol{padding:0}
.comments > h3{font-size:13px;font-weight:400;font-style:italic;padding-top:1px}
.comments .comments-content .comment{list-style:none;margin:0;padding:0 0 8px}
.comments .comments-content .comment:first-child{padding-top:0}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}
.comments .item-control{position:static}
.comments .avatar-image-container{float:left;overflow:hidden;position:absolute}
.comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:100%}
.comments .comment-block{overflow:hidden;padding:15px;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-radius:0 0 4px 4px}
.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 50px}
.comments .comments-content .inline-thread{padding:20px 0 0}
.comments .comment-actions{float:left;width:100%;position:relative;margin:0}
.comments .comments-content .comment-header{font-family:var(–main-font);font-size:15px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px}
.comments .comments-content .comment-header a{color:#333333;transition:color .17s}
.comments .comments-content .comment-header a:hover{color:$keycolor}
.comments .comments-content .user{font-style:normal;font-weight:500;display:inline-block}
.comments .comments-content .icon.blog-author{display:nonee}
.comments .comments-content .icon.blog-author:after{font-family:”Font Awesome 5 Free”;content:’\f058′;color:#F2272F;padding:0 5px;margin:0;font-weight:400}
.comments .icon:after{font-family:”Font Awesome 5 Free”;content:”\f559″;color:$keycolor;padding:0 5px;margin:0;font-weight:600}
.comments .comments-content .comment-content{background:rgba(155,155,155,0.02);display:block;font-size:15px;color:#5E5E5E;font-weight:400;text-align:left;line-height:1.6em;padding:15px;margin:0 0 15px;border:1px solid rgba(155,155,155,0.22);border-radius:3px}
.comments .comment .comment-actions a{margin-right:10px;padding:6px 15px;color:#333333;font-weight:400;font-size:12px;transition:all 0.7s;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-radius:em}
.comments .comment .comment-actions a:hover{color:#fff;background-color:$keycolor;border-color:$keycolor;text-decoration:none}
.comments .comments-content .datetime{float:right;font-size:12px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block}
.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa}
.comments .thread-toggle{margin-bottom:4px}
.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0}
.comments .thread-count a,.comments .continue a{transition:opacity .17s}
.comments .thread-count a:hover,.comments .continue a:hover{opacity:.8}
.comments .thread-expanded{padding:5px 0 0}
.comments .thread-chrome.thread-collapsed{display:none}
.thread-arrow:before{content:”;font-family:”Font Awesome 5 Free”;color:#333333;font-weight:600;margin:0 2px 0 0}
.comments .thread-expanded .thread-arrow:before{content:’\f0d7′}
.comments .thread-collapsed .thread-arrow:before{content:’\f0da’}
.comments .comments-content .comment-thread{margin:0}
.comments .continue a{padding:0 0 0 60px;font-weight:400}
.comments .comments-content .loadmore.loaded{margin:0;padding:0}
.comments .comment-replybox-thread{margin:0}
.comments .continue a,.thread-expanded .thread-count,.thread-expanded .thread-arrow,.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none}
#comment-editor{margin:0;background:url(‘https://2.bp.blogspot.com/–f3FcJmTeS0/W_ZI5kWT95I/AAAAAAAAEYQ/LZDapSMdEWMoCA-JJjVeKv7y9bl_dngZQCLcBGAs/s1600/loadingiconx.gif’) no-repeat center center; background-size:100px 100px}

/* Post Body
———————————————– */
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#333333;font-weight:700;margin:0 0 15px}
.post-body h1,.post-body h2{font-size:24px}
.post-body h3{font-size:21px}
.post-body h4{font-size:18px}
.post-body h5{font-size:16px}
.post-body h6{font-size:13px}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}
.post-body ul{padding:0 0 0 20px}
.post-body ul li:before{content:”\f105″;font-family:”Font Awesome 5 Free”;font-size:13px;font-weight:600;margin:0 5px 0 0}
.post-body u{text-decoration:underline}
.post-body a{transition:color .17s ease}
.post-body strike{text-decoration:line-through}

/* Blockquote
———————————————– */
blockquote{font-style:italic;padding:10px;margin:0;border-left:4px solid $keycolor}
blockquote:before,blockquote:after{display:inline-block;font-family:”Font Awesome 5 Free”;font-style:normal;font-weight:600;color:#aaa;line-height:1}
blockquote:before{content:’\f10d’;margin:0 10px 0 0}
blockquote:after{content:’\f10e’;margin:0 0 0 10px}

/* Sidebar Wrapper
———————————————– */
.sidebar .widget{position:relative;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:0;margin:0 0 20px}
.sidebar .widget-title{font-family:var(–main-font);position:relative;float:left;width:100%;height:36px;background-color:#111;display:block;margin:0;box-shadow: 1px 2px 2px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.05), 0 2px 1px -2px rgba(0,0,0,.2)}
.sidebar .widget-title > h3{position:relative;float:left;display:block;height:36px;background:$keycolor;font-size:15px;color:#fff;font-weight:700;line-height:36px;padding-right:5px;margin:0}
.sidebar .widget-title > h3:before{content:”\f7b1″;font-family:”Font Awesome 5 Brands”;display:inline-block;text-align:center;margin-right:5px;font-weight:600;width:36px;height:36px;line-height:36px;background:rgba(0,0,0,0.5);box-sizing:border-box;}
.sidebar .widget-title > h3:after{position:absolute;content:”;height:0;width:0;bottom:0;right:-15px;border-top:36px solid transparent;border-left:15px solid $keycolor;border-right:0 solid $keycolor;border-bottom:0}
.sidebar .widget-content{float:left;width:100%;margin:0;padding:15px;box-sizing:border-box;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;border-top:0;border-radius:0 0 4px 4px}

/* Label
———————————————– */
.list-label li{position:relative;display:block;padding:8px 0;border-top:1px solid #fafafa}
.list-label li:first-child{padding-top:0;border-top:0}
.list-label li:last-child{padding-bottom:0;border-bottom:0}
.list-label li a{font-family:var(–main-font);display:block;color:#656565;font-size:12px;font-weight:400;text-transform:capitalize;transition:all 0.7s}
.list-label li a:before{content:”\f07c”;font-family:”Font Awesome 5 Free”;font-weight:400;margin:0 4px 0 0}
.list-label li a:hover{color:$keycolor}
.list-label .label-count{position:relative;float:right;width:20px;height:16px;background-color:$keycolor;color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px}
.cloud-label li{position:relative;float:left;margin:0 8px 8px 0}
.cloud-label li a{font-family:var(–main-font);display:block;height:26px;color:#656565;font-size:12px;line-height:26px;font-weight:400;padding:0 10px;transition:all 0.7s;border-radius:em;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed}
.cloud-label li a:before{content:”\f07c”;font-family:”Font Awesome 5 Free”;font-weight:400;margin:0 4px 0 0}
.cloud-label li a:hover{color:#fff;background-color:$keycolor;border-color:$keycolor}
.cloud-label .label-count{display:none}

/* Follow by Email
———————————————– */
.sidebar .FollowByEmail > .widget-title > h3{margin:0}
.FollowByEmail .widget-content{position:relative;overflow:hidden;background-color:#fff;text-align:center;font-weight:400;box-sizing:border-box;padding:15px}
.FollowByEmail .widget-content > h3{font-size:18px;color:#333333;font-weight:500;text-transform:uppercase;margin:0 0 13px}
.FollowByEmail .before-text{font-size:13px;line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden}
.FollowByEmail .follow-by-email-inner{position:relative}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:32px;color:#333333;font-size:11px;font-family:inherit;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid #eee;transition:all 0.7s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:32px;font-family:inherit;font-size:11px;color:#fff;background-color:$keycolor;text-transform:uppercase;text-align:center;font-weight:500;cursor:pointer;margin:0;border:0;border-radius:em;transition:all 0.7s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#111;color:#fff}

/* Archive
———————————————– */
#ArchiveList ul.flat li{color:#333333;font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea}
#ArchiveList ul.flat li:first-child{padding-top:0}
#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0}
#ArchiveList .flat li > a{display:block;color:#333333;transition:color .17s}
#ArchiveList .flat li > a:hover{color:$keycolor}
#ArchiveList .flat li > a:before{content:”\f054″;float:left;color:#161619;font-weight:400;font-family:”Font Awesome 5 Free”;font-size:6px;margin:6px 3px 0 0;display:inline-block;transition:color .17s}
#ArchiveList .flat li > a > span{position:relative;float:right;width:16px;height:16px;background-color:$keycolor;color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px}

/* Popular Posts
———————————————– */
.PopularPosts .post{overflow:hidden;padding:15px 0;border-bottom:1px solid #fafafa;position:relative}
.PopularPosts .post:before{font-family:”Font Awesome 5 Free”;display:inline-block;position:absolute;color:$keycolor;text-align:center;bottom:0;right:0;margin:12px 0;font-size:13px;padding:0;font-weight:600}
.PopularPosts .post:nth-child(1):before{content:”\f005\f5c0\f005″}
.PopularPosts .post:nth-child(2):before{content:”\f5c0\f005\f5c0″}
.PopularPosts .post:nth-child(3):before{content:”\f005\f5c0\f005″}
.PopularPosts .post:first-child{padding:0 0 15px 0;margin:0}
.PopularPosts .post:last-child{margin:0 0 -15px;border-bottom:0}
.PopularPosts .post-image-link{position:relative;width:110px;height:75px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}
.PopularPosts .post-info{overflow:hidden}
.PopularPosts .post-title{font-size:13px;font-weight:600;line-height:1.4em;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;clear:both;overflow:hidden;max-height:40px}
.PopularPosts .post-title a{display:block;color:#656565;transition:all 0.7s}
.PopularPosts .post:hover .post-title a{color:$keycolor}
.PopularPosts .post-meta{display:inline-block;background:#fff;color:inherit;padding:0 10px;border:1px solid #e1e8ed;border-bottom:3px solid #e1e8ed;box-shadow:none;border-radius:em}
.PopularPosts .post-meta .post-date{margin:0}

/* Featured Post
———————————————– */
.FeaturedPost .post-image-link{display:block;position:relative;width:100%;height:190px;overflow:hidden;margin:0}
.FeaturedPost .post-info{display:block;text-align:center;box-sizing:border-box;padding:15px;overflow:hidden;border:1px solid #e1e8ed;border-top:0;box-shadow:0 2px 0 0 #e6e6e6;border-radius:0 0 4px 4px}
.FeaturedPost .post-title{float:left;width:calc(100% – 50px);font-size:13px;font-weight:700;height:26px;line-height:26px;margin:0;padding:0}
.FeaturedPost .post-title a{color:#656565;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:all 0.7s}
.FeaturedPost:hover .post-title a{color:$keycolor}
.Text{font-size:13px}

/* Contact Form
———————————————– */
.contact-form{overflow:hidden}
.contact-form .widget-title{display:none}
.contact-form .contact-form-name{width:calc(50% – 10px)}
.contact-form .contact-form-email{width:calc(50% – 10px);float:right}
.contact-form-widget form{font-weight:400}
.contact-form-name{float:left;width:100%;height:45px;font-family:inherit;font-size:14px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 20px;border:1px solid #e1e8ed;border-radius:2px}
.contact-form-email{float:left;width:100%;height:45px;font-family:inherit;font-size:14px;line-height:30px;box-sizing:border-box;padding:5px 20px;margin:0 0 10px;border:1px solid #e1e8ed;border-radius:2px}
.contact-form-email-message{float:left;width:100%;font-family:inherit;font-size:14px;line-height:50px;box-sizing:border-box;padding:5px 20px;margin:0 0 10px;border:1px solid #e1e8ed;border-radius:2px}
.contact-form-button-submit{float:left;width:100%;height:45px;background-color:$keycolor;font-size:14px;color:#fff;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;border-radius:2px;transition:all 0.7s}
.contact-form-button-submit:hover{background-color:#202020}
.contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}
.contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9}
.contact-form-cross{margin:0 0 0 3px}
.contact-form-error-message,.contact-form-success-message{margin:0}

/* Blog Search
———————————————– */
.BlogSearch .search-input{float:left;width:75%;height:30px;background-color:#fff;font-weight:400;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #e1e8ed;border-right-width:0;border-radius:2px 0 0 2px}
.BlogSearch .search-action{float:right;width:25%;height:30px;font-family:inherit;font-size:13px;line-height:30px;cursor:pointer;box-sizing:border-box;background-color:$keycolor;color:#fff;padding:0 5px;border:0;border-radius:0 2px 2px 0;transition:background .17s ease}
.BlogSearch .search-action:hover{background-color:#202020}

/* Profile
———————————————– */
.Profile .profile-img{float:left;width:80px;height:80px;margin:0 15px 0 0;transition:all .17s ease}
.Profile .profile-datablock{margin:0}
.Profile .profile-data .g-profile{display:block;font-size:18px;color:#333333;font-weight:700;margin:0 0 5px;transition:color .17s ease}
.Profile .profile-data .g-profile:hover{color:$keycolor}
.Profile .profile-info > .profile-link{color:#333333;font-size:11px;margin:5px 0 0;transition:color .17s ease}
.Profile .profile-info > .profile-link:hover{color:$keycolor}
.Profile .profile-datablock .profile-textblock{display:none}

/* Common Widget
———————————————– */
.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% – 5px);padding:7px 0 0}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:#333333;font-size:13px;font-weight:400;transition:color .17s ease}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:$keycolor}
.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0}

/* Footer Wrapper
———————————————– */
#footer-wrapper{background-color:#111111;color:#e5e5e5;display:block;padding:0;width:100%;overflow:hidden}
#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:25px 0}
#footer-wrapper .copyright-area{font-size:15px;text-align:center;height:34px;line-height:34px;font-weight:400}
#footer-wrapper .copyright-area a{color:$keycolor;transition:all 0.7s}
#footer-wrapper .copyright-area a:hover{color:#444;}

/* Hidden Widget
———————————————– */
.hidden-widgets{display:none;visibility:hidden}

/* Back to Top
———————————————– */
.back-top{display:none;z-index:1010;width:32px;height:32px;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:13px;color:#fff;text-align:center;line-height:32px;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius:2px}
.back-top:before{content:”;position:absolute;top:0;left:0;right:0;bottom:0;background-color:$keycolor;transition:all 0.7s}
.back-top:after{content:’\f077′;position:relative;font-family:”Font Awesome 5 Free”;font-weight:600;transition:all 0.7s}
.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{background:#111}

/* 404
———————————————– */
.error404 #main-wrapper{width:100%!important;margin:0!important}
.error404 #sidebar-wrapper{display:none}
.errorWrap{color:#333333;text-align:center;padding:80px 0 100px}
.errorWrap h3{font-size:160px;line-height:1;margin:0 0 30px}
.errorWrap h4{font-size:25px;margin:0 0 20px}
.errorWrap p{margin:0 0 10px}
.errorWrap a{display:block;color:$keycolor;padding:10px 0 0}
.errorWrap a i{font-size:20px}
.errorWrap a:hover{text-decoration:underline}