<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> Page Not Found - <data:blog.title/> ----------------------- */ /***************************************** reset.css ******************************************/ html, body, .section, .widget, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0;} html { overflow-x: hidden;} a {text-decoration:none;color:#000;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} .quickedit, .home-link{display:none;} blockquote, q { quotes: "" "";} sup{ vertical-align: super; font-size:smaller;} code{ font-family: 'Courier New', Courier, monospace; font-size:12px; color:#272727;} ::selection {background:transparent; text-shadow:#000 0 0 2px;} ::-moz-selection {background:transparent; text-shadow:#000 0 0 2px;} ::-webkit-selection {background:transparent; text-shadow:#000 0 0 2px;} ::-o-selection {background:transparent; text-shadow:#000 0 0 2px;} a img{ border: none;} ol, ul { padding:0; margin:0; text-align: left; } ol li { list-style-type: decimal; padding:0 0 5px; } ul li { list-style-type: disc; padding: 0 0 5px; } ul ul, ol ol { padding: 0; } #navbar-iframe, .navbar { height:0px; visibility:hidden; display:none } .feed-links, .Attribution, .post-footer-line.post-footer-line-1, .post-footer-line.post-footer-line-2 , .post-footer-line.post-footer-line-3 { display: none; } div#ContactForm1 { display: none; visibility: hidden; opacity: 0; } .item-control { display: none !important; } h2.date-header, h4.date-header {display:none;margin:1.5em 0 .5em} h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight: 600; color: #2e2e2e; } blockquote { padding: 8px; background-color: #faebbc; border-top: 1px solid #e1cc89; border-bottom: 1px solid #e1cc89; margin: 5px; background-image: url(http://1.bp.blogspot.com/-siy6EKYCLtM/U6X4AdKrr0I/AAAAAAAANDs/HCjRvuedDro/s1600/openquote1.gif); background-position: top left; background-repeat: no-repeat; text-indent: 23px; } blockquote p{ display: block; background-image: url(http://3.bp.blogspot.com/-UjppXQI-ww0/U6X4IpheNiI/AAAAAAAAND0/PJhRvvhAWGU/s1600/closequote1.gif); background-repeat: no-repeat; background-position: bottom right; } img { max-width: 100%; vertical-align: middle; border: 0; } .widget iframe, .widget img { max-width: 100%; } #loader { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 1000; } #status { width: 200px; height: 200px; position: fixed; left: 50%; z-index: 100; top: 50%; background-image: url(https://3.bp.blogspot.com/-mkWkfjDXD88/WVpRC76s5SI/AAAAAAAADME/4T4q4ulAsyo196NUYQ_EttfTPYxiHrGTQCLcBGAs/s1600/ripple.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; z-index: 1001; } /***************************************** Custom css starts ******************************************/ body { color: #333; font-family:'Lato', sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; background: #ffffff; } /* ######## Wrapper Css ######################### */ #outer-wrapper{max-width:100%;margin:0 auto;background-color:#FFF;box-shadow:0 0 5px RGBA(0, 0, 0, 0.2)} .row{width:1063px} #content-wrapper { margin: 0 auto; padding: 20px 0 40px; overflow: hidden; } .item #main-wrapper, .statc_page #main-wrapper { float: left; width: 68%; max-width: 800px; } .index #main-wrapper, .archive #main-wrapper { float:none; width:100%; max-width:100% } .item #sidebar-wrapper, .statc_page #sidebar-wrapper { float: right; width: 30%; max-width: 330px; } .index #sidebar-wrapper, .archive #sidebar-wrapper { display:none; visibility:hidden; height:0; opacity:0; } /* ######## Top Header Bar Css ######################### */ .top-bar { background-color: #f0f0f0; } .top-bar-wrapper { position: relative; overflow: hidden; min-height:40px; color: #fff; margin:0 auto; } .top-bar-menu { float: left; } .top-menu ul { overflow: hidden; list-style: none; padding: 0; margin: 0; } .top-menu ul li { float: left; display: inline-block; list-style: none; padding:0; } .top-menu ul li:first-child a { padding: 12px 12px 12px 0; } .top-menu ul li a { padding: 12px 16px; display: block; border: none !important; text-decoration: none; line-height: inherit; font-size: 14px; font-weight: normal; color:#696969; text-transform: uppercase; font-family: Raleway; letter-spacing: 1px; } .top-meta-menu { float: right; } .top-meta-menu ul { overflow: hidden; list-style: none; padding: 0; margin: 0; } .top-meta-menu ul li { float: left; display: inline-block; list-style: none; padding:0; } .top-meta-menu ul li:last-child a { padding: 12px 0 12px 16px; } .top-meta-menu ul li a { padding: 12px 16px; display: block; border: none !important; text-decoration: none; line-height: inherit; font-size: 14px; font-weight: normal; color:#696969; } .top-meta-menu ul li a i { text-align:center; display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; margin-right:5px; background: $maincolor; transition: background 0.3s linear; -moz-transition: background 0.3s linear; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; } .selectnav {display:none} /* ######## Header Css ######################### */ #header-wrapper { } #header-wrappers { color: #333; padding: 20px 0 20px; margin: 0 auto; } #header-inner { background-position: left; background-repeat: no; } .headerleft img { height: auto; margin: 0 0 0; width:100%; max-width:100%; } .headerleft h1, .headerleft h1 a, .headerleft h1 a:hover, .headerleft h1 a:visited { font-family: 'Righteous', cursive; color: $maincolor; font-size: 45px; font-weight: normal; line-height: 68px; margin: 0; padding: 0 0 5px; text-decoration: none; text-transform: uppercase; } .headerleft h1:before { content: "\f07a"; font-family: fontawesome; color: #8a8a8a; margin-right: 5px; } .headerleft h3 { font-weight: 400; margin: 0; padding: 0; } .headerleft .description { color: #000000; font: normal 14px Oswald; margin: 0; padding: 10px 0; text-transform: uppercase; text-align: left; } .headerleft { float: left; margin: 0; padding: 0; width: auto; } .headerright { float: right; margin: 0; padding: 8px 0 0; width: 720px; text-align: center; } .top-bar-social, .bottom-bar-social { padding: 0; } .top-bar-social li, .bottom-bar-social li { display: inline; padding: 0; float: left; margin-right: 5px; ; } .top-bar-social .widget ul, .bottom-bar-social .widget ul { padding: 0; } .top-bar-social .LinkList ul, .bottom-bar-social .LinkList ul { text-align: center; } .top-bar-social #social a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; background: $maincolor; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; transition: background 0.3s linear; -moz-transition: background 0.3s linear; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; } .top-bar-social #social a:before, .bottom-bar-social #social a:before { display: inline-block; font: normal normal normal 22px/1 FontAwesome; font-size: inherit; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .top-bar-social .bloglovin:before, .bottom-bar-social .bloglovin:before{content:"\f004"} .top-bar-social .facebook:before, .bottom-bar-social .facebook:before{content:"\f09a"} .top-bar-social .twitter:before, .bottom-bar-social .twitter:before{content:"\f099"} .top-bar-social .gplus:before, .bottom-bar-social .gplus:before{content:"\f0d5"} .top-bar-social .rss:before, .bottom-bar-social .rss:before{content:"\f09e"} .top-bar-social .youtube:before, .bottom-bar-social .youtube:before{content:"\f167"} .top-bar-social .skype:before, .bottom-bar-social .skype:before{content:"\f17e"} .top-bar-social .stumbleupon:before, .bottom-bar-social .stumbleupon:before{content:"\f1a4"} .top-bar-social .tumblr:before, .bottom-bar-social .tumblr:before{content:"\f173"} .top-bar-social .vine:before, .bottom-bar-social .vine:before{content:"\f1ca"} .top-bar-social .stack-overflow:before, .bottom-bar-social .stack-overflow:before{content:"\f16c"} .top-bar-social .linkedin:before, .bottom-bar-social .linkedin:before{content:"\f0e1"} .top-bar-social .dribbble:before, .bottom-bar-social .dribbble:before{content:"\f17d"} .top-bar-social .soundcloud:before, .bottom-bar-social .soundcloud:before{content:"\f1be"} .top-bar-social .behance:before, .bottom-bar-social .behance:before{content:"\f1b4"} .top-bar-social .digg:before, .bottom-bar-social .digg:before{content:"\f1a6"} .top-bar-social .instagram:before, .bottom-bar-social .instagram:before{content:"\f16d"} .top-bar-social .pinterest:before, .bottom-bar-social .pinterest:before{content:"\f0d2"} .top-bar-social .delicious:before, .bottom-bar-social .delicious:before{content:"\f1a5"} .top-bar-social .codepen:before, .bottom-bar-social .codepen:before{content:"\f1cb"} .top-bar-social .email:before, .bottom-bar-social .email:before{content:"\f0e0"} .top-bar-social ul#social a:hover, .bottom-bar-social ul#social a:hover { color: #fff; opacity: 1; } .header-social {display:inline-block;} /* ######## Shopping Cart Css ######################### */ .sora-cart { float: right; width: 180px; padding: 0px; cursor: pointer; position: relative; } .sora-cart-logo { position: relative; display: block; padding: .4em .4em .4em 2em; margin: 0; background: #f0f0f0; color: #444; text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .sora-cart-logo:before { content: "\f290"; font-family: fontawesome; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; background: $maincolor; color: #fff; height: 2em; width: 2em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .sora-cart-details { } .sora-cart-description { background: #fff none repeat scroll 0 0; border-top: 2px solid $maincolor; padding: 10px 15px; position: absolute; right: 0; text-align: left; top: 100%; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 273px; visibility: hidden; z-index: -99; } .sora-cart:hover .sora-cart-description { margin-top: 0; -webkit-transform: translateY(0px); transform: translateY(0px); visibility: visible; z-index: 99999; } .sora-cart-description .itemRow { display: block; margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #eee; background-color: #fff; color: #111; padding: 10px; position: relative; } .sora-cart-description .itemRow:last-child { border-bottom:0; } .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: 16px; font-weight: 600; line-height: 1.25; margin-bottom: 10px; margin-right: 12px; text-transform: capitalize; width: auto; font-family: Raleway; } .sora-cart-description .item-price { font-size: 13px; line-height: 1.25; margin-bottom: 10px; } .sora-cart-description .item-decrement, .sora-cart-description .item-increment { width: 15px; float: left; text-align: center; } .sora-cart-description .item-decrement, .sora-cart-description .item-quantity { float: left; margin-right: 5px; font-size: 16px; } .sora-cart-description .item-decrement a, .sora-cart-description .item-increment a { text-decoration: none; padding: 1px 4px; height: 20px; font-size: 15px; text-align: center; color: $maincolor; display: inline-block; } .sora-cart-description .item-quantity { margin: 0px 10px 0px 5px; } .sora-cart-description .item-total { margin: 10px 0; font-size: 16px; } .sora-cart-description .item-increment { margin-right: 5px; } .sora-cart-description .item-remove { position: absolute; right: 0; top: 10px; color: $maincolor; line-height: 16px; } .sora-cart-description .item-remove a { color: $maincolor; font-size:16px; } .sora-cart-description .simpleCart_empty, .sora-cart-description .simpleCart_checkout { transition: all .3s; background: $maincolor; padding: 5px 12px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 12px; text-transform: uppercase; color: #f7f7f7; font-weight: bold; white-space: nowrap; } .sora-cart-description .simpleCart_empty:before, .sora-cart-description .simpleCart_checkout:before { content: '\f00d'; font-family: FontAwesome; margin-right: 5px; } .sora-cart-description .simpleCart_checkout:before { content: '\f07a'; } .sora-cart-buttons-wrap { border-top: 1px solid #eeeeee; } .sora-cart-buttons-wrap .sora-cart-ammount { clear: both; font-size: 14px; margin: 10px 0; font-weight: normal; text-transform: uppercase; } .sora-cart-buttons-wrap .sora-cart-ammount .sora-cart-subtotal { font-size: 16px; font-weight: bold; display: inline-block; float: left; } .sora-cart-buttons-wrap .sora-cart-ammount .simpleCart_total { float: right; } .sora-cart-buttons { text-align: center; display: block; clear: both; } /* ######## Megamenu Css ######################### */ .mega-menu-full { background: $maincolor; } .mega-menu-wrap #pull { display: none; } .mega-menu-wrap { margin: 0 auto; padding: 0; position: relative; } ul.megamenu { list-style: none; line-height: 1; overflow: visible !important } ul.megamenu:after { margin: 0; padding: 0; content: ' '; display: block; height: 0px; clear: both } ul.megamenu li { float: left; display: inline; position: relative; text-transform: uppercase; padding: 0; } ul.megamenu li a.menu-target:after { content: ""; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #fff; font-size: 0; line-height: 0; bottom: 22px; right: 5px; position: absolute } ul.megamenu li a { display: block; line-height: 50px; padding: 0px 20px; text-decoration: none; color: #fff; font-size: 14px; font-weight: bold; font-family:Raleway; transition: all 0.3s ease-in-out } ul.megamenu li a:hover { background: #e63737; color: #fff } ul.megamenu ul { position: absolute; display: none; top: 100% } ul.megamenu li:hover > ul { display: block } ul.megamenu ul li { z-index: 72; min-width: 149px; float: none; background: #000; text-shadow: none } ul.megamenu ul li a { text-transform: none; font-weight: normal } ul.megamenu ul li a:hover, ul.megamenuid ul li a.hover { background: #E0E0E0; color: #444 } ul.megamenu ul ul { display: none; left: 100%; top: 0 } ul.megamenuid li div.megasubmenu { background: #F9F9F9; position: absolute; width: 830px; z-index: 90; left: 0; top: 100%; overflow: hidden; min-height: 150px; -moz-transform: translate(0, 30px); -webkit-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); transform-origin: 50% 0; visibility: hidden; opacity: 0; color: #888; box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out } ul.megamenuid li:hover div.megasubmenu { visibility: visible; opacity: 1; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } ul.megamenuid ul, ul.megamenuid ul li { display: block !important; border: 0 none !important; margin: 0 !important; padding: 0 !important } ul.megamenuid ul li { background: none !important; float: left !important } ul.megamenuid ul.leftmenulist { position: absolute; width: 18%; left: 0; top: 0; bottom: 0; background: #EEEEEE; border-right: 1px dashed #e5e5e5 !important } ul.megamenuid ul.leftmenulist a { border-left: none !important; color: #555 } ul.megamenuid ul.rightmenulist { position: relative; display: block; width: 81%; float: right; margin: 0px 0px 0px !important; background: none } ul.megamenuid ul.rightmenulist li { display: block; overflow: hidden; position: relative; min-height: 210px; padding: 5px 17px 5px 0px !important } ul.megamenuid ul.rightmenulist li .thumb-container { left: 0; width: 100%; height: 100%; position: absolute; overflow: hidden; font-size: 0; line-height: 0 } ul.megamenuid ul.rightmenulist li .thumb-container img { position: relative; top: 10px; padding: 0; width: 100%; height: 100%; display: block } ul.megamenuid ul.rightmenulist li a { display: block; border-left: none !important; padding: 0px 5px !important; line-height: 1.4; color: #777; font-weight: bold; font-size: 14px } ul.megamenuid ul.rightmenulist li a:hover { color: #000; background: transparent } ul.megamenuid .loading-icon { background: url('http://2.bp.blogspot.com/-N9HNU11nhiA/Va-NLcGF0lI/AAAAAAAALW4/HzSlCK7PGeY/s1600/wait.gif') no-repeat scroll 0 0 transparent; width: 22px; height: 22px; position: absolute; top: 50%; margin-top: -11px; right: 5px } ul.megamenuid .menu-icon { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #777; display: block; height: 0; margin-top: -4px; position: absolute; right: 11px; top: 50%; width: 0 } #megamenuid { height: 50px; position: relative; margin: 0 auto; padding: 0px } #megamenuid h5 { font-size: 16px; margin-top: 70px; text-align: center } #megamenuid h5:before { content: ""; position: absolute; top: 50px; left: 50%; width: 5px; height: 2px; margin-left: -4px; border-left: 2px solid black; border-right: 2px solid black } #megamenuid h5:after { content: ""; position: absolute; top: 55px; left: 50%; width: 10px; height: 5px; margin-left: -7px; border-top: 2px solid black; border-left: 2px solid black; border-right: 2px solid black; border-radius: 8px 8px 0px 0px } #search-icon { position: absolute; right: 0; top: 0; display: block; width: 50px; line-height: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.1); color: #fff; font-size: 14px; text-align: center; cursor: pointer } #nav-search { position: absolute; right: 0; top: 50px; z-index: 50; display: none; width: 302px; height: 74px; background-color: #222; border-bottom: 2px solid #fa555; transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease } #nav-search #searchform { width: 262px; position: absolute; left: 20px; top: 20px } #searchform { position: relative; height: 36px; overflow: hidden } #nav-search #s { width: 166px } #s { position: relative; height: 32px; padding-left: 12px; padding-right: 82px; border: 1px solid rgba(255, 255, 255, 0.05); background-color: rgba(0, 0, 0, 0.1); font-size: 13px; color: #fff } #s:focus { color: #fff; outline: none } #searchsubmit { position: absolute; right: 2px; top: 2px; height: 32px; padding: 0 10px; color: #fff; background-color: $maincolor; font-size: 12px; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; transition: background .3s } #searchsubmit:hover { background-color: rgba(250, 85, 83, 0.72) } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } /* ######## Slider and Vertical Menu ######################### */ .slide-menu-wrap { margin: 15px auto; overflow:hidden; } .slide-menu-wrap .vertical-menu { width: 25%; float: left; } .slide-menu-wrap .vertical-menu .slide-menu { border: 1px solid #eaeaea; } .slide-menu-wrap .vertical-menu .slide-menu h2 { position: relative; overflow: hidden; margin: 0; font-size: 15px; vertical-align: middle; padding: 8px 10px; font-weight: 600; background: #eaeaea; color: #8a8a8a; text-transform: uppercase; letter-spacing: 1.22px; } .slide-menu-wrap .vertical-menu .slide-menu h2:before { content: '\f022'; font-family: FontAwesome; margin-right: 5px; } .slide-menu-wrap .vertical-menu ul { overflow: hidden; list-style: none; padding: 0; margin: 0; } .slide-menu-wrap .vertical-menu ul li { display: block; list-style: none; padding:0; border-bottom: 1px solid #eaeaea; } .slide-menu-wrap .vertical-menu ul li:last-child { border-bottom:none; } .slide-menu-wrap .vertical-menu ul li a { padding: 10.5px 16px; display: block; border: none !important; text-decoration: none; line-height: inherit; font-size: 12px; font-weight: bold; color: #696969; text-transform: uppercase; } .slide-menu-wrap .vertical-menu ul li a i { margin-right: 5px; } .feat-slider-wrap { position: relative; float: right; width: 73.5%; } .ty-slide-show { overflow: hidden; } .ty-slide-show ul { padding:0; list-style:none; } .ty-slide-show li { list-style:none; padding:0; } .ty-slide .ty-wow { overflow: hidden; border-bottom: 1px solid #F5F5F5; padding: 0; position:relative; } .ty-slide .ty-thumb-bonos img { position: relative; float: left; margin: 0!important; width: 100%; height: 320px; overflow: hidden; display: block; vertical-align: middle; object-fit:cover; } .ty-slide .ty-slide-con { position: absolute; bottom: 10px; display: table; width: 100%; height: 10%; z-index: 2; box-sizing: border-box; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ty-slide .ty-slide-con-tab { display: table-cell; vertical-align: middle; } .ty-slide .ty-slide-con-cell { position: relative; width: 80%; margin: 0 auto; padding: 20px 10px; } .ty-slide .ty-bonos-entry { overflow: hidden; line-height: 0; margin: 10px 0 10px; padding: 0 10px; } .ty-slide .ty-bonos-entry a { color: #fff; font-weight: 700; letter-spacing:4px; text-transform:capitalize; font-size: 20px; line-height: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ty-slide .ty-bonos-entry a:hover { } .yard-auth-ty { } .yard-auth-ty, .ty-time { color: #bdbdbd; font-size: 12px; font-weight: 400; 'Merriweather', serif } .tyimg-lay { content: no-close-quote; 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; } .ty-slide:hover .tyimg-lay { opacity: .75; } .ty-slide .recent-shop { transition: all .3s; background: $maincolor; padding: 5px 12px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 12px; text-transform: uppercase; color: #f7f7f7; font-weight: normal; white-space: nowrap; font-family: 'Righteous', cursive; } .ty-slide .recent-shop i { margin-right:5px; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .owl-prev, .owl-next { top: 0; color: #fff; font-family: FontAwesome; position: absolute; background:$maincolor; z-index: 1; display: block; cursor: pointer; padding: 10px; text-align: center; overflow: hidden; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; } .owl-prev:before { content: '\f060'; font-family: fontawesome; } .owl-next:before { content: '\f061'; font-family: fontawesome; } .owl-next { right: -100px; } .owl-prev { left: -100px; } .ty-slide:hover .owl-prev { left:0; } .ty-slide:hover .owl-next { right:0; } /* ######## Responsive Ads ######################### */ .res-pro-ad { margin: 15px auto 15px; } /* ######## Section 2 Css ######################### */ .special-wrap { margin:0 auto; overflow:hidden; } .special-tiles { width: 25%; float: left; box-sizing: border-box; text-align: center; padding: 0 10px; } .special-tiles-wrap { box-sizing: border-box; background:#eaeaea; border:1px solid #dddddd; cursor:pointer; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .special-tiles-wrap:hover { background: #222; border-color: #333; color: #fff; } .special-tiles-wrap:hover .special-heading, .special-tiles-wrap:hover .special-text { color:#fff; } .special-tiles:first-child { padding:0 10px 0 0; } .special-tiles:last-child { padding:0 0 0 10px; } .special-icons { font-size: 45px; width: 150px; height: 150px; background-color: #f0f0f0; border-radius: 50%; 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; } .special-tiles-wrap:hover .special-icons { background:$maincolor; color:#ffffff; -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .special-heading { font-size: 14px; line-height: 21px; color: #444; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; font-weight:bold; padding: 0 8px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .special-text { margin: 0 0 20px; color: #666; padding: 0 8px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } /* ######## Sidebar Css ######################### */ .sidebar .widget { margin-bottom: 20px; position: relative; } .sidebar h2 { position: relative; overflow: hidden; margin: 0; font-size: 18px; vertical-align: middle; padding:10px; border-left: 4px solid $maincolor; font-weight: 700; background:#f0f0f0; color:#222; } .sidebar ul,.sidebar li{ list-style-type:none; margin:0; padding:0; } .sidebar .widget-content { padding: 10px 0; } /* ######## Post Css ######################### */ #main-wrapper .custom-title { background: #f0f0f0; padding: 10px 12px; display: block; vertical-align: middle; margin: 0 0 10px; font-size: 16px; border-left: 3px solid $maincolor; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; position: relative; overflow: hidden; } #main-wrapper .custom-title h2 { font-family: 'Righteous', cursive; font-weight: normal; color: #444; } #main-wrapper .custom-title h2:after { content: ''; display: inline-block; position: absolute; height: 15px; top: 0; margin: 3px 0 12px 10px; width: 100%; background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat; } article { padding: 0; } .index .post-grid-item, .archive .post-grid-item { width:23.8%; float:left; margin-right:15px; margin-bottom:15px; } .index .post-grid-item:nth-child(4n) { margin-right:0; } .sora_product_item_dis { top: 5px; position: absolute; left: 5px; z-index: 9; width: 50px; height: 50px; background: $maincolor; padding: 0; margin: 0; text-align: center; line-height: 50px; border-radius: 100%; letter-spacing: 1px; color: #fff; font-size: 16px; font-family: 'Righteous', cursive; } .post { display: block; word-wrap: break-word; background: #ffffff; } .index .post h2, .archive .post h2 { font-size: 20px; line-height: 20px; margin: 0; font-weight: 700; padding: 18px 0 10px; text-transform: capitalize; } .index .post h2 a, .archive .post h2 a { color: #000; letter-spacing: 1px; } .index .post h2, .archive .post h2 { margin: 10px 0 10px; padding: 0; } .item #main-wrapper .post-custom-title .custom-title { line-height: 20px; background: $maincolor; color: #fff; margin-bottom: 0; text-align: center; } .item #main-wrapper .post-custom-title .custom-title h2 { color:#fff; } .item #main-wrapper .post-custom-title .custom-title h2:after { display:none; } .item #main-wrapper .custom-title h4 { font-family: 'Righteous', cursive; font-weight: normal; color: #444; } .item #main-wrapper .custom-title h4:after { content: ''; display: inline-block; position: absolute; height: 15px; top: 0; margin: 3px 0 12px 10px; width: 100%; background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat; } .item #main-wrapper .related-product .custom-title { margin: 10px 0; } .retitle h2 { margin: 8px 0; display: block; } .sora-product-detail { padding: 0; box-sizing: border-box; margin-bottom:10px; display: flex; flex-wrap: wrap; } .sora-product-detail .sora-product-image { float: left; background: none; height: auto; margin-right: 10px; width: 35%; background-color: #f0f0f0; border: 1px solid #eee; padding: 10px; position: relative; } .sora-product-detail .sora-product-image .sora_product_item_dis { top:15px; left:15px; } .sora-product-detail .sora-product-image img { height:320px; width: 100%; } .sora-product-detail .sora-pro-info { width: 60%; float: left; } .sora-product-detail .sora-pro-info .post-head { border-bottom: 1px solid #eee; margin: 10px 0; } .sora-product-detail .sora-pro-info .post-head h1 { font-size: 25px; line-height: 25px; font-weight: 700; margin: 0; padding-bottom: 5px; text-transform: capitalize; letter-spacing: 1px; display: inline-block; border-bottom: 1px solid #2c3e50; position: relative; top: 2px; } .sora-product-detail .sora-pro-info .sora-product-buy-box { background: #f0f0f0; border: 1px solid #eeeeee; text-align: center; padding: 10px; } .sora-product-detail .sora-pro-info .sora-product-buy-box .sora_product_item_price { background: #fff; text-align: center; font-weight: 400; padding: 10px; } .sora-product-detail .sora-pro-info .sora-product-buy-box .sora_product_item_price .sora-product-price-text, .sora-product-detail .sora-pro-info .sora-product-buy-box .sora_product_item_price .sora_product_price { font-size:22px; } .sora-product-detail .sora-pro-info .sora-product-buy-box .sora-product-buy-buttons .item_add, .sora-product-detail .sora-pro-info .sora-product-buy-box .sora-product-buy-buttons .sora-cart-view, .sora-product-detail .sora-pro-info .sora-product-buy-box .sora-product-buy-buttons .sora-cart-payment { transition: all .3s; background: $maincolor; padding: 5px 12px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 12px; text-transform: uppercase; color: #f7f7f7; font-weight: bold; white-space: nowrap; } .sora-product-detail .sora-pro-info .sora-product-buy-box .sora-product-buy-buttons .item_add i, .sora-product-detail .sora-pro-info .sora-product-buy-box .sora-product-buy-buttons .sora-cart-view i, .sora-product-detail .sora-pro-info .sora-product-buy-box .sora-product-buy-buttons .sora-cart-payment i { margin-right:5px; } .sora-product-detail .sora-pro-info .sora-product-short-desc { margin: 10px 0 0; display: block; text-align: left; } .sora-product-detail .sora-pro-info .sora-product-short-desc b { text-transform:Uppercase; margin-bottom:5px; display:block; } .static_page .post-head { text-align: center; } .post-body { background-color: #f0f0f0; border: 1px solid #eee; margin: 0px; padding:10px; font-size: 14px; line-height: 26px; box-sizing:border-box; } .post-home-image { float: none; margin: 0 auto; clear: both; width: 100%; position:relative; } .post-home-image .post-thumb { width: 100%; height: auto; position: relative; display: block; overflow: hidden; background: #e5e5e5; } .post-home-image .post-thumb:before { background: rgba(0, 0, 0, 0.3); bottom: 0px; content: ""; height: 100%; width: 100%; left: 0px; right: 0px; margin: 0px auto; position: absolute; z-index: 3; opacity:0; } .post-home-image .post-thumb img { width: 100%; height: 320px; display: block; object-fit:cover; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; } .post-product-header { color: #bdbdbd; display: block; font-size: 12px; font-weight: 400; line-height: 1.3em; margin: 0!important; padding: 0; } .post-product-header a { color: #bdbdbd; } .post-home-product { text-align: center; } .product-quick-view { animation-duration: 0.3s; transition: all .3s; background: $maincolor; padding: 7px 12px !important; display: block; margin: 0; font-size: 15px; text-transform: uppercase; color: #f7f7f7; position: absolute; bottom: 25%; width: 100%; box-sizing: border-box; text-align: center; font-weight: bold; font-family: Raleway; opacity:0; } .post-home-image:hover .product-quick-view { bottom:0; opacity:1; } .post-home-image:hover .post-thumbnail { opacity: 0.3; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .sora_product_item_price .sora-product-price-text, .sora_product_item_price .sora_product_price { font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #333; } .sora_product_item_price .sora-product-price-text { color: $maincolor; padding: 0 5px 0 0; } .post-product-header .item_add { transition: all .3s; background: $maincolor; padding: 8px 16px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 15px; text-transform: uppercase; color: #f7f7f7; font-weight: normal; white-space: nowrap; font-family: 'Righteous', cursive; } .post-product-header .item_add i { margin-right:5px; } .post-header { padding: 10px; } #meta-post .fa-calendar-o { margin-left: 8px; } .post-meta { color: #bdbdbd; display: block; font-size: 13px; font-weight: 400; line-height: 21px; margin: 0; padding: 0; } .post-meta a, .post-meta i { color: #CBCBCB; } .post-timestamp { margin-left: 5px; } .label-head { margin-left: 5px; } .label-head a { padding-left: 2px; } .resumo { margin-top: 10px; color: #919191; } .resumo span { display: block; margin-bottom: 8px; font-size: 16px; line-height: 31px; } .post-body img { max-width: 100%; padding: 10px 0; position: relative; margin:0 auto; } .post h3 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; line-height: 1.1; } .second-meta { display: none; } .comment-link { white-space: normal; } .item #blog-pager { display:none; } #blog-pager { clear: both; text-align: center; padding: 15px 0; background: #ffffff; color: #4d4d4d; } .displaypageNum a, .showpage a, .pagecurrent, .blog-pager-older-link, .blog-pager-newer-link { padding: 5px 13px; margin-right: 8px; color: #fff; background-color: #36404b; display: inline-block; line-height: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-top: 10px; } .displaypageNum a:hover, .showpage a:hover, .pagecurrent, .blog-pager-older-link:hover, .blog-pager-newer-link:hover { background: #fb4848; text-decoration: none; color: #fff; } .showpageOf { display: none!important; overflow: hidden; } #blog-pager .pages { margin: 10px 0; border: none; } .comments { clear: both; margin-top: 0; margin-bottom: 0; color: #2A3744 } .comment-form h4 { font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 10px 0; margin: 0; border-bottom: 1px solid #eee } .cmm-title { position: relative } .cmm-title span { position: absolute; left: 0; bottom: 0px; display: block; width: 30px; height: 3px; background-color: #FFFF00 } .comments .comments-content { padding: 10px 0 } .comments .comments-content .comment { margin-bottom: 0; padding-bottom: 8px } .comments .comments-content .comment:first-child { padding-top: 0 } .cmm-tabs .content-tab { background-color: transparent; padding: 0 } .cmm-tabs-header { background-color: #2A3744; height: 32px; margin-bottom: 0; position: relative } .cmm-tabs-header h3 { display: inline-block; margin: 0; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 13px; height: 32px; line-height: 32px; padding-left: 10px } .cmm-tabs-header h3 h9 { display: none } .simpleTab .cmm-tabs-header .wrap-tab { float: right } .cmm-tabs-header .wrap-tab a { height: auto; line-height: 32px; padding: 0 10px; font-size: 14px; display: inline-block } .cmm-tabs-header .wrap-tab li { float: left; width: auto } .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 } .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 { padding: 10px; box-shadow: none; border: 1px solid #eee; border-radius: 2px } .comments .comment-block, .comments .comments-content .comment-replies { margin-left: 47px; margin-top: 0 } .comments .comments-content .inline-thread { padding: 0 } .comments .comments-content .comment-header { font-size: 14px; border-bottom: 1px solid #eee; padding: 0 0 3px } .comments .comments-content .user { font-style: normal; font-weight: 400 } .comments .comments-content .icon.blog-author { font-weight: 400 } .comments .comments-content .comment-content { text-align: justify; font-size: 14px; line-height: 1.4em } .comments .comment .comment-actions a { margin-right: 5px; padding: 2px 5px; color: #2A3744; font-weight: 400; background-color: #eee; font-size: 10px; letter-spacing: 1px; border-radius: 2px } .comments .comment .comment-actions a:hover { background-color: #FFFF00; color: #fff; text-decoration: none } .comments .comments-content .datetime { margin-left: 0; float: right; font-size: 11px } .comments .comments-content .comment-header a { color: inherit } .comments .comments-content .comment-header a:hover { color: #FFFF00 } .comments .comments-content .icon.blog-author { height: auto; width: auto; background: $maincolor; padding: 0 5px; border-radius: 3px; color: #fff; text-transform: uppercase; font-family: 'Righteous', cursive; letter-spacing: 1px; } .comments .comments-content .icon.blog-author:before { content: "Seller"; font-size: 12px; } .comments .thread-toggle { margin-bottom: 4px } .comments .comments-content .comment-thread { margin: 4px 0 } .comments .continue a { padding: 0; padding-top: 10px; padding-left: 47px; font-weight: 500 } .comments .comments-content .loadmore.loaded { margin: 0; padding: 0 } .comments .comment-replybox-thread { margin: 0 } iframe.blogger-iframe-colorize, iframe.blogger-comment-from-post { max-height: 283px!important } .sora-cart-review { border: 1px solid #f0f0f0; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); } .sora-cart-review-wrap { padding: 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; } .sora-cart-review-wrap .itemRow { display: block; margin-bottom: 15px; overflow: hidden; border: 1px solid #eee; background-color: #f0f0f0; color: #111; padding: 10px; position: relative; } .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: 18px; font-weight: 600; line-height: 1.25; margin-bottom: 10px; margin-right: 12px; text-transform: capitalize; width: auto; font-family: Raleway; } .sora-cart-review-wrap .item-price { font-size: 14px; line-height: 1.25; margin-bottom: 10px; } .sora-cart-review-wrap .item-decrement, .sora-cart-review-wrap .item-increment { width: 15px; float: left; text-align: center; } .sora-cart-review-wrap .item-decrement, .sora-cart-review-wrap .item-quantity { float: left; margin-right: 5px; font-size: 16px; } .sora-cart-review-wrap .item-decrement a, .sora-cart-review-wrap .item-increment a { text-decoration: none; padding: 1px 4px; height: 20px; font-size: 16px; text-align: center; color: $maincolor; display: inline-block; } .sora-cart-review-wrap .item-quantity { margin: 0px 10px 0px 5px; } .sora-cart-review-wrap .item-total { margin: 10px 0; font-size: 16px; } .sora-cart-review-wrap .item-increment { margin-right: 5px; } .sora-cart-review-wrap .item-remove { position: absolute; right: 10px; top: 10px; color: $maincolor; line-height: 16px; } .sora-cart-review-wrap .item-remove a { color: $maincolor; font-size:16px; } .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: 16px; text-transform: uppercase; } .sora-cart-review-wrap .sora-cart-subtotal { font-family: 'Righteous', cursive; letter-spacing: 0.8px; margin-right: 10px; } .sora-cart-review-wrap .simpleCart_total { color: $maincolor; font-weight: bold; } .sora-cart-review-wrap .simpleCart_checkout { transition: all .3s; background: $maincolor; padding: 5px 12px !important; display: inline-block; vertical-align: middle; margin:0; font-size: 12px; text-transform: uppercase; color: #f7f7f7; font-weight: bold; white-space: nowrap; float:right; } .sora-cart-review-wrap .simpleCart_checkout:before { content: '\f07a'; font-family: FontAwesome; margin-right: 5px; } .sora-cart-checkout { border: 1px solid #f0f0f0; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); } .sora-cart-checkout-wrap { padding: 10px; box-sizing: border-box; overflow:hidden; } .sora-checkout-wrap { display: block; width: 100%; box-sizing: border-box; } .sora-cart-checkout-wrap #contact .contact-form-name { margin-right: 25px; } .sora-checkout-details { text-align: center; font-family: Raleway; text-transform: capitalize; font-weight: bold; font-size: 14px; letter-spacing: 0.8px; } .sora-checkout-wrap .itemRow { display: block; margin-bottom: 15px; overflow: hidden; border: 1px solid #eee; background-color: #f0f0f0; color: #111; padding: 10px; position: relative; } .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: 18px; font-weight: 600; line-height: 1.25; margin-bottom: 10px; margin-right: 12px; text-transform: capitalize; width: auto; font-family: Raleway; } .sora-checkout-wrap .item-price { font-size: 14px; line-height: 1.25; margin-bottom: 10px; } .sora-checkout-wrap .item-decrement, .sora-checkout-wrap .item-increment { width: 15px; float: left; text-align: center; } .sora-checkout-wrap .item-decrement, .sora-checkout-wrap .item-quantity { float: left; margin-right: 5px; font-size: 16px; } .sora-checkout-wrap .item-decrement a, .sora-checkout-wrap .item-increment a { text-decoration: none; padding: 1px 4px; height: 20px; font-size: 16px; text-align: center; color: $maincolor; display: inline-block; } .sora-checkout-wrap .item-quantity { margin: 0px 10px 0px 5px; } .sora-checkout-wrap .item-total { margin: 10px 0; font-size: 16px; } .sora-checkout-wrap .item-increment { margin-right: 5px; } .sora-checkout-wrap .item-remove { position: absolute; right: 10px; top: 10px; color: $maincolor; line-height: 16px; } .sora-checkout-wrap .item-remove a { color: $maincolor; font-size:16px; } .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: 10px 0 0; } .sora-checkout-wrap .sora-cart-ammount { float: right; font-size: 16px; text-transform: uppercase; margin-bottom: 5px; } .sora-checkout-wrap .sora-cart-subtotal { font-family: 'Righteous', cursive; letter-spacing: 0.8px; margin-right: 10px; } .sora-checkout-wrap .simpleCart_total { color: $maincolor; font-weight: bold; } .sora-checkout-wrap .simpleCart_checkout { transition: all .3s; background: $maincolor; padding: 5px 12px !important; display: inline-block; vertical-align: middle; margin:0; font-size: 12px; text-transform: uppercase; color: #f7f7f7; font-weight: bold; white-space: nowrap; float:right; } .sora-checkout-wrap .simpleCart_checkout:before { content: '\f07a'; font-family: FontAwesome; margin-right: 5px; } .sora-checkout-wrap .simpleCart_checkout .sora-checkout-bill { float: right; border: 0px; background: none; padding: 0; color: #fff; font-size: 16px; } /* ######## Share widget Css ######################### */ .share-box { position: relative; padding: 10px 0; text-align: center; } .sora-product-review { border-bottom: 2px solid #eee; color: #010101; display: inline-block; padding-bottom: 7px; font-size: 15px; font-weight: 500; clear: both; margin: 0 0 10px; position: relative; float: left; } .share-title:after { position: absolute; left: 50%; margin-left: -5px; bottom: -5px; content: ""; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #eee; } .share-art { float: right; padding: 0; padding-top: 0; font-size: 13px; font-weight: 400; text-transform: capitalize; } .share-art a { color: #fff; padding: 3px 8px; margin-left: 4px; border-radius: 2px; display: inline-block; margin-right: 0; background: #010101; } .share-art i { color:#fff; } .share-art a:hover{color:#fff} .share-art .fac-art{background:#3b5998} .share-art .fac-art:hover{background:rgba(49,77,145,0.7)} .share-art .twi-art{background:#00acee} .share-art .twi-art:hover{background:rgba(7,190,237,0.7)} .share-art .goo-art{background:#db4a39} .share-art .goo-art:hover{background:rgba(221,75,56,0.7)} .share-art .pin-art{background:#CA2127} .share-art .pin-art:hover{background:rgba(202,33,39,0.7)} .share-art .lin-art{background:#0077B5} .share-art .lin-art:hover{background:rgba(0,119,181,0.7)} #related-posts { margin-bottom: 10px; padding: 10px 0; } .related li { width: 33.3%; display: inline-block; height: auto; min-height: 184px; float: left; box-sizing: border-box; padding: 0 5px; overflow: hidden; position: relative; } .related li:first-child { padding: 0 5px 0 0; } .related li:last-child { padding: 0 0 0 5px; } .related li h3 { margin-top:0; } .related-thumb { width: 100%; height: 280px; overflow: hidden; background-color: #f0f0f0; border: 1px solid #eee; } .related li .related-img { width: 100%; height: 280px; display: block; position: relative; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; } .related li .related-img:hover { -webkit-transform: scale(1.1) rotate(-1.5deg)!important; -moz-transform: scale(1.1) rotate(-1.5deg)!important; transform: scale(1.1) rotate(-1.5deg)!important; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; } .related-title { margin: 10px 0; display: block; padding: 0; } .related-title a { font-size: 20px; line-height: 20px; font-weight: 700; padding: 0; text-transform: capitalize; color: #222; font-family: Raleway; } .related .related-tag { display:none; } .related-overlay { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(40,35,40,0.05); } .related-content { display: block; bottom: 0; padding: 10px 0px 11px; width: 100%; line-height: 1.2em; box-sizing: border-box; z-index: 2; text-align:center; } .related-content .rel-read { transition: all .3s; background: $maincolor; padding: 8px 16px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 15px; text-transform: uppercase; color: #f7f7f7; font-weight: normal; white-space: nowrap; font-family: 'Righteous', cursive; } .related-content .rel-read i { margin-right: 5px; } .related-product .custom-title { background: #f0f0f0; padding: 10px 12px; display: block; vertical-align: middle; margin: 0 0 10px; font-size: 16px; border-left: 3px solid $maincolor; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; position: relative; overflow: hidden; line-height: 20px; } .related-product .custom-title h2 { font-family: 'Righteous', cursive; font-weight: normal; color: #444; } .related-product .custom-title h2:after { content: ''; display: inline-block; position: absolute; height: 15px; top: 0; margin: 3px 0 12px 10px; width: 100%; background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat; } /* ####### Feature Product Css ######################### */ .featured-product { margin: 15px auto; } .featured-product .custom-title { background: #f0f0f0; padding: 10px 12px; display: block; vertical-align: middle; margin: 0 0 10px; font-size: 16px; border-left: 3px solid $maincolor; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; position: relative; overflow: hidden; line-height: 20px; } .featured-product .custom-title h2 { font-family: 'Righteous', cursive; font-weight: normal; color: #444; } .featured-product .custom-title h2:after { content: ''; display: inline-block; position: absolute; height: 15px; top: 0; margin: 3px 0 12px 10px; width: 100%; background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat; } .featured-product .custom-widget { padding: 0; margin: 0; list-style:none; } .featured-product .custom-widget li { width: 25%; float: left; box-sizing: border-box; text-align: center; list-style:none; padding: 0 10px; } .featured-product .custom-widget li:first-child { padding: 0 10px 0 0; } .featured-product .custom-widget li:nth-child(4n) { padding: 0 0 0 10px; } .featured-product .custom-widget li .rcthumb { width: 100%; height: 320px; padding: 0; display: block; transition: all .3s ease; } .featured-product .custom-widget li .rcthumb:hover { opacity: 0.3; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .featured-product .custom-widget .post-panel { margin: 10px 0; display: block; padding:0; } .featured-product .custom-widget li .post-panel a { font-size: 20px; line-height: 20px; font-weight: 700; padding:0; text-transform: capitalize; color:#222; font-family:Raleway; } .featured-product .feat-pro-thumb { width: 100%; height: auto; position: relative; display: block; overflow: hidden; background: #e5e5e5; } .featured-product .custom-widget .post-panel .feat-read { transition: all .3s; background: $maincolor; padding: 8px 16px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 15px; text-transform: uppercase; color: #f7f7f7; font-weight: normal; white-space: nowrap; font-family: 'Righteous', cursive; } .featured-product .custom-widget .post-panel .feat-read i { margin-right:5px; } /* ####### Random Product Css ######################### */ .random-product { margin: 0 auto; } .random-product .custom-title { background: #f0f0f0; padding: 10px 12px; display: block; vertical-align: middle; margin: 0 0 10px; font-size: 16px; border-left: 3px solid $maincolor; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; position: relative; overflow: hidden; line-height: 20px; } .random-product .custom-title h2 { font-family: 'Righteous', cursive; font-weight: normal; color: #444; } .random-product .custom-title h2:after { content: ''; display: inline-block; position: absolute; height: 15px; top: 0; margin: 3px 0 12px 10px; width: 100%; background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat; } .random-product .custom-widget { padding: 0; margin: 0; list-style:none; } .random-product .custom-widget li { width: 25%; float: left; box-sizing: border-box; text-align: center; list-style:none; padding: 0 10px; } .random-product .custom-widget li:first-child { padding: 0 10px 0 0; } .random-product .custom-widget li:nth-child(4n) { padding: 0 0 0 10px; } .random-product .custom-widget li .rcthumb { width: 100%; height: 320px; padding: 0; display: block; transition: all .3s ease; } .random-product .custom-widget li .rcthumb:hover { opacity: 0.3; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .random-product .custom-widget .post-panel { margin: 10px 0; display: block; padding:0; } .random-product .custom-widget li .post-panel a { font-size: 20px; line-height: 20px; font-weight: 700; padding:0; text-transform: capitalize; color:#222; font-family:Raleway; } .random-product .ran-pro-thumb { width: 100%; height: auto; position: relative; display: block; overflow: hidden; background: #e5e5e5; } .random-product .custom-widget .post-panel .ran-read { transition: all .3s; background: $maincolor; padding: 8px 16px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 15px; text-transform: uppercase; color: #f7f7f7; font-weight: normal; white-space: nowrap; font-family: 'Righteous', cursive; } .random-product .custom-widget .post-panel .ran-read i { margin-right:5px; } /* ####### Popular Product Css ######################### */ .popular-product { margin: 0 auto 15px; } .popular-product .custom-title { background: #f0f0f0; padding: 10px 12px; display: block; vertical-align: middle; margin: 0 0 10px; font-size: 16px; border-left: 3px solid $maincolor; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; position: relative; overflow: hidden; line-height: 20px; } .popular-product .custom-title h2 { font-family: 'Righteous', cursive; font-weight: normal; color: #444; } .popular-product .custom-title h2:after { content: ''; display: inline-block; position: absolute; height: 15px; top: 0; margin: 3px 0 12px 10px; width: 100%; background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat; } .popular-product .PopularPosts ul { padding: 0; margin: 0; list-style:none; } .popular-product .PopularPosts ul li { width: 25%; float: left; box-sizing: border-box; text-align: center; list-style:none; padding: 0 10px; } .popular-product .PopularPosts ul li:first-child { padding: 0 10px 0 0; } .popular-product .PopularPosts ul li:nth-child(4n) { padding: 0 0 0 10px; } .popular-product .PopularPosts .item-thumbnail { float: none; margin: 0 ; clear:both; position: relative; } .popular-product .PopularPosts .item-thumbnail a { position: relative; display: block; overflow: hidden; line-height: 0; } .popular-product .PopularPosts img { width: 100%; height: 320px; object-fit: cover; padding: 0; transition: all .3s ease; } .popular-product .PopularPosts img:hover { opacity: 0.3; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .popular-product .PopularPosts .item-title { margin: 10px 0; display: block; padding:0; } .popular-product .PopularPosts ul li a { font-size: 20px; line-height: 20px; font-weight: 700; padding:0; text-transform: capitalize; color:#222; font-family:Raleway; } .popular-product .PopularPosts .item-meta .pop-read { transition: all .3s; background: $maincolor; padding: 8px 16px !important; display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 15px; text-transform: uppercase; color: #f7f7f7; font-weight: normal; white-space: nowrap; font-family: 'Righteous', cursive; } .popular-product .PopularPosts .item-meta .pop-read i { margin-right:5px; } /* ####### Email Subscribe ######################### */ .email-folower { background: url(https://2.bp.blogspot.com/-C2ZNH3JwldA/Vupbf-HopaI/AAAAAAAADXU/xq1cJrP0LJMEylkyCr76kPNm-bxo0-7og/s1600/city-1150026_960_720.jpg) no-repeat center bottom; background-attachment: fixed; background-size: cover; color: #fff; overflow: hidden; padding: 60px 0; position:relative; } .email-folower:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; background: #1c1c1c; } .email-folower-wrap { margin: 0 auto; } .email-folower .email-letter-text { float: left; padding: 15px 0 0; width: 45%; text-align:center; } .email-folower .email-letter-text .subhead { color: #fff; display: inline-block; font-size: 25px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; word-spacing: 2px; margin-bottom: 10px; border-bottom: 1px solid #fff; } .email-folower .email-letter-text .subtext { color: #fff; font-size: 17px; line-height: 25px; } .email-folower .follow-by-email-inner { margin: 45px 0 0; float: right; width: 50%; } .email-folower .follow-by-email-inner { position: relative; } .email-folower .follow-by-email-inner .follow-by-email-address { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: none; border: 1px solid #fff; color: #fff; border-radius: 0; font-size: 14px; height: 44px; padding-left: 5px; letter-spacing: .5px; background: transparent; text-transform:uppercase; width: 98%; box-sizing: border-box; } .email-folower input::placeholder { color: #fff; font-size: 14px; } .email-folower .follow-by-email-inner .follow-by-email-submit { background: none; border: 1px solid #fff; border-radius: 0; color: #FFF; cursor: pointer; font-size: 14px; height: 44px; margin: 0 3px; width: 80px; z-index: 0; text-transform:uppercase; font-weight:bold; } .email-folower .follow-by-email-inner .follow-by-email-submit:hover { background: #fff; border: 1px solid #efefef; color:#010101; } /* ####### Multi Column Footer Css ######################### */ #lower { margin:auto; padding: 0; width: 100%; background:#2c2c2c; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; border-bottom: 1px solid rgba(255,255,255,0.2); } #lowerbar-wrapper { float: left; margin: 0px 5px auto; padding-bottom: 20px; width: 32%; color:#696969; line-height: 1.6em; word-wrap: break-word; overflow: hidden; max-width: 375px; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 10px 0px 10px;box-sizing:border-box;} .lowerbar h2 { padding: 0; margin: 0 0 20px; position:relative; } .lowerbar h2 { position: relative; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 0 10px 0 0; z-index: 1; color:#696969; } .lowerbar ul { margin: 0 auto; padding: 0; list-style-type: none; } .lowerbar li { display:block; line-height: 1.6em; margin-left: 0 !important; list-style-type: none; } .lowerbar li a { text-decoration:none; color: #fff; } .lowerbar li a:hover { text-decoration:none; } .lowerbar .PopularPosts ul li a, .lowerbar .ty-bonus .ty-bonos-entry a { color:#fff; } .lowerbar .PopularPosts .widget-content ul li, .lowerbar .ty-bonus .ty-wow { border-color:#1f3b5a; } /* ####### Footer Css ######################### */ #ty_footer { background: #2c2c2c; color: #fff; font-weight: 300; padding: 15px 0px; } .ty-copy-container { margin: 0 auto; overflow: hidden; } .ty_footer_copyright a { color:#fff; } .ty_footer_copyright { text-align: left; display: inline-block; line-height: 30px; } .ty_footer_bank_image { float: right; } /* ######## Custom Widget Css ######################### */ select#BlogArchive1_ArchiveMenu { width: 100%; padding: 10px; border-color: #777; } .cmm-widget li .cmm-avatar { position: relative; overflow: hidden; padding: 0; width: 55px; height: 55px; float: left; margin: 0 10px 0 0; } .cmm-widget li { background: none!important; clear: both; list-style: none; word-break: break-all; display: block; overflow: hidden; margin: 0; padding: 10px 0; } .cmm-widget li:first-child { padding-top: 0; border-top: 0; } .cmm-widget li:last-child { padding-bottom: 0; } .cmm-widget li span { margin-top: 4px; color: #bdbdbd; display: block; line-height: 1.2em; text-transform: lowercase; font-size: 12px; font-style: italic; font-weight: 400; } .cmm-img { width: 55px; height: 55px; float: left; margin: 0 10px 0 0; } .cmm-widget a { color: #222222; position: relative; font-size: 13px; text-transform: capitalize; display: block; overflow: hidden; font-weight: 400; } .cmm-widget a:hover { color:#0277bd; } .cmm-widget { list-style: none; padding: 0; } .ty-bonus .ty-wow { overflow: hidden; border-bottom: 1px solid #F5F5F5; padding: 10px 0; } .ty-bonus .ty-wow:first-child { padding-top: 0; } .ty-bonus .ty-wow:last-child { border-bottom: none; } .ty-bonus .ty-thumb-bonos { position: relative; float: left; margin: 0!important; width: 80px; height: 60px; overflow: hidden; display: block; vertical-align: middle; } .ty-bonus .ty-bonus-con { padding-left: 10px; display: table-cell; } .ty-bonus .ty-bonos-entry { overflow: hidden; line-height: 0; margin: 0 0 2px; padding: 0; } .ty-bonus .ty-bonos-entry a { color: #222222; font-weight: 400; font-size: 14px; line-height: 1.5em; } .ty-bonus .ty-bonos-entry a:hover { color: #26c6da; } .ty-bonus .ty-thumb-bonos:hover .tyimg-lay { background-color: rgba(40, 35, 40, 0.3); } .yard-auth-ty { margin-right: 10px; } .yard-auth-ty::before { content: '\f007'; font-family: fontawesome; color: #bbb; margin-right: 5px; } .yard-auth-ty, .ty-time { color: #bdbdbd; font-size: 12px; font-weight: 400; } .ty-time:before { content: '\f133'; font-family: fontawesome; color: #bbb; margin-right: 5px; } .sidebar .PopularPosts .widget-content ul li:first-child, .sidebar .ty-bonus .ty-wow:first-child { padding-top: 0; border-top: 0; } .sidebar .PopularPosts .widget-content ul li:last-child, .sidebar .ty-bonus .ty-wow:last-child { padding-bottom: 0; } .tyard-komet .ty-komet .ty-komet-tar { position: relative; overflow: hidden; padding: 0; width: 55px; height: 55px; float: left; margin: 0 10px 0 0; } .tyard-komet .ty-komet { background: none!important; clear: both; list-style: none; word-break: break-all; display: block; border-top: 1px solid #F5F5F5; border-bottom: 0 !important; overflow: hidden; margin: 0; padding: 10px 0; } .tyard-komet .ty-komet:first-child { padding-top: 0; border-top: 0; } .tyard-komet .ty-komet:last-child { padding-bottom: 0; } .tyard-komet .ty-komet span { color: #bdbdbd; display: block; line-height: 1.2em; text-transform: lowercase; font-size: 12px; font-style: italic; font-weight: 400; overflow: hidden; background: #f9f9f9; height: 38px; margin-top: 5px; box-sizing: border-box; padding: 5px 8px; } .yardimg-komet { width: 55px; height: 55px; float: left; margin: 0 10px 0 0; } .tyard-komet a { color: $darkcolor; position: relative; font-size: 13px; text-transform: capitalize; display: block; overflow: hidden; font-weight: 400; } .tyard-komet a:hover { color:#26c6da; } .tyard-komet { list-style: none; padding: 0; } .sidebar .PopularPosts .widget-content ul li:first-child, #sidetabs .PopularPosts .widget-content ul li:first-child { padding-top: 0; border-top: 0 } .sidebar .PopularPosts .widget-content ul li:last-child, .sidebar .ty-bonus .ty-wow:last-child, .tab-widget .PopularPosts .widget-content ul li:last-child, .tab-widget .ty-bonus .ty-wow:last-child { padding-bottom: 0 } .sidebar .FollowByEmail > h3.title, .sidebar .FollowByEmail .title-wrap { margin-bottom: 0 } .sidebar .FollowByEmail td, .lowerbar .FollowByEmail td { width: 100%; float: left; box-sizing: border-box } .sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-submit, .lowerbar .FollowByEmail .follow-by-email-inner .follow-by-email-submit { margin-left: 0; width: 100%; border-radius: 0; height: 30px; font-size: 11px; color: #fff; background-color: #26c6da; font-family: inherit; text-transform: uppercase; font-weight: 700; letter-spacing: 1px } .sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover, .lowerbar.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { opacity:0.8; } .sidebar.FollowByEmail .follow-by-email-inner .follow-by-email-address, .lowerbar .FollowByEmail .follow-by-email-inner .follow-by-email-address { padding-left: 10px; height: 30px; border: 1px solid #FFF; margin-bottom: 5px; box-sizing: border-box; font-size: 11px; font-family: inherit } .sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus, .lowerbar .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus { border: 1px solid #FFF } .lowerbar .FollowByEmail .widget-content, .sidebar .FollowByEmail .widget-content { background-color: #222222; box-sizing: border-box; padding: 10px } .sidebar .FollowByEmail .widget-content:before, .lowerbar .FollowByEmail .widget-content:before { content: "Enter your email address to subscribe to this blog and receive notifications of new posts by email."; font-size: 11px; color: #f2f2f2; line-height: 1.4em; margin-bottom: 5px; display: block; padding: 0 2px } .list-label-widget-content li { display: block; padding: 8px 0; border-bottom: 1px solid #f2f2f2; position: relative } .list-label-widget-content li:first-child { padding: 0 0 8px } .list-label-widget-content li:last-child { padding-bottom: 0; border-bottom: 0 } .list-label-widget-content li a:before { content: '\f02c'; font-size: 13px; color: $maincolor; font-family: fontawesome; margin-right: 5px; } .list-label-widget-content li a { color: #222222; font-size: 12px; font-weight: 700; text-transform: uppercase; transition: color .3s } .list-label-widget-content li a:hover { color: #26c6da } .lowerbar .list-label-widget-content li a { color:#696969; } .lowerbar .list-label-widget-content li { border-bottom: 1px solid #696969; } .list-label-widget-content li span:last-child { color: #222222; font-size: 12px; font-weight: 700; position: absolute; top: 8px; right: 0 } .lowerbar .list-label-widget-content li span:last-child { color: #696969; } .list-label-widget-content li:first-child span:last-child { top: 2px } .cloud-label-widget-content { text-align: left } .cloud-label-widget-content .label-count { background: $maincolor; color: #fff!important; margin-left: -3px; white-space: nowrap; border-radius: 0; padding: 1px 4px!important; font-size: 12px!important; margin-right: 5px; transition: background .3s } .cloud-label-widget-content .label-size { border:1px solid #696969; display: block; float: left; font-size: 11px; margin: 0 5px 5px 0; transition: background .3s } .cloud-label-widget-content .label-size a, .cloud-label-widget-content .label-size span { height: 18px!important; color: #696969; display: inline-block; font-size: 11px; font-weight: 700!important; text-transform: uppercase; padding: 6px 8px; transition: all .3s } .cloud-label-widget-content .label-size a { padding: 6px 10px } .cloud-label-widget-content .label-size a:hover { color: #fff!important } .cloud-label-widget-content .label-size, .cloud-label-widget-content .label-count { height: 30px!important; line-height: 19px!important } .cloud-label-widget-content .label-size:hover { background: $maincolor; color: #fff!important; border: 1px solid #db4437; } .cloud-label-widget-content .label-size:hover a { color: #fff!important } .cloud-label-widget-content .label-size:hover span { background: #222222; color: #fff!important; cursor: pointer } .cloud-label-widget-content .label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5 { font-size: 100%; opacity: 10 } .label-size-1, .label-size-2 { opacity: 100 } #ads-blog .widget { width: 728px; max-height: 90px; padding:0; margin: 0px auto 15px !important; max-width: 100%; box-sizing: border-box; } #ads-blog-bottom .widget { width: 728px; max-height: 90px; padding:0; margin: 0px auto 15px !important; max-width: 100%; box-sizing: border-box; } #ads-blog-content .widget { text-align:center; max-height: 90px; padding:0; margin: 20px auto 0 !important; max-width: 100%; box-sizing: border-box; } #ads-blog-content .widget .widget-content { display:inline-block; } .ads-blog-post-top, .ads-blog-post-bottom { display:none; visibility:hidden; } .sidebar .PopularPosts .widget-content ul li:first-child, .lowerbar .PopularPosts .widget-content ul li:first-child { border-top: 0; } .sidebar .PopularPosts .item-thumbnail, .lowerbar .PopularPosts .item-thumbnail { margin: 0 15px 0 0 !important; width: 80px; height: 60px; float: left; overflow: hidden; position: relative } .sidebar .PopularPosts .item-thumbnail a, .lowerbar .PopularPosts .item-thumbnail a { position: relative; display: block; overflow: hidden; line-height: 0 } .sidebar .PopularPosts ul li img, .lowerbar .PopularPosts ul li img { width: 90px; height: 65px; object-fit: cover; padding: 0; transition: all .3s ease } .sidebar .PopularPosts .widget-content ul li, .lowerbar .PopularPosts .widget-content ul li { overflow: hidden; padding: 10px 0; border-top: 1px solid #f2f2f2 } .sidebar .PopularPosts .widget-content ul li:first-child, .sidebar .custom-widget li:first-child, .tab-widget .PopularPosts .widget-content ul li:first-child, .tab-widget .custom-widget li:first-child, .lowerbar .PopularPosts .widget-content ul li:first-child, .lowerbar .custom-widget li:first-child { padding-top: 0; border-top: 0 } .sidebar .PopularPosts .widget-content ul li:last-child, .sidebar .custom-widget li:last-child, .tab-widget .PopularPosts .widget-content ul li:last-child, .tab-widget .custom-widget li:last-child, .lowerbar .PopularPosts .widget-content ul li:last-child, .lowerbar .custom-widget li:last-child { padding-bottom: 0 } .sidebar .PopularPosts ul li a, .lowerbar .PopularPosts .PopularPosts ul li a { color: #333333; font-weight: 400; font-size: 14px; line-height: 1.4em; transition: color .3s; font-family: Raleway; } .sidebar .PopularPosts ul li a:hover, .lowerbar .PopularPosts .PopularPosts ul li a:hover { color: #26c6da } .sidebar .PopularPosts .item-title, .lowerbar .PopularPosts .PopularPosts .item-title { margin: 0 0 4px; padding: 0; line-height: 0 } .item-snippet { display: none; font-size: 0; padding-top: 0 } .sidebar .PopularPosts ul, .lowerbar .PopularPosts .PopularPosts ul { counter-reset: popularcount; margin: 0; padding: 0; } .sidebar .PopularPosts .item-thumbnail::before, .lowerbar .PopularPosts .PopularPosts .item-thumbnail::before { background: rgba(0, 0, 0, 0.3); bottom: 0px; content: ""; height: 100px; width: 100px; left: 0px; right: 0px; margin: 0px auto; position: absolute; z-index: 3; } ]]>
<div id="outer-wrapper" class=" home item index">
NONE +1-202-555-0114]]> # support@soracart.com]]> # mailto:mail@xyz.com 202-555-0123]]>
NONE About http://sora-cart-dastgeertech.blogspot.in/p/about.html Home http://sora-cart-dastgeertech.blogspot.in/p/contact.html / Contact
http://2.bp.blogspot.com/-LbRdQaHIH0k/WUvjDVOHWwI/AAAAAAAADEA/f9sJgIsnPB8e7hmoGOTdQLa0q3cV3AY8gCK4BGAYYCw/s1600/1.png 60 194 true false REPLACE 304

