/*************************************** Theme Name: OnlineCasinoBonus.org Theme Description: Listing the best deals and providing a comprehensive guide to gambling Author: Sizam Version: 2.9.2 Tags: two-columns, fluid-layout, custom-background, threaded-comments, translation-ready, custom-menu License: License URI: ***************************************/ /**************************************************************************** CSS RESET ****************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; } /**************************************************************************** BASIC STYLES ****************************************************************************/ body { background: url(images/body-bg.png) repeat; color: #000; font: 14px Arial, Helvetica, trebuchet ms; } a { color: #551a8b none; outline: none !important; } article.post a { text-decoration: underline; color: #111; } /* a:visited { color: #551a8b; } */ a:hover { text-decoration: underline color: #551A8B; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1, h2, h3, h4, h5, h6 { color: #111; font-family: 'Open Sans Condensed', trebuchet ms; font-weight: 700; line-height: 1em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; } article h1 { font: 700 30px/28px 'Open Sans Condensed', trebuchet ms, arial; color: #111111; text-transform: uppercase; margin: 12px 0 15px 0; letter-spacing: -0.5px } article h2 { font: 700 25px/25px 'Open Sans Condensed', trebuchet ms; color: #11111; margin: 25px 0 15px 0; text-transform: uppercase; } article h3 { font: 700 21px/21px 'Open Sans Condensed', trebuchet ms; color: #11111; margin: 20px 0 15px 0; text-transform: uppercase; } article h4 { font: 700 18px/18px 'Open Sans Condensed', trebuchet ms; color: #111111; margin: 10px 0;text-transform: uppercase; } article h5 { font: 700 16px/16px 'Open Sans Condensed', trebuchet ms; color: #111111; margin: 10px 0 } article h6 { font: 700 14px/14px 'Open Sans Condensed', trebuchet ms; margin: 10px 0 } article p { margin: 0 0 12px 0 } article em { font-style: italic } article strong { font-weight: bold } article { font: 14px/20px 'arial', trebuchet ms; color: #111111; } ul { } ul li [] ul li a { } ol { } ol li { } ol li a { } p strong { font-weight: bold; } p em { font-style: italic; } blockquote { } blockquote p { } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ::-moz-selection { background: #E43917; color: #fff; text-shadow: none; } ::selection { background: #E43917; color: #fff; text-shadow: none; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /**************************************************************************** Header ****************************************************************************/ header { width: 100%; background: #fff; position: relative; z-index: 9000} .header-top { width: 1002px; margin: 0 auto; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 30px; overflow: hidden; background-color: #fff;} .header-top .top-nav { width: 465px; float: left; } .header-top .top-nav a { color: #111111; } .header-top .top-nav li { padding-left: 13px; border-left: 1px solid #666666; margin: 0 13px 10px 0; float: left; font: 12px/12px Arial, Helvetica, trebuchet ms; } .header-top .top-nav ul { list-style: none; overflow: hidden; margin: 9px 0px 0 15px;} .header-top .top-nav a:hover { text-decoration: underline } .header-top .top-nav li:first-child { margin-left: 0px; border-left: 0px; padding-left: 0; } .header-top .top-social { width: 500px; float: right; text-align: right; margin-right: 3px } .header-top .top-social .social_icon.small_i a { float: right; margin: 5px 2px 0 0 } .responsive_nav_wrap { display: none; } header .logo-section { width: 1002px; margin: 0 auto; margin-bottom: 13px; padding-top: 13px; } header .logo { width: 265px; float: left; margin-right: 15px } header .logo img{ max-width: 100%; height: auto;} header .header_second_style .logo{ margin-right: 9px} header .header_third_style .logo, header .header_fourth_style .logo{ margin:0 auto !important; width: auto; text-align: center !important; float: none !important; width: auto !important; } header .header_third_style .logo img, header .header_fourth_style .logo img{ max-width: 100%; height: auto; } .logo .textlogo { font: 700 26px/23px Arial; letter-spacing: -0.5px; } .logo .sloganlogo { font: 14px Arial; color: #888 } .megatop_mediad{ float: none; text-align: center; line-height:0;} .mediad.megatop_mediad img {max-width: 100%;} .megatop_wrap{ border-bottom: 1px solid #ddd; padding: 15px 0; } header .mediad { float: left; line-height: 0} header .header_first_style .mediad { width: 468px} header .header_second_style .mediad {width: 728px} header .header_third_style .mediad {display: none;} header .header_fourth_style .mediad {width: 728px; float: none; margin: 15px auto 5px; text-align: center;} header .mediad img { max-width: 100% !important; height: auto !important; } header .search { width: 220px; float: right; padding-top: 12px; } header .search form { padding: 6px 7px; border: 1px solid #dddddd; overflow: auto; background-color: #fff; position: relative; } header .search form input[type="text"] { border: none; height: 20px; width: 180px; float: left; line-height:20px; background-color: transparent; } header .search form i{background: none transparent; width: 19px; text-align: center; height: 20px; border: none; float: right; cursor: pointer; color: #444; font-size: 15px; line-height: 20px} header .search form input[type="submit"] { font-size: 0px; background: none transparent; width: 19px; height: 20px; border: none; float: right; cursor: pointer; color: transparent; position: absolute; right: 6px; top: 7px; } header .responsive_search.search form input[type="submit"]{right: 8px; top: 4px; } header .responsive_search { display: block; float: right; width: 160px; margin-left: 5px} header .responsive_search.search form { padding: 4px 8px; height: 22px; border: none; border-left: 1px solid #DDDDDD } header .responsive_search.search form input[type="text"] { width: 120px } header .responsive_search.search { padding-top: 0 } .block_style header .responsive_search.search { margin-right:0 } header .main-nav { background: #000; width: 100%; margin-bottom: 10px; height: 53px; } header .is-sticky .main-nav{left:0;} .block_style header .is-sticky .main-nav {left: 50%;margin-left: -501px;width: 1002px;} nav.top_menu { width: 1002px; margin: 0 auto; } nav.top_menu ul li { display: inline-block; position: relative; } nav.top_menu ul.sub-menu li { display: block; } nav.top_menu ul li a { font: 700 16px 'Open Sans Condensed', trebuchet ms; color: #fbfbfb; padding: 15px 16px; display: inline-block; text-transform: uppercase } nav.top_menu ul li:hover ul { } nav.top_menu ul.menu > li.menu-item-has-children > a:after { font: 14px FontAwesome; content: '\f107'; position: absolute; right: 4px; top: 50%; margin-top: -7px } nav.top_menu ul li.menu-item-has-children { position: relative } nav.top_menu ul li.menu-item-has-children ul li.menu-item-has-children > a:after { color: #111; content: " +"; cursor: pointer; display: inline; } nav.top_menu ul li ul { background: #fff; position: absolute; z-index: 9999999 !important; ; width: 200px; padding: 15px 0px; display: none; box-shadow: 0 0 4px #ccc } nav.top_menu ul li ul li:hover ul { display: block; position: absolute; top: 0; left: 100%; width: 200px } nav.top_menu ul li:last-child ul li:hover ul { left: -200px } nav.top_menu ul li ul li a { font: bold 14px 'arial', trebuchet ms; color: #111; display: block; margin-bottom: 10px; padding: 0 15px; text-transform: none; } /**************************************************************************** Content Common ****************************************************************************/ .content { width: 962px; margin: 0 auto; background: #fff; padding: 20px; box-shadow: 0px 0px 10px #ccc; position: relative; } a.comment { background: none transparent; border: 1px solid #fff; padding: 2px 5px; line-height: 16px; width: auto; height: auto; top: 10px; right: 10px; min-width: 11px; font: bold 15px 'Open Sans Condensed', trebuchet ms; text-align: center; display: inline-block; position: absolute; color: #fff; z-index: 101 } a.comment:after { top: 100%; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 7px 9px 9px 0; margin-left: -9px; } a.comment_two { background: none transparent; border: 1px solid #000; padding: 2px 5px; line-height: 16px; width: auto; height: auto; position: relative; min-width: 11px; color: #111 !important; font: bold 15px 'Open Sans Condensed', trebuchet ms; text-align: center; display: inline-block; text-decoration: none !important; } a.comment_two:after { top: 100%; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 7px 9px 9px 0; margin-left: -9px; } a.vid_icon { position: absolute; top: 10px; left: 10px; font-size: 50px; color: #fff; z-index: 100; display: block; text-shadow: 0 0 1px #666; } a.vid_icon:hover { text-decoration: none; } a.vid_icon_min { position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; z-index: 100; display: block; font-size: 36px; color: #fff; text-shadow: 0 0 1px #666; } a.vid_icon_min:hover { text-decoration: none; } .news_block figure:hover a.vid_icon, .news_block figure:hover a.vid_icon_min { text-shadow: none; } a.expand { width: 20px; height: 20px; background: url("images/expand.png") no-repeat; display: inline-block; margin-right: 5px; } .pattern { background: url("images/feature-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0); } .pattern { bottom: 0; display: block; left: 0; opacity: 1; position: absolute; right: 0; top: 0; transition: opacity 0.5s ease 0s; width: 100%; z-index: 9; } .priced_block { margin-bottom: 15px; } .priced_block p { border-right: 1px solid #DCDCDC; float: left; margin: 0 8px 0 0 !important; padding: 0 8px 0 0 !important; } .price_count {color: #111; display: block; text-align: center;background: #4c8916; color: #fff; } .priced_block a.btn_offer_block { font: 700 17px/15px 'Open Sans Condensed', trebuchet ms; float: left; color: #ffffff !important; padding: 7px 8px 8px 8px; text-transform: uppercase; position: relative; } .priced_block a.btn_offer_block:after { content: ""; position: absolute; top: 0; left: 100%; height: 0; width: 0; } .priced_block .price_count { font: 700 18px/20px 'Open Sans Condensed', trebuchet ms; padding: 5px 10px; } .post .priced_block { margin: 10px 0; clear: both; } .content.landing_page { margin: 25px auto 10px auto !important; } .landing_bottom { text-align: center; font-size: 11px } .page-link { margin: 15px 0 0; padding: 10px; background: #551A8B; } .page-link a { padding: 5px 6px; background: #ddd; text-decoration: none !important; } .page-link a:hover { background: #111; color: #fff; } .cats_def a { background: #c1c1c1; padding: 4px 14px; font: 700 13px/13px 'Open Sans Condensed', trebuchet ms; color: #fff; margin-right: 4px; display: inline-block; margin-bottom: 4px; text-transform: uppercase; } .cats_def a.green { background: #4e970d; } .cats_def a.red { background: #e43917; } .cats_def a.red-rbn { background: url("images/rebn.png") no-repeat; padding: 3px 19px 5px 10px; } .def_btn { padding: 6px 7px; color: #111; text-align: center; text-shadow: 0 1px 1px #fff; vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-repeat: repeat-x; border: 1px solid #bfbfbf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .def_btn:hover { background-color: #ededed; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee); background-image: -o-linear-gradient(top, #dddddd, #eeeeee); background-image: linear-gradient(to bottom, #dddddd, #eeeeee); background-image: -moz-linear-gradient(top, #dddddd, #eeeeee); } .def_btn:active { -webkit-box-shadow: inset 0 8px 12px rgba(197, 197, 197, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 8px 12px rgba(197, 197, 197, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: inset 0 8px 12px rgba(197, 197, 197, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); } figure img { width: 100%; height: auto; vertical-align: top } .post figure img { width: auto; height: auto; text-align: center; } .main_slider .pattern, .video_widget .pattern { box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.6); } .featured_slider .pattern { box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.9); } .featured_slider:hover .score { background-color: #FF7200; border-color: #FF7200 } .featured_slider .score { } .post-meta { margin-bottom: 20px; font-size: 11px; color: #bbbbbb; } .post .post-meta { margin-bottom: 0 } .post-meta span.date { font-size: 11px; color: #bbbbbb; margin-left: 4px; display: inline-block; margin-right: 4px; text-transform: uppercase; } .post-meta a.cat { font-size: 12px; color: #bbbbbb; display: inline-block; text-decoration: underline; margin-left: 4px; margin-right: 6px; } .post-meta a.admin { font-size: 12px; color: #bbbbbb; display: inline-block; text-decoration: underline; margin-left: 4px; } .rcnt_meta { margin-top: 4px } .rcnt_meta .comm_meta { color: #BBBBBB } .sticky h2 i, .news .detail h4 i{ margin-right:6px} /******** Feature Slider ********/ .main_slider.flexslider { width: 640px; float: left; height: 400px !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 25px } .main_slider.flexslider .slides { width: 640px; height: 400px; } .main_slider.flexslider .slides .slide { position: relative; height:400px;} .flexslider .slides img { width: 100%; height: 100% } .main_slider .flex-overlay { position: absolute; top: 0px; left: 0px; width: 640px; height: 400px; text-align: center; z-index: 99 } .main_slider .flex-overlay .post-meta { background: url(images/post-meta-bg.png) center 5px no-repeat; text-align: center; width: 424px; margin: 0 auto; margin-top: 200px; margin-bottom: 13px; } .main_slider .flex-overlay .post-meta .inner_meta { width: 210px; text-align: center; margin: 0 auto; font-size: 11px; color: #fff; } .main_slider .flex-overlay .post-meta .inner_meta { color: #fff; } .main_slider .flex-overlay .post-meta span.date { font-size: 11px; color: #fff; display: inline-block; } .main_slider .flex-overlay .post-meta a.cat { font-size: 11px; color: #fff; text-decoration: underline; text-transform: uppercase; } .main_slider .flex-overlay h2 { margin-bottom: 19px; font: 700 38px/36px 'Open Sans Condensed', trebuchet ms; letter-spacing: -0.5; text-shadow: 1px 1px 1px #000; padding: 0 55px; overflow: hidden; max-height: 72px; text-transform: uppercase } .main_slider .flex-overlay h2 a { color: #fff } .main_slider .flex-overlay a.read-more { font: bold 26px/26px 'Open Sans Condensed', trebuchet ms; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000; padding: 5px 35px; border: 2px solid #fff; transition: all 0.4s ease 0s !important; position: relative; overflow: hidden; display: inline-block; } .main_slider .flex-overlay a.read-more:after { content: "+"; position: absolute; transition: all 0.3s ease 0s; right: -30%; top: 4px !important } .main_slider .flex-overlay a.read-more:hover:after { right: 20px } .main_slider .flex-overlay a.read-more:hover { text-decoration: none; text-shadow: none } .main_slider .slides .slide:hover .pattern { opacity: 0 } .main_slider .flex-direction-nav .flex-prev { background: url(images/prev-arrow.png) no-repeat; left: 2px; content: "" !important; font-size: 0 !important } .main_slider .flex-direction-nav .flex-next { background: url(images/next-arrow.png) no-repeat; right: 2px; text-align: right; content: "" !important; font-size: 0 !important } .main_slider .flex-direction-nav a:before { content: "" !important; font-size: 0 !important } .main_slider .flex-direction-nav a { height: 69px !important; margin: -35px 0 0 0 !important } .main_slider .flex-control-nav { bottom: 10px; } .main_slider .flex-control-paging li a { background: none repeat scroll 0 0 #ddd; height: 8px; width: 8px; border-radius: 16px } .main_slider .flex-control-nav li { margin: 2px !important } /******** Feature Side Coloumn ********/ .side-twocol { width: 300px; float: right; } .side-twocol .columns { height: 190px; position: relative; overflow: hidden; } .side-twocol .col-1 { margin-bottom: 20px; } .columns figure { } .columns figure .sidecol-overlay { height: 190px; width: 300px; position: absolute; top: 0px; left: 0px; z-index: 99 } .columns figure .sidecol-overlay h3 { width:100%; background: rgba(0,0,0,0.8); position: absolute; bottom: 0px; text-transform: uppercase; font: bold 19px/19px 'Open Sans Condensed', trebuchet ms, arial; } .columns figure .sidecol-overlay h3 a { color: #fff; text-shadow: 1px 1px 1px #000; padding: 15px 20px; display: block;transition: all 0.3s ease 0s;} .side-twocol .columns:hover .pattern { opacity: 0; filter: alpha(opacity=0) } .side-twocol .columns:hover h3 a{ padding: 15px 20px 25px 20px; } /******** Main Side ********/ .main-side { width: 640px; float: left; position: relative; } .main-side.full_width { float: none; width: 100% } .main-side .right-sec { float: right; } /******** All Headings ********/ .heading { padding: 12px 0px; border-bottom: 3px solid #222222; margin-bottom: 20px; } .heading .head_section { color: #111; display: inline-block; font: 23px/23px 'Open Sans Condensed', trebuchet ms, arial; text-transform: uppercase; } .heading span { font-weight: 700; } .heading h5 { text-transform: uppercase; display: inline-block; font: 23px/23px 'Open Sans Condensed', trebuchet ms, arial; } .heading h5 strong { font-weight: 700 } .heading a { font: 16px/23px 'Open Sans Condensed', trebuchet ms, arial; text-transform: uppercase; float: right; margin-left: 10px; vertical-align: 2px; } .h-two { background: url(images/heading-two-bg.png) bottom repeat-x; border-bottom: 0px; padding: 12px 0px; margin-bottom: 20px; } .h-three { background: url(images/heading-two-bg.png) center repeat-x; border-bottom: 0px; padding: 12px 0px; margin-bottom: 0; } .h-three .head_section { padding: 0px 15px; background: #fff; display: inline-block; margin-left: 20px; } .h-three .head_section div { display: inline-block } .h-three a { float: none; } .center { text-align: center; } #reviews_tabs { margin-bottom: 20px; } #reviews_tabs > ul > li.current { color: #ffffff; } #reviews_tabs > ul { border-bottom: 4px solid #000000; margin-bottom: 20px; } #reviews_tabs > ul > li { float: left; margin-right: 6px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; font: 700 17px 'Open Sans Condensed', trebuchet ms; text-transform: uppercase; background: #000000; font-style: italic; padding: 15px 0px; width: 155.5px; text-align: center; display: block; text-decoration: none; color: #ffffff; outline: 0px; cursor: pointer; letter-spacing: -0.5px } #reviews_tabs > ul > li:last-child { margin-right: 0px; } #reviews_tabs > ul > li:hover { color: #ffffff; } #reviews_tabs .more { display: block; background: #e43917; padding: 10px 0px; font: 700 16px 'Open Sans Condensed', trebuchet ms; text-align: center; clear: both; text-transform:uppercase; } #reviews_tabs .more span { background: url("images/more-errow.png") no-repeat right center; display: inline-block; padding-right: 18px; color: #ffffff; } .tabs_img { width: 310px; height: 310px; float: left; position: relative; margin-bottom: 15px } .tabs_img figure { width: 100%; height: 100%; } .tabs_img figure img { width: 100%; height: 100%; } .tabs_img figure .video_overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99 } .tabs_img:hover .pattern { opacity: 0; filter: alpha(opacity=0) } .tabs_img .video_overlay > div { text-align: center; padding: 15px 0px; width: 100%; background: rgba(0,0,0,0.7); position: absolute; bottom: 0px; text-shadow: 1px 1px 1px #000; transition: all 0.4s ease 0s; } .tabs_img .video_overlay > div h3 { margin-bottom: 5px; padding: 0 8px } .tabs_img .video_overlay > div h3 a { font: 700 21px/21px 'Open Sans Condensed', trebuchet ms; color: #fff; text-transform: uppercase } .tabs_img figure:hover .video_overlay > div { padding-bottom: 25px } .tabs_img .video_overlay .post-meta { margin-bottom: 0; padding: 0 10px } .tabs_img .video_overlay .star-small { text-align: center; margin-top: 3px } .tabs_img .score { text-align: center; font: 700 14px 'Open Sans Condensed', trebuchet ms; display: inline-block; background: #e43917; padding: 10px; position: absolute; top: 10px; left: 10px; color: #fff } #reviews_tabs > ul > li.current, #reviews_tabs > ul > li:hover { background: #E43917; } .tabs_img .score span { display: block; font: bold 34px/32px 'open sans condensed', trebuchet ms; } .tabs-item .right { width: 310px; float: right; } .tabs-item .right > div { margin-bottom: 20px; } .tabs-item .right figure { width: 120px; height: 90px; float: left; position: relative; } .tabs-item .right figure a { display: block; width: 100%; height: 100%; } .tabs-item .right figure a img { width: 100%; height: 100%; } .tabs-item .right figure span.score { width: 30px; height: 30px; display: inline-block; color: #ffffff; background: #e43917; text-align: center; font: 700 12px 'arial', trebuchet ms; position: absolute; top: 0px; left: 0px; line-height: 30px; } .tabs-item .right .detail { float: right; width: 173px; } .tabs-item .right .detail h5 { color: #111111; font: 700 14px/16px 'arial', trebuchet ms; margin-bottom: 2px } .tabs-item .right .detail h5 a{ text-decoration: underline} .tabs-item .right .detail p { margin-bottom: 4px; font: 11px 'arial', trebuchet ms; color: #888888; } .tabs-item .right .detail p a { font: 400 11px 'arial', trebuchet ms; color: #888888; } .news_right .right { width: 310px !important; float: right; } .news_right .right > div { margin-bottom: 0px; border-bottom: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } .news_right .right figure { width: 120px !important; height: 74px !important; float: left; position: relative; margin-bottom: 5px !important; } .news_right .right figure a { display: block; width: 100%; height: 100%; } .news_right .right figure a img { width: 100%; height: auto; } .news_right .right .detail { float: right; width: 173px; } .news_right .right .detail h5 { color: #111111; font: 700 14px 'arial', trebuchet ms; } .news_right .right .detail p { margin-bottom: 4px; font: italic 12px 'arial', trebuchet ms; color: #888888; } .news_right .right .detail p a { font: italic 400 12px 'arial', trebuchet ms; color: #888888; } .article-sec { width: 310px; float: left; } .article-sec figure { position: relative; } .article-sec .post-meta a.cat { text-transform: uppercase; font-size: 11px } .article-sec figure:hover .pattern { opacity: 0; filter: alpha(opacity=0) } .article-sec article h3 { color: #111; text-transform: uppercase; margin: 7px 0 } .article-sec article a{ text-decoration:underline} .f-post { margin-bottom: 10px; } .f-post figure { width: 100px; float: left; height: 70px } .f-post article { width: 195px; float: right; } .f-post article h4 { font-size: 14px; font-weight: bold; color: #111111; line-height: 16px; margin: 0 0 8px 0; font-family: Arial, Helvetica, trebuchet ms; text-transform:none; } .f-post article .f-postmeta { color: #888888; font-style: italic; font-size: 12px } .f-post article .f-postmeta a { color: #888888; } .news_block { margin-bottom: 20px; } .news_block .right { width: 190px; float: right; } .news_block .right figure { width: 100%; height: 90px; margin-bottom: 20px; position: relative; overflow: hidden; } .news_block .right:last-child figure { margin-bottom: 0 } .news_block .big_img { float: left; width: 430px; } .news_block .big_img figure { position: relative; height: 310px } .news_block .big_img figure .pattern { box-shadow: 0 0 80px rgba(0, 0, 0, 0.4) inset; } .news_block .big_img figure:hover .pattern { opacity: 0 } .news_block .big_img figure .video_overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; } .news_block .big_img .video_overlay span.news_cat { display: inline-block; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 4px 0px; margin-bottom: 10px; font: 11px 'arial', trebuchet ms; } .news_block .big_img .video_overlay .overlay_title { padding: 15px 0px; width: 100%; text-align: center; background: rgba(0,0,0,0.8); position: absolute; bottom: 0px; color: #fff; text-transform: uppercase; transition: all 0.4s ease 0s; } .news_block .big_img .video_overlay .overlay_title span{ border: 1px solid #fff; border-left: none; border-right:none} .news_block .big_img figure:hover .overlay_title { padding-bottom: 25px } .news_block .big_img .video_overlay .overlay_title a { color: #fff; } .news_block .big_img .video_overlay h3 { font: 700 21px/21px 'Open Sans Condensed', trebuchet ms; padding: 3px 10px } .news_block .big_img .video_overlay h3 a { color: #fff } .news { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ebeeef; } .news figure { width: 200px; float: left; position: relative; } .news figure:hover .pattern { display: none } .news figure img { width: 100%; vertical-align: top } .news .detail { width: 420px; float: right; } .news .detail h4 { font-size: 22px; text-transform: uppercase; float: left; width: 380px } .news .detail .post-meta, .small_post .post-meta { padding-top: 4px; clear: both; margin-bottom: 10px } .news .detail .comment_two { float: right; } .news .detail p { font: 14px 'arial', trebuchet ms; color: #111111; line-height: 18px; margin-bottom: 13px; } .btn_more { font: 15px/15px 'open sans condensed', trebuchet ms; color: #111111; padding: 4px 8px; border: 1px solid #1e1e1e; display: inline-block; transition: all 0.3s ease 0s; vertical-align: middle; text-decoration: none !important; text-transform:uppercase; } /**************************************************************************** News Scroller ****************************************************************************/ .top_theme { width: 1002px; margin: 0 auto 10px; height: 30px; position: relative; overflow: hidden; line-height: 30px; } .top_theme #vertical-ticker { display: block; height: 30px; white-space: nowrap; font-size: 14px } ul.newsticker { position: relative; left: 389px; } ul.newsticker li { float: left; margin-right: 75px !important; } .scroller { width: 18px; height: 11px; z-index: 100 !important; position: relative; display: block; float: left; vertical-align: middle; background: url("images/theme_arrow.png") no-repeat; outline: none !important; border: none } .scroller.up { margin: 9px 10px 0 0; background-position: right top } .scroller.down { margin: 9px 2px 0 10px; } .top_theme h5 { height: 29px; position: relative; display: inline-block; float: left; } .top_theme h5 strong { position: relative; padding: 3px 7px; float: left; text-transform: uppercase; font: 12px 'arial', trebuchet ms; color: #ffffff; margin-right: 8px; border-radius: 3px; margin-top: 4px } .top_theme a { color: #111111; text-decoration: underline } /**************************************************************************** SIDEBAR ****************************************************************************/ .sidebar { width: 300px; float: right;border-bottom: 1px solid #cecece; } .sidebar img { max-width: 100% } .widget.tabs { margin-bottom: 25px; } .widget.tabs .current { color: #ffffff; } .widget.tabs > ul { border-bottom: 2px solid #000000; } .widget.tabs > ul > li { float: left; margin-right: 6px; font: 700 17px 'Open Sans Condensed', trebuchet ms; text-transform: uppercase; background: #000000; padding: 10px 0px; width: 147px; text-align: center; display: block; text-decoration: none; color: #ffffff; outline: 0px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer} .widget.tabs > ul > li:last-child { margin-right: 0px; } #categories_tabs .tab > div { border: 0px; } .color_sidebar { margin-top: 20px } .sidebar .tab .tabs-item { display: none; } .sidebar .tabs-item > div, .footer-bottom .tabs-item > div { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #cecece; } .sidebar .tabs-item div:last-child { border: none; margin-bottom: 0 } .sidebar .tabs-item figure, .footer-bottom .tabs-item figure { width: 100px; float: left; margin-right: 10px; position: relative; } .sidebar .tabs-item figure a { display: block; width: 100%; height: 100%; } .sidebar .tabs-item figure a img { width: 100%; } .sidebar .tabs-item .detail { float: left; width: 190px } .sidebar .tabs-item .detail h5 { color: #111111; font: 700 14px 'arial', trebuchet ms; } .sidebar .tabs-item .detail .rcnt_meta { margin-bottom: 4px; font: 11px 'arial', trebuchet ms; color: #888888; } .sidebar .tabs-item .detail .rcnt_meta i { margin-left: 3px } .sidebar .tabs-item .detail .rcnt_meta a { font: 400 12px 'arial', trebuchet ms; } .sidebar .tabs-item .detail .rcnt_meta a.comm_meta { color: #888888; text-decoration: none !important; } .progress-bar { width: 126px; height: 27px; background: #dcdcdc; position: relative; margin-top: 9px; } .bar { width: 95px; height: 27px; background: #e43917; position: absolute; } .progress-bar a { padding: 9px; display: inline-block; margin-top: -2px; color: #ffffff; background: #222222; font: 700 12px 'arial', trebuchet ms; } .featured_slider .slide { position: relative; } .featured_slider { position: relative; margin-bottom: 20px; } .featured_slider .wrap { padding: 0; } .featured_slider .view-link { display: block; position: relative; } .featured_slider .view-link:hover .pattern { opacity: 0; filter: alpha(opacity=0) } .featured_slider .image { overflow: hidden; } .featured_slider .image img { display: block; width: 100%; height: auto } .featured_slider .flex-direction-nav { } .featured_slider .flex-direction-nav li a { width: 30px; height: 50px; display: inline-block; z-index: 999; top: 100px; position: absolute; margin-top: 10px; font-family: Arial, Helvetica, trebuchet ms; content: ""; opacity: 1; overflow: hidden; text-indent: -9999px; font-size: 0; text-shadow: none; outline: none !important } .featured_slider .flex-direction-nav li a:before, .featured_slider .flex-direction-nav li a.flex-prev:before, .featured_slider .flex-direction-nav li a.flex-next:before { content: "" } .featured_slider .flex-direction-nav li a.flex-prev { left: 3px; background: url("images/slider-errow.png") top center no-repeat; display: inline-block; } .featured_slider .flex-direction-nav li a.flex-next { right: 1px; background: url("images/slider-errow2.png") top center no-repeat; display: inline-block; } .featured_slider .score { border: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; z-index: 99999; text-align: center; padding: 5px 10px; margin: -40px 0px 0px -40px; color: #ffffff; font: 700 14px 'open sans condensed', trebuchet ms; width: 60px; transition: all 0.4s ease 0s !important; } .featured_slider .score a { } .featured_slider .score i { color: #ffffff; font: 700 34px/36px 'open sans condensed', trebuchet ms; display: block; } .featured_slider .reviews { color: #ffffff; font: 700 14px 'open sans condensed', trebuchet ms; background: #000000; position: absolute; right: 0px; bottom: 4px; padding: 3px 8px; z-index: 99 } .featured_slider .flex-control-nav { display: block; top: -4px; right: 0px; position: absolute; text-align: right; width: auto; bottom: auto; } .featured_slider .flex-control-nav li { margin: 0 !important } .featured_slider .flex-control-paging li a { width: 10px; height: 10px; border-radius: 50%; display: inline-block; font: 0/0 Arial; background: #c9c9c9; margin: 0 2px; box-shadow: none; color: transparent } .sidebar .featured_slider .link { font: 700 21px/21px 'Open Sans Condensed', trebuchet ms; margin: 8px 0; text-decoration: underline; display: block; text-transform: uppercase; } .sidebar .featured_slider p { font: italic 400 12px/18px 'arial', trebuchet ms; } .category_tab ul.cat_widget_custom { list-style: none; } .category_tab ul.cat_widget_custom li { border-bottom: 1px solid #d6d6d6; font: 14px/32px 'arial', trebuchet ms; } .category_tab ul.cat_widget_custom li:nth-last-of-type(1) { border: none } .category_tab ul.cat_widget_custom li a { color: #111111; outline: none; } .category_tab ul.cat_widget_custom li span.counts { font: 12px/11px 'open sans condensed', trebuchet ms; margin-top: 5px; color: #ffffff; background: #aaaaaa; border-radius: 3px; padding: 3px 7px; float: right; } .category_tab ul.cat_widget_custom li a span.drop_list { float: none; font: 400 14px 'arial'; color: #666; background-color: transparent; padding: 0 } .category_tab ul.cat_widget_custom li:last-child { border: 0px; } .sidebar .tabs-item .category_tab { border: none; padding: 0; margin: 0 } .category_tab ul.cat_widget_custom ul.children li { font: 12px 'Arial', trebuchet ms; color: #787878; background: url("images/dot.png") left center no-repeat; padding: 0 0 0 10px; margin-bottom: 3px; } .category_tab ul.cat_widget_custom ul.children li span.counts, .category_tab ul.cat_widget_custom li ul.children li a span.drop_list { display: none; } .category_tab .children { display: none; margin: 5px 0 10px 10px } .sidebar .widget { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #cecece; clear: both; overflow: hidden; } .sidebar .widget.widget_icl_lang_sel_widget{ overflow: visible;} .sidebar .widget .title { font: 700 18px/20px 'Open Sans Condensed', trebuchet ms; text-transform: uppercase; color: #111; margin-bottom: 15px } .widget_categories li, .widget_archive li, .widget_nav_menu li, .widget_pages li, .login_widget ul li, .edd-taxonomy-widget li { margin-bottom: 6px } .widget_recent_entries li, .widget_recent_comments ul li, .widget_product_categories li { margin-bottom: 10px } .widget_categories li a, .widget_archive li a, .widget_nav_menu li a, .widget_recent_entries li a, .widget_recent_comments ul li a, .widget_pages ul li a, .login_widget ul li a, .widget_product_categories ul li a, .widget_meta ul li a, .edd-taxonomy-widget li a{ text-decoration: underline; color: #111; } .widget_nav_menu ul.sub-menu, .widget_product_categories ul.children { margin: 6px 0 } .widget_nav_menu ul.sub-menu li, .widget_product_categories ul.children li { font: 12px 'Arial', trebuchet ms; margin-bottom: 3px; padding-left: 12px; } .widget_nav_menu ul.sub-menu li a, .widget_product_categories ul.children li a { color: #787878; } .widget_recent_entries .post-date { font-size: 11px } .author-avatar img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; float: left; margin: 0 10px 5px 0; padding: 4px; } .sidebar .widget p.welcome-frase { font-size: 14px } ul.login-links { margin-top: 10px } .login_widget #login-form label, .login_widget ul.login-links li a { font-size: 12px } .widget_rss .rsswidget { display: inline-block; margin-bottom: 8px } .widget_rss .rss-date { display: block; font-size: 11px; margin-bottom: 3px } .widget_rss cite { font-style: italic; display: block; margin: 3px 0 } .widget_rss ul li { margin-bottom: 10px } /* calendar widget */ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .widget_search #searchform { padding: 6px 7px; border: 1px solid #dddddd; overflow: auto; position:relative; } .widget_search #searchform input[type="text"] { border: none; height: 20px; width: 240px; float: left; line-height:20px;} .widget_search i {background: none repeat scroll 0 0 transparent;border: medium none;color: #444;cursor: pointer;float: right;font-size: 15px;height: 20px;line-height: 20px;text-align: center;width: 19px;} .widget_search #searchform input[type="submit"] { background: none repeat scroll 0 0 transparent;border: medium none;color: transparent;cursor: pointer;float: right;font-size: 0;height: 20px;position: absolute;right: 6px;top: 7px;width: 19px;} .tagcloud { overflow: hidden; } .sidebar .widget:last-child { border: 0px } .sidebar .widget_text a { font: 12px 'arial', trebuchet ms; text-decoration: underline; } .sidebar .widget p { font: 12px 'arial', trebuchet ms; color: #111111; margin-bottom: 10px; line-height: 18px; } .video_widget > a { margin-bottom: 20px; display: block; } .video_widget p { font: 700 18px 'Open Sans Condensed', trebuchet ms !important; text-transform: uppercase; color: #111111; } .video_widget figure { position: relative; margin-bottom: 15px; } .video_widget figure img { width: 100%; height: auto; } .video_widget figure:hover .pattern { opacity: 0; filter: alpha(opacity=0) } .video_widget h3 { font: bold 14px Arial } .video_widget h3 a { color: #111; text-decoration: underline; } .sidebar .tabs-item div.last_comments_widget { margin: 0; padding: 0 } .lastcomm-item { border-bottom: 1px solid #ddd; padding-bottom: 15px; overflow: hidden; font: 12px Arial, Helvetica, trebuchet ms; margin-bottom: 15px } .lastcomm-item img { float: left; height: 40px; margin-right: 12px; width: 40px; } .lastcomm-item .lastcomm-cat { font-style: italic; display: block; margin-top: 10px } .lastcomm-item .lastcomm-cat a { text-decoration: underline } .lastcomm-item div { overflow: hidden } .tagcloud a { border: 1px solid #ddd; color: #111; float: left; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; font-size: 14px !important; list-style-type: none; margin: 0 2px 2px 0; padding: 5px 10px; text-transform: capitalize; } .tagcloud a:hover { background-color: #111; border: 1px solid #111; color: #fff } .news_lettr { background: url("images/news-bg.png") right bottom no-repeat; padding-bottom: 0px !important; } .news_lettr form { position: relative; width: 93% } .news_lettr input[type="text"] { margin-bottom: 10px; border: 1px solid #cecece; width: 100%; height: 32px; outline: 0px; box-shadow: none; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news_lettr input[type="submit"] { background: #000000; padding: 0 4px; font: 700 17px 'Open Sans Condensed', trebuchet ms; color: #ffffff; border: 0px; border-radius: 3px; position: absolute; top: 3px; cursor: pointer; right: 3px; } .news_lettr p { font: 700 14px 'Open Sans Condensed', trebuchet ms !important; margin-bottom: 0px !important; padding-bottom: 10px; } .news_lettr i { padding-right: 5px; color: #bbb } .news_lettr p a { font: 700 14px 'Open Sans Condensed', trebuchet ms !important; } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input, .wpcf7 textarea { padding: 6px; border: 1px solid #DDD; margin-right: 10px; color: #333; font-size: 13px; margin-bottom: 6px; } .wpcf7 textarea { width: 80%; } .wpcf7 .wpcf7-submit { background: #111; padding: 5px 14px; color: #FFF; text-transform: uppercase; cursor: pointer; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; display: block; border: none; font: 700 18px 'Open Sans Condensed', trebuchet ms !important; text-transform: uppercase; } .wpcf7 .wpcf7-submit:hover { background: #777; } /******** FOOTER ********/ .footer-bottom { background: #000000; padding-top: 20px; } .footer-bottom .container, .footer-bottom.block_foot { width: 1002px; margin: 0 auto; } .footer-bottom .footer_widget { width: 302px; float: left; border-right: 1px solid #1c1c1c; padding: 0 20px 30px 20px; color: #ccc; font: 13px 'arial', trebuchet ms; color: #ccc; line-height: 18px; } .footer-bottom .widget { margin-bottom: 25px } .footer-bottom .footer_widget.last { width: 274px } .footer-bottom .footer_widget .title_b { font: bold 20px/20px 'open sans condensed', trebuchet ms; color: #ffffff; margin-bottom: 22px; text-transform: uppercase; } .footer-bottom .footer_widget p { margin-bottom: 22px; } .footer-bottom .container .footer_widget a { color: #ffffff !important; text-decoration: underline; } .footer-bottom .footer_widget .widget_categories ul li, .footer-bottom .footer_widget .widget_archive ul li, .footer-bottom .footer_widget .widget_nav_menu ul li { background: url("images/list-dot.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); font-size: 13px; margin-bottom: 12px; padding-left: 12px; } .footer-bottom .footer_widget .woocommerce ul li { background-image: none; padding-left: 0 } .footer-bottom .woocommerce ins, .footer-bottom .woocommerce del { color: #247600; } .footer-bottom .footer_widget ul li a { color: #ffffff; } .footer-bottom .footer_widget.last { border: 0px !important; } .footer-bottom .widget_search #searchform { background-color: #fff } .footer-bottom #wp-calendar caption { color: #ccc } .footer-bottom #wp-calendar tbody td { border: 1px solid #1c1c1c } .footer-bottom .featured_slider .link { font: 700 21px/21px 'Open Sans Condensed', trebuchet ms; margin: 8px 0; text-decoration: underline; display: block; text-transform: uppercase; } .footer-bottom .featured_slider p { font: italic 400 12px/18px 'arial', trebuchet ms; margin-bottom: 0 } .footer-bottom .news_lettr { background-image: none; } .footer-bottom .footer_widget a.vid_icon { text-decoration: none; } .footer-bottom .footer_widget .login_widget ul li { margin-bottom: 6px } .footer-bottom .tabs-item > div { border-bottom: 1px solid #1c1c1c } .footer-bottom .tabs-item .detail h5 { color: #ccc; font: 13px 'arial', trebuchet ms; } footer { background: url("images/footer-bg.png") repeat; border-top: 1px solid #4e4e4e; padding: 20px 0; } footer.block_foot{ width: 1002px; margin: 0 auto; } footer div.f_text { font: 11px 'arial', trebuchet ms; color: #ffffff; } footer .container { width: 1002px; margin: 0 auto; } footer .left { width: 50%; float: left; } footer.block_foot .left{ padding-left: 20px;} footer.block_foot .right{ padding-right: 20px;} footer .right { width: 50%; float: right; text-align: right; } footer .left, footer .right{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} footer .right img { } footer .right a { font: 700 14px 'Open Sans Condensed', trebuchet ms; color: #ffffff; text-decoration: underline; text-transform: uppercase } /**************************************************************************** *-*-*-* SOCIAL ICONS *-*-*-* ****************************************************************************/ .social_icon a { width: 32px; height: 32px; display: inline-block; margin-right: 2px; color: #fff; font-size: 20px; line-height: 32px; text-align: center; position: relative; } .social_icon a:hover { top: -2px } .social_icon.small_i a { width: 20px; height: 20px; display: inline-block; margin-right: 2px; font-size: 14px; line-height: 20px; text-align: center; } .social_icon.small_i a:hover { top: -1px; } .social_icon a.db { background-color: #ff80ae; } .social_icon a.fb { background-color: #39599F; } .social_icon a.gp { background-color: #ff7866; } .social_icon a.in { background-color: #66c9ff } .social_icon a.ins { background-color: #3a82b8 } .social_icon a.pn { background-color: #ff666e } .social_icon a.rss { background-color: #ff9933 } .social_icon a.sc { background-color: #ff7d2f } .social_icon a.tm { background-color: #00acef } .social_icon a.tw { background-color: #66ccff } .social_icon a.vk { background-color: #537599 } .social_icon a.yt { background-color: #cd0000 } .social_icon a.hm { background-color: #555; } /**************************************************************************** *-*-*-* HOME GRID *-*-*-* ****************************************************************************/ .title h1, .title h5 { font: 700 23px/20px 'open sans condensed', trebuchet ms; color: #222222; display: block; text-transform: uppercase; border-bottom: 3px solid #000000; padding-bottom: 12px; margin-bottom: 20px; } .title h1 span { font-weight: normal; } #masonry_grid{position:relative} #masonry_grid:before{ position: absolute; left: 50%; top:0; width: 1px; height: 100%; background-color: #c0c0c0;content: " ";} #masonry_grid, .masonry_grid_fullwidth{margin-bottom: 20px} .small_post { border-bottom: 4px solid #383838; padding-bottom: 20px; margin-bottom: 15px; position: relative; float: left; max-width: 300px; max-height: 560px; } .masonry_grid_fullwidth .small_post {padding: 15px;border: 1px solid #CECECE; box-shadow: 0 1px 1px #EDEDED; max-width: 275px; margin-bottom: 20px;} .masonry_grid_fullwidth .small_post{ display:none;} .masonry_grid_fullwidth.loaded .small_post{ display:block;} .masonry_grid_fullwidth{background: url("images/preload.gif") no-repeat scroll 50% 100px #fff; min-height: 600px; } .masonry_grid_fullwidth.loaded{background: none transparent; min-height: auto;} .small_post > p { font: 13px 'arial', trebuchet ms; color: #111111; margin-bottom: 15px; } .small_post .top { margin-bottom: 5px; height: 34px } .small_post h2 { margin: 0 0 10px 0; font-size: 22px; line-height: 22px; } .small_post .meta, .small_post h2 { clear: both } .small_post h2.ext_link { display: inline } .small_post .cats_def { float: left; width: 270px } .masonry_grid_fullwidth .small_post .cats_def{width: 240px} .small_post a.comment_two { float: right; } .small_post .overlay { text-align: center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.7); } .small_post .overlay .btn_more { border: 1px solid #ffffff; color: #ffffff; } .small_post .overlay h2 { font: 26px/26px 'open sans condensed', trebuchet ms; display: inline-block !important; margin: 65px 15px 10px; text-transform: uppercase; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding-top: 10px; padding-bottom: 5px; max-height: 52px } .small_post .overlay h2 a { color: #ffffff; } .small_post .most_pop { background: url("images/most_pop.png") no-repeat; position: absolute; top: -22px; right: -14px; text-align: center; } .small_post .most_pop div { font: 12px 'open sans condensed', trebuchet ms; color: #ffffff; display: inline-block; margin-top: 28px; width: 82px; margin-bottom: 20px; } .small_post .most_pop div span { font: 18px/18px 'open sans condensed', trebuchet ms; display: block; } .small_post .player { margin-bottom: 10px; display: inline-block; } .small_post figure { width: 100%; margin-bottom: 20px; position: relative; overflow: hidden; } .small_post figure > a { width: 100%; } .small_post figure > a img { width: 100%; height: auto; } .small_post figure:hover .pattern{display:none;} .small_post .post_slider .flex-direction-nav .flex-prev { left: 0 } .small_post .post_slider .flex-direction-nav .flex-next { right: 0 } .more_post { background: #f2f2f2; display: block; font: bold 14px 'arial', trebuchet ms; margin-top: 20px; line-height: 48px; text-align: center; } .more_post a { color: #111111; } .more_post:hover { background-color: #111; color: #fff } .more_post:hover a { color: #111111; color: #fff } ul.postpagination { display: block; height: 24px; margin-left: -5px; } ul.postpagination li { float: left; display: block; color: #666; font-size: 14px; margin-left: 5px; line-height: 14px; } ul.postpagination li a { display: block; padding: 5px 8px; color: #111; text-decoration: none; } ul.postpagination li:hover a, ul.postpagination li a:focus { background: #fb7203; color: #fff; } ul.postpagination li.active a { background: #fb7203; color: #fff; font-weight: bold; cursor: default; } ul.postpagination li.active a:hover, ul.postpagination li.active a:focus { background: #111; } div.pagination-centered { text-align: center; } div.pagination-centered ul>li { float: none; display: inline-block; } /**************************************************************************** *-*-*-* BLOG *-*-*-* ****************************************************************************/ .post_share { border-bottom: 1px dashed #cecece; border-top: 1px dashed #cecece; position: relative; text-align: center; margin: 25px 0; clear: both; padding: 12px 0 } .post_share div.share-item { display: inline-block; background-color: #fff; padding: 0 4px; } .post_share #s-facebook{ width: 150px; height: 24px; text-align: left; vertical-align: bottom;} .post_share.blog_end { padding: 0; border-bottom: none; margin-bottom: 10px } .post { margin-bottom: 15px; overflow: hidden } .single-product .post{overflow:visible;} .post .android.red-rbn { background: url("images/rebn.png") no-repeat; padding: 0px 19px 6px 10px; } .post .comment_two { float: right; } h2.ext_link { display: inline-block } .post .player { margin-bottom: 10px; display: inline-block; } .post figure { max-width: 100%; margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; } .post figure > img { } .post ul li { list-style: disc outside none; } .post li { margin: 0 0 5px 15px; } .post ol, .post ul { margin: 0 0 15px 5px } #login-form ul li, #user-login ul li { list-style: none; margin: 0; } .post .flex-direction-nav { margin: 0 } .post ul.flex-direction-nav li { list-style: none; margin: 0 } .post_slider ul.slides li a, .post_slider ul.slides li img { height: auto; width: 100%; position: relative; } .post_slider { margin-bottom: 42px; position: relative; width: 100%; } .post_slider.gallery_top_slider { margin-bottom: 20px } .post_slider .flex-viewport, .post_slider ul.slides li a, .post_slider ul.slides li img { width: 100%; vertical-align: top } .post_slider ul.slides { height: 100%; width: 100%; margin: 0; } .post_slider ul.slides li { position: relative; list-style: none; margin: 0; } .post_slider:hover .pattern { opacity: 0; filter: alpha(opacity=0) } .post_slider .pattern { box-shadow: 0 0 80px rgba(0, 0, 0, 0.4) inset } .post_slider .flex-control-nav { bottom: -26px !important; margin: 0 } .post_slider .flex-control-nav li a { width: 7px; height: 7px; border-radius: 50%; display: inline-block; font-size: 0px; background: #c9c9c9; text-indent: -9999px; } .post_slider .caption, .slider_post .caption { background-color: #fb7203; color: #ffffff; position: absolute; bottom: 0px; right: 0px; display: block; z-index: 99999; padding: 3px 6px 3px 5px; font-size: 14px } .post_slider .caption a, .slider_post .caption a { font: 16px/16px 'open sans condensed', trebuchet ms; color: #ffffff; text-decoration: none !important; } .post_slider .caption i, .slider_post .caption i { margin-left: 3px } .post_slider .flex-direction-nav a { width: 50px; height: 70px; position: absolute; top: 50%; margin-top: -45px; z-index: 999; transition: all 0.3s ease 0s; } .post_slider.media_slider .flex-direction-nav a { opacity: 1; filter: alpha(opacity=100) } .post_slider:hover .flex-direction-nav a { opacity: 1; filter: alpha(opacity=100) } .post_slider .flex-direction-nav .flex-prev { background: url("images/media_left.png") no-repeat; left: 20px; content: "" !important; font-size: 0 !important } .post_slider .flex-direction-nav .flex-next { background: url("images/media_right.png") no-repeat; right: 20px; content: "" !important; font-size: 0 !important } .post_slider .flex-direction-nav a:before { content: "" !important; font-size: 0 !important } .gallery_top_slider .flex-control-thumbs { margin: 5px 0 0; overflow: hidden; position: static; } .post_slider.gallery_top_slider .flex-direction-nav a { margin-top: -80px } .gallery_top_slider .flex-control-thumbs li { width: 10.39%; float: left; margin: 0 5px 5px 0; } .gallery_top_slider .flex-control-thumbs li:nth-child(9) { margin-right: 0; } .full_width .gallery_top_slider .flex-control-thumbs li { width: 9.52%; float: left; margin: 0 5px 5px 0; } .full_width .gallery_top_slider .flex-control-thumbs li:nth-child(10) { margin-right: 0; } .gallery_top_slider.loading, .blog_slider.loading{background: url("images/preload.gif") no-repeat scroll 50% 100px #fff !important; min-height: 400px; } .gallery_top_slider.loading .slides, .gallery_top_slider.loading .flex-control-nav, .gallery_top_slider.loading .flex-direction-nav{ display: none;} .blog_slider.loading .slides{ opacity:0;} .stream_title h2 { margin: 14px 0 10px 0} .stream_title h2 a { text-decoration: none; } .stream_title .star-small, .small_post .star-small { margin-bottom: 10px } /**************************************************************************** *-*-*-* TOP RATING *-*-*-* ****************************************************************************/ .top_rating_text{ margin-bottom: 15px} .top_rating_block .top_rating_heading{ text-align: center; font: 700 21px/21px "Open Sans Condensed", trebuchet; text-transform: uppercase; display: table-row; color: #fff;background: #898989; /* Old browsers */ background: -moz-linear-gradient(top, #ababab 0%, #ababab 50%, #898989 51%, #898989 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(50%,#ababab), color-stop(51%,#898989), color-stop(100%,#898989)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ababab 0%,#ababab 50%,#898989 51%,#898989 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ababab 0%,#ababab 50%,#898989 51%,#898989 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ababab 0%,#ababab 50%,#898989 51%,#898989 100%); /* IE10+ */ background: linear-gradient(to bottom, #ababab 0%,#ababab 50%,#898989 51%,#898989 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#898989',GradientType=0 ); /* IE6-9 */ } .top_rating_block .top_rating_heading div{padding: 8px 10px 10px; display: table-cell; border-right: 3px solid #fff; border-bottom: 3px solid #fff;} .top_rating_block .top_rating_heading div.buttons_col_name{border-right: none;} .top_rating_block.grid_style_rating .top_rating_heading, .top_rating_block.list_style_rating .top_rating_heading{display: none;} .top_rating_block.table_style_rating{ display: table;} .top_rating_block.table_style_rating .top_rating_item{overflow: hidden; display: table-row; background-color: #ededed;} .top_rating_block.table_style_rating .top_rating_item > div{padding: 15px 20px; display: table-cell; border-right: 3px solid #fff; border-bottom: 3px solid #fff; vertical-align: middle; text-align: center; } .top_rating_block.table_style_rating .top_rating_item > div.buttons_col{border-right: none;} .top_rating_block.table_style_rating #rank_1.top_rating_item > div.rank_col { padding: 15px 8px} .top_rating_block.table_style_rating .desc_col{ text-align: left !important;} .top_rating_block.table_style_rating .rank_col{width: 50px; } .top_rating_block.table_style_rating .rating_col{ width: 75px } .top_rating_block.table_style_rating .buttons_col{ width: 170px } .top_rating_block.grid_style_rating{ display: table; border: 1px solid #ddd; border-bottom: none;} .top_rating_block.grid_style_rating .top_rating_item{ display: table-row; } .top_rating_block.grid_style_rating .top_rating_item:nth-child(2n+2){background-color: #f4f4f4;} .top_rating_block.grid_style_rating .top_rating_item > div{padding: 15px 10px; display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #ddd;} .top_rating_block.grid_style_rating .desc_col{ text-align: left !important;} .top_rating_block.grid_style_rating .rank_col{width: 50px; } .top_rating_block.grid_style_rating .rating_col{ width: 75px; } .top_rating_block.grid_style_rating .buttons_col{ width: 170px } .top_rating_block.grid_style_rating .top_rating_item .rank_count{border-radius: 50%;} .top_rating_block.list_style_rating{ display: table;} .top_rating_block.list_style_rating .top_rating_item{ border: 1px solid #cecece;box-shadow: 0 1px 1px #ededed;margin: 0 0 15px 20px ; position: relative; } .top_rating_block.list_style_rating .top_rating_item > div{padding: 15px 10px; display: table-cell; vertical-align: middle; text-align: center; } .top_rating_block.list_style_rating .desc_col{ text-align: left !important; width:498px;} .top_rating_block.list_style_rating .rank_col{width: 50px; display: block; position: absolute; left: -34px; top: 50%; margin-top: -32px } .top_rating_block.list_style_rating .buttons_col{ width: 170px } .top_rating_block.list_style_rating .top_rating_item .rank_count{border-radius: 50%;} .top_rating_block.list_style_rating .top_rating_item figure{ margin-left: 30px} .top_rating_block.list_style_rating .rating_col{ width: 75px; } .with_sidebar_rating .desc_col .star strong{ display: none !important;} .with_sidebar_rating.top_rating_block.table_style_rating .buttons_col{width: 150px} .with_sidebar_rating .top_rating_item h2{font-size: 19px; line-height:19px;} .top_rating_item h2{margin:0;} .top_rating_item h2 a{ text-decoration: none;} .with_sidebar_rating.top_rating_block.table_style_rating .top_rating_item > div{padding: 12px 15px;} .with_sidebar_rating.top_rating_block.grid_style_rating .buttons_col{width: 150px} .with_sidebar_rating.top_rating_block.list_style_rating .buttons_col{width: 150px} .with_sidebar_rating.top_rating_block.list_style_rating .top_rating_item{ margin-left: 0} .with_sidebar_rating.top_rating_block.list_style_rating .rating_col{width:61px;} .with_sidebar_rating.top_rating_block.list_style_rating .t_score{display: none;} .with_sidebar_rating.top_rating_block .top_rating_heading{ font-size: 18px} .with_sidebar_rating.top_rating_block.list_style_rating .desc_col{ width:237px;} .with_sidebar_rating.top_rating_block.list_style_rating .rank_col{left: -30px;} .with_sidebar_rating.top_rating_block.grid_style_rating .top_rating_item > div.rank_col{ padding-right:0;} .with_sidebar_rating.top_rating_block.table_style_rating .rank_col, .with_sidebar_rating.top_rating_block.table_style_rating .top_rating_heading .rank_col_name{display:none;} .top_rating_block .desc_col .star strong{float: left; font: bold 12px Arial; margin-right: 5px} .top_rating_item h2 { font-size: 21px; line-height:21px; text-transform: uppercase; } .top_rating_item .rank_count{ font: 700 24px/24px "Open Sans Condensed", trebuchet; background-color: #111; border: 2px solid #fff; box-shadow: 0 0 4px #999; padding: 6px 0 0 0; color: #fff; width: 37px; height: 31px; display: block;margin: 0 auto;} #rank_1.top_rating_item .rank_count{background: none #fb7203; border: 2px solid #fff; box-shadow: 0 0 4px #999; padding: 6px 0 0 0; color: #fff; width: 37px; height: 31px; display: block;} #rank_1.top_rating_item .rank_count i{ font-size: 25px} .top_rating_item figure { width: 86px; height:86px; position: relative; margin: 0 auto } .top_rating_item figure > a { width: 100%; height: 100%; display: block } .top_rating_item figure > a img { width: 80px; height: 80px; border: 1px solid #ddd; padding: 2px; background-color: #fff } .top_rating_item .priced_block { margin: 6px 0 } .top_rating_item p { font: 13px/16px 'arial', trebuchet ms; color: #111111; margin: 8px 0; } .top_rating_item .priced_block p{ border: none; float: none; margin: 0 0 8px 0 !important; padding: 0 !important} .top_rating_item .priced_block .price_count{ background-color: transparent; font: 21px/21px Arial; color: #111; padding: 0} .top_rating_item .priced_block a.btn_offer_block{float: none; margin: 0 auto; display: block; width: 120px; padding:10px 2px 11px 8px; font-size: 20px} .top_rating_item .priced_block a.btn_offer_block:after{border-width:20px 0 17px 8px} .top_rating_item .read_full{ font: 700 16px/20px "Open Sans Condensed", trebuchet; text-decoration: underline; color:#fb7203 !important;} .top_rating_item .score { text-align: center; font: 700 13px/18px 'Open Sans Condensed', trebuchet ms; background: #e43917; padding: 8px; color: #fff; text-transform: uppercase; } .top_rating_item .score span.it_score { display: block; font: bold 38px/36px 'open sans condensed', trebuchet ms; } .top_rating_item .star { margin: 6px 0 0 0 !important; float:none !important; } /*******=== COUNTDOWN STYLES ===*******/ #countdown_dashboard { } .dash { width: 58px; height: 39px; float: left; margin-right: 12px; position: relative; } .dash:after { content: ":"; position: absolute; top: 5px; left: 58px; font-size: 24px; font-weight: bold } .dash .digit:before { height: 2px; background-color: #000; position: absolute; top: 17px; left: 0; width: 100%; z-index: 9999; content: "" } .dash.seconds_dash:after { display: none } .dash .digit { font: 700 35px/39px 'open sans condensed', trebuchet ms; float: left; width: 25px; text-align: center; color: #fff; position: relative; z-index: 9; background-color: #000; margin-right: 4px; border-radius: 4px; box-shadow: 0 3px 6px #ccc } .dash_title { position: absolute; display: none; bottom: 0px; right: 6px; font-size: 9pt; color: #555; text-transform: uppercase; letter-spacing: 2px; } /**************************************************************************** *-*-*-* SINGLE *-*-*-* ****************************************************************************/ .single h1 { margin-bottom: 15px } .single .post figure { } .single.full_width .post figure { } .single .star { float: right; margin-bottom: 10px; } .single .star.left { float: left } .single .star .title_stars { font: 14px 'arial', trebuchet ms; color: #111111; display: block; margin-bottom: 5px; } .single .star .title_stars span { font-weight: normal; } .single .rate-line .line { width: 280px; margin-bottom: 15px; } .single .rate-line { float: left; margin-top: 0 } .single article { margin-bottom: 15px; } .rating_bar { overflow: auto } .rating_bar .star .title_stars { float: left; } .rating_bar .star { float: none; width: 100%; text-align: right; margin: 10px 0 0 0 } .rating_bar.no_rev .star{ margin-top:0;} .post-navigation { margin-top: 30px; } .post-navigation a { display: block; height: 58px; width: 160px; position: relative; font-size:12px; line-height: 1.2em; color: #333333; text-decoration: underline; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #cfcfcf; -moz-boz-shadow: 0 1px 1px #ededed; -webkit-box-shadow: 0 1px 1px #ededed; -o-box-shadow: 0 1px 1px #ededed; box-shadow: 0 1px 1px #ededed; cursor: pointer } .post-navigation a span { position: absolute; top: 30px; font-family: "Open Sans Condensed"; font-weight: bold; font-size: 21px; text-transform: uppercase; text-decoration: none; } .post-navigation a i { display: block; background: url("images/post-navigation.png") no-repeat; height: 78px; width: 22px; position: absolute; top: 0; } .post-navigation a:hover { color: #515050; text-decoration: none; } .post-navigation .post-previous a { float: left; margin-left: 20px; padding: 17px 20px 0 90px; border-right: 1px solid #f4f4f4; } .post-navigation .post-previous a span { left: 10px; } .post-navigation .post-previous a i { left: -21px; } .post-navigation .post-next a { float: right; padding: 17px 90px 0 20px; margin-right: 20px; border-left: 1px solid #ededed; } .post-navigation .post-next a span { right: 10px; } .post-navigation .post-next a i { right: -21px; background-position: 0 -78px; } .post-navigation .separator { display: block; float: left; height: 76px; margin-left: 28px; border-left: 1px dashed #fff; } .single .tags { margin: 30px 0 0 0; } .single .tags p { color: #666666; font: bold 12px 'arial', trebuchet ms; } .single .tags p a { color: #666666; font: 12px 'arial', trebuchet ms; } .author_quote { border: 1px solid #cecece; padding: 15px 0px; margin: 15px 0 0 0; box-shadow : 0 1px 1px #EDEDED } .archive .author_quote { margin-bottom: 10px } .author_quote .avatar { float: left; width: 71px; margin-left: 20px; } .author_quote > div { float: right; width: 511px; margin-right: 20px; } .full_width .author_quote > div { width: 820px } .author_quote div .social_icon { border-bottom: 1px solid #cecece; padding-bottom: 10px; margin-bottom: 10px; } .author_quote div h4 { font: 16px 'arial', trebuchet ms; color: #111111; margin-bottom: 8px; text-transform: none; } .author_quote div p { font: 13px 'arial', trebuchet ms; color: #111111; border-top: 1px solid #ddd; padding-top: 8px; margin-top: 5px } .related_articles { padding: 20px; border: 1px solid #cecece; margin-top: 30px; box-shadow : 0 1px 1px #EDEDED } .related_articles .related_title { font: 700 23px/23px 'open sans condensed', trebuchet ms; color: #111111; margin-top: -20px; text-transform: uppercase; text-align: center; display: table; margin: -30px auto 20px; background: #ffffff; padding: 0 25px } .related_articles .title_cat_related { font: 14px 'arial', trebuchet ms; color: #111111; margin: -28px 0 15px; background: #ffffff; padding: 0 20px; display: table } .related_articles ul li > a { font: 13px 'arial', trebuchet ms; color: #111111; text-decoration: underline; line-height: 16px; } .related_articles ul li { width: 30%; margin-right: 5%; float: left; } .full_width .related_articles ul li { } .related_articles ul li img { width: 100%; margin-bottom: 5px; height: auto; max-width: 180px;} .full_width .related_articles ul li img{max-width: 100%;} .related_articles ul li:last-child { margin-right: 0px; } .related_articles ul li .star { float: none; margin-top: 6px } .media_articles li { width: 21% !important; } #timeline_posts h4 { background: none repeat scroll 0 0 #DFDFE0; display: inline-block; font-size: 24px; line-height: 24px; margin-bottom: 0; padding: 3px 6px; text-transform:none; } #timeline_posts h4 a { text-decoration: none; } ul.postspermonth { border-left: 2px solid #DFDFE0; margin: 0 0 30px 35px; overflow: hidden; padding-top: 10px } ul.postspermonth li { background: none transparent; list-style: none outside none !important; padding: 2px; position: relative; } /**************************************************************************** *-*-*-* COMMENTS *-*-*-* ****************************************************************************/ #comments { position: relative; margin-top: 30px } #comments .title_comments { font: 700 23px/23px 'open sans condensed', trebuchet ms; color: #111111; padding-bottom: 25px; } .commentlist { margin-bottom: 40px; list-style:none } .commentlist li { margin-bottom: 25px; } .commbox { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #f0f0f0; height: auto; max-width: 100%; padding: 15px; position: relative; } .commentlist ul.children { border-left: 1px solid #ddd; margin-left: 23px; padding-left: 23px; background: #fff; position: relative; margin-top: 23px; } .commentlist ul.children .commbox:before { background: none repeat scroll 0 0 #ddd; content: ""; height: 1px; left: -24px; position: absolute; top: 50%; width: 25px; } .commentlist .comment-author { position: relative; } .commentlist .comment-author img { width: 50px; height: 50px; float: left; margin-right: 20px; } .commentlist .comment-author .fn, .commentlist .comment-author .fn a { font: 700 17px/17px 'open sans condensed', trebuchet ms; color: #000; text-transform: uppercase; display: block; float: left; } .commentlist .comment-author .fn a { margin: 0; } .commentlist .comment-author .fn .url:hover { color: #999; } .commentlist .comment-author .frame { background: transparent url('images/userpic-frame.png') no-repeat; width: 50px; height: 51px; position: absolute; top: 0px; left: 0px; } .commentlist .comment-author a, .commentlist .comment-author span.time { font: normal 12px Arial; float: left; color: #999999; text-transform: lowercase; text-decoration: none; margin: 2px 0 0 8px; } .commentlist .comment-author a div.comment-link { font-size: 16px; margin-top: -3px; margin-left: -10px; } .commentlist .comment-content { display: block; margin-left: 70px; margin-top: -30px; position: relative; } .commentlist .comment-content p { font: normal 13px/18px Arial; color: #111; margin: 10px 0 5px; } .commentlist .comment-content a { word-break: break-all; } .commentlist .comment-content small { color: #999; display: block; font: 12px PTSans, trebuchet ms; margin-top: 3px; } .comment-reply-link { font-size: 13px; margin-left: 68px; } .comment-reply-link:before { content: " "; font-family: FontAwesome } .comment-edit-link { float: right; font-size: 11px } .comment-respond { padding: 20px 24px; border: 1px solid #cecece; margin-bottom: 30px; box-shadow: 0 1px 1px #EDEDED; max-width: 594px } .full_width .comment-respond { margin: 0 auto } .comment-respond h3 { font: 700 23px/23px 'open sans condensed', trebuchet ms; color: #111111; margin-top: -20px; text-transform: uppercase; text-align: center; display: table; margin: -30px auto 20px; background: #ffffff; padding: 0 25px } #cancel-comment-reply-link { border-bottom: 1px dotted #111; color: #111; text-decoration: none; font-size: 12px } .comment-respond input[type="text"] { padding-left: 50px; width: 138px; margin-right: 7px; font: 14px 'arial', trebuchet ms; color: #919191; margin-bottom: 10px; border-radius: 0px; height: 36px; border: 1px solid #cbd0d2; float: left } .comment-respond .end { margin-right: 0px !important; } .comment-respond textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f2f2f2; font: 700 14px 'helvetica', trebuchet ms; border-radius: 0px; height: 150px; resize: none; margin-bottom: 20px; border: 1px solid #cbd0d2; padding: 10px; clear: both } .comment-respond #submit { display: block } .comment-respond .usr { background: #f2f2f2 url("images/usr.png") left center no-repeat; } .comment-respond .email { background: #f2f2f2 url("images/email.png") left center no-repeat; } .comment-respond .site { background: #f2f2f2 url("images/site.png") left center no-repeat; } #commentform #submit { font: 700 17px 'open sans condensed', trebuchet ms; outline: none; text-transform: uppercase; padding: 6px 7px; color: #111; text-align: center; text-shadow: 0 1px 1px #fff; vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-repeat: repeat-x; border: 1px solid #bfbfbf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #commentform #submit:hover { background-color: #ededed; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee); background-image: -o-linear-gradient(top, #dddddd, #eeeeee); background-image: linear-gradient(to bottom, #dddddd, #eeeeee); background-image: -moz-linear-gradient(top, #dddddd, #eeeeee); } #commentform #submit:active { -webkit-box-shadow: inset 0 8px 12px rgba(197, 197, 197, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 8px 12px rgba(197, 197, 197, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: inset 0 8px 12px rgba(197, 197, 197, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); } .breadcrumb { padding-bottom: 15px; border-bottom: 3px solid #222222; margin-bottom: 15px; color: #111111; font: 12px 'arial', trebuchet ms; } .breadcrumb a { color: #111111; } #disqus_thread{ margin-top:20px;} /**************************************************************************** *-*-*-* MEDIA *-*-*-* ****************************************************************************/ .media_carousel { padding: 30px 30px 20px; border: 1px solid #cecece !important; margin-bottom: 25px; box-shadow : 0 1px 1px #EDEDED } .media_carousel li { margin: 0 10px } .def-carousel.media_carousel .carousel-next { right: 9px; background: url("images/media_crs_right.png") no-repeat; width: 12px; height: 25px } .def-carousel.media_carousel .carousel-prev { left: 9px; background: url("images/media_crs_left.png") no-repeat; } .media_carousel h3 { font: 18px 'arial', trebuchet ms; color: #111111; text-align: center; margin-bottom: 12px; margin-top: -17px; } .media_video .inner { padding: 25px 30px 20px 30px; border: 1px solid #cecece !important; margin-bottom: 30px; box-shadow : 0 1px 1px #EDEDED } .media_video img { margin-bottom: 10px; } .media_video p a img { margin-bottom: 0px; vertical-align: top; } .media_video .inner img { width: 100%; } .media_video h4 { text-align: center; font: 700 18px/18px 'open sans condensed', trebuchet ms; color: #111111; margin-top: 0; text-transform: none; } .media_video p { text-align: center; font: italic 15px 'arial', trebuchet ms; color: #111111; margin: 0 } .media_video h3 { float: left } .media_video > p { float: right; font: 700 18px/18px 'open sans condensed', trebuchet ms; color: #111111; margin-bottom: 10px } .video-container { margin-bottom: 10px } .best_from_cat_carousel h5 { font: bold 14px arial; color: #111111; text-align: left; margin-top: -12px; margin-bottom: 15px; padding: 0 15px } .best_from_cat_carousel h5 span { font: 14px 'open sans condensed', trebuchet ms; color: #ffffff; background: url("images/rebn.png") no-repeat; padding: 2px 17px 2px 13px; margin-right: 10px; } .media_carousel a img { width: 100%; } .media_carousel a { color: #111 !important; text-decoration: underline } .link_to_cat { padding: 0 3px } .best_from_cat_carousel li { height: auto !important; overflow: hidden } .best_from_cat_carousel p { text-decoration: underline; font: 13px 'arial', trebuchet ms; color: #111111; } /**************************************************************************** *-*-*-* CAROUSEL *-*-*-* ****************************************************************************/ .def-carousel { border-bottom: 0; border-top: 0; text-align: center; position: relative; margin-bottom: 20px } .def-carousel .carousel-next:hover, .def-carousel .carousel-prev:hover { opacity: 1; } .def-carousel .carousel-next, .def-carousel .carousel-prev { width: 21px; height: 45px; z-index: 999 !important; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; text-indent: -999em; z-index: 5; opacity: 0.6; } .def-carousel .carousel-prev { left: 20px; background: url("images/crousal_errow.png") no-repeat center 0px; } .def-carousel .carousel-next { right: 20px; background: url("images/crousal_errow2.png") no-repeat center 0px; } .sec_style_carousel { padding: 0px 50px; } .sec_style_carousel ul li { width: 167px; height: auto !important; } .sec_style_carousel ul li h5 { color: #111111; font: 700 14px 'arial', trebuchet ms; margin: 4px 0px; } .sec_style_carousel ul li p { margin-bottom: 4px; font: italic 12px 'arial', trebuchet ms; color: #888888; } .sec_style_carousel ul li p a { font: italic 400 12px 'arial', trebuchet ms; color: #888888; display: inline-block !important; width: auto !important; } a.gal_post_image { position: relative; display: block; } .def-carousel.sec_style_carousel .carousel-next, .def-carousel.sec_style_carousel .carousel-prev { height: 180px !important; width: 40px !important; top: 0; margin-top: 0; border: 1px solid #dbdbdb } .def-carousel.sec_style_carousel .carousel-prev { left: 0; background: url("images/media_crs_left.png") no-repeat scroll 15px 80px } .def-carousel.sec_style_carousel .carousel-next { right: 0; background: url("images/media_crs_right.png") no-repeat scroll 15px 80px } .def-carousel.sec_style_carousel .carousel-prev:hover { background: url("images/media_crs_left_hover.png") no-repeat scroll 15px 80px #FB7203; } .def-carousel.sec_style_carousel .carousel-next:hover { background: url("images/media_crs_right_hover.png") no-repeat scroll 15px 80px #FB7203; } ul.gallery-pics, ul.gallery-pics li { list-style: none; } .arrow_in ul.gallery-pics li { text-align: left; height: 140px; overflow: hidden; width: 200px; float: left; margin: 0 10px } .sec_style_carousel ul.gallery-pics li { margin: 0 10px } .blog_carousel.def-carousel ul.gallery-pics li { } /*.def-carousel ul.gallery-pics li a {width: 100%; display: block;}*/ ul.gallery-pics li img { width: 100%; max-width:172px; } .def-carousel.shop_carousel ul.gallery-pics li img { width: 100%; height: 100% } .gallery-pics { width: 640px; overflow: hidden } .gallery-pics li { width: 200px; float: left; position: relative; } .gallery-pics .gp-overlay { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0px; left: 0px; } .gallery-pics .gp-overlay a { width: 40px; height: 40px; display: block; background: url("images/zoom-icon.png") no-repeat; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px } .news_block .right > div { width: 100%; border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 10px; } .news_block .right:last-child > div { border: 0px; } .news_block .right h5 { color: #111111; font: 700 14px 'arial', trebuchet ms; margin-bottom: 5px; } .news_block .right p { margin-bottom: 4px; font: 11px 'arial', trebuchet ms; color: #888888; } .home_carousel { margin: 0 0 24px 0; position: relative; } .home_carousel .stamp {background: url("images/label.png") no-repeat; padding: 28px 10px 0 10px; height: 64px;width: 73px; position: relative; text-align: center; left: 20px; top: -22px; position: absolute; z-index: 10; font: 20px/17px 'Open Sans Condensed',trebuchet ms,arial; color: #fff; text-transform: uppercase;} .home_carousel .stamp span{ display: block; font-weight: bold;} #home_carousel { position: relative; overflow: hidden; z-index: 3; } #home_carousel .container { padding: 0 61px 0 61px;} #home_carousel .controls { display: block; background-color: #eeeeee; height: 160px; position: absolute; width: 61px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; z-index: 50; padding:0; } #home_carousel .controls span { background: url("images/media_crs_left.png") no-repeat; display: block; height: 25px; margin: 64px 0 0 22px; width: 12px; } #home_carousel .controls.prev { left: 0; } #home_carousel .controls.next { right: 0; top: 0; } #home_carousel .controls.next span { background: url("images/media_crs_right.png") no-repeat;margin: 64px 0 0 22px; } #home_carousel .controls:hover { background-color: #d8d8d8; } #home_carousel .preview { display: block; float: left; height: 160px; line-height: 1.2em; position: relative; text-decoration: none; width: 166px; } #home_carousel .preview .pattern{ border-left: 1px solid #000} #home_carousel .preview img { display: block; width: 100%; height: 100px } #home_carousel .preview:hover .pattern { opacity: 0; } #home_carousel .text { border-left: 1px solid #111; height: 40px; padding: 10px; position: absolute; bottom: 0; transition: all 0.3s ease 0s; font: bold 13px/13px Arial;color: #fff; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#45484d 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#45484d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */ width:148px; } #home_carousel .preview:hover .text{ height: 48px} #home_carousel .text:after { content: " "; position: absolute; left: 0; right: 0; bottom: 0; height: 7px; background: #fb7203; } .home_carousel .category { font-family: "Open Sans Condensed"; font-size: 1.2em; font-weight: bold; left: 108px; position: absolute; top: 0; z-index: 30; } #home_carousel figure{position: relative;} #home_carousel .preview:first-child .text{ border: none;} /**************************************************************************** *-*-*-* SHOP CAROUSEL *-*-*-* ****************************************************************************/ .shop_carousel { padding: 30px 30px 20px; border: 1px solid #cecece !important; margin-bottom: 25px; box-shadow : 0 1px 1px #EDEDED } .shop_carousel li { margin: 0 10px } .def-carousel.shop_carousel .carousel-next { right: 9px; background: url("images/media_crs_right.png") no-repeat; width: 12px; height: 25px } .def-carousel.shop_carousel .carousel-prev { left: 9px; background: url("images/media_crs_left.png") no-repeat; } .def-carousel.shop_carousel ul.gallery-pics li { height: auto; border: 1px solid #ccc; width: 177px !important; margin: 0 7px } .shop_carousel .product_details { text-align: center; background-color: #f9f9f9; padding: 2px 12px 10px 12px; } .shop_carousel .product_details h4 { font: 700 18px/18px 'Open Sans Condensed', arial !important; margin: 10px 0 8px 0; padding: 0; text-transform: uppercase; max-height: 38px; overflow: hidden } .shop_carousel .product_details h4 a { text-decoration: none } .shop_carousel .product_details h4 a:hover { text-decoration: underline } .shop_carousel .product_details .cats_urls a { font: 12px Arial, Helvetica, trebuchet ms; color: #111; text-decoration: none } .shop_carousel .product_details .cats_urls { margin: 3px 0; padding: 0 } .shop_carousel .product_details .price { font: bold 20px/18px 'open sans condensed', trebuchet ms !important; margin: 10px 0; display: block; } .shop_carousel .product_details .price del { color: #bbb; font-size: 16px; font-weight: 300 } .shop_carousel .product_details .price ins { text-decoration: none } .shop_carousel .star-rating { display: none; } .sale_tag, .new_tag, .outstock_tag { min-height: 18px; min-width: 30px; padding: 2px 5px; font-weight: bold; position: absolute; text-align: center; line-height: 18px; text-shadow: none; color: #ffffff; text-transform: uppercase; font-weight: 300; font-size: 11px; z-index: 40; } .shop_carousel .sale_tag { background: none repeat scroll 0 0 #E43917; border: 1px solid #E43917; right: 0; top: 0; } .shop_carousel .product_details .product_data { border-top: 1px solid #ddd; clear: both; margin-bottom: -5px; padding: 6px 0; font-size: 11px; text-transform: uppercase; background-color: #FFFFFF; } .shop_carousel .product_details .product_data .action { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; text-align: left; border-left: 1px solid #ddd; } .shop_carousel .product_details .product_data .action a { color: #777 } .shop_carousel .product_details .product_data .action:first-child { text-align: right; border-left: none } .shop_carousel .product_details .product_data .wishlist a { margin-right: 7px; display: inline-block } .shop_carousel .product_details .product_data .compare a { margin-left: 7px; display: inline-block } .shop_carousel .image_container { position: relative; width: auto; height: 130px; margin: 0 auto } .shop_carousel .prodimglink { background: #fff; position: relative; display: inline-block; height: 122px; width: 169px; overflow: hidden; margin: 4px } .shop_carousel .loop_product { text-align: center } .shop_carousel .quick_view_btn { bottom: 15px; left: 0; position: absolute; width: auto; z-index: 999; display: none } .shop_carousel .image_container:hover .quick_view_btn { display: block } .shop_carousel .quick_view_btn a { color: #fff; display: block; font: 13px 'Open Sans Condensed', trebuchet ms; padding: 4px 8px; transition: all 0.3s ease 0s; background-color: #111; text-decoration: none; text-transform: uppercase; } .shop_carousel .quick_buy { color: #111; display: inline-block !important; font: 14px/13px 'Open sans condensed', trebuchet ms; padding: 4px 12px; transition: all 0.3s ease 0s; background-color: #fff; text-decoration: none !important; text-transform: uppercase; border: 1px solid #111; text-align: center; margin: 3px 0 10px 0 } .shop_carousel .quick_buy:hover { background-color: #111; color: #fff } .shop_carousel button { cursor: pointer; } .shop_carousel a.added_to_cart{ display:block;} .header-top a.cart-contents { color: #111111; display: inline-block; font-size: 12px; margin-right: 8px; margin-top: 7px; } /*** effect - image roll ***/ .imagechange2 .prodimglink .loop_product { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px } .imagechange2 .prodimglink .loop_product img { width: auto !important; /*height:auto !important;*/ } .imagechange2 .prodimglink .loop_product.front { left: 0px } .imagechange2 .prodimglink .loop_product.back { left: 123% } .imagechange2 :hover .prodimglink .loop_product.front { left: 123% } .imagechange2:hover .prodimglink .loop_product.back { left: 0px } .imagechange2 .prodimglink .loop_product { transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; } .imagechange2:hover .prodimglink .loop_product { transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; } /*** effect 3d image change ***/ .imagechange1 { display: block; height: 130px } .imagechange1 .prodimglink { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px } .imagechange1 .loop_product.front { opacity: 1; filter: alpha(opacity=100) } .imagechange1:hover .loop_product.front { opacity: 0; filter: alpha(opacity=0) } .imagechange1 .loop_product.back { opacity: 0; filter: alpha(opacity=0) } .imagechange1:hover .loop_product.back { opacity: 1; filter: alpha(opacity=100) } .imagechange1 .loop_product { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px } .imagechange1 div { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .imagechange1 { perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; } .imagechange1 .prodimglink { transform-style: preserve-3d; transition: all .5s linear; -webkit-transform-style: preserve-3d; -webkit-transition: all .5s linear; -moz-transform-style: preserve-3d; -moz-transition: all .5s linear; -ms-transform-style: preserve-3d; -ms-transition: all .5s linear; -o-transform-style: preserve-3d; -o-transition: all .5s linear; } .imagechange1:hover .prodimglink, .imagechange1:hover .sale_tag, .imagechange1:hover .new_tag, .imagechange1:hover .outstock_tag { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .imagechange1 .loop_product.back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } /*** effect - fade ***/ .imagechange3 .prodimglink .loop_product { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px } .imagechange3 .loop_product.front { opacity: 1; filter: alpha(opacity=100) } .imagechange3:hover .loop_product.front { opacity: 0; filter: alpha(opacity=0) } .imagechange3 .loop_product.back { opacity: 0; filter: alpha(opacity=0) } .imagechange3:hover .loop_product.back { opacity: 1; filter: alpha(opacity=100) } .imagechange3 .prodimglink .loop_product { transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; } .imagechange3:hover .prodimglink .loop_product { transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; } /* Images -------------------------------------------------------------- */ .post img { max-width: 100%; vertical-align: top } .alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1.5em; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; } .widget img{ max-width:100%; height:auto} .widget select{ max-width:100%} /** * Gallery * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 12px 12px 0; overflow: hidden; position: relative; } .gallery-item img{ height:auto} .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 12px); max-width: calc(50% - 12px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 12px); max-width: calc(33.3% - 12px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 12px); max-width: calc(25% - 12px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 12px); max-width: calc(20% - 12px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 12px); max-width: calc(16.7% - 12px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 12px); max-width: calc(14.28% - 12px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 12px); max-width: calc(12.5% - 12px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 12px); max-width: calc(11.1% - 12px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /**************************************************************************** ELEMENTS SHORTCODE ****************************************************************************/ blockquote { margin: 20px 0 10px 0; overflow: hidden; } blockquote p { margin: 0 0 10px; font: 18px/24px Georgia; border-left: 1px solid #c0c0c0; padding-left: 18px; font-style: italic; } blockquote.wpsm-quote cite { color: #AAAAAA; float: right; font-size: 13px; font-style: italic; } blockquote.alignleft { float: left; margin: 10px 20px 10px 0 } blockquote.alignright { float: right; margin: 10px 0 10px 20px } .wpsm-button.rehub_main_btn { cursor: pointer; display: inline-block; outline: medium none; text-align: center; text-decoration: none !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); white-space: nowrap; -webkit-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; font-family: 'Open Sans Condensed', trebuchet ms; position: relative } .wpsm-button.medium span.wpsm-button-inner { font-size: 18px; line-height: 18px; padding: 12px 24px; font-weight: bold } .wpsm-button span.wpsm-button-inner { display: block; } .wpsm-button.rehub_main_btn { font-size: 18px; line-height: 18px; padding: 12px 24px; font-weight: 700 } .sys_btn { font: normal 12px Arial !important; text-transform: none !important; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); display: inline-block } .sys_btn:hover { text-decoration: none } .field_text { margin: 15px 0; clear: both } .def_inp { background: none repeat scroll 0 0 #fcfcfc; border: 1px solid #ccc; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset; border-radius: 4px; font: 12px/12px Arial; color: #808080; padding: 7px 6px; } .label_title { padding-right: 10px } .def_inp:focus { box-shadow: 0 0 6px #eee; border: 1px solid #c0c0c0; color: #333; } /* Inline checkboxes, radios --------------------------------------------------------*/ .input_styled.inline .rowCheckbox, .input_styled.inline .rowRadio, .input_styled.inline span { display: inline-block; margin-right: 14px; } .input_styled.inline span { line-height: 18px; margin-bottom: 14px; } .custom-checkbox, .custom-radio { position: relative; } .custom-checkbox label::selection, .custom-radio label::selection { background: transparent; color: inherit; } .custom-checkbox input, .custom-radio input { position: absolute; top: 0; left: 10px; margin: 0; border: none; width: 1px; height: 1px; display: none; } .ie8 .custom-checkbox input, .ie8 .custom-radio input { display: block; } .custom-checkbox label.focus, .custom-radio label.focus { outline: none; } .custom-checkbox label, .custom-radio label { display: block; position: relative; line-height: 14px; padding-left: 24px; margin-bottom: 14px; cursor: pointer; min-height: 14px; } .custom-checkbox label { } .custom-checkbox label:before, .custom-checkbox label:after, .custom-radio label:before, .custom-radio label:after { content: ''; position: absolute; top: 0; left: 0; } .custom-checkbox label:before, .custom-radio label:before { width: 14px; height: 14px; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.05); border-radius: 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border: 1px solid #ccc; } .custom-checkbox label:before { width: 12px; height: 12px; border-radius: 0px; } .custom-checkbox label.checked:before, .custom-radio label.checked:before { background: #fff; box-shadow: none; -webkit-box-shadow: none; } .custom-checkbox label:after, .custom-radio label:after { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; top: 3px; left: 3px; } .custom-checkbox label.checked:after { top: 3px; left: 3px; width: 8px; height: 8px; } .custom-radio label.checked:after { width: 10px; height: 10px; border-radius: 50%; top: 3px; left: 3px; } /* Colors ================================================== */ a { color: #fb7203; } .welcome-frase strong { color: #fb7203; } nav.top_menu ul li ul { border-bottom: 2px solid #ff7200; } nav.top_menu ul li ul li a:hover { color: #fb7203 } .priced_block a.btn_offer_block { background-color: #fb7203; text-shadow: 0 1px 0 #444; box-shadow: 0 2px 2px #B35000; text-decoration: none !important; } .priced_block a.btn_offer_block:after { border-top: 15px solid transparent; border-left: 7px solid #fb7203; border-right: 0px transparent; border-bottom: 15px solid transparent; } .priced_block a.btn_offer_block:hover { background: #f99800; text-decoration: none } .priced_block a.btn_offer_block:hover:after { border-left: 7px solid #f99800; } .priced_block a.btn_offer_block:active { background-color: #fb7203 !important; top: 2px; } .priced_block a.btn_offer_block:active:after { border-left: 7px solid #fb7203; } .main_slider .flex-overlay a.read-more:hover { background-color: #FB7203; border: 2px solid #FB7203; } .main_slider .flex-control-paging li a.flex-active, .main_slider .flex-control-paging li a:hover { background: none repeat scroll 0 0 #FB7203; } .btn_more:hover { background-color: #FB7203; border: 1px solid #FB7203; color: #fff } .top_theme h5 strong { background: #ff7200; } .widget.tabs .current { background: #ff7200; } .sidebar .tabs-item .detail p a { color: #fb7203; } .featured_slider .flex-control-paging li a.flex-active, .featured_slider .flex-control-paging li a:hover { background: #fb7203; } .category_tab h5 a:hover { color: #ff7200; } .sidebar .widget p a { color: #fb7203; } .lastcomm-item span b { color: #fb7203 } .footer-bottom .widget .title_b span { color: #ff7200; } footer p a { color: #ff7200; } .small_post .overlay .btn_more:hover { border: 1px solid #FB7203 } .small_post .btn:hover { border-color: #fb7203; background: #fb7203; color: #ffffff; } .blog_carousel .title_blog_carousel a { color: #ff7200; } .post .btn:hover { border-color: #fb7203; background: #fb7203; color: #ffffff; } .post_slider .flex-control-nav li a.flex-active, .post_slider .flex-control-nav li a:hover { background: #fb7203; } .campare_table table.one td strong.red { color: #fb7203; } .author_quote { border-top: 3px solid #fb7203; } .comment-reply-link { color: #FB7203; } .best_from_cat_carousel h5 a { color: #fb7203; } .def-carousel.sec_style_carousel .carousel-next:hover, .def-carousel.sec_style_carousel .carousel-prev:hover { background-color: #fb7203; border: 1px solid #FB7203 } .product_details .price { color: #FB7203 !important; } .quick_view_btn a:hover { background-color: #fb7203 } .wpsm-button.rehub_main_btn { color: #fff; background-color: #fb7203 !important; background-image: none !important; box-shadow: 0 2px 0 #B35000 !important; text-transform: uppercase; border: none; } .wpsm-button.rehub_main_btn { border-radius: 3px !important; } .wpsm-button.rehub_main_btn:hover { background: #f99800 !important; background-position: left bottom !important } .wpsm-button.rehub_main_btn:active { background-color: #fb7203 !important; top: 2px; box-shadow: none !important } .custom-checkbox label.checked:before, .custom-radio label.checked:before { border: 1px solid #FB7203; } .custom-checkbox label.checked:after { background-color: #FB7203; } .custom-radio label.checked:after { background: #FB7203; } .wpsm-members > strong:first-child { background: none repeat scroll 0 0 #fb7203; } article em.emph { color: #fb7203; } .heading a { color: #fb7203; } .related_articles .title_cat_related a { color: #fb7203; } .commentlist .comment-content small a { color: #fb7203; } .comment-respond h3 a { color: #fb7203; text-decoration: underline } .sidebar .featured_slider .link { color: #fb7203; } .widget.tabs > ul > li:hover { color: #ffffff; background: #ff7200; } .news_lettr p a { color: #ff7200; } .footer-bottom .widget .f_menu li a:hover { color: #ff7200; text-decoration: underline; } .gallery-pics .gp-overlay { box-shadow: 0 0 0 4px #ff7200 inset; } .main-nav { border-bottom: 2px solid #ff7200; } .sidebar .tabs-item figure, .news_block .right figure, .f-post figure { border-top: 2px solid #ff7200; box-sizing: border-box; -moz-box-sizing: border-box; } #topcontrol:hover { background-color: #fb9826; } .aff_offer_links .aff_name a, .rehub_feat_block .start_price span{ color: #fb7203;} .sidebar .tabs-item .detail .rcnt_meta a{ color: #fb7203;} nav.top_menu > ul > li.current-menu-item{ background-color: #FB7203;} /* style for block header */ .block_style header { width: 1002px; margin: 0 auto; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd } .block_style header .logo-section { width: 1002px; } .block_style header .header-top { border-left: none; border-right: none } .block_style header .logo { margin-left: 20px; width: 235px } .block_style header .search { margin-right: 20px; } /* style for darkheader */ header.dark_header { background: url("images/dark_header.png") #444 !important; } header.dark_header .header_top_wrap { background-color: #000; width: 100%; border-bottom: 1px solid #3c3c3c; } header.dark_header .header-top { border: none !important; background-color: transparent !important; margin-bottom: 0 !important } header.dark_header .header-top .top-nav a { color: #b6b6b6 !important } header.dark_header .header-top .top-social .social_icon.small_i a { border-left: 1px solid #333 !important } header.dark_header nav.top_menu ul li.menu-item-has-children ul li.menu-item-has-children a:after { color: #ccc } header.dark_header .search form { border: 1px solid #5a5a5a !important; background-color: #272727 !important } header.dark_header .responsive_search.search form{border: none !important; border-left: 1px solid #272727 !important; background-color: transparent !important;} header.dark_header .responsive_search.search form input[type="text"]{ background-color: transparent !important;} header.dark_header .search form input[type="text"] { background-color: #272727 !important; color: #ccc !important } header.dark_header .search form i{ color:#fff; } header.dark_header .main-nav { background-color: #fff !important; box-shadow: 0 3px 5px #ccc; border-bottom: none !important } header.dark_header nav.top_menu ul li a { color: #333 } header.dark_header nav.top_menu ul li ul { background-color: rgba(30, 30, 30, 0.9) !important; box-shadow: none } header.dark_header nav.top_menu ul li ul li a { color: #fff !important } header.dark_header .main-nav { position: relative } header.dark_header .main-nav:after { position: absolute; top: 100%; width: 100%; height: 11px; left: 0; background: url("images/undernav.png") repeat-x transparent !important; content: "" } header.dark_header .logo .textlogo { color: #fff; } header.dark_header .logo .sloganlogo { color: #ccc } header.dark_header .header-top a.cart-contents { color: #ccc } header.dark_header .dl-menuwrapper button i{ color: #111 } header.dark_header .dl-menuwrapper button.dl-active i, header.dark_header .dl-menuwrapper button:hover i{color: #fff} header.dark_header .dl-menuwrapper .dl-menu{margin: 0} header.dark_header .dl-menuwrapper{z-index: 2} .dark_sidebar > ul { margin-bottom: 0 } .dark_sidebar .tabs-item { background-color: #212121; padding: 20px 0 10px 0 } .dark_sidebar { border-bottom: none; padding: 0; margin-top: 0 } .widget.tabs.dark_sidebar > ul { margin-bottom: 0 } .sidebar .dark_sidebar .tabs-item figure { width: 70px; } .sidebar .dark_sidebar .tabs-item .detail h5 a { color: #fff } .sidebar .dark_sidebar .tabs-item > div { border-bottom: 1px solid #515151; margin: 0 20px 16px } .sidebar .dark_sidebar .tabs-item .detail { width: 180px !important } .sidebar .dark_sidebar .overlay_post_formats.review_formats_score{ padding:2px 4px} .dark_sidebar .category_tab ul.cat_widget_custom li a { color: #fff } .dark_sidebar .category_tab ul.cat_widget_custom li { border-bottom: 1px solid #515151; } .sidebar .dark_sidebar .tabs-item > div.category_tab, .sidebar .dark_sidebar .category_tab ul.cat_widget_custom ul.children li { border-bottom: none; } .sidebar .dark_sidebar .category_tab ul.cat_widget_custom ul.children li { background: url("images/dot_white.png") no-repeat scroll left center rgba(0, 0, 0, 0) } .sidebar .dark_sidebar .tagcloud a { color: #fff } .sidebar .dark_sidebar .category_tab ul.cat_widget_custom li a span.drop_list { color: #ccc } .dark_sidebar .lastcomm-item { border-bottom: 1px solid #515151; color: #fff } .dark_sidebar .rate-line .count { background-color: #fff; color: #000 } .dark_sidebar .lastcomm-item .lastcomm-cat a{color:#fff !important;} @media screen and (max-width: 1023px) and (min-width: 768px) { header.dark_header .search form { border: none !important; background-color: #3d3d3d !important } } /* style for branded pages */ #branded_img { width: 1002px; margin: 0 auto; position: relative; z-index: 1; display: block; vertical-align: top; line-height: 0 } #branded_img a { display: block; text-align: center; } #branded_img img { max-width: 100% } /* ecwid*/ .title_ecwid { font: bold 20px 'open sans condensed', trebuchet ms; margin-bottom: 15px; text-transform: uppercase } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulsed { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulsed { animation-name: pulsed; animation-duration: 1s; animation-fill-mode: both; animation-delay: 2s; animation-iteration-count: 3; } @-webkit-keyframes scrollsticky { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scrollsticky { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .scrollsticky { -webkit-animation-name: scrollsticky; animation-name: scrollsticky; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-bottom: none !important; } .stickyscroll_widget .news_lettr { background-image: none; } /*badges and post formats icons*/ .overlay_post_formats { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); color: #FFFFFF; display: inline-block; font-size: 16px; padding: 3px 6px; position: absolute; left: 0; text-align: center; top: 0; width: auto; z-index: 102; line-height: 20px } .overlay_post_formats_right { background: none repeat scroll 0 0 rgba(228, 57, 23, 0.5); color: #FFFFFF; display: inline-block; font-size: 16px; padding: 3px 6px; position: absolute; left: 0; text-align: center; top: 26px; width: auto; z-index: 102; } .overlay_post_formats_right.rev_right { background: none transparent } .overlay_post_formats_right.reg_right { top:0;} #home_carousel .preview .overlay_post_formats, #home_carousel .preview .overlay_post_formats_right{left:1px;} .overlay_post_formats.review_formats_gallery { font-size: 13px; } .overlay_post_formats.review_formats_score { font: 700 12px/18px 'arial', trebuchet ms; background: none repeat scroll 0 0 #E43917; padding: 4px 8px; } .tabs_img .overlay_post_formats.review_formats_score { display: inline-block; font: 700 32px/32px 'Open Sans Condensed', trebuchet ms; left: 10px; padding: 10px; position: absolute; text-align: center; top: 10px; width: 38px } .ed_choice { margin: 16px auto; text-align: center; clear: both; } .ed_choice span:after { content: ''; display: block; height: 0; border-style: solid; border-width: 10px; border-color: transparent; border-right-color: #fff; position: absolute; right: -1px; top: 15px; } .single_custom_bottom { margin: 10px auto; text-align: center; clear: both; } .single_custom_bottom img { max-width: 100% } .tabs_img .overlay_post_formats_right { display: none; } .ed_choice span:before { content: ''; display: block; height: 0; border-style: solid; border-width: 10px; border-color: transparent; border-left-color: #fff; position: absolute; left: -1px; top: 15px; } .ed_choice span { padding: 8px 26px; background: rgb(41,154,11); /* Old browsers */ background: -moz-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(41,154,11,1)), color-stop(100%, rgba(41,154,11,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b', GradientType=0 ); /* IE6-9 */ color: #fff; font: 700 24px 'Open Sans Condensed', trebuchet ms; text-transform: uppercase; position: relative; } .ed_choice i { margin-right: 6px; } .page_builder .heading { padding-top: 0; margin-bottom: 15px } .page_builder .heading.h-three { margin-bottom: 0; padding: 12px 0; } .page_block { margin-bottom: 12px } /*** Post review ***/ .user-rate { float: right; width: 98px; } .rate-bar { position: relative; display: block; margin-bottom: 15px; width: 100%; background: #b8b8b8; height: 28px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; } .rate-bar-title { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 14px; color: #fff; } .rate-bar-title span { display: block; background: rgba(0,0,0,0.07); padding: 0 15px; height: 28px; line-height: 28px; } .rate-bar-bar { height: 28px; width: 0px; background: #E43917; } .rate-bar-percent { position: absolute; right: 10px; top: 0; font-size: 15px; height: 28px; line-height: 28px; color: #fff; font-weight: bold; } .rate_bar_wrap { background: #eee; padding: 20px; margin-bottom: 15px; } .rate_bar_wrap .review-top { overflow: hidden; } .rate_bar_wrap .review-top .overall-score { background: #E43917; width: 100px; text-align: center; float: left; margin: 0 20px 10px 0; } .rate_bar_wrap .review-top .overall-score span.overall { font-size: 52px; color: #FFF; font-weight: 700; padding: 8px 0; display: block; line-height: 52px; } .rate_bar_wrap .review-top .overall-score span.overall-text { background: #000; display: block; color: #FFF; font-weight: 700; padding: 6px 0; text-transform: uppercase; font-size: 11px; } .rate_bar_wrap .review-top .review-text span.review-header { font-size: 32px; font-weight: 700; font-family: 'Open Sans Condensed', trebuchet ms; color: #000; line-height: 32px; display: block; margin-bottom: 9px; } .rate_bar_wrap .review-top .review-text p { color: #777; margin: 0; } .rate_bar_wrap .review-criteria { margin-top: 20px; border-top: 1px dashed #d2d2d2; border-bottom: 1px dashed #d2d2d2; padding: 20px 0; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; } .rehub_feat_block { border: 1px solid #CECECE; box-shadow: 0 1px 1px #EDEDED; margin-bottom: 25px; padding: 16px; overflow: hidden; clear: both; } .rehub_feat_block .priced_block { margin: 0 !important; clear: none; } .priced_block .price_count del{ font-size:12px; font-weight:normal;} .priced_block a.added_to_cart{ display:block; clear: both; padding-top:4px; font-size:11px;} .priced_block .price_count ins{text-decoration:none;} .rehub_feat_block .offer_title { font: bold 18px/16px Arial; margin-bottom: 5px } .rehub_feat_block .offer_thumb { float: left; margin: 0 15px 10px 0; width: 120px; } .rehub_feat_block .offer_thumb img{ max-width: 120px;} .rehub_feat_block .aff_tag {color: #666;font-size: 12px;} .rehub_feat_block p { font-size: 13px; line-height:18px;margin: 10px 0; } .rehub_feat_block.table_view_block{display: table; margin: 15px auto;} .rehub_feat_block.table_view_block .offer_thumb{float:none; margin:0;display: table-cell; vertical-align: top;} .rehub_woo_review .rehub_feat_block.table_view_block{ margin:0 0 25px 0; display:block} .rehub_feat_block.table_view_block .buttons_col{ width:150px; text-align: center;display: table-cell; vertical-align: top;} .rehub_feat_block.table_view_block .desc_col{ padding: 0 15px;display: table-cell; vertical-align: top;} .rehub_feat_block.table_view_block .priced_block p {border: medium none;float: none;margin: 0 0 8px !important;padding: 0 !important;} .rehub_feat_block.table_view_block p {color: #111111;font: 13px/16px 'arial',trebuchet ms;margin: 8px 0;} .rehub_feat_block.table_view_block .price_count {background-color: transparent;color: #111;font: 21px/21px Arial;padding: 0;} .rehub_feat_block.table_view_block a.btn_offer_block:after {border-width: 20px 0 17px 8px;} .rehub_feat_block.table_view_block a.btn_offer_block {display: block;float: none;font-size: 20px;margin: 0 auto;padding: 10px 2px 11px 8px;width: 120px;} .rehub_feat_block.table_view_block .priced_block .price_count del, .top_rating_block .priced_block .price_count del{display:inline; font-size: 16px; color:#777;} .rehub_feat_block.table_view_block table.shop_attributes { border: 0; border-top: 1px dotted rgba(0,0,0,0.1); margin-bottom: 1.618em; width: 100%; } .rehub_feat_block.table_view_block table.shop_attributes th { width: 150px; font-weight: bold; padding: 8px; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,0.1); margin: 0; line-height: 1.5em; } .rehub_feat_block.table_view_block table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,0.1); margin: 0; line-height: 1.5em; } .rehub_feat_block.table_view_block table.shop_attributes td p { margin: 0; padding: 8px 0; } .rehub_feat_block.table_view_block table.shop_attributes .alt td, .rehub_feat_block.table_view_block table.shop_attributes .alt th { background: rgba(0,0,0,0.025); } .rehub_woo_review_tabs{ display:none;} a.btn_offer_block.loading:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(images/woo/ajax-loader.gif) center no-repeat rgba(255,255,255,0.65); } a.btn_offer_block.loading:after { display:none;} .post .rehub_woo_tabs_menu { margin: 20px 0 -1px 0} .post .rehub_woo_tabs_menu li{ list-style: none; display: inline-block; margin: 0; padding: 7px 18px; } .post .rehub_woo_tabs_menu li:hover{ cursor: pointer;} .post .rehub_woo_tabs_menu li.current{border: 1px solid #cecece; border-bottom: 1px solid #fff; border-top: 2px solid #fb7203; font-weight: bold;} #countdown_dashboard { margin: 10px auto 0 auto; overflow: hidden; height: 50px; width: 280px } .rate-line { margin-top: 10px; position: relative; } .rate-line .count { background: #222222; height: 21px; width: 27px; padding-top: 4px; position: absolute; color: white; font: 700 12px 'arial', trebuchet ms; text-align: center; top: -2px } .rate-line .line { margin-left: 27px; width: 82%; background: none repeat scroll 0 0 #DCDCDC } .rate-line .line span { float: left; display: block; height: 20px; } .rate-line .filled { background: #E43917; } .star a { width: 16px; height: 15px; display: inline-block; background: url("images/star.png") no-repeat; } span.stars-rate { background: url("images/star_img.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); display: inline-block; height: 17px; width: 98px; } span.stars-rate span { background: url("images/star_img.png") no-repeat scroll left top rgba(0, 0, 0, 0); display: block; float: left; height: 15px; cursor: pointer; } .star-small span.stars-rate { background: url("images/star_img_small.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); display: inline-block; height: 12px; width: 67px; } .star-small span.stars-rate span { background: url("images/star_img_small.png") no-repeat scroll left top rgba(0, 0, 0, 0); display: block; float: left; height: 12px; cursor: default; } .rated-done span.stars-rate span { cursor: default; } .rehub-rate-load { background: url("images/loaded.gif") no-repeat scroll center center rgba(0, 0, 0, 0); height: 16px; width: 16px; display: block; } .review-header { display: block; font-size: 20px; font-weight: bold; } .music_spotify, .music_soundcloud { margin-bottom: 15px } .custom_textarea { margin-bottom: 25px } .wishlist_table .add_to_cart, .yith-wcwl-add-button > a.button.alt{ border-radius:3px !important;} .wccm-thumb a, .wccm-catalog-item a.dashicons{ text-decoration: none !important;} .rehub_feat_block .add_to_wishlist, .rehub_feat_block .woocommerce a.compare{ border-radius: 3px !important;padding: 4px 6px 4px 23px !important; font: bold 12px/12px Arial; text-transform:uppercase; color: #fff !important; text-align: center; vertical-align: middle; cursor: pointer; background-color: #2f2f2f; transition: all 0.4s ease 0s; position: relative; text-decoration: none;} .rehub_feat_block .add_to_wishlist:before{font-family: FontAwesome; position: absolute; left: 6px; font-size:12px; content:"\f08a"; top:6px;color:#ff7171;} .rehub_feat_block .add_to_wishlist:hover:before{ color:#fff;} .rehub_feat_block .woocommerce a.compare{padding-left: 20px !important; background-color: #3f9a00 !important; text-shadow: none !important; box-shadow: none !important; border: none !important; background-image:none !important; color:#fff !important;} .rehub_feat_block a.compare:before{font-family: FontAwesome; position: absolute; left: 6px; font-size:12px; content:"\f0dc"; top:5px; color:#fff;} .yith-wcwl-add-to-wishlist{ font-size:12px; margin:8px 0} .rehub_feat_block .yith-wcwl-add-to-wishlist{ float:left; margin:0} .rehub_feat_block .yith-wcwl-wishlistexistsbrowse{ margin-top:2px;} .yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i{ display:none;} .rehub_feat_block .woocommerce.product.compare-button{ float:left; margin-right: 5px;} .rehub_feat_block .add_to_wishlist:hover, .rehub_feat_block .woocommerce a.compare:hover{ background-color:#fb7203 !important;} .rehub_woo_review_tabs.pretty_woo{ margin: 0 5px 5px 0;} .sidebar .widget.yith-woocompare-widget a.title{font: bold 13px Arial; text-transform: none;} /* style for error pages */ .errorpage span.error-text { color: #999999; font-size: 22px; } .errorpage { text-align: center; } .errorpage h2 { font-size: 160px; font-weight: 700; line-height: 148px; margin-bottom: 14px; text-align: center; } /* sroll to top btn */ #topcontrol { z-index: 2; background: #111; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; position: fixed; bottom: -100px; right: 10px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: auto; padding: 8px; font-size: 16px; line-height: 16px; color: #fff !important; } /*STYLE FOR AFFILIATE LISTS*/ .aff_offer_links{ clear: both;} .aff_offer_desc{ overflow: hidden;} .aff_offer_links .aff_prices{width: 100%; display: table; border: 1px dotted #cecece; border-width: 1px 0; margin: 4px 0} .aff_offer_links .aff_prices.vip{background-color: #FFF4E1;} .aff_offer_links .aff_prices div.row_aff{ display: table-row;} .aff_offer_links .aff_prices div.row_aff > div{display: table-cell; padding: 6px 8px 8px 6px; vertical-align: top;} .aff_offer_links .aff_prices div.aff_model{ text-align: left; } .aff_offer_links .aff_prices div.aff_model .aff_tag{font-size: 11px; color: #666} .aff_offer_links .aff_prices div.aff_shop img{ background-color: #fff; border: 1px solid #ddd; padding: 2px; max-width:85px;} .aff_offer_links .aff_prices div.aff_shop{width: 100px; padding: 15px 0; } .aff_offer_links .aff_prices div.buy_butt{ width: 170px;text-align: center;} .aff_offer_links .priced_block p {border: medium none;float: none;margin: 0 0 4px !important;padding: 0 !important;} .aff_offer_links .priced_block .price_count {background-color: transparent;color: #111;font: bold 16px/16px Arial;padding: 0;} .aff_offer_links .priced_block a.btn_offer_block {display: block;float: none;margin: 0 auto;width: 120px; padding-right: 2px;} .aff_offer_links .aff_name a{font-weight: bold;} .aff_offer_links .aff_desc{font-size: 12px} .aff_offer_links_heading{ border-top: 1px dashed #cecece; font: bold 14px Arial; padding: 10px 10px 10px 5px; margin: 10px 0 5px 0; position: relative;} .rehub_feat_block .start_price{font: 14px Arial; color: #666;text-align: right; padding-right: 22px; margin-top: -10px;} .rehub_feat_block .start_price span{font-size: 18px; font-weight: bold; } /*STYLE FOR ADBLOCK NOTICE*/ .noadb {background: none repeat scroll 0 0 #ffffd3;border: 1px solid #eee;color: #000;display: block;font-family: 'Calibri',helvetica,arial,sans-serif;font-size: 16px;font-weight: 400;line-height: 1.38em;padding: 10px;text-align: center;} /*STYLE FOR RESPONSIVE MENU*/ .dl-menuwrapper { width: 100%; max-width: 466px; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper button { border: none; width: 48px; height: 53px; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button i { color: #fff; font-size: 36px } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 25px 15px 20px; line-height: 20px; font-weight: 300; color: #fff; outline: none; font: bold 16px/16px 'Open Sans Condensed', trebuchet ms, arial; text-transform: uppercase; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'FontAwesome'; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; font-weight: normal; } .dl-menuwrapper li.dl-back:after { left: 10px; color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 15px; color: #fff; } .dl-menuwrapper .dl-menu { margin: 2px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Colors for demos */ /* color */ .dl-menuwrapper button { background: none transparent; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active { background: #fb7203; } .dl-menuwrapper ul { background: #222; } /*EASYDOWNLOAD STYLES*/ .widget_edd_cart_widget { background-color: #f9f9f9; padding: 0 15px 20px 15px} .widget_edd_cart_widget .title{ background-color: #fff !important; margin: 0 -15px !important; padding-bottom: 15px !important} .widget_edd_cart_widget .edd-cart-number-of-items { margin-bottom: 0 !important; text-indent: -999px; position: relative;} .widget_edd_cart_widget .edd-cart-number-of-items .edd-cart-quantity{ width: 24px; height: 24px; border-radius: 50%; display: block; background-color: #fb7203; color: #fff; text-indent: 0; margin: 0 auto; position: relative; z-index: 2; text-align: center; padding: 6px; font: 700 24px/24px 'Open Sans Condensed', trebuchet; margin-bottom: 8px; border: 10px solid #f9f9f9 } .widget_edd_cart_widget .edd-cart-number-of-items:after{content: ''; position: absolute; width: 100%; height: 1px; background: #e1e1e1; top: 39px; left: 0; box-shadow: 0 8px 0 #e1e1e1, 0 16px 0 #e1e1e1; z-index: 1} .widget_edd_cart_widget .edd-cart .edd-cart-item-title{ float: left; width: 70%; text-align: left;} .widget_edd_cart_widget .edd-cart-item-separator{ display: none;} .widget_edd_cart_widget .edd-cart-item-price{ font-weight: bold;} .widget_edd_cart_widget .edd-remove-from-cart{ font-size: 0; line-height: 0} .widget_edd_cart_widget .edd-cart-item{ text-align: right; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 10px 0; font-size: 13px;} .widget_edd_cart_widget .edd-remove-from-cart:after{ content: 'x'; font-size: 13px} .widget_edd_cart_widget .edd_subtotal{ padding: 8px 0; font: 700 18px/18px 'Open Sans Condensed', trebuchet; text-transform: uppercase; } /*.widget_edd_cart_widget .edd_checkout a{ float: right; margin-top: 14px; background-color: #fb7203;color: #fff; padding: 3px 6px;} .widget_edd_cart_widget .edd_subtotal{float: left;}*/ .widget_edd_cart_widget .cart_item.edd_checkout a:after{content: " →";} .widget_edd_cart_widget .edd_empty_cart{ padding-top: 10px; display: block;} .edd_downloads_list .edd_download_title{ font-size: 22px; line-height: 22px; margin: 10px 0; text-transform: uppercase;} .edd_downloads_list .edd_download_excerpt{ font-size: 13px; line-height: 18px; margin-bottom: 15px} .edd_downloads_list .edd_downloadimg{ max-width: 100%} .edd_downloads_list .edd_download{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edd_downloads_list.edd_download_columns_1 { display: table; width: 100%} .edd_downloads_list.edd_download_columns_1 .edd_download{border: 1px solid #cecece;box-shadow: 0 1px 1px #ededed;position: relative;margin-bottom: 15px} .edd_downloads_list.edd_download_columns_1 .edd_download_inner > div {display: table-cell;padding: 15px 10px;text-align: center;vertical-align: top;} .edd_downloads_list.edd_download_columns_1 .edd_download_inner > div.edd_download_buy_button{vertical-align: middle;} .edd_downloads_list.edd_download_columns_1 .edd_download_inner{ padding: 0; margin: 0} .edd_downloads_list.edd_download_columns_1 .edd_download_image img{width: 160px; height: 106px; background-color: #fff;border: 1px solid #ddd; padding: 2px;} .edd_downloads_list.edd_download_columns_1 .edd_download_buy_button{ width: 150px} .edd_downloads_list.edd_download_columns_1 .edd_download_image{ width: 170px} .edd_downloads_list.edd_download_columns_1 .edd_download_title{ margin: 0 0 12px 0} .edd_downloads_list.edd_download_columns_1 .edd_download_inner > div.edd_download_text{ text-align: left; width: 255px} .full_width .edd_downloads_list.edd_download_columns_1 .edd_download_inner > div.edd_download_text{width: 565px} .masonry_grid_fullwidth .edd_download_buy_button{ margin-top: 15px} .edd_masonry_grid figure:hover .pattern{display: none;} .edd_masonry_grid .edd-cart-ajax-alert{ display: inline-block;} .edd_masonry_grid .edd-cart-ajax-alert .edd-cart-added-alert{position: relative;} .edd_download_purchase_form .edd_price_options li{ font-size: 12px} .edd_downloads_list.edd_download_columns_1 .edd-cart-ajax-alert .edd-cart-added-alert{position: relative;} .edd_downloads_list.edd_download_columns_1 .edd-cart-ajax-alert{ display: inline-block;} .edd_downloads_list .post-meta{ font-size: 12px; margin-bottom: 10px} .edd_downloads_list .post-meta a{color: #666; text-decoration: underline;} .edd-submit.button.orange{ background-color: #fb7203 !important; border-color: #fb7203 !important; } #edd-purchase-button, .edd-submit, input.edd-submit[type="submit"]{ border-radius: 0 !important} .edd_downloads_list .star-small{margin-bottom: 5px} .edd_masonry_grid.small_post .post-meta{ padding-top: 0} .pagination { text-align: center; } ul.page-numbers { display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #e0dadf; border-right: 0; margin: 1px; } ul.page-numbers li{ border-right: 1px solid #e0dadf; padding: 0; margin: 0; float: left; display: inline; overflow: hidden;text-align: center; line-height: 1em; font-size: 1em; font-weight: normal; padding: .5em; min-width: 1em; } ul.page-numbers li a, ul.page-numbers li span{ margin: 0; text-decoration: none; display: block; } ul.page-numbers li a{color:#111;} ul.page-numbers li.current, ul.page-numbers li:hover, ul.page-numbers li:focus, ul.page-numbers li.active { background: #f7f6f7; color: #998896; } .edd_single h1 span{ font-weight: bold;} .edd_single h1{ font-size: 28px; line-height: 28px; margin-top: 0} .widget_edd_product_details h3{ font: bold 16px Arial; margin-bottom: 12px} .sidebar .widget.widget_edd_product_details { border: 1px solid #ddd; padding: 15px; } .single .edd_single .star{ float: none; margin-bottom: 15px} .single .edd_single .star .title_stars{ display: inline;} .single .widget.widget_edd_product_details .star, .widget.widget_edd_product_details .user-rate{ float: none;} .single .widget.widget_edd_product_details .star .title_stars {font-size: 13px} .widget.widget_edd_product_details .title{ display: none;} #edd-purchase-button, .edd-submit, input.edd-submit[type="submit"]{ border: none;} .widget_edd_cart_widget .edd-remove-from-cart{color:#cc0000;} #edd_checkout_form_wrap #edd-discount-code-wrap, #edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, #edd_checkout_form_wrap #edd_final_total_wrap, #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap fieldset, #edd_login_form, #edd_purchase_receipt, #edd_user_history, #edd_purchase_receipt_products, #edd_profile_editor_form, .edd-confirmation-template #edd_purchase_receipt thead th:first-child, #edd_purchase_receipt tbody td:first-child, #edd_purchase_receipt thead th:last-child, #edd_purchase_receipt tbody td:last-child, #edd_purchase_receipt_products tbody td{border: 1px solid #f1f1f1;} #edd_purchase_receipt thead th:first-child, #edd_purchase_receipt tbody td:first-child{padding: 12px 10px;} #edd_checkout_cart .edd_cart_header_row th, #edd_checkout_form_wrap #edd-discount-code-wrap, #edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, #edd_checkout_form_wrap #edd_final_total_wrap, #edd_checkout_form_wrap #edd_show_discount, #edd_purchase_receipt thead th:first-child, #edd_purchase_receipt tbody td:first-child, #edd_purchase_receipt_products th, #edd_profile_editor_form, #edd_checkout_form_wrap fieldset:not(#edd_purchase_submit), #edd_login_form{background: none repeat scroll 0 0 #f5f5f5;} #edd_purchase_receipt, #edd_user_history {margin-bottom: 2em;} #edd_purchase_receipt thead th:last-child, #edd_purchase_receipt tbody td:last-child {border-width: 0 0 1px;padding: 12px 10px;} #edd_purchase_receipt thead th:first-child, #edd_purchase_receipt tbody tr:not(:last-child) td:first-child {border-bottom-width: 1px;} #edd_purchase_receipt_products tbody td{border-width: 0 0 1px;} #edd_purchase_receipt_products th {border-bottom: 1px solid #f1f1f1;} #edd_purchase_receipt_products th {font-weight: bold;padding: 12px 10px;} #edd_purchase_receipt_products td {padding: 12px 10px;} #edd_profile_editor_form {padding: 15px;} #edd_profile_editor_form p > input:not([type="submit"]), #edd_profile_editor_form p > select, #edd_profile_editor_form p {margin-bottom: 1em;} #edd_profile_editor_form legend {display: block;font-weight: bold;margin-bottom: 10px;} #edd_profile_editor_form input[type="text"], #edd_profile_editor_form input[type="email"], #edd_profile_editor_form input[type="url"], #edd_profile_editor_form input[type="password"], #edd_profile_editor_form input[type="search"], #edd_profile_editor_form input[type="tel"], #edd_profile_editor_form input[type="number"], #edd_login_form #edd_user_pass, #edd_login_form #edd_user_login, #edd_checkout_form_wrap input[type="email"], #edd_checkout_form_wrap input[type="password"], #edd_checkout_form_wrap input[type="text"], #edd_checkout_form_wrap textarea {background: none repeat scroll 0 0 #fff; padding: 6px 8px; border: 1px solid #ddd;} #edd_profile_editor_submit, #edd_login_submit{ font: 700 17px 'open sans condensed', trebuchet ms; outline: none; text-transform: uppercase; padding: 6px 7px; color: #111; text-align: center; text-shadow: 0 1px 1px #fff; vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-repeat: repeat-x; border: 1px solid #bfbfbf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #edd_login_form {margin-top: 20px;padding: 16px;} #edd_login_form legend {margin-bottom: 1.5em;} #edd_login_form{ max-width:450px;} #edd_checkout_form_wrap fieldset p:last-child {margin-bottom: 12px;} .custom_textarea .rehub_feat_block{ margin-bottom: 15px;} .custom_textarea .rehub_feat_block .offer_title {font: bold 22px/22px Open Sans Condensed; text-transform: uppercase;} /*WOO DEALS*/ .deals_woo_rehub{padding: 15px; border: 1px solid #ddd; margin-bottom: 30px; clear: both; display:none; } .woo_sidebar_deals_links .deals_woo_rehub{float: right; width:270px; display: block; clear:none; margin-bottom:15px;} .woo_inreview_deals_links .deals_woo_rehub{ display:block; padding: 0; border:none;} .title_deal_wrap{background-color:#fb7203; padding: 2px; margin-bottom: 18px;} .title_deal{border: 1px dashed #fff; padding: 5px 0; font: 700 18px/18px Open Sans Condensed; text-transform: uppercase; color:#fff; text-align: center; border-left:none; border-right:none;} .woopriced_block{ text-align: right;} .woobuy_butt{float:right; width:70%;} .wooaff_tag{ float:left; width:30%; font: 12px Arial; color:#777;} .woorow_aff{clear: both; border-bottom: 1px dashed #ccc; padding: 10px 0; overflow: hidden;} .wooprice_count{ font-size:18px;} .woobtn_offer_block{ background-color: #fb7203; padding: 2px 5px; font: 700 14px/14px Open Sans Condensed; text-transform: uppercase; color:#fff !important; white-space:nowrap; text-decoration: none!important;} .woo_related_review{ font-weight: bold; margin: -7px 0 16px 0;} /*Slot Grid template*/ .main-grid .view { width: 200px; height: 133px; margin: 10px; float: left; border: 10px solid #fff; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #333; cursor: default; /* background: #fff url(../images/bgimg.jpg) no-repeat center center; */ } .main-grid .view .mask, .view .content { width: 200px; height: 133px; position: absolute; overflow: hidden; top: 0; left: 0; } .main-grid .view img { display: block; position: relative } .main-grid .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1.2em !important; padding: 10px; background: rgba(204, 55, 55, 0.9); margin: 0; } .main-grid .view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; } .main-grid .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: rgb(204, 55, 55); color: #fff; text-transform: uppercase; box-shadow: 0 0 1px #000; margin-top: -10px; } .main-grid .view a.info:hover { box-shadow: 0 0 5px #000; } .main-grid .view-first img { transition: all 0.2s linear; width: 200px; height: 133px; } .main-grid .view-first .mask { opacity: 0; background-color: rgba(35, 111, 146, 0.7); transition: all 0.4s ease-in-out; } .main-grid .view-first h2 { transform: translateY(-100px); opacity: 0; transition: all 0.2s ease-in-out; } .main-grid .view-first p { transform: translateY(100px); opacity: 0; transition: all 0.2s linear; margin-top: -5px !important; } .main-grid .view-first a.info{ opacity: 0; transition: all 0.2s ease-in-out; } .main-grid .view-first:hover img { transform: scale(1.1); } .main-grid .view-first:hover .mask { opacity: 1; } .main-grid .view-first:hover h2, .main-grid .view-first:hover p, .main-grid .view-first:hover a.info { opacity: 1; transform: translateY(0px); } .main-grid .view-first:hover p { transition-delay: 0.1s; } .main-grid .view-first:hover a.info { transition-delay: 0.2s; } .main-grid .mask h2 { font-size: 10px !important; color: #fff !important; } .main-grid .main-grid { display: inline-block; } .main-grid .c-s #middlecontent, .main-grid .c-s-s #middlecontent { border: none; } .main-grid .view-first h2 {font-size: 1.2em !important; } .main-grid { display: inline-block;}