/* General Styles */ @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @font-face { font-family: 'icomoon'; src: url("/assets/fonts/icomoon.eot"); } @font-face { font-family: 'icomoon'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\e601"; } .icon-instagram:before { content: "\e608"; } .icon-heart:before { content: "\e605"; } .icon-cancel-circle:before { content: "\e609"; color: #fdbc40; } .icon-checkmark-circle:before { content: "\e60a"; color: #43bcf0; } .icon-youtube:before { content: "\e602"; } .icon-soundcloud:before { content: "\e604"; } .icon-menu:before { content: "\e606"; } .icon-vimeo:before { content: "\e607"; } .icon-twitter:before { content: "\e603"; } .icon-facebook:before { content: "\e600"; } .icon-twitter { color: #0087cf; } .icon-facebook { color: #2e5fb5; } body{ font-family:"Open Sans",Verdana,Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; text-shadow:none; } @media (min-width: 1200px){ .container{ width:960px; } } @media (min-width: 992px){ .container{ width:960px; } } .navbar-supergeeks{ width:100%; height: 23px; margin:0; padding:0; overflow:hidden; } .navbar-supergeeks.navbar{ border:none; } .navbar-supergeeks .navbar-nav.nav > li > a{ background-color: #14abec; color: #ffffff; padding-bottom:10px; } .navbar-supergeeks .navbar-nav.nav > li >a.current{ background-color:#ffffff; color:#032b5a; border: #14abec solid 1px; border-top: none; height: 30px; } .navbar-supergeeks .navbar-nav.nav > li >a:hover, .navbar-supergeeks .navbar-nav.nav > li >a:focus{ color:#032b5a; } div.container.header-box > div > div.col-sm-6 > div > ul { margin-top: 20px; } ul.super-nav > li a span{ margin-top:20px; } ul.super-nav > li a:hover span, ul.super-nav > li a:focus span{ color:#f26522; /*transition*/ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } div.header-box{ padding-top: 25px; padding-bottom: 0px; margin-bottom: 0; } div.header-box .supergeeks-logo{ } div.social-bar{ background-color:#14abec; color:#ffffff; border-bottom:#282828 solid 2px; } ul.supergeeks-social-icons{ list-style:none; margin-bottom:0; } ul.supergeeks-social-icons > li{ display:inline-block; margin-bottom:0; } ul.supergeeks-social-icons > li > a{ display:inline-block; /* padding-top: 10px; */ text-align:justify; padding-left:3px; padding-right:3px; text-decoration:none; font-size:1.7em; vertical-align:middle; } .nav > li > a:hover{ background-color:rgba(0,0,0,0.05); } .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus{ background-color:#e8e8e8; } @media (min-width: 768px){ .navbar{ min-height:30px; } .nav > li > a{ color: #032b5a; font-weight: 500; padding-top: 10px; padding-bottom: 37px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; font-size: 1.0em; text-transform: uppercase; } .navbar-nav > li > a{ padding-top:5px; padding-bottom:5px; } } .supergeeks-logo a{ text-decoration: none; } .supergeeks-logo a span{ color: rgba(0,0,0,.5); font-size: .9em; } .info-box{ background-color: #ffffff; height: 260px; position:relative; color: #43bcf0; margin-bottom:20px; overflow:hidden; cursor:pointer; z-index:10; margin-top:10px; padding-top: 20px; } /*.row.supergeeks-featurette > .col-sm-3 > .info-box#repair-service{*/ /*border-top-left-radius:0.625rem;*/ /*border-bottom-left-radius:0.625rem;*/ /*}*/ /*.row.supergeeks-featurette > .col-sm-3 > .info-box#sgp{*/ /*border-top-right-radius:0.625rem;*/ /*border-bottom-right-radius:0.625rem;*/ /*}*/ div.col-sm-4:hover .info-box img{ max-width: 75%; } .col-sm-4:hover .info-box .heading { margin-top: -135px; } .col-sm-4:hover .info-box .heading h2 { font-weight: 400 !important; font-size: 22px; color: white; text-shadow: 0 0 5px rgba(0,0,0,0.5); } .row.supergeeks-featurette { margin-bottom: 4em; margin-top: 4em; } .info-box:hover > .caption{ opacity: 1; } .info-box:hover > .caption,.info-box:hover > .caption a{ opacity:1; } .info-box:hover > img{ /*transform*/ /*-webkit-transform:scale(1.5,1.5);*/ /*-moz-transform:scale(1.5,1.5);*/ /*-ms-transform:scale(1.5,1.5);*/ /*-o-transform:scale(1.5,1.5);*/ /*transform:scale(1.5,1.5);*/ } .info-box:hover > .heading{ top:10px; } .info-box > .caption{ position:absolute; bottom:0; left:0; width:100%; height: 100%; background-color:rgba(255,255,255,.9); opacity:0; z-index:10; border-bottom-left-radius:0.625rem; border-bottom-right-radius:0.625rem; /*transition*/ -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .info-box > .caption div.content{ height: 100%; margin-top: 20%; margin-bottom: auto; width: 100%; background-color: #00b2ed; vertical-align: middle; padding: 10px; } .info-box > .caption div.content p{ font-size: 1.1em; margin-bottom: 5px; } .info-box > .caption a{ text-decoration: none; font-weight: 800; font-size: 1.5em; vertical-align: middle; color: #f26522; opacity: 0; /* text-shadow: 0 0 2px rgba(0,0,0,.5); */ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .info-box > .caption a:hover, .info-box > .caption a:focus{ text-shadow:0 0 3px #f48e16; } .info-box > .caption a span.glyphicon{ background-color:#ffffff; width:30px; height:30px; /*border-radius*/ -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; color:#000000; vertical-align:middle; text-align:center; padding:6px; } .info-box img{ max-width:60%; /*transition*/ -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .info-box .heading{ max-width:100%; z-index:9; /*transition*/ -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; font-weight: 100; font-size: 0.1em; } .info-box .heading h1{ font-weight: 500; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.8); width: 100%; } .info-box .heading h2{ /* margin-top: 5px; */ font-weight: 200; font-size: 22px; transition: all 0.5s; /* margin-bottom: 20px; */ } .drop-menu-bar{ background-color:#e8e8e8; /*box-shadow*/ /* -webkit-box-shadow:inset 0px 2px 5px rgba(0,0,0,.2); */ -moz-box-shadow:inset 0px 2px 5px rgba(0,0,0,.2); /* box-shadow:inset 0px 2px 5px rgba(0,0,0,.2); */ height:0; vertical-align:middle; opacity:0; /*transition*/ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; overflow:hidden; } .drop-menu-bar > .container{ position:relative; } .drop-menu-bar > .container ul{ position:absolute; left:0; top:0; width:100%; opacity:1; display:none; height:inherit !important; } .drop-menu-bar > .container ul li{ width:162.166666666667px; } .drop-menu-bar .imgWrap{ position:relative; height:29px; overflow:hidden; margin-bottom:20px; margin-top:5px; } .drop-menu-bar .imgWrap img{ /*transition*/ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .drop-menu-bar > .container ul li a:hover{ background-color:transparent; color:#f48e16; } .drop-menu-bar > .container ul li:hover .imgWrap img{ top:-30px; } .show-drop-menu{ height: 100px; opacity:1; margin-bottom: 20px; } .footer{ width:100%; margin-top:3.125rem; color:#a1a1a1; } @media only screen and (max-width: 40em){ .footer{ /*background-size*/ -webkit-background-size:200%; -moz-background-size:200%; -o-background-size:200%; background-size:200%; padding-bottom:11.875rem; padding-left:1.25rem; padding-right:1.25rem; } } @media only screen and (min-width: 40.063em) and (max-width: 64em){ .footer{ /*background-size*/ -webkit-background-size:150%; -moz-background-size:150%; -o-background-size:150%; background-size:150%; padding-bottom:15.625rem; padding-left:1.25rem; padding-right:1.25rem; } } .footer a{ color:#a1a1a1; text-decoration:none; } .footer a:hover{ color:#43bcf0; } .footer ul{ font-size:1.5rem; margin-left:0; padding-left:0; list-style:none; } .footer .slogan{ color:#a1def8; margin-bottom:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid #eeeeee; } .footer .social-icons{ text-align: left; padding-right:0; } .footer [class^="icon-"]{ font-size:2.1875rem; float: left; margin-top:0.625rem; margin-left:1.25rem; } .footer .copyright{ padding-top:1.25rem; margin-top:1.25rem; } @media (min-width: 960px){ .my-pull-right{ float:right !important; padding-top: 12px; } div#gadget-repair-quote .modal-content{ width:690px !important; height:600px; } } .modal-body iframe{ position:relative; left:-170px; } .footer-row{ font-weight:300; background-color: #000000; padding-top:20px; padding-bottom:20px; color: #ffffff; } div#contact-info-dialog{ height:auto; } div#contact-info-dialog ul.contact-details li{ font-weight:300; font-size:1.7em; margin-top:20px; } div#contact-info-dialog ul.contact-details li span.contact-icon{ background-color:#000000; color:#ffffff; padding:5px; /*border-radius*/ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } div#contact-info-dialog ul.contact-details li a{ color:#0087cf; text-decoration:none; } /** Carousel */ /* Carousel base class */ .carousel { height: 350px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 350px; background-color: #777; } .carousel-inner > .item img { position: absolute; top: 0; left: 0; min-width: 100%; height: 350px !important; } @media (max-width: 460px) { .carousel { height: 250px; } .carousel .item { height: 250px; } .carousel-inner > .item img { height: 250px !important; } } @media (min-width: 960px){ .carousel { height: 400px; } .carousel .item { height: 400px; } .carousel-inner > .item img { height: 400px !important; } } p.little-info { color: rgba(0,0,0,0.6); } .row.product-icons { margin-top: 50px; margin-bottom: 50px; } form h1, form h2, form h3, form h4, form p, form *{ font-family: 'Open Sans',sans-serif; font-weight: 400; } .mini-steps-box { display: inline-block; width: 100%; margin: 10px; border: #f2f2f2 solid 1px; border-radius: 5px; } .mini-steps-box p { font-size: 0.9em; text-align: left; } .mini-steps-box span { display: inline-block; width: 70px; height: 100px; text-align: center; border: #f2f2f2 solid 1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 1.9em; padding: 0; margin: 0; padding-top: 17px; background-color: #e8e8e8; color: white; margin-right: 5px; } .mini-steps-box.active span{ background-color: #43bcf0; border: #43bcf0 solid 1px; } .hover-anim { position: absolute; /* left: 0; */ /* top: 0; */ /* width: 100%; */ /* height: 100%; */ /* border: rgba(0,0,0,0.5) solid 1px; */ /* border-radius: 4px; */ /* transition: all 0.5s; */ /* opacity: 0; */ } .hover-anim:hover { opacity: 1; } .hover-anim .hover-content { margin-top: 100px; color: #ffffff; width: 60%; margin-left: 20%; } .hover-anim:hover ~ .heading h2 { opacity: 0; } .hover-content span { font-size: 22px; font-weight: 300; text-align: center; text-shadow: 0 0 4px #ffffff; } .mini-steps-box p { display: inline-block; width: 200px; margin: 0; text-align: start; } .footer ul li { margin: 10px; } .row.supergeeks-featurette div.col-sm-4 { padding-right: 20px; } .info-header { margin-top: 30px; } .info-header h2 { width: 100px; margin-left: auto; margin-right: auto; border-bottom: rgba(0,0,0,0.5) solid 2px; padding-bottom: 4px; margin-bottom: 20px; color: rgba(0,0,0,0.5); font-size: 1.5em; } .information-bar p{ color: rgba(0,0,0,0.5) } .information-bar img{ margin-left: auto; margin-right: auto; width: 160px; } .footer h4 { border-bottom: grey solid 1px; padding-bottom: 20px; } .info-box img { width: 171px !important; height: 176px !important; } /* gpp css */ .lemon-info-box { background-color: #9cb000; padding: 10px; margin: 10px; color: white; margin-top: 30px; } .lemon-info-box .gpp-thick,.blue-info-box .gpp-thick{ color: white; } .gpp-thick { font-weight: 600; color: #093747; } ul.gpp-coverage-list { list-style: none; display: block; } ul.gpp-coverage-list li, .accordion-header { display: block; text-align: justify; background-color: #e8e8e8; margin: 10px; border-radius: 5px; font-size: 16px; font-weight: 400; cursor: pointer; } span.icon { display: inline-block; background: orange; padding: 12px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; margin-right: 10px; } .blue-info-box { padding: 10px; margin: 10px; color: white; margin-top: 40px; background-color: #01a0e2; } ul.gpp-slim { text-align: justify; } .gadget-logo { height: 120px; display: inline-block; } .icon span.fa { padding: 10px; display: inline-block; background-color: black; color: white; border-radius: 100%; } span.gpp-divider-title { display: block; text-align: center; font-size: 18px; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; } span.gpp-divider { display: block; width: 50px; margin-left: auto; margin-right: auto; height: 7px; background-color: #093747; } #accordion-container { } .active-header span.icon span.fa.fa-chevron-right, .inactive-header span.icon span.fa.fa-chevron-down { display: inline-block; } .active-header:hover { } .inactive-header span.icon span.fa.fa-chevron-right,.active-header span.icon span.fa.fa-chevron-down { display: none; } .inactive-header:hover { } .accordion-content { display: none; padding: 20px; background: #ffffff; border: 1px solid #cccccc; border-top: 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; margin-right: 10px; margin-left: 10px; margin-top: -10px; }