# # # # # facebook twitter instagram gplus email rss pinterest youtube NONE # # #
# # # # # Camera]]> Health Care]]> Cutlery]]> Books]]> Motorbikes]]> Sports]]> Tools]]> Cars]]> NONE # # #

]]>

<div id="banner-1" class="banner"> <a class="banner__permalink" href="#"> <span class="screen-reader-text">Introducing the Vacation Collection — Up to 50% Off</span> </a> <div class="banner__inside-wrapper"> <div class="banner__inside"> <div class="banner__content"> <h3 class="banner__title">Introducing the Vacation Collection — Up to 50% Off</h3> </div> <div class="banner__overlay"></div> <div class="banner__bg_image"></div> </div> </div> </div> <style type="text/css"> .banner { position: relative; color: #fff; } #banner-1 { min-height: 130px; background-color: #c6b78b; } #banner-1 .banner__title { font-size: 28px; letter-spacing: 0px; } #banner-1 .banner__subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.85); } #banner-1 .banner__inside { height: 130px; padding: 8px; } #banner-1 .banner__content { border-width: 2px; border-color: rgba(255, 255, 255, 0.5); } #banner-1 .banner__sep { margin-top: 8px; margin-bottom: 8px; width: 20%; } #banner-1 .banner__bg_image { background-image: url('http://3.bp.blogspot.com/-_51Ws_ZLlMM/WVaDDNL6E9I/AAAAAAAADJ8/t6xKDYa3ivcQnAsC5mh70pESIGXQGGiUwCK4BGAYYCw/s1600/d.png'); } #banner-1 .banner__overlay { background-color: #0a0000; opacity: 0.3; } .banner__bg_image { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 1; -webkit-transition: -webkit-transform 1s ease-in-out; -o-transition: -o-transform 1s ease-in-out; transition: transform 1s ease-in-out; will-change: transform; } .banner__overlay { background: #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .banner__content { word-break: break-all; padding: 18px 30px; display: table-cell; vertical-align: middle; border: 2px solid #fff; text-align: center; position: relative; z-index: 3; } .banner__title { color: inherit; margin: 0; } .banner__inside { display: table; width: 100%; box-sizing: border-box; } .banner__inside-wrapper { overflow: hidden; position: relative; } .banner__permalink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .banner:hover .banner__bg_image, .banner__permalink:focus ~ .banner__inside-wrapper .banner__bg_image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } </style>