*/ /*-- Google Fonts --*/ @font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntAKPY.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:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucHtA.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:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.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:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.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:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.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:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VF9eO.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:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.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:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VF9eO.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:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.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:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} @font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.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} :root{ --body-font:'Poppins',sans-serif; --title-font:'Poppins',sans-serif; --meta-font:'Poppins',sans-serif; --text-font:'Poppins',sans-serif; --body-bg-color:#f5f6f7; --body-bg:#f5f6f7 none no-repeat scroll center center; --outer-bg:#ffffff; } /*-- Reset CSS --*/ .CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}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} ::selection{color:#fff;background:$(main.color)} /*-- Body Content CSS --*/ body{position:relative;background-color:var(--body-bg-color);background:var(--body-bg);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em;word-wrap:break-word;margin:0;padding:0} #outer-wrapper{margin:0 auto;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)} .row{width:980px} #content-wrapper{margin:30px auto 0;overflow:hidden} #main-wrapper{float:left;overflow:hidden;width:calc(100% - 330px);box-sizing:border-box;word-wrap:break-word;padding:0;margin:0} #sidebar-wrapper{float:right;overflow:hidden;width:300px;box-sizing:border-box;word-wrap:break-word;padding:0} .post-image-wrap{position:relative;display:block} .comments .avatar-image-container{background-color:rgba(155,155,155,0.07);color:transparent!important} .post-image-wrap .post-image-link:after{position:absolute;content:'\f04b';top:50%;right:50%;background-color:rgba(0,0,0,0.5);width:34px;height:34px;font-family:'Font Awesome 5 Free';font-size:11px;color:$(header.color);font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5;transform:translate(50%,-50%);box-sizing:border-box;padding:0 0 0 1px;margin:0;border:3px solid $(header.color);border-radius:50%;opacity:0;transition:opacity .17s ease} .post-image-wrap:hover .post-thumb{transform:scale(1.09);filter:blur(1px) brightness(.3)} .post-image-wrap:hover .post-image-link:after{opacity:1;transition:all .17s ease} .post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:top;z-index:1;transition:opacity .17s ease,transform .35s ease} .post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{opacity:.9} .post-title a{display:block} .social a:before,.payment a:before{display:inline-block;font-family:FontAwesome;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 .gplus a:before{content:"\f0d5"} .social .rss a:before{content:"\f09e"} .social .youtube a:before{content:"\f167"} .social .skype a:before{content:"\f17e"} .social .stumbleupon a:before{content:"\f1a4"} .social .tumblr a:before{content:"\f173"} .social .vk a:before{content:"\f189"} .social .stack-overflow a:before{content:"\f16c"} .social .github a:before{content:"\f09b"} .social .linkedin a:before{content:"\f0e1"} .social .dribbble a:before{content:"\f17d"} .social .soundcloud a:before{content:"\f1be"} .social .behance a:before{content:"\f1b4"} .social .digg a:before{content:"\f1a6"} .social .instagram a:before{content:"\f16d"} .social .pinterest a:before{content:"\f0d2"} .social .twitch a:before{content:"\f1e8"} .social .delicious a:before{content:"\f1a5"} .social .codepen a:before{content:"\f1cb"} .social .reddit a:before{content:"\f1a1"} .social .whatsapp a:before{content:"\f232"} .social .snapchat a:before{content:"\f2ac"} .social .email a:before{content:"\f0e0"} .social .external-link a:before{content:"\f35d"} .social-color .blogger a{background-color:#ff5722} .social-color .facebook a{background-color:#3b5999} .social-color .twitter a{background-color:#00acee} .social-color .gplus a{background-color:#db4a39} .social-color .youtube a{background-color:#f50000} .social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-color .pinterest a{background-color:#ca2127} .social-color .dribbble a{background-color:#ea4c89} .social-color .linkedin a{background-color:#0077b5} .social-color .tumblr a{background-color:#365069} .social-color .twitch a{background-color:#6441a5} .social-color .rss a{background-color:#ffc200} .social-color .skype a{background-color:#00aff0} .social-color .stumbleupon a{background-color:#eb4823} .social-color .vk a{background-color:#4a76a8} .social-color .stack-overflow a{background-color:#f48024} .social-color .github a{background-color:#24292e} .social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)} .social-color .behance a{background-color:#191919} .social-color .digg a{background-color:#1b1a19} .social-color .delicious a{background-color:#0076e8} .social-color .codepen a{background-color:#000} .social-color .reddit a{background-color:#ff4500} .social-color .whatsapp a{background-color:#3fbb50} .social-color .snapchat a{background-color:#ffe700} .social-color .email a{background-color:#888} .social-color .external-link a{background-color:$(main.dark.color)} #header-wrap{position:relative;margin:0} .header-header{background-color:#fff;width:100%;height:43px;position:relative;overflow:hidden;padding:20px 0} .header-header .container{position:relative;margin:0 auto;padding:0} .header-logo{position:relative;float:left;width:auto;max-width:320px;max-height:43px;margin:0;padding:0} .header-logo .header-image-wrapper{display:block} .header-logo img{max-width:100%;max-height:43px;margin:0} .header-logo h1{color:$(title.color);font-size:20px;line-height:43px;margin:0} .header-logo p{font-size:12px;margin:5px 0 0} .top-menu{position:relative;float:right;margin:0} .top-menu .widget > .widget-title{display:none} .top-menu ul li{float:left;display:inline-block} .top-menu ul li a{display:block;height:43px;color:$(title.color);font-size:14px;line-height:43px;font-weight:400;padding:0;margin:0 0 0 20px;transition:color .17s ease} .top-menu ul li a i{margin-right:5px;color:$(main.color)} .top-menu ul li a:hover{color:$(main.color)} .header-menu{position:relative;width:100%;height:46px;background-color:$(menu.bg);z-index:10;font-size:13px;margin:0} .header-menu .container{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:46px;z-index:15} #main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background .17s} #main-menu ul > li > a{position:relative;color:$(menu.color);font-size:14px;font-weight:500;line-height:46px;display:inline-block;margin:0;padding:0 13px;transition:color .17s ease} #main-menu ul#main-menu-nav > li:first-child > a{background-color:$(main.color)} #main-menu ul > li:hover{background-color:$(main.color)} #main-menu ul > li > ul{position:absolute;float:left;left:0;top:46px;width:180px;background-color:$(menu.bg);z-index:99999;margin-top:0;padding:0;box-shadow:0 3px 5px rgba(0,0,0,0.2);visibility:hidden;opacity: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} #main-menu ul > li > ul > li a{display:block;height:36px;font-size:13px;color:$(menu.color);font-weight:500;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;border-bottom:0;transition:all .17s ease} #main-menu ul > li.has-sub > a:after{content:'\f107';float:right;font-family:FontAwesome;font-size:14px;font-weight:700;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} #main-menu ul ul{transition:all .17s ease} .mega-menu-inner .mega-item{float:left;width:25%;box-sizing:border-box;padding:0 10px} .mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0} .mega-content .post-image-wrap{width:100%;height:140px} .mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden} .mega-content .post-title{position:relative;font-size:14px;font-weight:700;line-height:1.5em;margin:8px 0 5px} .mega-content .post-title a{display:block;color:$(menu.color);transition:color .17s} .mega-content .post-title a:hover{color:$(main.color);text-decoration:underline} .no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center} .mega-menu .no-posts{line-height:60px;color:$(menu.color)} .search-toggle{position:absolute;top:0;right:0;width:56px;height:46px;background-color:$(main.color);color:$(header.color);font-size:16px;text-align:center;line-height:46px;cursor:pointer;z-index:20;padding:0;margin:0} .rtl .search-toggle{right:unset;left:0} .search-toggle:after{content:"\f002";font-family:'Font Awesome 5 Free';font-weight:900;margin:0} .search-active .search-toggle:after{content:"\f00d"} .search-toggle:hover{color:$(title.color)} #nav-search{position:absolute;top:46px;right:0;width:250px;max-width:100%;height:54px;z-index:25;background-color:#ffffff;box-sizing:border-box;padding:10px;visibility:hidden;opacity:0;border-radius:3px 0 3px 3px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .17s ease} .search-active #nav-search{visibility:visible;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(0);transform:translate(0)} .rtl #nav-search{right:unset;left:0} #nav-search .search-form{width:100%;height:36px;background-color:rgba(155,155,155,0.03);display:flex;overflow:hidden;box-sizing:border-box;padding:2px;border:1px solid rgba(155,155,155,0.2);border-radius:2px} #nav-search .search-input{width:100%;color:$(submenu.color);margin:0;padding:0 10px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;font-weight:400;box-sizing:border-box;border:0} #nav-search .search-input:focus{color:$(submenu.color);outline:none} #nav-search .search-input::placeholder{color:$(submenu.color);opacity:.5} #nav-search .search-action{background-color:$(main.color);font-family:inherit;font-size:14px;color:$(header.color);font-weight:500;cursor:pointer;padding:0 12px;margin:0;border:0;border:0;border-radius:2px} .main-oswald #nav-search .search-action{font-weight:500} #nav-search .search-action:hover{background-color:$(title.color);color:$(header.color)} .slide-menu-toggle{display:none;position:absolute;line-height:46px;height:46px;width:46px;top:0;left:0;background-color:$(main.color);font-family:FontAwesome;color:#fff;font-size:21px;font-weight:400;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:46px;left:0;width:100%;background-color:$(main.dark.color);box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease} .nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1)} .mobile-menu > ul{margin:0} .mobile-menu .m-sub{display:none;padding:0} .mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:14px;font-weight:600;line-height:38px;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.01)} .mobile-menu > ul li ul{overflow:hidden} .mobile-menu > ul > li:first-child{border-top:0} .mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all .17s ease} .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:FontAwesome;font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease} .mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(90deg)} .mobile-menu > ul > li > ul > li a{font-size:13px;text-transform:initial;font-weight:600} .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:$(main.color)} .secondary-menu{position:relative;float:left;width:100%;height:38px;background-color:#ffffff;box-shadow:0 2px 4px 0 rgba(0,0,0,.05);display:flex;justify-content:center} .secondary-menu .container{position:relative} .second-menu,.second-menu .widget{position:relative;float:left;width:100%;margin:0} .second-menu .widget:before,.second-menu .widget:after{content:'';position:absolute;top:0;left:-15px;width:15px;height:38px;background:linear-gradient(to right,#FFFFFF,#FFFFFF00);z-index:5;margin:0} .second-menu .widget:after{left:unset;right:0;background:linear-gradient(to left,#ffffff,#FFFFFF00)} .second-menu .widget ul{position:relative;float:left;width:100%;height:38px;display:flex;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:1;margin:0} .second-menu .widget ul li{flex-shrink:0} .second-menu .widget ul li a{display:block;font-size:14px;color:#77777a;font-weight:400;line-height:38px;margin:0 25px 0 0} .second-menu .widget ul li a:hover{color:$(main.color)} .second-menu .widget ul li:last-child a{margin:0 15px 0 0} .nightmode-switch{position:relative;display:inline-block;width:45px;height:25px;top:10px;margin-left:20px} .nightmode-switch input{display:none} .nightmode-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#bdc3c7;-webkit-transition:.4s;transition:.4s;text-align:left} .nightmode-slider:before{position:absolute;content:"\f186";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:25px;width:25px;background-color:$(main.color);-webkit-transition:.4s;transition:.4s;color:#ffffff;text-align:center;line-height:25px;font-size:15px} input:checked + .nightmode-slider{background-color:#2e2e2e} input:focus + .nightmode-slider{box-shadow:0 0 1px #2196F3} input:checked + .nightmode-slider:before{-webkit-transform:translateX(21px);-ms-transform:translateX(21px);transform:translateX(21px);content:"\f185";background:$(main.color);color:#ffff} /* Rounded sliders */.nightmode-slider.nightmode-round{border-radius:20px} .nightmode-slider.nightmode-round:before{border-radius:50%} .nightmode,.nightmode #outer-wrapper,.nightmode .sidebar .widget{background:#1a1a1a} .nightmode #top-bar,.nightmode .header-header,.nightmode .title-wrap,.nightmode .second-menu .widget:before,.nightmode .second-menu .widget:after,.nightmode .secondary-menu,.nightmode .sidebar .widget-title,.nightmode .comments .comments-content .comment-content{background:#000000} .nightmode #top-bar,.nightmode .hot-wrapper,.nightmode .title-wrap,.nightmode .sidebar .widget-title,.nightmode .item-post .post-body{border-color:#333333} .nightmode .header-menu,.nightmode .post-labels a{background:#262626} .nightmode,.nightmode .top-bar-nav ul li > a,.nightmode .top-bar-social ul > li > a,.nightmode .header-logo h1,.nightmode .header-logo p,.nightmode .top-menu ul li a,.nightmode .feat-big .post-title a,.nightmode .title-wrap > h3,.nightmode .sidebar .widget-title > h3,.nightmode .index-post .post-info > h2 > a,.nightmode .post-meta a,.nightmode .PopularPosts .post-title a,.nightmode .list-label li a,.nightmode .search-toggle,.nightmode .custom-widget .post-title a,.nightmode .item-post h1.post-title,.nightmode .item-post .post-body,.nightmode .related-posts .post-title a,.nightmode .index-post .post-title a,.nightmode .post-nav p,.nightmode .post-labels a,.nightmode .errorWrap,.nightmode .comments .comments-content .comment-header a{color:#ffffff} .nightmode a{color:$(main.color)} #slider-wrapper .no-items{margin:0;border-bottom:1px solid #ebebeb } #slider-section {margin: 0 auto;} #slider-section .widget,#slider-section .widget > .widget-title{display:none } #slider-section .show-slider{display:block!important } #slider-section .show-slider .widget-content{position:relative;height:270px;overflow:hidden } .loader{position:relative;height:100%;overflow:hidden;display:block } .loader i{position:absolute;top:50%;left:50%;width:28px;height:28px;font-size:28px;color:#aaa;text-align:center;line-height:28px;margin:-14px 0 0 -14px } .main-slider{position:relative;overflow:hidden;height:270px } .main-slider .slider-item{position:relative;float:left;width:100%;height:270px;overflow:hidden;box-sizing:border-box } .slider-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block;border-radius: 10px;} .main-slider .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block } .main-slider .post-image-link:before {content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;-webkit-transition: all 300ms ease;transition: all 300ms ease;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .5)));background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .5) 100%);border-radius: 15px;z-index: 5;} .main-slider .post-info-wrap {position: absolute;top: 50%;left: 50%;text-align: center;overflow: hidden;z-index: 5;width: 100%;padding: 0 10px;box-sizing: border-box;transform: translate(-50%,-40%);} .main-slider .post-info{position: relative;overflow: hidden;display: block;z-index: 10;} .main-slider .post-info .post-tag{display: inline-block;height:28px;background-color:#fdfdff;color:$(title.color);font-size:12px;font-weight:500;line-height:28px;padding:0 13px;margin:0 0 10px;border:1px solid #f2f2f6;border-radius:3px;transition:all .17s ease } .main-slider .post-info .post-tag:hover{background-color:$(main.color);color:#fff;border-color:$(main.color) } .main-slider .post-date{font-size:11px;color:#fff;margin:0 } .main-slider .post-title{font-size:15px;font-weight:600;display:block;line-height:1.5;letter-spacing: 0.3px;margin:0 0 5px } .main-slider .post-title a{color:#fff;display:block } .show-slider .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100% } .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent } .slick-list{position:relative;display:block;overflow:hidden;margin: 0 -10px;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;margin-left:auto;margin-right:auto } .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%;padding:10px;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-arrow.slick-hidden{display:none } .slick-arrow{position:absolute;top:calc(50% - 40px);width:30px;height:40px;background-color:#fff;font-size:20px;color:#aaa;text-align:center;line-height:40px;cursor:pointer;z-index:10;margin:0;visibility:hidden;opacity:0;transition:all .17s ease } .slick-arrow:hover{background-color:$(main.color);color:#fff } .slick-arrow:before{font-family:FontAwesome;font-weight:400 } .slick-prev{left:0 } .slick-prev:before{content:'\f104' } .slick-next{right:0 } .slick-next:before{content:'\f105' } .main-slider:hover .slick-arrow{visibility:visible;opacity:1 } .carousel-outer-wrap{padding:15px 0} .carousel-outer-wrap .container{margin:0 auto;position:relative} .carousel-outer-wrap .mega-tab{width:100%;float:left} .carousel-outer-wrap ul.complex-tabs ul.select-tab{display:block;text-align:center;margin-bottom:20px;background:$(main.dark.color)} .carousel-outer-wrap ul.complex-tabs ul.mega-widget{display:flex;flex-wrap:wrap;margin:0 -10px} .carousel-outer-wrap ul.complex-tabs ul li{position:relative;display:inline-block;font-size:14px;background-color:$(main.dark.color);font-weight:400;line-height:30px;text-align:center;text-transform:uppercase;cursor:pointer;list-style:none;margin:0;padding:0;transition:background .25s} .carousel-outer-wrap ul.complex-tabs ul li.active{background-color:$(main.color)} .carousel-outer-wrap ul.complex-tabs ul li a{color:#fff;display:block;padding:0 10px} .carousel-outer-wrap .mega-content .post-image-link{height:280px;margin-bottom:10px} .carousel-outer-wrap .mega-content .post-image-link:before,.post-image-link:before{content:'';position:absolute;left:0;bottom:0;height:100%;width:100%;opacity:0.5;background:-webkit-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);background:linear-gradient(top,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,1) 100%);transition:all 0.25s ease-in-out 0s} .res-pro-ad{margin:15px auto 15px} #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:hidden;height:320px;margin:30px 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:$(main.color);border-top-color:$(main.color);border-radius:100%;animation:spinner .8s infinite linear;transform-origin:center} @-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } @keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } ul.hot-posts{position:relative;overflow:hidden;height:320px;margin:0 -15px} .hot-posts .hot-item{position:relative;float:left;width:30%;height:155px;overflow:hidden;box-sizing:border-box;padding:0 5px;margin:0 0 10px} .hot-posts .item-0{width:40%;height:320px;padding-right:15px} .hot-posts .item-1{height:320px} .hot-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block} .hot-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block} .hot-posts .product-info{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(rgba(0,0,0,0),#000);overflow:hidden;z-index:5;box-sizing:border-box;padding:20px} .hot-posts .post-title{display:block;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.5em;margin:5px 0} .hot-posts .post-title a{color:#fff;display:block} .hot-posts .meta-price{font-size:13px} .show-hot .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%} .services-wrapper{display:none;position:relative;float:left;width:100%;padding:35px 0 0;margin:0} .services-wrapper .container{position:relative;margin:0 auto} .services-wrapper .right-side-widget{margin:0 -10px} .services-wrapper .right-side-widget .widget{display:block;list-style:none;width:calc(100% / 4);float:left;padding:0 10px;margin-bottom:40px;box-sizing:border-box;position:relative} .services-wrapper .right-side-widget .service-content{text-align:center;display:block;padding:40px 45px 40px 40px;-webkit-box-shadow:0 20px 25px 0 rgba(0,0,0,.08);box-shadow:0 20px 25px 0 rgba(0,0,0,.08);border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;overflow:hidden;position:relative;background:#fff;box-sizing:border-box} .services-wrapper .right-side-widget .service-icon{font-size:45px;width:150px;height:150px;background-color:#f0f0f0;border-radius:3px;position:relative;display:inline-block;overflow:hidden;margin:10px;list-style:none;line-height:150px;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.4s ease-in-out 0s} .services-wrapper .right-side-widget .widget:hover .service-icon{background:#fa5555;color:#ffffff;border-radius:50%;-webkit-transform:rotate(360deg);transform:rotate(360deg);transition:all 0.3s ease-out 0s;-webkit-transition:all 0.4s ease-in-out 0s} .services-wrapper .right-side-widget .service-icon i{background-color:transparent} .services-wrapper .right-side-widget .service-content-details{overflow:hidden;display:block;text-align:center} .services-wrapper .right-side-widget .service-title{margin:15px 0 10px;font-size:16px;color:#222222;font-weight:700;text-transform:capitalize;letter-spacing:1px} .services-wrapper .right-side-widget .service-content-details .service-snippet{color:#5a5a5a;font-size:13px;line-height:22px} .queryMessage{overflow:hidden;background-color:#fbfbfb;color:$(title.color);font-size:13px;font-weight:400;padding:8px 10px;margin:0 0 25px} .queryMessage .query-info{margin:0 5px} .queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase} .queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c"} .queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d"} .queryMessage a.show-more{float:right;color:$(title.hover);text-decoration:underline;transition:opacity .17s} .queryMessage a.show-more:hover{opacity:.8} .queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center} .title-wrap{position:relative;float:left;width:100%;display:block;margin:0 0 20px;border-bottom:1px solid #ebebeb} .title-wrap > h3{position:relative;float:left;font-size:14px;color:#111111;font-weight:700;text-transform:uppercase;padding:0 0 10px;margin:0} .title-wrap > h3:after{position:absolute;content:'';background-color:#34BD5C;width:55px;height:2px;bottom:-1px;left:0;margin:0} .custom-widget li{overflow:hidden;padding:15px 0 0;margin:15px 0 0;border-top:1px dotted #ebebeb} .custom-widget li:first-child{padding:0;margin:0;border:0} .featured-products.common-widget ul.custom-widget{display:flex;flex-wrap:wrap;margin:0 -10px} .featured-products.common-widget li,.featured-products.common-widget li:first-child{display:block;width:calc(100% / 4);box-sizing:border-box;padding:0 10px;margin:0 0 30px;border:0} .featured-products.common-widget .widget-title,.products-list.common-widget .widget-title,.home-title-wrap{position:relative;float:left;width:100%;height:32px;display:block;margin:0 0 20px;background:$(main.dark.color)} .featured-products.common-widget .widget-title > h3,.products-list.common-widget .widget-title > h3,.home-title-wrap > h3{position:relative;float:left;height:32px;font-size:15px;color:#fff;background:$(main.color);line-height:32px;padding:0 12px;margin:0} .featured-products.common-widget .widget-title > h3:after,.products-list.common-widget .widget-title > h3:after,.home-title-wrap > h3:after{position:absolute;content:'';height:0;width:0;bottom:0;right:-15px;border-top:32px solid transparent;border-left:15px solid $(main.color);border-right:0 solid $(main.color);border-bottom:0} a.view-all{display:none;position:relative;float:right;height:22px;font-size:11px;line-height:22px;margin-top:5px;margin-right:5px;padding:0 10px;font-weight:600;text-transform:uppercase;transition:all .17s ease;color:#fff;background:$(main.color);border-radius:2px} .featured-products.common-widget .widget-title a.view-all{display:block} .products-list.common-widget{display:flex;flex-wrap:wrap;margin:0 -10px} .products-list .common-widget{display:block;width:calc(100% / 2);box-sizing:border-box;padding:0 10px;margin:0 0 30px;border:0} .products-list.common-widget .custom-widget{display:block;float:left;width:100%} .custom-widget .post-image-link{position:relative;width:70px;height:75px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .custom-widget .product_off{display:none} .featured-products.common-widget .custom-widget .product_off{display:block} .featured-products.common-widget .post-image-link{float:left;width:100%;height:210px;overflow:hidden;margin:0 0 10px} .custom-widget .product-info{overflow:hidden} .featured-products.common-widget .product-info{float:left;width:100%;overflow:hidden} .custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:600;margin:0 0 5px} .custom-widget .post-title a{display:block;color:$(title.color);transition:color .17s} .custom-widget .post-title a:hover{color:$(main.color)} .ad-slot-main .widget > .widget-title{display:none} .double-ads{display:flex;flex-wrap:wrap;margin:0 -15px} .ad-slot-main{display:block;width:calc(100% / 2);box-sizing:border-box;padding:0 15px;margin:0 0 30px;border:0} .home-ad .widget>.widget-title{display:none} .home-ad .widget{width:728px;max-width:100%;margin:0 auto} .home-ad .widget .widget-content{position:relative;width:100%;max-height:initial;overflow:hidden;line-height:1;margin:0 0 30px} .ad-slot-main .widget .widget-content{} .color-menu{margin-bottom:10px} .featured-products.common-widget .center-menu .widget{margin:0 -5px} .featured-products.common-widget .center-menu .widget-title{display:none} .featured-products.common-widget .center-menu ul{overflow:hidden;list-style:none;padding:0;margin:0} .center-menu ul li,.featured-products.common-widget .center-menu ul li:first-child,.featured-products.common-widget .center-menu ul li:first-child,.featured-products.common-widget .center-menu ul li:nth-child(2),.featured-products.common-widget .center-menu ul li:nth-child(odd),.featured-products.common-widget .center-menu ul li:nth-child(even){display:block;list-style:none;width:calc(100% / 2);float:left;padding:0 5px;margin-bottom:10px;box-sizing:border-box;text-align:center} .featured-products.common-widget .center-menu ul li a{padding:15px;box-sizing:border-box;display:block;text-decoration:none;line-height:22px;font-size:14px;font-weight:700;color:#fff;transition:0.5s all;text-transform:capitalize} .featured-products.common-widget .center-menu ul li a i{position:relative;text-align:center;vertical-align:middle;color:#fff;margin:0;display:block;height:50px;line-height:50px;font-size:35px} .center-menu ul li:nth-child(1) a{background:#689f38} .center-menu ul li:nth-child(2) a{background:#ed3b3b} .center-menu ul li:nth-child(3) a{background:#ef6c00} .center-menu ul li:nth-child(4) a{background:#039be5} .center-menu ul li:nth-child(5) a{background:#658092} .center-menu ul li:nth-child(6) a{background:#e8db04} .center-menu ul li:nth-child(7) a{background:#00c118} .center-menu ul li:nth-child(8) a{background:#a20f85} .center-menu ul li:nth-child(9) a{background:#eeb6b0} .center-menu ul li:nth-child(10) a{background:#a5370b} .center-menu ul li a:hover{background:$(main.dark.color)} .meta-price{color:#aaa;font-size:12px;font-weight:600} .meta-price:before{content:"\f005";font-family:"Font Awesome 5 Free";font-size:11px;font-weight:900;color:#ffc107;margin:0 3px 0 0} .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 -10px} .index-post{display:block;width:calc(100% / 4);box-sizing:border-box;padding:0 10px;margin:0 0 30px} .index-post .post-image-wrap{float:left;width:100%;height:210px;overflow:hidden;margin:0 0 10px} .index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden} .index-post .post-title a{color:$(title.color)} .index-post .post-title a:hover{color:$(main.color)} .index-post .product-info{float:left;width:100%;overflow:hidden} .index-post .product-info > h2{font-size:13px;font-weight:600;text-decoration:none;margin:0 0 8px} .product_off{position:absolute;top:10px;left:10px;z-index:5;padding:0 6px;height:18px;line-height:19px;background-color:#ffff;font-size:11px;font-weight:400;color:$(title.color);border-radius:3px} .index-post .product_off,.FeaturedPost .product_off,.product-header .product_off{visibility:hidden;opacity:0;transition:all .17s ease} .index-post .product_off.show,.FeaturedPost .product_off.show,.product-header .product_off.show{visibility:visible;opacity:1} .widget iframe,.widget img{max-width:100%} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} #breadcrumb{font-size:12px;font-weight:400;color:#aaa;text-transform:capitalize;margin:0 0 15px} #breadcrumb a{color:#aaa;transition:color .17s} #breadcrumb a:hover{color:$(title.hover)} #breadcrumb a,#breadcrumb em{display:inline-block} #breadcrumb .delimiter:after{content:'\f054';font-family:FontAwesome;font-size:8px;font-weight:400;font-style:normal;vertical-align:middle;margin:0 3px} .product-header{position:relative;float:left;width:100%;background-color:#fbfbfb;box-sizing:border-box;padding:15px;margin:0 0 30px} .col-left{position:relative;float:left;width:150px} .col-left .post-image-wrap{position:relative;width:100%;height:auto} .col-right{position:relative;float:right;width:calc(100% - 170px)} .product-post .post-body img{display:none} .product-post h1.post-title{position:relative;display:block;font-size:13px;color:$(title.color);line-height:1.5em;font-weight:600;text-transform:uppercase;margin:10px 0 20px;padding:0 0 10px;border-bottom:1px solid #ebebeb} .product-post h1.post-title:after{position:absolute;content:'';background-color:$(main.color);width:55px;height:2px;bottom:-1px;left:0;margin:0} .static_page .item-post h1.post-title{position:relative;display:block;font-size:18px;color:$(title.color);line-height:1.5em;font-weight:700;text-transform:uppercase;margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid #ebebeb} .static_page .item-post h1.post-title:after{position:absolute;content:'';background-color:$(main.color);width:55px;height:2px;bottom:-1px;left:0;margin:0} .col-right .item_price{display:none;margin:0 0 10px} .col-right .item_price.show{display:block} .col-right .item_price b{font-size:13px;color:$(title.color);font-weight:600;margin:0 5px 0 0} .col-right .meta-price{font-size:13px} .post-labels{overflow:hidden;height:auto;position:relative;margin:0 0 30px;padding:0} .post-labels span,.post-labels a{float:left;color:$(title.color);font-size:13px;font-weight:400;margin:0 4px 0 0;padding:0} .post-labels span{font-weight:600} .post-labels a{transition:color .17s ease} .post-labels a:after{content:','} .post-labels a:last-child:after{display:none} .post-labels a:hover{color:$(title.hover);text-decoration:underline} .post-share{position:relative;overflow:hidden;margin:0} .share-title{position:relative;display:block;font-size:14px;color:$(title.color);text-transform:uppercase;font-weight:700;margin:0 0 10px} ul.share-links{position:relative} .share-links li{float:left;box-sizing:border-box;margin:0 5px 0 0} .share-links li a{float:left;display:inline-block;cursor:pointer;width:30px;height:30px;line-height:30px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;transition:all .17s ease} .share-links li a:hover{opacity:.8} ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px} .post-nav li{display:inline-block;width:50%} .post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px} .post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px} .post-nav li a{color:$(title.color);line-height:1.4em;display:block;overflow:hidden;transition:color .17s} .post-nav li:hover a{color:$(title.hover)} .post-nav li span{display:block;font-size:11px;color:#aaa;font-weight:700;text-transform:uppercase;padding:0 0 2px} .post-nav .post-prev span:before{content:"\f053";float:left;font-family:FontAwesome;font-size:10px;font-weight:400;text-transform:none;margin:0 2px 0 0} .post-nav .post-next span:after{content:"\f054";float:right;font-family:FontAwesome;font-size:10px;font-weight:400;text-transform:none;margin:0 0 0 2px} .post-nav p{font-size:12px;font-weight:400;line-height:1.4em;margin:0} .post-nav .post-nav-active p{color:#aaa} #related-wrap{overflow:hidden;margin:0 0 30px} #related-wrap .related-tag{display:none} .related-ready{float:left;width:100%} .related-ready .loader{height:178px} ul.related-posts{position:relative;overflow:hidden;margin:0 -10px;padding:0} .related-posts .related-item{width:calc(100% / 4);position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;padding:0 10px;margin:0} .related-posts .post-image-link{width:100%;height:210px;position:relative;overflow:hidden;display:block} .related-posts .post-title{display:block;font-size:14px;font-weight:600;margin:10px 0 5px} .related-posts .post-title a{color:#111111;transition:color .17s} .related-posts .related-item:hover .post-title a{color:$(main.color)} .related-posts .meta-price{font-size:13px} #blog-pager{float:left;width:100%;overflow:hidden;clear:both;margin:0 0 30px} .blog-pager a,.blog-pager span{float:left;display:block;min-width:30px;height:30px;background-color:#fff;color:$(title.color);font-size:13px;font-weight:700;line-height:30px;text-align:center;box-sizing:border-box;padding:0 10px;margin:0 5px 0 0;border:1px solid #ebebeb;transition:all .17s ease} .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;border:0} .blog-pager .page-of{display:none} .blog-pager .page-active,.blog-pager a:hover{background-color:$(main.dark.color);color:#fff;border-color:$(main.dark.color)} .blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:11px;font-weight:400} .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} .blog-post-comments{display:none} .blog-post-comments .comments-title{margin:0 0 20px} .comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0} #comments{margin:0} #gpluscomments{float:left!important;width:100%!important;margin:0 0 25px!important} #gpluscomments iframe{float:left!important;width:100%} .comments-system-disqus,.comments-system-facebook{margin:0 0 20px} .comments{display:block;clear:both;margin:0;color:$(title.color)} .comments .comment-thread > ol{padding:0} .comments > h3{font-size:14px;font-weight:400;font-style:italic;margin:0 0 10px} .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:0 0 10px} .comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 50px} .comments .comments-content .inline-thread{padding:0} .comments .comment-actions{float:left;width:100%;position:relative;margin:0} .comments .comments-content .comment-header{font-size:15px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;border-bottom:1px dashed #d6d6d6} .comments .comments-content .comment-header a{color:$(title.color);transition:color .17s} .comments .comments-content .comment-header a:hover{color:$(title.hover)} .comments .comments-content .user{font-style:normal;font-weight:700;display:block} .comments .comments-content .icon.blog-author{display:none} .comments .comments-content .comment-content{float:left;font-size:13px;color:#5E5E5E;font-weight:400;text-align:left;line-height:1.4em;margin:5px 0 9px} .comments .comment .comment-actions a{margin-right:5px;padding:2px 5px;color:$(title.color);font-weight:400;background-color:#f2f2f2;font-size:10px;transition:all .17s ease} .comments .comment .comment-actions a:hover{color:#fff;background-color:$(main.color);border-color:$(main.color);text-decoration:none} .comments .comments-content .datetime{float:left;font-size:11px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block} .comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa} .comments .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:FontAwesome;color:$(title.color);font-weight:400;margin:0 2px 0 0} .comments .thread-expanded .thread-arrow:before{content:'\f0d7'} .comments .thread-collapsed .thread-arrow:before{content:'\f0da'} .comments .comments-content .comment-thread{margin:0} .comments .continue a{padding:0 0 0 60px;font-weight:400} .comments .comments-content .loadmore.loaded{margin:0;padding:0} .comments .comment-replybox-thread{margin:0} .comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none} #comment-editor{margin:0 0 20px} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#111111;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} blockquote{font-style:italic;padding:10px;margin:0;border-left:4px solid #34BD5C} blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;color:#aaa;line-height:1} blockquote:before{content:'\f10d';margin:0 10px 0 0} blockquote:after{content:'\f10e';margin:0 0 0 10px} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul{padding:0 0 0 20px} .post-body ul li:before{content:"\f105";font-family:FontAwesome;font-size:13px;font-weight:400;margin:0 5px 0 0} .post-body u{text-decoration:underline} .post-body a{transition:color .17s ease} .post-body strike{text-decoration:line-through} .contact-form{overflow:hidden} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px)} .contact-form .contact-form-email{width:calc(50% - 5px);float:right} .sidebar .widget{position:relative;overflow:hidden;background-color:#fbfbfb;box-sizing:border-box;padding:0;margin:0 0 30px} .sidebar .widget-title{position:relative;float:left;width:100%;height:30px;background-color:$(main.dark.color);display:block;margin:0} .sidebar .widget-title > h3{position:relative;float:left;height:30px;font-size:12px;color:#fff;font-weight:700;line-height:30px;text-transform:uppercase;padding:0 15px;margin:0} .sidebar .widget-content{float:left;width:100%;box-sizing:border-box;padding:15px;margin:0} ul.social-counter{margin:0 -5px} .social-counter li{float:left;width:calc(50% - 10px);display:flex;flex-direction:column;margin:10px 5px 0} .social-counter li:nth-child(1),.social-counter li:nth-child(2){margin:0 5px} .social-counter li a{display:block;height:100%;height:32px;font-size:13px;color:#fff;text-align:center;line-height:32px;padding:0 10px;border-radius:5px;transition:opacity .17s ease} .social-counter li a:after{margin:0 0 0 5px} .social-counter li a:hover{opacity:.9} .list-label li{position:relative;display:block;padding:7px 0;border-top:1px dotted #ebebeb} .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{display:block;color:$(title.color);font-size:12px;font-weight:400;text-transform:capitalize;transition:color .17s} .list-label li a:before{content:"\f054";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;font-size:6px;margin:5px 3px 0 0;transition:color .17s} .list-label li a:hover{color:$(title.hover)} .list-label .label-count{position:relative;float:right;width:16px;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px;padding:0 5px;box-sizing:border-box} .cloud-label li{position:relative;float:left;margin:0 5px 5px 0} .cloud-label li a{display:block;height:26px;background-color:#f2f2f2;color:$(title.color);font-size:12px;line-height:26px;font-weight:400;padding:0 10px;transition:all .17s ease} .cloud-label li a:hover{color:#fff;background-color:$(main.color)} .cloud-label .label-count{display:none} .FollowByEmail .widget-content{position:relative;overflow:hidden} .FollowByEmail .before-text{font-size:13px;line-height:1.5em;margin:0 0 15px;display:block;padding:0 30px 0 1px;overflow:hidden} .FollowByEmail .widget-content:after{content:'\f0e0';position:absolute;top:-20px;right:-20px;font-family:FontAwesome;font-size:50px;color:#f0f0f0;transform:rotate(21deg)} .FollowByEmail .follow-by-email-inner{position:relative} .FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:32px;color:$(title.color);font-size:11px;font-family:inherit;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid #f0f0f0;transition:all .17s ease} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:32px;font-family:inherit;font-size:11px;color:#fff;background-color:$(main.color);text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;margin:0;border:0;transition:background .17s ease} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.dark.color)} #ArchiveList ul.flat li{color:$(title.color);font-size:13px;font-weight:400;padding: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:$(title.color);transition:color .17s} #ArchiveList .flat li > a:hover{color:$(title.hover)} #ArchiveList .flat li > a:before{content:"\f054";float:left;color:#161619;font-weight:400;font-family:FontAwesome;font-size:6px;margin:5px 4px 0 0;display:inline-block;transition:color .17s} #ArchiveList .flat li > a > span{position:relative;float:right;width:16px;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px} .PopularPosts .post{overflow:hidden;padding:15px 0 0;margin:15px 0 0;border-top:1px dotted #ebebeb} .PopularPosts .post:first-child{padding:0;margin:0;border:0} .PopularPosts .post-image-link{position:relative;width:70px;height:75px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .PopularPosts .product-info{overflow:hidden} .PopularPosts .post-title{font-size:14px;font-weight:500;margin:0 0 5px} .PopularPosts .post-title a{display:block;color:$(title.color);transition:color .17s} .PopularPosts .post:hover .post-title a{color:$(title.hover)} .FeaturedPost .post-image-link{display:block;position:relative;width:100%;height:300px;overflow:hidden;margin:0} .FeaturedPost .post-title{font-size:14px;overflow:hidden;font-weight:700;text-transform:uppercase;margin:10px 0 5px} .FeaturedPost .post-title a{color:$(title.color);display:block;transition:color .17s ease} .FeaturedPost .post:hover .post-title a{color:$(title.hover)} .FeaturedPost .meta-price{font-size:13px} .Text{font-size:13px} .contact-form-widget form{font-weight:400} .contact-form-name{ float:left; width:100%; height:30px; font-family:inherit; font-size:13px; line-height:30px; box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb } .contact-form-email{ float:left; width:100%; height:30px; font-family:inherit; font-size:13px; line-height:30px; box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb } .contact-form-email-message{ float:left; width:100%; font-family:inherit; font-size:13px; box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb } .contact-form-button-submit{ float:left; width:100%; height:30px; background-color:$(main.color); font-size:13px; color:#fff; line-height:30px; cursor:pointer; box-sizing:border-box; padding:0 10px; margin:0; border:0; transition:background .17s ease } .contact-form-button-submit:hover{ background-color:$(main.dark.color) } .contact-form-error-message-with-border{ float: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 } .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 #ebebeb; 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:$(main.color); color:#fff; padding:0 5px; border:0; border-radius:0 2px 2px 0; transition:background .17s ease } .BlogSearch .search-action:hover{ background-color:$(main.dark.color) } .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:$(title.color); font-weight:700; margin:0 0 5px; transition:color .17s ease } .Profile .profile-data .g-profile:hover{ color:$(title.hover) } .Profile .profile-info > .profile-link{ color:$(title.color); font-size:11px; margin:5px 0 0; transition:color .17s ease } .Profile .profile-info > .profile-link:hover{ color:$(title.hover) } .Profile .profile-datablock .profile-textblock{ display:none } .common-widget .LinkList ul li,.common-widget .PageList ul li{ width:calc(50% - 5px); padding:7px 0 0 } .common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){ float: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:$(title.color); font-size:13px; font-weight:400; transition:color .17s ease } .common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{ color:$(title.hover) } .common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){ padding:0 } .featured-products.common-widget .widget { display:none; } .featured-products.common-widget .show-widget { display:block!important; } #brand-services-wrap{ display:none; float:left; width:100%; padding:30px 0 } #brand-services-wrap .widget-title { display:none; } #brand-services-wrap .container { position: relative; margin: 0 auto; } #brand-services-wrap ul { } #brand-services-wrap li{ float: left; width: calc(100% / 6); box-sizing: border-box; padding: 0 20px; position:relative; text-align:center; } #footer-wrapper{ background-color:$(main.dark.color) } #footer-wrapper .container{ position:relative; overflow:hidden; margin:0 auto; padding:25px 0 } .footer-widgets-wrap{ position:relative; display:flex; margin:0 -15px } #footer-wrapper .footer{ display:inline-block; float:left; width:33.33333333%; box-sizing:border-box; padding:0 15px } #footer-wrapper .footer .widget{ float:left; width:100%; padding:0; margin:25px 0 0 } #footer-wrapper .footer .Text{ margin:10px 0 0 } #footer-wrapper .footer .widget:first-child{ margin:0 } .footer .widget > .widget-title > h3{ position:relative; color:$(footer.color); font-size:12px; line-height:12px; font-weight:700; text-transform:uppercase; margin:0 0 20px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.05) } .footer .widget > .widget-title > h3:before{ position:absolute; content:''; background-color:$(main.color); width:35px; height:2px; bottom:-1px; left:0 } .footer .post-image-link{ background-color:rgba(255,255,255,0.05) } .footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{ color:$(footer.color) } .footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{ color:$(title.hover) } .footer .no-posts{ color:$(footer.color) } .footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{ color:#aaa } .footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{ background:$(main.dark.color) } .footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{ background-color:rgba(255,255,255,0.05); color:$(footer.color); border-color:rgba(255,255,255,0.05) } .footer .FollowByEmail .widget-content:after{ display:none } .footer #ArchiveList .flat li > a{ color:$(footer.color) } .footer .custom-widget li,.footer .PopularPosts .post,.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{ border-color:rgba(255,255,255,0.05) } .footer .list-label li:first-child{ padding-top:0 } .footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{ color:$(footer.color) } .footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{ color:$(title.hover) } .footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{ background-color:rgba(255,255,255,0.05); color:$(footer.color) } .footer .cloud-label li a{ background-color:rgba(255,255,255,0.05); color:$(footer.color) } .footer .cloud-label li a:hover{ background-color:$(main.color); color:#fff } .footer .BlogSearch .search-input{ background-color:rgba(255,255,255,0.05); color:$(footer.color); border-color:rgba(255,255,255,0.05) } .footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{ background-color:rgba(255,255,255,0.05); color:$(footer.color); border-color:rgba(255,255,255,0.05) } .footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{ background-color:rgba(0,0,0,0.3) } .tags-wrapper { margin: 0 auto; } .tags-wrapper .menu-cat { text-align: center; } .tags-wrapper .widget > .widget-title { display: none; } .tags-wrapper .widget-content { position: relative; margin: 40px auto; } .tags-wrapper .menu-cat li { position: relative; display: inline-block; margin: 0 5px 5px 0; } .tags-wrapper .menu-cat li a { display: block; height: 35px; background-color: $(main.color); color: #ffffff; font-size: 15px; line-height: 35px; font-weight: 700; padding: 0 15px; border-radius: 26px; transition: all .17s ease; } .tags-wrapper .menu-cat li a:hover { background-color: $(main.dark.color); } #sub-footer-wrapper{ color:$(footer.color); display:block; padding:0; width:100%; overflow:hidden; border-top:1px solid rgba(255,255,255,0.05) } #sub-footer-wrapper .container{ overflow:hidden; margin:0 auto; padding:10px 0 } #footer-payments{ float:right; position:relative; display:block } #footer-payments .widget > .widget-title{ display:none } #footer-payments ul li{ float:left; display:inline-block; height:34px; padding:0; margin:0 } #footer-payments ul li a{ font-size:19px; font-weight:400; display:block; color:$(footer.color); line-height:34px; padding:0 5px; margin:0 0 0 5px; transition:opacity .17s ease } #footer-payments ul li:last-child a{ padding:0 0 0 5px } #footer-payments ul li a:hover{ opacity:.8 } #sub-footer-wrapper .copyright-area{ font-size:12px; float:left; height:34px; line-height:34px; font-weight:400 } #sub-footer-wrapper .copyright-area a{ color:$(main.color); transition:color .17s } .hidden-widgets, .unwanted-widgets{ display:none; visibility:hidden } .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 } .back-top:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:$(main.color); opacity:.5; transition:opacity .17s ease } .back-top:after{ content:'\f077'; position:relative; font-family:FontAwesome; font-weight:400; opacity:.8; transition:opacity .17s ease } .back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{ opacity:1 } .error404 #main-wrapper{ width:100%!important; margin:0!important } .error404 #sidebar-wrapper{ display:none } .errorWrap{ color:$(title.color); text-align:center; padding:80px 0 100px } .errorWrap h3{ font-size:160px; line-height:1; margin:0 0 30px } .errorWrap h4{ font-size:25px; margin:0 0 20px } .errorWrap p{ margin:0 0 10px } .errorWrap a{ display:block; color:$(main.color); padding:10px 0 0 } .errorWrap a i{ font-size:20px } .errorWrap a:hover{ text-decoration:underline } .sora-cart{ position:relative; float:right; height:34px; z-index:100; margin:0 } .sora-cart-details{ height:34px; cursor:pointer } .sora-cart-details:after{ float:left; content:'\f290'; font-family:FontAwesome; width:34px; height:34px; background-color:#ffc000; font-size:16px; color:$(header.color); line-height:34px; text-align:center; font-weight:400; margin:0 } .sora-cart .simpleCart_quantity{ float:right; width:34px; height:34px; background-color:$(menu.bg); font-size:14px; color:$(menu.color); font-weight:700; line-height:34px; text-align:center; margin:0 } .sora-cart-description{ position:absolute; right:0; top:34px; width:250px; background-color:#fff; padding:15px; border-bottom:2px solid $(menu.bg); box-shadow:0 3px 5px rgba(0,0,0,0.2); visibility:hidden; opacity:0; transition:all .17s ease } .sora-cart:hover .sora-cart-description{ visibility:visible; opacity:1 } .sora-cart-description .headerRow{ display:none } .sora-cart-description .itemRow{ position:relative; display:block; overflow:hidden; background-color:#fff; color:$(title.color); padding:0 20px 15px 0; margin:0 0 15px; border-bottom:1px solid rgba(0,0,0,0.1) } .sora-cart-description .itemRow:last-child{ margin:0 0 10px } .sora-cart-description .item-thumb{ float:left; width:70px; margin-right:10px } .sora-cart-description .item-thumb img{ width:100%; vertical-align:middle; object-fit:cover } .sora-cart-description .item-name{ display:block; font-size:14px; color:$(title.color); font-weight:700; text-transform:uppercase; margin:0 0 10px } .sora-cart-description .item-price{ font-size:13px; color:#aaa; font-weight:700; margin:0 0 10px } .sora-cart-description .item-decrement,.sora-cart-description .item-increment{ width:16px; float:left; text-align:center } .sora-cart-description .item-decrement,.sora-cart-description .item-quantity{ float:left; margin-right:5px } .sora-cart-description .item-decrement a,.sora-cart-description .item-increment a{ display:block; width:16px; height:16px; background-color:$(main.dark.color); font-size:8px; color:#fff; text-align:center; line-height:16px; text-decoration:none; transition:background .17s ease } .sora-cart-description .item-decrement a:hover,.sora-cart-description .item-increment a:hover{ background-color:$(main.color) } .sora-cart-description .item-quantity{ font-size:14px; color:$(main.color); font-weight:700; margin:0 10px 0 5px } .sora-cart-description .item-total{ font-size:14px; color:#f50000; font-weight:700; margin:0 } .sora-cart-description .item-increment{ margin-right:5px } .sora-cart-description .item-remove{ position:absolute; top:0; right:0 } .sora-cart-description .item-remove a{ float:left; width:16px; height:16px; background-color:$(main.dark.color); font-size:11px; color:#fff; line-height:14px; text-align:center; transition:background .17s ease } .sora-cart-description .item-remove a:hover{ background-color:$(main.color) } .sora-cart-buttons{ text-align:center; display:block; clear:both } .sora-cart-description .simpleCart_empty,.sora-cart-description .simpleCart_checkout{ float:left; width:calc(50% - 5px); height:26px; background-color:#111; font-size:14px; color:#fff; font-weight:700; text-transform:capitalize; white-space:nowrap; line-height:26px; margin:10px 0 0; transition:background .17s ease } .sora-cart-description .simpleCart_checkout{ float:right } .sora-cart-description .simpleCart_empty:hover,.sora-cart-description .simpleCart_checkout:hover{ background-color:$(main.color) } .sora-cart-description .simpleCart_empty:before,.sora-cart-description .simpleCart_checkout:before{ content:'\f00d'; font-family:FontAwesome; font-weight:400; margin-right:5px } .sora-cart-description .simpleCart_checkout:before{ content:'\f09d' } .sora-cart-buttons-wrap .sora-cart-ammount{ clear:both; font-size:14px; font-weight:700; text-transform:uppercase; margin:0 } .sora-cart-buttons-wrap .sora-cart-ammount .sora-cart-subtotal{ float:left; color:$(title.color) } .sora-cart-buttons-wrap .sora-cart-ammount .simpleCart_total{ float:right; color:#f50000 } .sora-cart-review{ position:relative; float:left; width:100%; background-color:#fbfbfb; box-sizing:border-box; padding:15px } .post-custom-title .custom-title h2{ color:$(title.color); font-size:21px; margin:0 0 10px } .sora-cart-review-wrap{ padding:0; box-sizing:border-box; display:flex; flex-wrap:wrap } .sora-cart-review-wrap .itemRow{ position:relative; display:block; margin-bottom:15px; overflow:hidden; border:1px solid #ebebeb; background-color:#fff; color:$(title.color); line-height:14px; padding:10px } .sora-cart-review-wrap .item-thumb{ float:left; width:70px; margin-right:10px } .sora-cart-review-wrap .item-thumb img{ width:100%; vertical-align:middle; object-fit:cover } .sora-cart-review-wrap .item-name{ display:block; font-size:14px; color:$(title.color); font-weight:700; text-transform:uppercase; margin:0 0 10px } .sora-cart-review-wrap .item-price{ font-size:13px; color:#aaa; font-weight:700; margin:0 0 10px } .sora-cart-review-wrap .item-decrement,.sora-cart-review-wrap .item-increment{ width:16px; float:left; text-align:center } .sora-cart-review-wrap .item-decrement,.sora-cart-review-wrap .item-quantity{ float:left; margin-right:5px } .sora-cart-review-wrap .item-decrement a,.sora-cart-review-wrap .item-increment a{ display:block; width:16px; height:16px; background-color:$(main.dark.color); font-size:8px; color:#fff; text-align:center; line-height:16px; text-decoration:none; transition:background .17s ease } .sora-cart-review-wrap .item-decrement a:hover,.sora-cart-review-wrap .item-increment a:hover{ background-color:$(main.color) } .sora-cart-review-wrap .item-quantity{ font-size:14px; color:$(main.color); font-weight:700; line-height:15px; margin:0 10px 0 5px } .sora-cart-review-wrap .item-total{ font-size:14px; color:#f50000; font-weight:700; margin:0 } .sora-cart-review-wrap .item-increment{ margin-right:5px } .sora-cart-review-wrap .item-remove{ position:absolute; top:10px; right:10px } .sora-cart-review-wrap .item-remove a{ float:left; width:16px; height:16px; background-color:$(main.dark.color); font-size:11px; color:#fff; line-height:14px; text-align:center; transition:background .17s ease } .sora-cart-review-wrap .item-remove a:hover{ background-color:$(main.color) } .sora-cart-review-wrap .simpleCart_items{ display:block; width:100%; box-sizing:border-box } .sora-cart-review-wrap .cart-bot-element{ display:block; width:100%; box-sizing:border-box; margin:10px 0 0 } .sora-cart-review-wrap .sora-cart-ammount{ float:left; font-size:14px; text-transform:uppercase; line-height:30px; margin:0 } .sora-cart-review-wrap .sora-cart-subtotal{ font-size:14px; color:$(title.color); font-weight:700; margin:0 10px 0 0 } .sora-cart-review-wrap .simpleCart_total{ font-size:14px; color:#f50000; font-weight:700 } .sora-cart-review-wrap .simpleCart_checkout{ background-color:$(main.dark.color); padding:0 15px; display:inline-block; font-size:14px; color:#fff; font-weight:700; float:right; height:30px; line-height:30px; transition:all .17s ease } .sora-cart-review-wrap .simpleCart_checkout:hover{ background-color:$(main.color) } .sora-cart-review-wrap .simpleCart_checkout:before{ content:'\f09d'; font-family:FontAwesome; font-weight:400; margin-right:5px } .sora-cart-checkout{ position:relative; float:left; width:100%; background-color: #fbfbfb; border: 1px solid #f7eeee; border-radius: 4px; box-sizing:border-box; padding:15px } .sora-cart-checkout-wrap{ box-sizing:border-box; overflow:hidden } .sora-checkout-wrap{ display:block; width:100%; box-sizing:border-box } .sora-cart-checkout-wrap .contact-form-name{ width:calc(50% - 5px) } .sora-cart-checkout-wrap .contact-form-email{ width:calc(50% - 5px); float:right } .sora-checkout-details{ text-align:center; text-transform:capitalize; font-weight:700; font-size:14px } .sora-checkout-wrap .simpleCart_items .headerRow { display:none; } .sora-checkout-wrap .itemRow{ position:relative; display:block; margin-bottom:15px; overflow:hidden; border:1px solid #ebebeb; background-color:#fff; color:$(title.color); line-height:14px; padding:10px } .sora-checkout-wrap .item-thumb{ float:left; width:70px; margin-right:10px } .sora-checkout-wrap .item-thumb img{ width:100%; vertical-align:middle; object-fit:cover } .sora-checkout-wrap .item-name{ display:block; font-size:14px; color:$(title.color); font-weight:700; text-transform:uppercase; margin:0 0 10px } .sora-checkout-wrap .item-price{ font-size:13px; color:#aaa; font-weight:700; margin:0 0 10px } .sora-checkout-wrap .cart-bot-element .item-price:before { content: "Price:"; color: #161616; margin-right:3px; } .sora-checkout-wrap .item-size { position:relative; font-size: 13px; color: #aaa; font-weight: 700; margin: 0 0 10px; } .sora-checkout-wrap .cart-bot-element .item-size:before { content: "Size:"; color: #161616; margin-right:3px; } .sora-checkout-wrap .item-decrement,.sora-checkout-wrap .item-increment{ width:16px; float:left; text-align:center } .sora-checkout-wrap .item-decrement,.sora-checkout-wrap .item-quantity{ float:left; margin-right:5px } .sora-checkout-wrap .item-decrement a,.sora-checkout-wrap .item-increment a{ display:block; width:16px; height:16px; background-color:$(main.dark.color); font-size:8px; color:#fff; text-align:center; line-height:16px; text-decoration:none; transition:background .17s ease } .sora-checkout-wrap .item-decrement a:hover,.sora-checkout-wrap .item-increment a:hover{ background-color:$(main.color) } .sora-checkout-wrap .item-quantity{ font-size:14px; color:$(main.color); font-weight:700; line-height:15px; margin:0 10px 0 5px } .sora-checkout-wrap .item-total{ font-size:14px; color:#f50000; font-weight:700; line-height:14px; margin:0 } .sora-checkout-wrap .cart-bot-element .item-total:before { content: "Product Total:"; color: #161616; margin-right:3px; } .sora-checkout-wrap .item-increment{ margin-right:5px } .sora-checkout-wrap .item-remove{ position:absolute; top:10px; right:10px } .sora-checkout-wrap .item-remove a{ float:left; width:16px; height:16px; background-color:$(main.dark.color); font-size:11px; color:#fff; line-height:14px; text-align:center; transition:background .17s ease } .sora-checkout-wrap .item-remove a:hover{ background-color:$(main.color) } .sora-checkout-wrap .simpleCart_items{ display:block; width:100%; box-sizing:border-box } .sora-checkout-wrap .cart-bot-element{ display:block; width:100%; box-sizing:border-box; margin:20px 0 0; border: 1px solid #e4e4e4; } .sora-checkout-wrap .sora-cart-ammount, .sora-checkout-wrap .sora-cart-shipping, .sora-checkout-wrap .sora-cart-grand { border-bottom: 1px solid #e4e4e4; padding: 10px 15px; font-size:14px; text-transform:uppercase; box-sizing:border-box; overflow: hidden; } .sora-checkout-wrap .sora-cart-ammount{ } .sora-checkout-wrap .sora-cart-grand { border-bottom: none; } .sora-checkout-wrap .sora-cart-subtotal, .sora-checkout-wrap .sora-cart-shippingfee, .sora-checkout-wrap .sora-cart-grandtotal{ float: left; font-size:14px; color:$(title.color); font-weight:700; margin:0 10px 0 0 } .sora-checkout-wrap .simpleCart_total, .sora-checkout-wrap .simpleCart_shipping, .sora-checkout-wrap .simpleCart_grandTotal{ float:right; font-size:14px; color:#f50000; font-weight:700 } .checkout-options { position: relative; } .widget .post-body .checkout-options ul { padding: 15px 20px; margin-top: 10px; background: #f8f6f2; margin: 10px 0 20px; border: 1px solid #e9e9e9; border-radius: 5px; list-style:none; box-sizing:border-box; } .widget .post-body .checkout-options ul li { margin: 0 0 20px; padding: 0; line-height: 35px; list-style: none; list-style-type: none; } .widget .post-body .checkout-options ul li:before { display:none; } .widget .post-body .checkout-options ul li label input { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } .widget .post-body .checkout-options ul li label img { position: absolute; display: inline-block; text-align: left; margin-left: 10px; } .sora-checkout-wrap .simpleCart_checkout{ background-color:$(main.dark.color); padding:0 15px; display:inline-block; font-size:14px; color:#fff; font-weight:700; float:right; height:30px; line-height:30px; transition:all .17s ease } .sora-checkout-wrap .simpleCart_checkout:hover{ background-color:$(main.color) } .sora-checkout-wrap .simpleCart_checkout:before{ content:'\f09d'; font-family:FontAwesome; font-weight:400; margin-right:5px } .sora-checkout-wrap .simpleCart_checkout .sora-checkout-bill{ float:right; background:transparent; padding:0; color:#fff; font-size:14px; font-weight:700; font-family:inherit; line-height:30px; cursor:pointer; border:0 } .sorasuccessbox, .sora-bank-details, .sora-upi-details { display: none; } .sora_order { margin-bottom: 20px; } .sorasuccessbox p.sorathanks { position: relative; display: block; font-size: 18px; color: #111111; line-height: 1.5em; font-weight: 700; text-transform: uppercase; margin: 10px 0 20px; padding: 0 0 10px; border-bottom: 1px solid #ebebeb; } .sorasuccessbox p.sorathanks .soranamesuccess { font-style: italic; color: $(main.color); position: relative; } .sorasuccessbox p.sorathanks .soranamesuccess:after { position: absolute; content: ''; background-color: $(main.color); width: 100%; height: 2px; bottom: -2px; left: 0; margin: 0; } .sorasuccessbox p.sorathanks .printsora { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 20px; } .sorasuccessbox .sora_order table, .sorainfoorder table, .soraorderdetails table { display: table; text-align: left; border: 1px solid #aaa; border-collapse: collapse; width: 100%; box-sizing:border-box; } .soraorderdetails table { background: #f5f8f9; } .sorasuccessbox .sora_order th, .sorainfoorder th, .soraorderdetails th { padding: 10px 20px; border: 1px solid #ccc; width: 200px; background: #f5f8f9; } .sorasuccessbox .sora_order th { display: table-cell; background: $(main.color); border-right: none !important; border-color: #00a731; color:#fff; } .sorasuccessbox .sora_order td img { max-height: 17px; margin-left: 10px; top: 3px; } .sorasuccessbox .sora_order td, .sorainfoorder td, .soraorderdetails td { padding: 10px 20px; border: 1px solid #ccc; } .sorasuccessbox .sora_order td { border: 1px solid #00a731; } .sorasuccessbox .soraticlehead { font-size: 18px; font-weight: bold; margin-bottom: 15px; line-height: 1.4em; margin-top: 0; } .sorasuccessbox .soraorderdetail .soraticlehead, .sorasuccessbox .sorainfoorder .soraticlehead { background: #f0f0f0; padding: 10px 12px; display: block; vertical-align: middle; margin: 10px 0; font-size: 18px; border-left: 3px solid $(main.color); white-space: nowrap; text-transform: capitalize; letter-spacing: 1px; position: relative; font-weight: bold; box-sizing: border-box; } .sorasuccessbox .soraorderdetails { width: 100%; box-sizing: border-box; padding: 5px; background: $(main.color); border: 1px solid #dbdfe0; } .sora-upi-details { background: #f6f8f9; border: 1px solid #e1e5e7; padding: 20px; box-sizing: border-box; } .sora-bank-details { background: #f6f8f9; border: 1px solid #e1e5e7; padding: 20px; box-sizing: border-box; } .sora-bank-details .sorainfoorder, .sora-bank-details .sorainfoorder th { background: rgba(0, 141, 253, 0.11); } .sora-upi-details .sorainfoorder ul { padding: 0; margin: 0; overflow: hidden; } .sora-upi-details .sorainfoorder ul li { display: block; width: 33.3333%; box-sizing: border-box; float: left; padding: 15px; } .sora-upi-details .sorainfoorder ul li:before { display:none; } .sora-upi-details .sorainfoorder ul li img { max-width: 100%; max-height: 100%; } .sora-upi-details .sorainfoorder ul li span { background: $(main.color); display: block; text-align: center; color: #fff; padding: 6px 5px; box-sizing: border-box; font-weight: bold; letter-spacing: 1px; font-size: 18px; } .sora-upi-details .sorainfoorder ul li.paytm-qr span { background:#002d8b; } .sora-upi-details .sorainfoorder ul li.phonepe-qr span { background:#6739B7; } .sora-upi-details .sorainfoorder ul li.gpay-qr span { background:#EA4335; } @media screen and (max-width:1100px){#outer-wrapper{max-width:100%} .row{width:100%} .second-menu .widget:before{left:0} .secondary-menu .container ul{animation-name:slideToLeft;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-sizing:border-box;padding:0 20px} #top-bar .container{box-sizing:border-box;padding:0 20px} .featured-posts{padding:0 20px;box-sizing:border-box} .hot-wrapper{box-sizing:border-box;padding:0 20px} #header-wrap{height:auto} .header-header{height:auto;box-sizing:border-box;padding:25px 20px} .header-menu{box-sizing:border-box;padding:0 20px} #content-wrapper{position:relative;box-sizing:border-box;padding:0 20px;margin:30px 0 0} #footer-wrapper .container{box-sizing:border-box;padding:25px 20px} #sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px} } @media screen and (max-width:980px){.header-logo{width:100%;max-width:100%;text-align:center} .top-menu{width:100%;text-align:center;margin:0} .top-menu ul li{float:none;margin:25px 0 0} .top-menu ul li a{margin:0 10px} #main-menu{display:none} .mobile-menu,.slide-menu-toggle{display:block} #content-wrapper > .container{margin:0} #header-inner a{display:inline-block!important} #main-wrapper,#sidebar-wrapper{width:100%;padding:0} .item #sidebar-wrapper{margin-top:20px} } @media screen and (max-width:880px){#brand-services-wrap li{width:calc(100% / 3);margin-bottom:30px} .footer-widgets-wrap{display:block} #footer-wrapper .footer{width:100%;margin-right:0} #footer-sec2,#footer-sec3{margin-top:25px} .search-toggle{background-color:rgba(0,0,0,0);text-align:center;padding:0} #nav-search,.rtl #nav-search{width:100%;left:0;right:0;padding:10px 20px} .services-wrapper .right-side-widget .widget{width:calc(100% / 2)} } @media screen and (max-width:767px){.slider-outer-wrap .vertical-left-menu,.slider-outer-wrap .vertical-right-menu{width:100%} #main-slider-wrapper{width:100%;margin:10px 0;padding:0} .carousel-outer-wrap ul.complex-tabs ul.mega-widget .mega-item{width:50%;margin-bottom:10px} } @media screen and (max-width:680px){#hot-section .show-hot .widget-content,#hot-section .hot-posts{height:auto} #hot-section .hot-loader{height:200px} .hot-posts .hot-item{width:100%;height:230px;margin:10px 0 0} .hot-posts .item-0{margin:0} .index-post{width:50%} .col-left{width:100%} .col-right{width:100%;margin:5px 0 0} .col-left .post-image-wrap{height:230px} .related-posts .related-item{width:calc(100% / 2)} .related-posts .item-2{margin:30px 0 0} #footer-payments,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center} #footer-payments{margin:10px 0 0} #sub-footer-wrapper .copyright-area{margin:10px 0} #footer-payments ul li{float:none;height:auto} #footer-payments ul li a{line-height:inherit;margin:0 3px 5px} } @media screen and (max-width:560px){#brand-services-wrap li{width:calc(100% / 2)} #right-menu{display:none} .carousel-outer-wrap ul.complex-tabs ul li{display:block} .carousel-outer-wrap ul.complex-tabs ul.mega-widget .mega-item{width:100%;margin-bottom:10px} .services-wrapper .right-side-widget .widget{width:100%} .featured-products.common-widget li,.featured-products.common-widget li:first-child{width:50%} .products-list .common-widget{width:100%} .ad-slot-main{width:100%} .sora-checkout-details{text-align:left} } @media screen and (max-width:440px){.queryMessage{text-align:center} .queryMessage a.show-more{width:100%;margin:10px 0 0} #comments ol{padding:0} .errorWrap{padding:70px 0 100px} .errorWrap h3{font-size:120px} } @media screen and (max-width:400px){.index-post,.related-posts .related-item{width:50%} .related-posts .item-1{margin:30px 0 0} } ]]>