/* Theme Name: TechFrag 2016 Theme URI: http://segmentnext.com Author: Tessah Heckbert Version: 1.0 */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /*bootsrap fixes */ .container {padding:0;} .row {margin-right:0px;margin-left:0;} .grey.row {background-color: #f8f8f8;} .post .col-md-4 {padding:0;overflow:hidden; } .category .post .col-lg-4, .category .post .col-lg-7 {padding:0; } /*stylesheet*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{outline:none;font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000} *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; *behavior: url(img/boxsizing.htc);} /*BODY*/ body { background:#e5e6ea;/*url(img/nasty_fabric.png);*/ font-family: "Open Sans", "Helvetica Neue", sans-serif; font-size:14px/*90%*/; color:#222; line-height:1; } p {font-size:14px;} a { text-decoration:none; color:#222; outline:none; } a:hover { color: #0080FF } p { margin-bottom:15px; } strong { font-weight:bold; } em { font-style: italic } h1, h2, h3, h4 { font-weight: bold; margin-bottom: 15px; } h1 { font-size:150%; } h2 { font-size:130%; } h3 { font-size:120%; } h4 { font-size:120%; } blockquote { padding: 15px 15px 1px 15px; margin-bottom:15px; background:#efefef; } .banner { text-align: center; width: auto; height: auto; margin: 20px auto 20px auto; } #banner-1, #banner-5 { max-width: 1000px; margin: 20px auto 20px auto; text-align: center; } #banner-2, #banner-3 { min-width: 300px; min-height: 250px; margin-bottom: 20px; } /*MENU*/ #header_wrap { background: #000000; } #header { width:100%; margin:0 auto; padding:0 15px; } #logo { padding: 7px 0; display: inline-block; } #search { float: right; padding-top: 18px; width:250px; } /*#search a img { vertical-align: bottom; } #search form { display: inline-block;} #search input { border-radius: 25px; border: 0px solid red; padding:7px 15px; display: block; width: 250px; }*/ #search .form-control, #search .btn{ border-radius:25px; } #search .form-control{ border-top-right-radius:0px; border-bottom-right-radius:0px; } #search .btn{ border-top-left-radius:0px; border-bottom-left-radius:0px; } #menu_wrap { background: #0080FF; } #menu { width:1000px; margin:0 auto; text-transform: uppercase; font-size: 90%; overflow: hidden; } #menu a { color: #ffffff; padding: 10px 20px; display: inline-block; } #menu a:hover { background: #1a8dff; } .navbar.navbar-default{ background-color:transparent; border:0; } .navbar.navbar-default .container{ width:100%; } .navbar{ margin-bottom:0; } .navbar .navbar-brand{ height:auto; padding:10px; padding-left:0px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left:15px; } .navbar-default .navbar-nav>li>a{ color:#FFFFFF; text-transform:uppercase; font-size:14px; font-weight:bold; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color:#FFFFFF; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background:#000000 url('img/current-icon-2.png') no-repeat;background-position:center top 7px;color:#FFFFFF; } .leaderboard-mobile{ height:auto; width:100%; } #featured_wrap { background: #f5f5f5; } /*#featured { width: 1000px; margin: 0 auto 0 auto; height: 450px; background: white; position: relative; } #featured a { float:left; display:inline-block; position:absolute; color: white; background-size: cover; background-position: center center; width: 332px; font-weight: bold; } #featured a span { display: block; position: absolute; bottom: 0; line-height: 1.5; padding: 50px 10px 10px 10px; background: rgba(0,0,0,0.5); background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.55)),color-stop(100%,rgba(19,21,28,0.85))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0); } #featured a:hover span { color: #66b2ff; /*background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.75)),color-stop(100%,rgba(19,21,28,0.95))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0);*/ } /*#featured-1 { height:300px; left:0; top:0; } #featured-2 { height:148px; left:0; top:302px; } #featured-3 { height:148px; left:334px; top:0; } #featured-4 { height:300px; left:334px; top:150px; } #featured-5 { height:148px; left:668px; top:0; } #featured-6 { height:148px; left:668px; top:150px; } #featured-7 { height:150px; left:668px; top:300px; }*/ #featured { width: 100%; margin: 0 auto 0 auto; height: auto; background: white; position: relative; } #featured a { float:left; display:block; position:relative; color: white; background-size: cover; background-position: center center; width: 100%; font-weight: bold; } #featured a span { width:100%; display: block; position: absolute; bottom: 0; line-height: 1.5; padding: 50px 10px 10px 10px; background: rgba(0,0,0,0.5); background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.55)),color-stop(100%,rgba(19,21,28,0.85))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0); } #featured a:hover span { color: #66b2ff; /*background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.75)),color-stop(100%,rgba(19,21,28,0.95))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0);*/ } #featured a#featured-1 { height:200px; border-bottom:2px solid #FFFFFF; } #featured a#featured-2 { height:200px; border-bottom:2px solid #FFFFFF; } #featured a#featured-3 { height:200px; border-bottom:2px solid #FFFFFF; } #featured a#featured-4 { height:200px; display:none; } #featured a#featured-5 { height:200px; display:none; } #featured a#featured-6 { height:200px; display:none; } #featured a#featured-7 { height:200px; display:none; } #featured a#featured-8 { display:none; } #featured #featured-bigbox { display:none; } #main {width:1000px; margin:0 auto 20px auto; overflow:hidden; zoom:1; cursor:default; } .my-main { overflow: hidden; } .content-sidebar-wrap { background-color: white; /*overflow: hidden; background-color: #e5e6ea;*/} .content { /*float:left; width:660px; background:#fff; padding:20px; line-height:1.2; position:relative*/padding-top:20px;padding-bottom:20px; } #content { float:left; width:660px; background:#fff; padding:20px; line-height:1.2; position:relative } .sg-gallery { position: relative; overflow: auto; } .sg-gallery li { list-style: none !important; } .sg-gallery ul li { float: left; } .content ol, .content ul { margin-bottom:15px; padding-left:20px; } .content ol li, .content ul li { margin-bottom:10px} .content ol { list-style-type:decimal} .content ul { list-style-type:disc} .event-banner { line-height:1; height:90px; } #highlights { color:#fff; background:#1e1e1e; padding:16px; width:100%; height:270px; } #highlights a { color:white; } #highlights ul li { float: left; width:230px; font-size:120%; margin-right:16px; margin-bottom:20px; padding:10px 0 20px 30px; text-transform:uppercase; } #highlights ul li span { cursor:pointer; border-bottom: 2px solid #1e1e1e; padding-bottom:4px; } #highlights ul li.active span, #highlights ul li span:hover { border-bottom: 2px solid orange; } .highlight { float:left; width:230px; margin-right:16px; } .highlight img { margin-bottom:10px;} .highlight span { display:block; padding:0 50px; font-size:80%; text-align:center;} #highlights2, #highlights3, #highlights4 { display:none; } #highlights ul li:last-child, .highlights .highlight:last-child { margin-right:0; } .post { clear:both; border-bottom:2px solid #e5e6ea; height:152px; margin-bottom:20px; padding-bottom:20px; color:#52555a; } .post img { float:left; margin-right:20px; } .post h2 { font-weight: bold; font-size:125%; margin-bottom:10px; } .hr-current, .hr-next, .hr-end { visibility: hidden; margin: 0; height: 0; } .inline {display:inline-block;} /*SINGLE POST*/ .my-single {} .my-single h1 { margin-bottom: 10px; } .my-single a { color:#0080FF } .my-single a:hover { text-decoration: underline } .my-single .meta { margin-bottom:10px; height:30px; } .meta .author { padding:7px 0; display:block; width: 100%; } .meta .share { float:right; cursor:pointer; vertical-align: top; display:inline-block; background-image: url(img/share-btns.png); background-repeat: no-repeat; width:90px; height:30px; text-indent:-9999px; margin-bottom:10px; } .meta .facebook { background-position:0 0; margin-left:5px; } .meta .twitter { background-position:-95px 0; } .my-single .cover { position: relative; width: 100%; height: 0; padding-bottom: 60%; margin-bottom:20px; } .my-single .cover img, .my-single .cover iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .my-single .follow { background: url("img/icon-follow-us.png") left center no-repeat; padding:10px 10px 10px 52px; font-weight:bold; font-size:130%; margin-bottom:15px; } .my-single p { line-height:1.5} .my-single img { max-width:100%; height:auto;} .single .my-single .row {margin-bottom:15px;} .author-bio { margin-bottom: 15px; font-style: italic } /*.author-bio hr { display: block; overflow: hidden; border-width: 0 0 0 100px; border-style: none none none solid; border-left-color: #0080FF; font-size: 0; vertical-align: baseline; padding: 0; margin: 10px 0; height: 6px; line-height: 0; color: #000; visibility: visible; position: static; }*/ .guides-nav { background:#000; width:40px; padding:10px 0; float:right; position:absolute; top:0; right:0; line-height:1.8} .guides-nav a {color:white; padding: 4px 0px; display: block; font-size: 18px; text-align: center;} .guides-nav a:hover, .guides-nav a.active { background: url("img/az-nav-highlight.png") center 2px no-repeat; } .guide { float:left; width: 167px; height: 200px; margin-right: 33px; margin-bottom: 40px;} .guide-image, .guide img { position:relative; z-index: 1; } .guide img { width:160px; height:160px; } .guide-image:after { position: absolute;top: 7px;left: 7px;right: -1px;bottom: -7px;background-color: #e4e6e9;content: '';} .guide-title { margin-top: 15px; font-size: 18px; font-weight: bold; text-align: center; color: #000; } .paging { width:100%; font-weight:bold; margin:0 auto 15px 0; text-align: center; line-height: 1; font-size: 120%; overflow: hidden; zoom:1 } .paging span { padding:12px 25px; background: #666; color:#fff; display: inline-block; } .paging a span { background: #fd8c25; } .paging a span:hover { background:#fd7f0c } .paging span.next { float: right; } .paging span.prev { float: left ; } .navigation { text-align:center } .homenext, .eventnext, .loadmorenext, .ias-trigger, .navigation, .ias-spinner { height:52px;} .mustread { background: url("img/heading-ch-ye.png") left top no-repeat; min-height: 52px; padding:15px 24px 0 24px;} .team { margin-top:40px; color:#202020; } .team-member { float:left; border:1px solid #eee; width:228px; padding:15px; margin:0 15px 15px 0 } .team-member:nth-child(4n+0) { margin-right:0 } .team-member div { margin-bottom:10px} .team-member h4 { margin-bottom:5px !important; } .team-member h4 a { color:#0080FF; } .team-member p { font-size:90%; color:#707070; margin-bottom:0; } .homenext, .eventnext, .loadmorenext { cursor:pointer; text-align:center; } .cat-longform h1 { text-align: center; color: white; text-shadow: 2px 2px 2px #000; /* font-size: 200%; */ height: 100px; padding: 0 150px; } .cat-longform .meta { position:relative; color:white; } .cat-longform .meta img { position:absolute; bottom:-35px; left:0; } .cat-longform .meta .author { position:absolute; bottom:0; left:115px; padding:0 } .cat-longform .meta .share.facebook { position:absolute; bottom:0; right:100px; } .cat-longform .meta .share.twitter { position:absolute; bottom:0; right:0; } .cat-longform .body { padding-top:40px; font-size:120% } .cat-longform .body h2 { font-size:200% !important } .cat-longform .body img.size-full { width:1000px !important; max-width:1000px !important; height:auto; margin-left:-20px; margin-right:-20px; } .cat-longform .body img.aligncenter { display: block; margin: 0 auto; } .cat-longform .body img.alignright { float: right; margin: 0 0 1em 1em; } .cat-longform .body img.alignleft { float: left; margin: 0 1em 1em 0; } .cat-longform .body blockquote { padding:20px; font-size:150%; background-color:#3bb0bd; color:white } .cat-longform .body blockquote.bright { float:right; width:40%; padding:20px; font-size:150%; color:#202020; background: url('img/icn-quote.png') left top no-repeat; text-align:center; } .cat-longform .body blockquote.bleft { float:left; width:40%; padding:20px; font-size:150%; color:#202020; background: url('img/icn-quote.png') left top no-repeat; text-align:center; } .cat-longform .body ul { list-style-position:inside !important } .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 1em 1em; } .alignleft { float: left; margin: 0 1em 1em 0; } #rcjsload_4953c9 { margin-bottom: 20px; } #dcl-hidden-div { background: #eee; padding:30px 0; text-align: center; } #dcl-hidden-div h2 { margin-bottom: 5px; } #dcl-hidden-div p { font-size: 90%; color:#707070; margin-bottom:10px; } #dcl-hidden-div button { text-align: center; border-radius: 25px; background: #3399ff; color:white; cursor: pointer; font-size: 100%; font-weight: bold; border:none; padding: 10px 50px; } #dcl-hidden-div button:hover { background: #0080FF } .showDisqus { background: #eee; padding:25px; text-align: center; } .showDisqus h3 { margin-bottom: 10px; } .showDisqus div { text-align: center; display: inline-block; border-radius: 25px; background: #3399ff; color: white; cursor: pointer; font-size: 100%; font-weight: bold; border:none; padding: 10px 50px; } .showDisqus div:hover { background: #0080FF } .sidebar { /*float:right; width:340px;*/ padding-top:20px;padding-bottom:20px; background-color: #f8f8f8;} .widget { margin-bottom:30px; } .widget h3 { background:#000000 url(img/current-icon.png) left top 2px no-repeat; color:#FFFFFF; font-weight:bold; font-size:120%; padding:7px 5px 7px 20px; margin-bottom:5px;} .subscribe-form { } .subscribe-form label { font-weight: bold; text-transform:uppercase; } .subscribe-form input[type="email"] { border: 1px solid #CCC; width: 190px; padding: 6px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .subscribe-form input[type="submit"] { background: #0080FF; margin-left: -4px; border: none; padding: 7px 15px; color: #FFF; cursor: pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .sidebar-feature {width:100%;} .sidebar-feature a { position: relative; margin-bottom:0; display: block; line-height: 1.5; background-size: cover; height: 250px; border-bottom: 1px solid white; } .sidebar-feature div { padding: 30px 10px 10px 10px; color: #FFF; font-size: 16px; font-weight:bold; background:rgba(0,0,0,0.5); position: absolute; bottom:0; left:0; width:100%; background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 20%,rgba(19,21,28,0.85) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 20%,rgba(19,21,28,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(20%,rgba(19,21,28,0.55)),color-stop(100%,rgba(19,21,28,0.85))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 20%,rgba(19,21,28,0.85) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 20%,rgba(19,21,28,0.85) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 20%,rgba(19,21,28,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0); } .sidebar-feature a:hover div { color:#66b2ff; } .deals {width:100%} .deals h3 { margin-bottom:10px} .deals li { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; height:66px; line-height:1.3; } .deals li img { width:auto; height:55px; float:left; margin-right:10px; } .cat-longform .sidebar, .page-id-19394 .sidebar { display:none } .page-id-19394 .content { width:100%; color:white; } .cat-longform .content { width:100%; } .page-id-19394 .content h1 { text-align:center} .footer { /*width:1000px; margin:0 auto 40px auto;*/ color:white; cursor:default; background:#000 /*url(img/Techfrag_White_Footer.png) right 20px center no-repeat*/; padding:20px 0; line-height:1.4; } .footer a { color:white; } .footer a:hover { color:#0080FF } .footer-social { float:left; margin-right:10px; padding-top:5px } .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 15px; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .lightSlider:before,.lightSlider:after{content:" ";display:table} .lightSlider{overflow:hidden} .lSSlideWrapper{max-width:100%;overflow:hidden;position:relative} .lSSlideWrapper > .lightSlider:after{clear:both} .lSSlideWrapper .lSSlide{-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit} .lSSlideWrapper .lSFade{position:relative} .lSSlideWrapper .lSFade > *{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%} .lSSlideWrapper.usingCss .lSFade > *{opacity:0;-webkit-transition-delay:0;transition-delay:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit;transition-timing-function:inherit} .lSSlideWrapper .lSFade > .active{z-index:10} .lSSlideWrapper.usingCss .lSFade > .active{opacity:1} .lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center} .lSSlideOuter .lSPager.lSpg > li{cursor:pointer;display:inline-block;padding:0 5px} .lSSlideOuter .lSPager.lSpg > li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0;transition:all .5s linear 0} .lSSlideOuter .lSPager.lSpg > li:hover a,.lSSlideOuter .lSPager.lSpg > li.active a{background-color:#428bca} .lSSlideOuter .media{opacity:.8} .lSSlideOuter .media.active{opacity:1} .lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .lSSlideOuter .lSPager.lSGallery li{opacity:.7;overflow:hidden;-webkit-transition:opacity .35s linear 0;transition:opacity .35s linear 0} .lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{opacity:1} .lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%} .lSSlideOuter .lSPager.lSGallery:before,.lSSlideOuter .lSPager.lSGallery:after{content:" ";display:table} .lSSlideOuter .lSPager.lSGallery:after{clear:both} .lSAction > a{width:52px;display:block;top:50%;height:52px;cursor:pointer;position:absolute;z-index:1000;margin-top:-16px;background-position: 10px 10px; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat} .lSAction > a:hover{opacity:1} .lSAction > .lSPrev{left:0; background-image: url(img/left_arrow.png);} .lSAction > .lSNext{right:0; background-image: url(img/right_arrow.png);} .lSAction > a.disabled{pointer-events:none} .cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden} .lSSlideOuter.vertical{position:relative} .lSSlideOuter.vertical.noPager{padding-right:0!important} .lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0} .lSSlideOuter.vertical .lightSlider > *{width:100%!important;max-width:none!important} .lSSlideOuter.lSrtl{direction:rtl} .lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none} .lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0} .lSSlideOuter .lightSlider > *,.lSSlideOuter .lSGallery li{float:left} .lSSlideOuter.lSrtl .lightSlider > *,.lSSlideOuter.lSrtl .lSGallery li{float:right!important} @-webkit-keyframes rightEnd {0%{left:0}50%{left:-15px}100%{left:0}} @keyframes rightEnd {0%{left:0}50%{left:-15px}100%{left:0}} @-webkit-keyframes topEnd {0%{top:0}50%{top:-15px}100%{top:0}} @keyframes topEnd {0%{top:0}50%{top:-15px}100%{top:0}} @-webkit-keyframes leftEnd {0%{left:0}50%{left:15px}100%{left:0}} @keyframes leftEnd {0%{left:0}50%{left:15px}100%{left:0}} @-webkit-keyframes bottomEnd {0%{bottom:0}50%{bottom:-15px}100%{bottom:0}} @keyframes bottomEnd {0%{bottom:0}50%{bottom:-15px}100%{bottom:0}} .lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative} .lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative} .lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative} .lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative} .lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative} .lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative} .sg-gallery { background:#fff; padding:0; margin:0 0 20px 0; } .cat-longform .sg-gallery { margin:0 -20px 20px -20px; } .content .sg-gallery ul { list-style: none outside none; padding: 0; margin:0; } .sg-gallery li { display: block; float: left; margin:0; padding:0; } .sg-gallery img { display: block; height: auto; max-width: 100%; } .rating-box { overflow:hidden; zoom: 1; margin-bottom:20px; } .rating-score { float:left; width: 150px; text-align:center} .rating-score span { display:block; } .rating-score .gs { font-size:120%; font-weight:bold; } .rating-score .score { color: #49639a; font-size:400%; font-weight:bold; } .rating-features { float:left; width:470px; box-shadow: inset 0 0 20px rgba(2, 2, 2, 0.19); padding:10px 15px;} .rating-features div { background: url("img/good.png") left center no-repeat; padding-left:22px; margin:5px 0 } .rating-features div.bad { background: url("img/bad.png") left center no-repeat; padding-left:22px; } .rating-box-new { overflow:hidden; zoom: 1; margin-bottom:20px; border-top:1px solid #eee; padding-top:20px; } .rating-score-new { float:left; width: 100px; text-align:center; background:#f3e618; border-radius:50%; width:80px; height:80px; margin-right:20px; font-size: 36px; padding: 20px 15px; font-weight: bold; } .rating-summary-new { float:left; width: 520px; text-align:left; font-weight:bold; font-size:160%; margin-bottom:20px; height:80px; padding:10px 0; } .rating-scores-new { background-color: #fafafa; padding:20px; clear:both; margin-top:20px; height:125px } .rating-detail-new { margin:0 42px; float:left; text-align:center} .progress-radial { position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: #009bf4; margin-bottom:10px; } .progress-radial .overlay { position: absolute; width: 40px; height: 40px; background-color: #fafafa; border-radius: 50%; margin-left: 10px; margin-top: 10px; text-align: center; line-height: 42px; font-size: 140%; color: #009bf4; } .progress-0 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #009bf4 50%, #314466 50%, #314466);} .progress-5 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #009bf4 50%, #314466 50%, #314466);} .progress-10 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #009bf4 50%, #314466 50%, #314466);} .progress-15 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #009bf4 50%, #314466 50%, #314466);} .progress-20 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #009bf4 50%, #314466 50%, #314466);} .progress-25 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #009bf4 50%, #314466 50%, #314466);} .progress-30 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #009bf4 50%, #314466 50%, #314466);} .progress-35 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #009bf4 50%, #314466 50%, #314466);} .progress-40 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #009bf4 50%, #314466 50%, #314466);} .progress-45 { background-image: linear-gradient(90deg, #314466 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #009bf4 50%, #314466 50%, #314466);} .progress-50 { background-image: linear-gradient(-90deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-55 { background-image: linear-gradient(-72deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-60 { background-image: linear-gradient(-54deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-65 { background-image: linear-gradient(-36deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-70 { background-image: linear-gradient(-18deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-75 { background-image: linear-gradient(0deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-80 { background-image: linear-gradient(18deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-85 { background-image: linear-gradient(36deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-90 { background-image: linear-gradient(54deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-95 { background-image: linear-gradient(72deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} .progress-100 { background-image: linear-gradient(90deg, #009bf4 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #009bf4 50%, #314466 50%, #314466);} /*RESPONSIVE*/ @media (max-width: 667px) { .home .post img, .category .post img { height: auto; margin-bottom: 20px; width: 100%; } } @media (max-width: 768px) { .navbar-collapse .navbar-nav > .active > a, .navbar-collapse .navbar-nav > .active > a:focus, .navbar-collapse .navbar-nav > .active > a:hover {background:#000000;} } @media (max-width: 992px) { #main {width:auto;} #main .post {height:auto;} .mobile-fix-excerpt{width:46.5%;} } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .container{ width:100%; } #header { width:100%; padding: 0px 0px; } .navbar.navbar-default .container{ width:100%; } .navbar-collapse{ padding-right:0px; padding-left:0px; } .navbar-nav{ /*margin-left:100px;*/ float:right; } .navbar-nav>li>a{ padding-top:30px; padding-bottom:20px; } .navbar-default .navbar-nav>li>a{ color:#FFFFFF; text-transform:uppercase; font-size:14px; } .navbar-default .navbar-nav>li>a:hover{ color:#FFFFFF; } .navbar-collapse{ } #featured { width: 100%; margin: 0 auto 0 auto; height: 450px; background: white; position: relative; } #featured a { float:left; display:inline-block; position:absolute; color: white; background-size: cover; background-position: center center; width:50%; font-weight: bold; } #featured a span { width:100%; display: block; position: absolute; bottom: 0; line-height: 1.5; padding: 50px 10px 10px 10px; background: rgba(0,0,0,0.5); background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.55)),color-stop(100%,rgba(19,21,28,0.85))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0); } #featured a:hover span { color: #66b2ff; /*background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.75)),color-stop(100%,rgba(19,21,28,0.95))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0);*/ } #featured a#featured-1 { height:300px; left:0; top:0; display:inline-block; border-bottom:0px; } #featured a#featured-2 { height:148px; left:0; top:302px; display:inline-block; border-bottom:0px; } #featured a#featured-3 { height:148px; /*left:334px;*/ right:0px; left:auto; top:0; display:inline-block; border-bottom:0px; border-left:2px solid #FFFFFF; } #featured a#featured-4 { height:300px; /*left:334px;*/ right:0px; left:auto; top:150px; display:inline-block; border-left:2px solid #FFFFFF; } #featured a#featured-5 { height:148px; left:668px; top:0; display:none; } #featured a#featured-6 { height:148px; left:668px; top:150px; display:none; } #featured a#featured-7 { height:150px; left:668px; top:300px; display:none; } /*#featured a#featured-1 { height:200px; border-bottom:2px solid #FFFFFF; } #featured a#featured-2 { height:200px; border-bottom:2px solid #FFFFFF; } #featured a#featured-3 { height:200px; border-bottom:2px solid #FFFFFF; } #featured a#featured-4 { height:200px; display:none; } #featured a#featured-5 { height:200px; display:none; } #featured a#featured-6 { height:200px; display:none; } #featured a#featured-7 { height:200px; display:none; }*/ .content.col-sm-7{ width:calc(100% - 330px); } .sidebar, .sidebar .widget{ float:left; } .sidebar.col-sm-3{ width:330px; } .deals, .sidebar-feature {width:300px;} .sidebar-feature a{ height:150px; } .meta .author { padding:7px 0; display:inline-block; width: auto; margin-bottom:0px } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .navbar-nav{ margin-left:100px; float:left; } /*#featured a { width: 33.333333% !important; overflow:hidden; } a#featured-1 { height:300px; left:0; top:0; } a#featured-2 { height:148px; left:0; top:302px; } a#featured-3 { height:148px; left:334px; top:0; } a#featured-4 { height:300px; left:334px; top:150px; } a#featured-5 { height:148px; left:668px; top:0; display:inline-block; } a#featured-6 { height:148px; left:668px; top:150px; display:inline-block; } a#featured-7 { height:150px; left:668px; top:300px; display:inline-block; }*/ #featured { width: 1000px; margin: 0 auto 0 auto; height: 450px; background: white; position: relative; } #featured a { float:left; display:inline-block; position:absolute; color: white; background-size: cover; background-position: center center; width: 332px; font-weight: bold; } #featured a span { display: block; position: absolute; bottom: 0; line-height: 1.5; padding: 50px 10px 10px 10px; background: rgba(0,0,0,0.5); background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.55)),color-stop(100%,rgba(19,21,28,0.85))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0); } #featured a:hover span { color: #66b2ff; /*background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.75)),color-stop(100%,rgba(19,21,28,0.95))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0);*/ } #featured a#featured-1 { height:300px; left:0; top:0; display:inline-block; border-bottom:0px; } #featured a#featured-2 { height:148px; left:0; top:302px; display:inline-block; border-bottom:0px; } #featured a#featured-3 { height:148px; left:334px; top:0; display:inline-block; border-bottom:0px; border-left:0px; } #featured a#featured-4 { height:150px; left:334px; top:150px; display:inline-block; border-left:0px; } #featured a#featured-5 { height:148px; left:334px; top:302px; display:inline-block; } #featured a#featured-6 { height:148px; left:668px; top:0px; display:inline-block; border-bottom:0px; } #featured a#featured-7 { height:148px; left:668px; top:300px; display:none; } #featured a#featured-8 { height:148px; left:1002px; top:0; display:none; border-bottom:0px; border-left:0px; } #featured #featured-bigbox { float:left; position:absolute; color:white; background:#262626; height:300px; width:332px; padding:25px 16px; left:668px; top:150px; display:inline-block; border-left:0px; } .leaderboard-mobile{ height:90px;; width:728px; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1000px) { .container{ width:1000px; } #header { width:1000px; padding: 0px 0px; } .navbar.navbar-default .container{ width:1000px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left:0px; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1334px) { #featured { width: 1334px; margin: 0 auto 0 auto; height: 450px; background: white; position: relative; } #featured a { float:left; display:inline-block; position:absolute; color: white; background-size: cover; background-position: center center; width: 332px; font-weight: bold; } #featured a span { display: block; position: absolute; bottom: 0; line-height: 1.5; padding: 50px 10px 10px 10px; background: rgba(0,0,0,0.5); background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.55)),color-stop(100%,rgba(19,21,28,0.85))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.55) 50%,rgba(19,21,28,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0); } #featured a:hover span { color: #66b2ff; /*background: linear-gradient(to bottom,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -moz-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(19,21,28,0)),color-stop(50%,rgba(19,21,28,0.75)),color-stop(100%,rgba(19,21,28,0.95))); background: -webkit-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -o-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); background: -ms-linear-gradient(top,rgba(19,21,28,0) 0,rgba(19,21,28,0.75) 50%,rgba(19,21,28,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0013151c',endColorstr='#13151c',GradientType=0);*/ } #featured a#featured-1 { height:300px; left:0; top:0; display:inline-block; border-bottom:0px; } #featured a#featured-2 { height:148px; left:0; top:302px; display:inline-block; border-bottom:0px; } #featured a#featured-3 { height:148px; left:334px; top:0; display:inline-block; border-bottom:0px; border-left:0px; } #featured a#featured-4 { height:300px; left:334px; top:150px; display:inline-block; border-left:0px; } #featured a#featured-5 { height:148px; left:668px; top:0; display:inline-block; } #featured a#featured-6 { height:148px; left:668px; top:150px; display:inline-block; } #featured a#featured-7 { height:150px; left:668px; top:300px; display:inline-block; } #featured a#featured-8 { height:148px; left:1002px; top:0; display:inline-block; border-bottom:0px; border-left:0px; } #featured #featured-bigbox { float:left; position:absolute; color:white; background:#262626; height:300px; width:332px; padding:25px 16px; left:1002px; top:150px; display:inline-block; border-left:0px; } }