/* ------------------------------------------------------------------------------ CPA Site Solutions Site Style: 588 | 01-2015 | v1.0 Notes: Bootstrap 3.3.6, jQuery 1.11.3 ------------------------------------------------------------------------------ */ .testimonial-container { width: 100%; height: auto; min-height: 200px; color: white; padding: 5vw 0; text-align: center; margin-top: 45px } .testimonial-container h2 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; text-align: center; text-shadow: 0 0 7px rgba(0, 0, 0, 0.45); z-index: 2; padding-bottom: 15px; margin: 0 22vw } .testimonial-container .parallax-bg { position: absolute; left: 0; top: 0; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center } .testimonial-container .slide-overlay { z-index: 1 } .testimonial-container .swiper-slide { padding: 0 22vw } .testimonial-container .swiper-slide p { font-size: 1.3em !important; font-style: italic; text-shadow: 0 0 7px rgba(0, 0, 0, 0.45); font-weight: 300 } .swiper-container { height: 27vw; min-height: 340px; width: 100%; position: relative; color: #fff } .swiper-container .swiper-pagination-bullet { opacity: 1 } .swiper-container .slide-form { left: 50%; margin-left: -585px; position: absolute; top: 0; z-index: 9; padding-top: 3vw } .swiper-container .slide-form .form-control { background: rgba(255, 255, 255, 0.75) } .swiper-container .slide-form .form-control::-moz-placeholder { color: #fff; text-align: right } .swiper-container .slide-form .form-control::-webkit-input-placeholder { color: #fff; text-align: right } .swiper-container .slide-form .form-control:-ms-placeholder { color: #fff; text-align: right } .swiper-container .slide-form h1, .swiper-container .slide-form h2, .swiper-container .slide-form h3, .swiper-container .slide-form h4, .swiper-container .slide-form h5, .swiper-container .slide-form h6 { font-weight: 200 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px } .swiper-container .slide-form input, .swiper-container .slide-form textarea { margin: 10px 0; border: 0; outline: 0; color: #444; text-align: right; box-sizing: border-box } .swiper-container .slide-form input[type="submit"], .swiper-container .slide-form textarea[type="submit"] { color: white !important } .swiper-container .slide-form input:focus, .swiper-container .slide-form textarea:focus { box-shadow: 0 0 0 white; border: 2px solid #0097D6 } .swiper-container .slide-overlay { background: linear-gradient(90deg, #000 -40%, rgba(0, 151, 214, 0.15)); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .swiper-container .swiper-wrap { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .swiper-container .swiper-wrap .Slide1 { background-repeat: no-repeat; background-size: cover; height: 100%; width: 100% } /* ------------------------------------------------------------------------------ Colors ------------------------------------------------------------------------------ */ #ListSub tr, #ListSub td[width="49%"] { display:block; width:100%; } #ListSub td[width="2%"] {display:none;} a { color:#df9310; text-decoration: none; } a:hover, a:focus { color:#df9310; text-decoration: underline; } .bg-color-1 { background-color:#df9310 !important; border-color: #df9310 !important; color: #fff !important; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.open>a, .navbar-nav>li.open>a, .dropdown-menu>.open>a, .dropdown-menu>.open>a:hover, .dropdown-menu>.open>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color:#eee; color:#333 !important; } .navbar-nav.sm-collapsible li>a:hover, .navbar-nav.sm-collapsible li>a:focus, .navbar-nav.sm-collapsible .open>a, .navbar-nav.sm-collapsible .open>a:hover, .navbar-nav.sm-collapsible .open>a:focus { background-color: #df9310; color: #fff !important; } .bg-white { background-color:#fff !important; border-color: #fff !important; color: #333 !important; } .bg-light { background-color:#fcfcfc !important; border-color: #fcfcfc !important; color: #333 !important; } .bg-dark { background-color:#444 !important; border-color: #444 !important; color: #fff !important; } .color-1 { color:#df9310 !important; border-color: #df9310 !important; } .white { color:#fff !important; } .shade { background-image:url(/images/galleries/style/588/images/bg_pattern.png); background-repeat:repeat; } /* ------------------------------------------------------------------------------ General Styles ------------------------------------------------------------------------------ */ body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 160%; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height:160%; } a.large, p.large, ul.large, ol.large { font-size: 20px; } /* ------------------------------------------------------------------------------ Font Styles ------------------------------------------------------------------------------ */ .thin { font-weight: 300 !important; } .strong { font-weight: 700 !important; } /* ------------------------------------------------------------------------------ Buttons ------------------------------------------------------------------------------ */ .bg-dark.btn-primary:hover, .bg-dark.btn-primary:focus, .bg-color-4.btn-primary:hover, .bg-color-4.btn-primary:focus, .bg-color-4.btn-primary:active, .bg-color-3.btn-primary:hover, .bg-color-3.btn-primary:focus, .bg-color-3.btn-primary:active, .bg-color-2.btn-primary:hover, .bg-color-2.btn-primary:focus, .bg-color-2.btn-primary:active, .bg-color-1.btn-primary:hover, .bg-color-1.btn-primary:focus, .bg-color-1.btn-primary:active { background-color: #333 !important; border-color: #333 !important; } .bg-dark.btn-primary:active, .bg-color-4.btn-primary:active, .bg-color-3.btn-primary:active, .bg-color-2.btn-primary:active, .bg-color-1.btn-primary:active { background-color: #000 !important; border-color: #000 !important; } .btn, .btn-lg, .form-control { border-radius: 0px; } /* ------------------------------------------------------------------------------ Containers ------------------------------------------------------------------------------ */ .highlight { padding: 20px; background-color: #f5f5f5; border-radius: 4px; } .highlight.full { padding: 0; border-radius: 0; } .outline { padding:20px; border:1px solid #ddd; border-radius: 4px; } .shadow { padding:20px; webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); border-radius: 4px; } /* ------------------------------------------------------------------------------ Margins ------------------------------------------------------------------------------ */ .margin-0 { margin-top:0 !important; margin-bottom:0 !important; } .margin-10 { margin-top:10px !important; margin-bottom:10px !important; } .margin-20 { margin-top:20px !important; margin-bottom:20px !important; } .margin-30 { margin-top:30px !important; margin-bottom:30px !important; } .margin-40 { margin-top:40px !important; margin-bottom:40px !important; } .margin-50 { margin-top:50px !important; margin-bottom:50px !important; } .margin-60 { margin-top:60px !important; margin-bottom:60px !important; } .margin-top-0 { margin-top:0px !important; } .margin-top-10 { margin-top:10px !important; } .margin-top-20 { margin-top:20px !important; } .margin-top-30 { margin-top:30px !important; } .margin-top-40 { margin-top:40px !important; } .margin-top-50 { margin-top:50px !important; } .margin-top-60 { margin-top:60px !important; } .margin-top--60 { margin-top:-60px !important; } .margin-bottom-0 { margin-bottom:0px !important; } .margin-bottom-10 { margin-bottom:10px !important; } .margin-bottom-20 { margin-bottom:20px !important; } .margin-bottom-30 { margin-bottom:30px !important; } .margin-bottom-40 { margin-bottom:40px !important; } .margin-bottom-50 { margin-bottom:50px !important; } .margin-bottom-60 { margin-bottom:60px !important; } .margin-bottom--60 { margin-bottom:-60px !important; } /* ------------------------------------------------------------------------------ Navigation ------------------------------------------------------------------------------ */ #phone li:first-child>a, .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: inset 10px 0px 10px -5px rgba(0,0,0,0.06); -moz-box-shadow: inset 10px 0px 10px -5px rgba(0,0,0,0.06); box-shadow: inset 10px 0px 10px -5px rgba(0,0,0,0.06); } .navbar-nav>li:first-child>a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar { border-radius: 0; margin-bottom: 0; border:0; background-color:transparent; min-height:inherit; } .navbar-collapse { background-color:#fff; border-top:0; } @media (min-width: 1200px) { /* Menu Animation */ .open > .dropdown-menu { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .dropdown-menu { -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); display: block; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; } .dropup .dropdown-menu { -webkit-transform-origin: bottom; transform-origin: bottom; } .dropup > .dropdown-menu:after { border-bottom: 0; border-top: 6px solid rgba(39, 45, 51, 0.9); top: auto; display: inline-block; bottom: -6px; content: ''; position: absolute; left: 50%; border-right: 6px solid transparent; border-left: 6px solid transparent; } .navbar { margin-left:-15px; } nav { line-height: 0; text-align: center; } .navbar { display: inline-block; } .navbar-collapse { background-color:transparent; } .navbar-nav>li>a { color: #fff; } .navbar-nav>.active>a { color: #fff; background-color: transparent; font-weight:bold; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 0; } .dropdown-menu>li>a { color: #333; } .dropdown-menu>.open>a, .dropdown-menu>.open>a:hover, .dropdown-menu>.open>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color:#fff; } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.open>a, .navbar-nav>li.open>a { color: #fff; transition: all 0.1s ease; } } /* Menu Toggle */ .navbar-header { position:absolute; top:50%; right: 30px; margin-top:-12px; } /* Mobile */ .navbar-nav.sm-collapsible.navbar-nav { margin:0 -15px; } .navbar-nav.sm-collapsible ul.dropdown-menu { padding:0; transition: all 0.2s ease; } .navbar-nav.sm-collapsible>li>a, .navbar-nav.sm-collapsible .open .dropdown-menu>li>a { line-height:40px !important; font-size:16px; padding-top:0; padding-bottom:0; } .navbar-nav.sm-collapsible>li>a { color:#fff; background:#222; border-bottom:1px solid #2a2a2a; } .navbar-nav.sm-collapsible>li>ul>li>a { color:#fff; background:#333; border-bottom:1px solid #3a3a3a; } .navbar-nav.sm-collapsible>li>ul>li>ul>li>a { color:#fff; background:#444; border-bottom:1px solid #4a4a4a; } .navbar-nav.sm-collapsible>li>ul>li>ul>li>ul>li>a { color:#fff; background:#555; border-bottom:1px solid #5a5a5a; } .navbar-nav.sm-collapsible .open>a .navbar-nav.sm-collapsible .active { font-weight:bold; } .navbar-nav.sm-collapsible>li>a.has-submenu { padding-left:15px } .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 15px; margin: 5px; padding: 0; width: 30px; height: 30px; line-height: 28px; font-size:20px; text-align: center; border: 0; border-radius:15px; background:#fff; color:#333; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); } .navbar-nav.sm-collapsible .caret:before { content: ''; width:4px; height:20px; margin:5px 13px; background:#000; display:block; border-radius:2px; position:absolute; transition: all 0.1s ease; } .navbar-nav.sm-collapsible .caret:after { content: ''; width:20px; height:4px; margin:13px 5px; background:#000; display:block; border-radius:2px; position:absolute; } .navbar-nav.sm-collapsible .open > a > .caret:before { content: ''; width:4px; height:4px; margin:13px 13px; background:#000; display:block; border-radius:2px; position:absolute; transition: all 0.1s ease; } .navbar-nav.sm-collapsible .open > a > .caret:after { content: ''; width:20px; height:4px; margin:13px 5px; background:#000; display:block; border-radius:2px; position:absolute; } /* ------------------------------------------------------------------------------ Video ------------------------------------------------------------------------------ */ #headline { height:5px; } .homepage-hero-module { border-right: none; border-left: none; position: relative; background-image:url(/images/galleries/style/588/images/placeholder.jpg); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0; -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; transition: all 0.5s ease-in-out; } .homepage-hero-module.interior { background-image:none; opacity: 1; } .video-container { position: relative; top:0; left: 0; width: 100%; overflow: hidden; min-height:375px; } .video-container div { z-index:0 !important; } .title { display:inline-block; padding:5px 20px; margin-bottom:0; -webkit-box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.2); -moz-box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.2); box-shadow: 10px 0px 10px -5px rgba(0,0,0,0.2); } #page_title { position: relative; } #page_title h1 { margin:20px 0; } .video-container:after { padding-top: 56.25%; display: block; content: ''; } .homepage-hero-module .filter { position: absolute; height:100%; width:100%; position:absolute; top:0; /*background-image:url(/images/galleries/style/588/images/bg_pattern.png);*/ background-repeat:repeat; background-color: rgba(0, 0, 0, 0.5); } #tagline { width:100%; background-color:transparent; position: absolute; color:#fff; line-height:76px; top:40%; margin-top:-38px; } #tagline h2 { font-size:48px; margin:0; } #icons { position:absolute; bottom:0; width:100%; background:transparent; padding:30px 0 0; } #icons p { color:#fff; } #icons .same { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding:20px 0; } #icons .same:hover { background:rgba(255,255,255,.2); text-decoration:none; } #icons .same:hover .circle { height: 80px; width: 80px; line-height: 80px; margin: 15px; } #icons .same .circle { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 991px) and (min-width: 0) { #tagline { position: relative; line-height:inherit; top:inherit; margin:0; } #tagline h2 { margin-top:30px; font-size:36px; } #icons { position:relative; } .video-container { min-height:auto; } } @media (max-width: 1199px) and (min-width: 0) { #page_title { padding-top:0; } header .tooltip { display:none !important; } } /* ------------------------------------------------------------------------------ Circles ------------------------------------------------------------------------------ */ .circle { display:inline-block; position:relative; margin:20px; border-radius:500px; border:1px solid #ccc; text-align:center; } .circle-sm img, .circle-md img, .circle-lg img { border-radius:500px; position:absolute; top:-1px; left:-1px; } .circle-sm { height:70px; width:70px; line-height:70px; font-size:30px; } .circle-sm img { height:70px; width:70px; } .circle-md { height:140px; width:140px; line-height:140px; font-size:60px; } .circle-md img { height:140px; width:140px; } .circle-lg { height:210px; width:210px; line-height:210px; font-size:90px; } .circle-lg img { height:210px; width:210px; } @media (max-width: 991px) and (min-width: 0) { #icons .circle, #icons .same:hover .circle { float: left; margin: 0 15px 0 10%; width: 50px; height: 50px; line-height: 50px; font-size:24px; } #icons h4 { text-align: left; } #icons .same { padding:15px 0; border-top:1px dotted #eee; } } /* ------------------------------------------------------------------------------ Header ------------------------------------------------------------------------------ */ #contactBar { position: absolute; top:50%; margin-top:-20px; width:100%; } #contactBar .text-center { display: inline-block; margin:0 auto; } #contactBar a { display: block; float: left; padding: 0; text-decoration: none; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 20px; position: relative; z-index: 1; margin: 0 4px; border-radius: 20px; border: 1px solid #eee !important; } #contactBar a:hover { color:#333 !important; } header { padding:20px 0; position:relative; } header .container { line-height:1px; position:relative; } #styleLogo { text-decoration:none; display:inline-block; margin:0 auto; max-width:500px; } #styleLogo img { display: block; max-width: 100%; height: auto; max-height: 200px } #styleLogo h2 { color:#333; margin:0; } @media (max-width: 991px) { header { padding:0; } #contactBar { position: relative; top:inherit; margin:0; width:inherit; text-align:center; border-bottom:1px solid #eee; height: 60px; padding: 10px 0; } #contactBar .container { display: inline-block; width:auto; } #contactBar .pull-right, #contactBar .pull-left { border-top:0; border-bottom:0; } #contactBar .pull-right { border-left:0; } } /* ------------------------------------------------------------------------------ Footer ------------------------------------------------------------------------------ */ footer { color:#9d9d9d; background:#222; } /* ------------------------------------------------------------------------------ Quote Slider ------------------------------------------------------------------------------ */ #carousel-quotes { padding:30px 0; } .carousel-indicators li { border-color:#333; } .carousel-indicators li.active { background-color:#333; } /* ------------------------------------------------------------------------------ Footer ------------------------------------------------------------------------------ */ .scrollToTop { position: fixed; opacity: 0; filter: alpha(opacity=0); visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; width: 50px; height: 50px; line-height: 50px; right: 15px; bottom: 15px; font-size:30px; border-radius: 25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1); } .scrollDown { position: absolute; text-align: center; z-index: 1; width: 50px; height: 50px; line-height: 50px; right: 50%; margin-right:-25px; top: 40%; margin-top:40px; font-size:50px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .scrollDown span { line-height:50px; display:block; text-align:center; text-indent:2px; position:absolute; height:50px; width:50px; cursor:pointer; } .scrollDown:hover { margin-top:45px; } .scrollToTop span { line-height:45px; display:block; text-align:center; position:absolute; height:50px; width:50px; } .scrollToTop.show:hover { margin-bottom:5px; } .scrollToTop.show { visibility:visible; cursor:pointer; opacity:1; filter: alpha(opacity=100); } footer a, footer a:link { color:#fff; } footer a:hover { color:#fff; text-decoration:underline; } footer hr { border-top: 1px solid #333; } footer .social a { text-decoration: none; width:30px; height:30px; line-height:33px; font-size:24px; text-align:center; border-radius:4px; color:#9d9d9d; display:block; float:left; } footer .social a:hover { color:#fff; } footer .copy, footer .social { float:none; width:100%; display:block; } /* ------------------------------------------------------------------------------ Global ------------------------------------------------------------------------------ */ #ServicesHub .shadows, #ListSub .thumbborder.thumbpad, #ListSub table td[width="2%"] { display:none; } #ServicesHub table td:first-child { display:none; } .hubsection { height: 80px; padding: 30px 0pt 20px; border-bottom: 1px solid #888888; } .thumbborder { background: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5); box-shadow: 1px 1px 3px rgba(0,0,0,.5); border:1px solid #999; padding:5px; } /* Map and Driving Directions */ #Map iframe, #Directions .gadget, #Directions iframe { width: 100%; } #Publications table { width:100%; border:inherit; border-collapse:collapse; } #DueDates * { background:none; font-family:inherit; color:inherit; } #DueDates table { width:100%; border-spacing:0; } #DueDates table, #DueDates tr, #DueDates td { margin:0; padding:0; border:none; border-collapse:collapse; } .taxratetable { font-size: inherit !important; } .taxratetable font { color:inherit; font-size:inherit; font-family:inherit; } #TaxRates table { border:none; border-collapse:collapse; } /* Forms */ #Form table { border:none; border-collapse: collapse; border-spacing:0; margin: 15px auto; width:100%; } #Form table td:first-child { font-weight:bold; } #Form table input, #Form table textarea { font-weight:normal; } br.clearfloat { display:none; } .thumbpad { display:block; float:left; margin-right:20px; } #Newsletter table td[width="220"], #Newsletter table td[width="20"] { display:none; } /* Google Directions Gadget Fix */ table.gadget span.title { font-size: 12px; margin: inherit; background: inherit; padding: inherit; color: inherit; } table.gadget span.powered { font-size: 10px; color: inherit; } #IL { width:100%; margin:0 auto; } #IL_Tabs { float:right; height:100%; margin-bottom:20px; margin-left:20px; width:30%; } #IL_Tabs select { display: none; } #IL_Tabs h3 { background:none; margin:10px; } #IL_Tabs ul { list-style:none; margin:0; padding:0; margin-bottom:10px; } #IL_Tabs li { padding: 0 10px; border-bottom: 1px solid #FFF; transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; } #IL_Tabs li:last-child { border-bottom:0px none; } #IL_Tabs a { padding: 12px 0; display:block; position:relative; text-decoration: none; background:none; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .IL_Active { background:#DDD; } .IL_Active a { color:#000!important; background-color:none; text-transform:uppercase; font-weight:bold; } #IL_Tabs li:hover a { padding-left: 5px; margin-right: -5px; } #IL_Tabs li.IL_Active:hover a { padding-left: 0px; margin-right:0px; } #IL_Main h2 { margin-bottom: 10px; } #IL_Search { margin-top:40px; } #IL_Search label { line-height:30px; font-weight: bold; } #IL_Search input:not([type="submit"]) { height:30px; line-height:30px; width:180px; } .GlobalBtn { display: inline-block; padding: 0 10px; height: 30px; text-align:center; font-weight: bold; font-size:12px; text-transform:uppercase; text-decoration:none; line-height:30px; border:0px; outline:0px; cursor:pointer; box-shadow: 1px 2px 2px #000; -moz-box-shadow: 1px 2px 2px #000; -o-box-shadow: 1px 2px 2px #000; -webkit-box-shadow: 1px 2px 2px #000; transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; } .GlobalBtn:hover { box-shadow: 1px 3px 3px #000; -moz-box-shadow: 1px 3px 3px #000; -o-box-shadow: 1px 3px 3px #000; -webkit-box-shadow: 1px 3px 3px #000; } .GlobalBtn:active { box-shadow: 0px 0px 0px #000; -moz-box-shadow: 0px 0px 0px #000; -o-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; } @media screen and (max-width: 1064px) { #IL_Tabs li { display: none; } #IL_Tabs select { display: block; width: 100%; margin: 0; position:relative; left:-20px; margin-bottom:20px; } #IL_Tabs { float: none; width:100%; background:none; } #IL_Tabs h3 { display: none; } #IL_Search label { display:block; margin-bottom:10px; } #IL_Search input:not([type="submit"]) { width: 180px; } } /*12/18/2013 change from design - PC*/ .editable { min-height:30px } #Header { display:none; }