body { background: #F5F5F5; font-weight: 500; font-size: 16px; overflow-x: hidden; overflow-y: scroll; text-shadow: 1px 1px 2px rgba(0,0,0,0); color: #222; -webkit-font-smoothing: subpixel-antialiased; } html { color: #222; } .float-left { float: left; } .float-right { float: right; } .headliner { font-family: 'Headliner'; font-weight: 700; text-transform: uppercase; } .headliner-roboto { font-family: 'Roboto'; font-weight: 700; } .hide0 { opacity: 0 !important; } .ishadow { -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.5)); filter: drop-shadow(0 1px 1px rgba(0,0,0,0.5)); } .ishadow2 { -webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,1)); filter: drop-shadow(0 1px 3px rgba(0,0,0,1)); } .idark { -webkit-filter: brightness(0%); filter: brightness(0%); } .ilight { -webkit-filter: brightness(100%); filter: brightness(100%); } .featured { z-index: -9999; background: #09F; height: 75%; position: absolute; top: 0; width: 100%; border-bottom: 0px solid #09F; background-size: cover !important; } .hero { height: 300px; background: #09F; background-size: cover; border-bottom: 0px solid rgba(0,0,0,0.4); color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } .herohover { opacity: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; text-decoration: none; color: #FFF; text-align: center; padding-top: 30%; transition: 0.2s all; } .herohover:hover { opacity: 1; height: 100%; width: 100%; text-decoration: none; color: #FFF; text-align: center; padding-top: 25%; position: absolute; left: 0; top: 0; transition: 0.2s all; } .featured-dark { z-index: -9998; background: rgba(0,0,0,0.2); height: 75%; position: absolute; top: 0; width: 100%; border-bottom: 1px solid #09F; } .overlay { background: none; padding: 0px !important; box-shadow: 0 2px 5px 0 rgba(0,0,0,0); } /* .overlay:nth-child(even) { margin-top: 0px; background: #F8F8F8; border-bottom: 1px solid #CCC; padding: 0px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; } */ .font-bold { font-weight: bold; } .weight-light, .font-light { font-weight: 300; } .location { top: 315px; position: relative; background: rgba(0,0,0,0); border: 0px solid #000; padding: 10px; } .indicator { top: 4px; left: -7px; text-align: left; position: relative; background: rgba(0,0,0,0); padding: 3px; text-shadow: 0 2px 2px rgba(0,0,0,0.5); display: none; /* because old panos are broken since aug 26 */ } .votebtn { top: 4px; left: -7px; text-align: left; position: relative; text-shadow: none; } .artist { top: -145px; text-align: right; position: relative; background: rgba(0,0,0,0); padding: 10px; } .opaq0 { opacity: 0 !important; } .bg-awcom { background: rgb(0,126,211); background: -moz-linear-gradient(top, rgba(0,126,211,1) 1%, rgba(0,153,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,126,211,1)), color-stop(100%,rgba(0,153,255,1))); background: -webkit-linear-gradient(top, rgba(0,126,211,1) 1%,rgba(0,153,255,1) 100%); background: -o-linear-gradient(top, rgba(0,126,211,1) 1%,rgba(0,153,255,1) 100%); background: -ms-linear-gradient(top, rgba(0,126,211,1) 1%,rgba(0,153,255,1) 100%); background: linear-gradient(to bottom, rgba(0,126,211,1) 1%,rgba(0,153,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ed3', endColorstr='#0099ff',GradientType=0 ); background-size: cover; background-attachment: fixed; } .bg-awnews { background: rgb(201,80,80); background: -moz-linear-gradient(top, rgba(201,80,80,1) 0%, rgba(255,101,101,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,80,80,1)), color-stop(100%,rgba(255,101,101,1))); background: -webkit-linear-gradient(top, rgba(201,80,80,1) 0%,rgba(255,101,101,1) 100%); background: -o-linear-gradient(top, rgba(201,80,80,1) 0%,rgba(255,101,101,1) 100%); background: -ms-linear-gradient(top, rgba(201,80,80,1) 0%,rgba(255,101,101,1) 100%); background: linear-gradient(to bottom, rgba(201,80,80,1) 0%,rgba(255,101,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95050', endColorstr='#ff6565',GradientType=0 ); background-size: cover; background-attachment: fixed; } .bg-comquest { background: rgb(55,155,100); background: -moz-linear-gradient(top, rgba(55,155,100,1) 0%, rgba(67,187,121,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,155,100,1)), color-stop(100%,rgba(67,187,121,1))); background: -webkit-linear-gradient(top, rgba(55,155,100,1) 0%,rgba(67,187,121,1) 100%); background: -o-linear-gradient(top, rgba(55,155,100,1) 0%,rgba(67,187,121,1) 100%); background: -ms-linear-gradient(top, rgba(55,155,100,1) 0%,rgba(67,187,121,1) 100%); background: linear-gradient(to bottom, rgba(55,155,100,1) 0%,rgba(67,187,121,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#379b64', endColorstr='#43bb79',GradientType=0 ); background-size: cover; background-attachment: fixed; } .navcircle { margin-top: 2px; font-size: 25px; } .col-title { font-size: 24px; padding-top: 6px; font-weight: 400; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-align: center; color: #FFF; box-shadow: 0 1px 90px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 90px rgba(0,0,0,0); background: rgba(0,0,0,0); } .col-title-sidebar { background: #FFF; height: 50px; text-align: center; padding-top: 13px; font-weight: 100; color: #FFF; border-top: 1px solid #AAA; border-right: 1px solid #AAA; display: none; } .col-content { /* background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); background: rgb(25,25,25); background: -moz-linear-gradient(top, rgba(25,25,25,1) 0%, rgba(15,15,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(100%,rgba(15,15,15,1))); background: -webkit-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); background: -o-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); background: -ms-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); background: linear-gradient(to bottom, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#161616',GradientType=0 ); */ background: none; z-index: 999; box-shadow: 0 1px 90px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 90px rgba(0,0,0,0); /* border-radius: 5px 5px 0 0; */ } .col-sidebar { background: #FFF; box-shadow: inset 0 0 0 5px rgba(0,0,0,0); color: #333; box-shadow: 0 1px 50px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 50px rgba(0,0,0,0.2); border-left: 0px solid #AAA; border-right: 0px solid #AAA; border-bottom: 0px solid #AAA; z-index: -999; display: none; } .nav-justified > .dropdown .dropdown-menu { border-radius: 0 !important; box-shadow: none !important; } /* .tooltip-arrow { display: none; } */ .searchPhoto { height: 100px; background: #F5F5F5; background-size: cover; border-bottom: 0px solid rgba(0,0,0,0.4); color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } .nav > li.disabled.nav-header { cursor: default !important; font-size: 12px !important; font-weight: bold !important; text-transform: uppercase !important; } .indeximg { border: 1px solid rgba(0,0,0,0.5); margin: 10px; } .banner { position: relative; overflow: auto; margin-bottom: 60px; padding: 0; left: 0; } .banner li { list-style: none; } .banner ul li { float: left; } #slides { display:none; margin: 65px 50px 20px 50px; } .slidesjs-pagination { margin: 6px 6px 0; float: right; list-style: none; } .slidesjs-pagination li { float: left; margin: 0 1px; } .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../img/pagination.png); background-position: 0 0; float: left; overflow: hidden; } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px } .slidesjs-pagination li a:hover { background-position: 0 -26px } .slidesjs-slide img { display: block; width: 100%; } .monospace { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } #slides .slidesjs-navigation { margin-top:5px; } a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../img/btns-next-prev.png); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; margin-bottom: 20px; } a.slidesjs-next { margin-right:10px; background-position: -12px 0; } a:hover.slidesjs-next { background-position: -12px -18px; } a.slidesjs-previous { background-position: 0 0; } a:hover.slidesjs-previous { background-position: 0 -18px; } a.slidesjs-play { width:15px; background-position: -25px 0; } a:hover.slidesjs-play { background-position: -25px -18px; } a.slidesjs-stop { width:18px; background-position: -41px 0; } a:hover.slidesjs-stop { background-position: -41px -18px; } .tvheader { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.2))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66ffffff',GradientType=0 ); border-bottom: 1px solid rgba(255,255,255,0.5); } .tvheader-nogr { background: none; } /* .text-white { color: #333; text-shadow: none !important; font-weight: 100 !important; } */ .homebg { background: rgb(64,66,71); background: -moz-linear-gradient(top, rgba(64,66,71,1) 0%, rgba(25,25,25,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,66,71,1)), color-stop(100%,rgba(25,25,25,1))); background: -webkit-linear-gradient(top, rgba(64,66,71,1) 0%,rgba(25,25,25,1) 100%); background: -o-linear-gradient(top, rgba(64,66,71,1) 0%,rgba(25,25,25,1) 100%); background: -ms-linear-gradient(top, rgba(64,66,71,1) 0%,rgba(25,25,25,1) 100%); background: linear-gradient(to bottom, rgba(64,66,71,1) 0%,rgba(25,25,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404247', endColorstr='#191919',GradientType=0 ); border-top: rgba(25,25,25,1) 1px solid; box-shadow: 0 -3px 20px 0 rgba(0,0,0,1); } .newhbg { background: rgb(25,25,25); background: -moz-linear-gradient(top, rgba(25,25,25,1) 0%, rgba(15,15,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(100%,rgba(15,15,15,1))); background: -webkit-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); background: -o-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); background: -ms-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); background: linear-gradient(to bottom, rgba(25,25,25,1) 0%,rgba(15,15,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#161616',GradientType=0 ); background-size: cover; background-attachment: fixed; color: #AAA !important; } .footerbg { border-top: 0px solid #555; background: rgb(15,15,15); /* background: rgb(38,38,38); background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(48,49,53,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,38,38,1)), color-stop(100%,rgba(48,49,53,1))); background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(48,49,53,1) 100%); background: -o-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(48,49,53,1) 100%); background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(48,49,53,1) 100%); background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(48,49,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#303135',GradientType=0 ); */ box-shadow: 0 1px 90px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 90px rgba(0,0,0,0); } .nomargin { margin: 0 !important; } .nopadding { padding: 0 !important; } .nots { text-shadow: none !important; } .ts { text-shadow: 1px 1px 5px rgba(0,0,0,0.4) !important; } .headerbg { background: none; } .slidesbg { background: rgb(48,49,53); background: -moz-linear-gradient(top, rgba(48,49,53,1) 0%, rgba(38,38,38,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,49,53,1)), color-stop(100%,rgba(38,38,38,1))); background: -webkit-linear-gradient(top, rgba(48,49,53,1) 0%,rgba(38,38,38,1) 100%); background: -o-linear-gradient(top, rgba(48,49,53,1) 0%,rgba(38,38,38,1) 100%); background: -ms-linear-gradient(top, rgba(48,49,53,1) 0%,rgba(38,38,38,1) 100%); background: linear-gradient(to bottom, rgba(48,49,53,1) 0%,rgba(38,38,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303135', endColorstr='#262626',GradientType=0 ); } .peopleheader { height: 500px; box-shadow: 0 0 50px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.5); } .infobg-header { /* background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); */ position: absolute; top: 0%; right: 0%; text-shadow: 1px 1px 3px #000; color: #FFF; font-size: 18px; width: 100%; padding: 5px 0px; background: rgba(0,0,0,0); } .infobg-footer { /* background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); */ position: absolute; bottom: 0%; right: 0%; text-shadow: 1px 1px 3px #000; color: #FFF; font-size: 18px; width: 100%; padding: 5px 0px; background: rgba(0,0,0,0); } .tile { width: 100%; height: 250px; border: 0px solid #FFF; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0); } .tile-index { width: 100%; height: 250px; border: 0px solid #000; box-shadow: 1px 1px 50px 0 rgba(0,0,0,0); } /* .pano, .frame { color: #FFF; text-decoration: none; border: 0px solid rgba(0,0,0,0); border-radius: 5px; background: rgba(0,0,0,0); transition: 0.2s all; } .pano:hover, .frame:hover { color: #FFF; text-decoration: none; border: 0px solid rgba(0,0,0,1); border-radius: 5px; background: rgba(0,0,0,0); text-shadow: 0 1px 10px #FFF,0 1px 10px #FFF,0 1px 10px #FFF; transition: 0.2s all; } */ .infobg-hover { opacity: 0; background: rgba(0,0,0,0.5); color: #FFF; text-align: center; padding-top: 23%; position: absolute; width: 100%; height: 250px; z-index: 100; transition: 0.2s all; } .infobg-hover:hover { opacity: 1; background: rgba(0,0,0,0.5); color: #FFF; text-align: center; padding-top: 20%; position: absolute; width: 100%; height: 250px; z-index: 100; transition: 0.2s all; } .slideback { height: 100%; height: 100vh; width: 100%; background-position: 150px 0; background-size: contain; } .slidebg { margin-top: 38px; width: 100%; height: 380px; position: absolute; top: 0; left: 0; } .slidebg2 { width: 100%; height: 380px; } .slidebg3 { } .c-white { color: #FFF; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .depth1 { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3); } .depth2 { box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3); } .depth3 { box-shadow: 0 6px 60px rgba(0, 0, 0, 0.3); } .ctile { -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transition: 0.1s all; margin-top: 25px; } .ctile:hover { -moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transition: 0.1s all; } .sidetext { -moz-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } .navbar-brand { width: 70px; height: 50px; } .nav-tabs { display: inline-block; border-bottom: none; padding-top: 15px; font-weight: bold; } .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; border-radius: 0; } .nav-list { border-bottom: 0px solid #eee; } .nav-list > li { padding: 20px 15px 15px; border-left: 0px solid #eee; } .nav-list > li:last-child { border-right: 0px solid #eee; } .nav-list > li > a:hover { text-decoration: none; } .nav-list > li > a > span { display: block; font-size: 22px; /* font-weight: bold; text-transform: uppercase; */ } .mega-dropdown { position: static !important; z-index: 999999 !important; } .mega-dropdown-menu { padding: 20px 15px 15px !important; width: 98.7% !important; margin-left: 2% !important; margin-top: 30px !important; z-index: 999999 !important; border-radius: 0px !important; padding-bottom: 2px !important; background: #FFF !important; } .navlink { color: #0D47A1 !important; font-weight: 400 !important; text-shadow: 0 1px 10px rgba(0,0,0,0) !important; transition: 0.2s all !important; } .navlink:hover { color: #2196F3 !important; font-weight: 400 !important; text-shadow: 0 0 10px rgba(0,0,0,0) !important; transition: 0.2s all !important; } .navlink img { color: #0D47A1 !important; font-weight: 400 !important; box-shadow: 0 1px 5px 0 rgba(0,0,0,0) !important; transition: 0.2s all !important; border: 0px solid #000 !important; } .navlink img:hover { color: #2196F3 !important; font-weight: 400 !important; box-shadow: 0 1px 5px 0 rgba(0,128,255,0) !important; transition: 0.2s all !important; border: 0px solid #09F !important; } .gsc-search-button { background-color: #FFF; border-radius: 5px; height: 20px !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); display: none !important; } .gs-promotion-image-box img.gs-promotion-image { border: none !important; } .gs-promotion table { padding: 20px !important; } .gs-promotion-text-cell { padding-left: 20px !important; } .gsc-tabsArea, .gsc-orderby-container { display: none; } input.gsc-search-button, input.gsc-search-button:hover { background-color: #FFF !important; background-image: url(../img/search_box_icon.png) !important; background-position: 50% 50%; background-repeat: no-repeat; height: 30px !important; border-color: #FFF !important; font-size: 12px !important; filter: none; } input.gsc-search-button:focus { background-image: none; background-color: #FFF; } .gsc-search-box-tools .gsc-search-box .gsc-input, input.gsc-input { height: 30px !important; font-size: 24px !important; margin-bottom: 0px !important; } .gsc-input-box { height: 35px !important; font-size: 24px !important; margin-bottom: 0px !important; transition: 0.2s all; border: none !important; box-shadow: none !important; } .cse input.gsc-input, input.gsc-input { background: #FFF url(../img/search_box.png) no-repeat right !important; border: none !important; } .gsc-input-box:hover { /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); */ transition: 0.2s all; } .gsc-control-cse, .gsc-control-cse .gsc-table-result { z-index: 100000 !important; } .gsst_a .gscb_a { text-shadow: none; } .cse .gsc-control-cse, .gsc-control-cse { background: #FFF !important; z-index: 1000 !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0), 0 2px 5px 0 rgba(0, 0, 0, 0); border: 0px solid #DDD !important; border-radius: 5px !important; z-index: 100 !important; padding-bottom: 1px !important; padding-right: 1px !important; /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2) !important; */ } .gsc-control-cse { z-index: 100000 !important; } .gsc-results-wrapper-overlay { position: fixed !important; width: 100% !important; height: 500px !important; top: 100px !important; left: 0 !important; z-index: 9999 !important; text-align: left !important; } .gsc-input-box:hover { box-shadow: none !important; border: none !important; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { height: 100vh; margin-bottom: 60px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; margin-bottom: 15vh; background: rgba(0,0,0,0); padding: 0px; border: 0px solid #000; } /* Declare heights because of positioning of img element */ .carousel .item { height: 100vh; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; top: 500px; } .callout-dark { background: #37474f; color: #FFF; padding: 15px 0 15px 0; } .callout-blue { background: #09F; color: #FFF; padding: 15px 0 15px 0; } .callout-red { background: #FF6565; color: #FFF; padding: 15px 0 15px 0; } .callout-green { background: #47BB55; color: #FFF; padding: 15px 0 15px 0; } .callout-orange { background: #F2B462; color: #FFF; padding: 15px 0 15px 0; } .falink { opacity: 0.2; transition: 0.2s all; color: #333; } .falink:hover { opacity: 1; transition: 0.2s all; color: #333; } .zdepth0 { border: 1px solid #eee; box-shadow: none; } .zdepth0b { border: 2px solid #F5F5F5; box-shadow: none; } .zdepth1 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .zdepth2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .zdepth3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .zdepth4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } .zdepth5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); } div.product-chooser{ } div.product-chooser.disabled div.product-chooser-item { zoom: 1; filter: alpha(opacity=60); opacity: 0.6; cursor: default; } div.product-chooser div.product-chooser-item{ padding: 11px; border-radius: 6px; cursor: pointer; position: relative; border: 1px solid #efefef; margin-bottom: 10px; margin-left: 10px; margin-right: 10x; } div.product-chooser div.product-chooser-item.selected{ border: 4px solid #428bca; background: #efefef; padding: 8px; filter: alpha(opacity=100); opacity: 1; } div.product-chooser div.product-chooser-item img{ padding: 0; } div.product-chooser div.product-chooser-item span.title{ display: block; margin: 10px 0 5px 0; font-weight: bold; font-size: 12px; } div.product-chooser div.product-chooser-item span.description{ font-size: 12px; } div.product-chooser div.product-chooser-item input{ position: absolute; left: 0; top: 0; visibility:hidden; } /* @font-face { font-family: 'sfthin'; src: url('../fonts/system_san_francisco_display_thin-webfont.eot'); src: url('../fonts/system_san_francisco_display_thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/system_san_francisco_display_thin-webfont.woff2') format('woff2'), url('../fonts/system_san_francisco_display_thin-webfont.woff') format('woff'), url('../fonts/system_san_francisco_display_thin-webfont.ttf') format('truetype'), url('../fonts/system_san_francisco_display_thin-webfont.svg#san_francisco_displaythin') format('svg'); font-weight: normal; font-style: normal; } .sfthin { font-family: "sfthin" !important; } @font-face { font-family: 'sfmedium'; src: url('../fonts/system_san_francisco_display_medium-webfont.eot'); src: url('../fonts/system_san_francisco_display_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/system_san_francisco_display_medium-webfont.woff2') format('woff2'), url('../fonts/system_san_francisco_display_medium-webfont.woff') format('woff'), url('../fonts/system_san_francisco_display_medium-webfont.ttf') format('truetype'), url('../fonts/system_san_francisco_display_medium-webfont.svg#san_francisco_displaymedium') format('svg'); font-weight: normal; font-style: normal; } .sfmedium { font-family: "sfmedium" !important; } @font-face { font-family: 'sflight'; src: url('../fonts/system_san_francisco_display_ultralight-webfont.eot'); src: url('../fonts/system_san_francisco_display_ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/system_san_francisco_display_ultralight-webfont.woff2') format('woff2'), url('../fonts/system_san_francisco_display_ultralight-webfont.woff') format('woff'), url('../fonts/system_san_francisco_display_ultralight-webfont.ttf') format('truetype'), url('../fonts/system_san_francisco_display_ultralight-webfont.svg#san_francisco_displayultraLt') format('svg'); font-weight: normal; font-style: normal; } .sflight { font-family: "sflight" !important; } @font-face { font-family: 'sfbold'; src: url('../fonts/system_san_francisco_display_bold-webfont.eot'); src: url('../fonts/system_san_francisco_display_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/system_san_francisco_display_bold-webfont.woff') format('woff'), url('../fonts/system_san_francisco_display_bold-webfont.ttf') format('truetype'), url('../fonts/system_san_francisco_display_bold-webfont.svg#san_francisco_displaybold') format('svg'); font-weight: normal; font-style: normal; } .sfbold { font-family: "sfbold" !important; } @font-face { font-family: 'sfregular'; src: url('../fonts/system_san_francisco_display_regular-webfont.eot'); src: url('../fonts/system_san_francisco_display_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/system_san_francisco_display_regular-webfont.woff') format('woff'), url('../fonts/system_san_francisco_display_regular-webfont.ttf') format('truetype'), url('../fonts/system_san_francisco_display_regular-webfont.svg#san_francisco_displayregular') format('svg'); font-weight: normal; font-style: normal; } .sfregular { font-family: "sfregular" !important; } */ .modal-content { box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } .headersearch { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C */ width: 100%; position: absolute; top: 65px; left: 0; background-size: cover; } .tile-title { font-weight: 700; text-transform: uppercase; font-size: 36px; color: #FFF; } .tile-details { font-weight: 300; font-size: 20px; color: #FFF; } .tile-left-btn { background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.3))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.3) 100%); background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#80000000',GradientType=1 ); width: 100%; padding: 10px 20px; font-size: 24px; color: #FFF; border: 1px solid #000; font-weight: 300; margin-top: 5px; text-align: left; } .tile-left-btn:hover { outline: 5px solid #FFF; } .tile-content { outline: 0px solid #FFF; padding: 0; } .tile-content:hover { outline: 5px solid #FFF; z-index: 100; } .tile-section-title { font-size: 28px; opacity: 0.5; color: #FFF; font-weight: 300; } .tile-hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid rgba(255,255,255,0.5); } .dropdown-large { position: static !important; } .dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0px; } .dropdown-menu-large > li > ul { padding: 0; margin: 0; } .dropdown-menu-large > li > ul > li { list-style: none; } .dropdown-menu-large > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; } .dropdown-menu-large > li ul > li > a:hover, .dropdown-menu-large > li ul > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { color: #999999; } .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .dropdown-menu-large .dropdown-header { color: #428bca; font-size: 18px; } @media (max-width: 768px) { .dropdown-menu-large { margin-left: 0 ; margin-right: 0 ; } .dropdown-menu-large > li { margin-bottom: 30px; } .dropdown-menu-large > li:last-child { margin-bottom: 0; } .dropdown-menu-large .dropdown-header { padding: 3px 15px !important; } } .btn-dark { background-color: transparent; border-color: transparent; color: #FFF; border-radius: 0; transition: 0.2s all; } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active { background-color: transparent; border-color: transparent; color: #FFF; text-shadow: 0 0 10px #FFF,0 0 10px #FFF; transition: 0.2s all; } .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled:active, .btn-dark.disabled.active, .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled]:active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark.active { background-color: #3b3b3b; border-color: #3b3b3b; color: #444; } /* #wrapper { width: 100%; max-width: 1600px; min-width: 800px; margin: 50px auto; } #columns { -webkit-column-count: 4; -webkit-column-gap: 15px; -webkit-column-fill: auto; -moz-column-count: 4; -moz-column-gap: 15px; -moz-column-fill: auto; column-count: 4; column-gap: 15px; column-fill: auto; } .pin { display: inline-block; background: #FEFEFE; border: 2px solid #FAFAFA; margin: 0 2px 15px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; padding: 0px; padding-bottom: 5px; background: #FFF; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .pin img { width: 100%; border-bottom: 0px solid #ccc; padding-bottom: 0px; margin-bottom: 5px; } .pin p { font: 12px/18px Arial, sans-serif; color: #333; margin: 0; } @media (min-width: 200px) { #columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media (min-width: 960px) { #columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 1100px) { #columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } @media (min-width: 1700px) { #columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } */ /* #columns:hover .pin:not(:hover) { opacity: 0.4; } */ #wrapper { width: 100%; max-width: 1700px; min-width: 300px; margin: 50px auto; background: #FFF; padding: 50px; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); } #columns { -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-fill: balance; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-fill: balance; column-count: 3; column-gap: 15px; column-fill: balance; } .pin { display: inline-block; border: 1px solid #CCC; background: #FFF; margin: 0 2px 15px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; /* background: -webkit-linear-gradient(45deg, #EEE, #CCC); */ opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .pin img { width: 100%; padding-bottom: 15px; margin-bottom: 5px; } .pin p { font: 12px/18px Arial, sans-serif; color: #333; margin: 0; } @media (min-width: 300px) { #columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media (min-width: 700px) { #columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 960px) { #columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 1100px) { #columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } @media (min-width: 1700px) { #columns { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } } .panel-fade { /* background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(28%,rgba(0,0,0,0)), color-stop(47%,rgba(0,0,0,0.13)), color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); */ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); height: 100%; width: 100%; } .panel-fade2 { background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); } .dropdown-menu-solid { position: absolute; top: 100%; left: 0; z-index: 9999 !important; display: none; float: left; min-width: 250px; padding: 10px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background: #EEE; border-radius: 0px; box-shadow: 0 10px 38px rgba(0,0,0,0.30), 0 10px 12px rgba(0,0,0,0.22); background-clip: padding-box; transition: 0.2s all; } .dropdown-menu-solid.pull-right { right: 0; left: auto; } .dropdown-menu-solid .divider { height: 1px; margin: 10px 20px; overflow: hidden; background-color: #444; } .dropdown-menu-solid > li > a { display: block; padding: 7px 30px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap; transition: 0.2s all; font-weight: 400; } .dropdown-menu-solid > li > a:hover, .dropdown-menu-solid > li > a:focus { text-decoration: none; color: #09F; transition: 0.2s all; text-shadow: none; } .dropdown-menu-solid > .active > a, .dropdown-menu-solid > .active > a:hover, .dropdown-menu-solid > .active > a:focus { color: #09F; text-shadow: none; text-decoration: none; outline: 0; transition: 0.2s all; } .dropdown-menu-solid > .disabled > a, .dropdown-menu-solid > .disabled > a:hover, .dropdown-menu-solid > .disabled > a:focus { color: #777777; } .dropdown-menu-solid > .disabled > a:hover, .dropdown-menu-solid > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .footbg { background: rgb(221,221,221); background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(187,187,187,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(187,187,187,1))); background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); background: -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(187,187,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ); background-size: cover; border-top: 1px solid #BBB; } .tile-link { padding: 50px 25px; }