* { margin: 0; padding: 0; outline: 0; } body, html { height:100%; background:transparent; } body {font-size:16px; font-family: 'Heebo', sans-serif; font-weight:300; color:#949494; line-height:1.8em; min-width:100%; overflow-x:hidden; } .shell { width:100%; margin:0 auto; overflow:hidden; } .header { padding-bottom:0px; position:fixed; background:url(https://0976cc.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/headerbg.png) top center; background-repeat:repeat-x; width:100%; height:165px; z-index:1000; -moz-transition:all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .header .shell { width:100%;} .header-top { height:165px; } a { text-decoration:none; -webkit-transition:color 0.25s ease-out; -moz-transition:color 0.45s ease-out; -ms-transition:color 0.45s ease-out; -o-transition:color 0.45s ease-out; transition: color 0.45s ease-out; color:#414141; } a:hover { text-decoration:none; -webkit-transition:color 0.25s ease-out; -moz-transition:color 0.45s ease-out; -ms-transition:color 0.45s ease-out; -o-transition:color 0.45s ease-out; transition: color 0.45s ease-out; color:#fff; } /* Header Scroll Movement */ .headeractive { !important; transition:background linear; height:193px; transform:translateY(-1px); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition: all 0.7s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; -webkit-transform: translateY(-30px); transform: translateY(-30px);} /* Menu Scroll Movement */ .menuactive { !important; transition:background linear; height:35px; transform:translateY(0px);-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* Logo Scroll Movement */ .logoactive { !important; transition:background linear; height:35px; -webkit-transition: all 0.7s ease-out; -webkit-transform: scale(0.6) rotate(0.01deg) translateY(20px); transform: scale(0.7) rotate(0.01deg) translateY(20px); -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;} article, aside, details, footer, header, menu, nav, section { display: block; } input, textarea, select { font-size: 12px; font-family: arial, sans-serif; } textarea { overflow: auto; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .lists { margin-left:40px; } .listitem { padding-bottom:10px; } /* ----- Text (COMPUTER) ----- */ h1 { font-size:117px; font-family:'Maven Pro', cursive; font-weight:700; color:#ffcc00; line-height:1.0; text-shadow:2px 2px #000000; } h1 a { font-size:117px; font-family: 'Maven Pro', cursive; font-weight:700; color:#ffcc00; } h1 a:hover { font-size:117px; font-family: 'Maven Pro', cursive; font-weight:700; color:#ffcc00; } h2 { font-size:45px; font-family:'Maven Pro', cursive; font-weight:700; color:#ffcc00; line-height:1.0; text-shadow:2px 2px #000000; } h2 a { font-size:45px; font-family: 'Maven Pro', cursive; font-weight:700; color:#ffcc00; } h2 a:hover { font-size:45px; font-family: 'Maven Pro', cursive; font-weight:700; color:#ffcc00; } h3 { font-size:44px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:0.6em; } h3 a { font-size:44px; font-family: 'Maven Pro', sans-serif; font-weight:400; color:#ffffff; } h3 a:hover { font-size:44px; font-family: 'Maven Pro', sans-serif; font-weight:400; color:#ffffff; } h4 { font-size:30px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:1.4em; } h4 a { font-size:30px; font-family: 'Maven Pro', sans-serif; font-weight:400; color:#ffffff; } h4 a:hover { font-size:30px; font-family: 'Maven Pro', sans-serif; font-weight:400; color:#ffffff; } h5 { font-size:28px; font-family:'Fjalla One', sans-serif; font-weight:400; color:#ffcc00; line-height:1.0em; } h5 a { font-size:28px; font-family: 'Fjalla One', sans-serif; font-weight:400; color:#ffcc00; } h5 a:hover { font-size:28px; font-family: 'Fjalla One', sans-serif; font-weight:400; color:#ffcc00; } h6 { font-size:22px; font-family:'Teko', sans-serif; font-weight:700; color:#ffffff; line-height:1.4em; } h6 a { font-size:22px; font-family: 'Teko', sans-serif; font-weight:700; color:#ffffff; } h6 a:hover { font-size:22px; font-family: 'Teko', sans-serif; font-weight:700; color:#ffffff; } /* ----- Graphics (COMPUTER) ----- */ .entry {clear:both; padding:0px;} .entry img {max-width: 100%; display:block; margin-left:auto; margin-right:auto; padding-top:5px; padding-top:5px; padding-right:0px; padding-left:0px;} #logo {width:442px; height:auto; z-index:1000; margin-top:0px; left:50%; margin-left:-221px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #phoneicon { margin-bottom:-35px; position:relative; } #icons1 { margin-bottom:-4px; padding-left:5px; } #postidol { margin-bottom:-11px; } #footericons{ margin-bottom:-7px; } /* ----- Crossfade images ----- */ #cf { position:relative; height:500px; width:500px; margin:0 auto; } #cf img { position:absolute; left:0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #cf img.top:hover { opacity:0; } /* ----- Layout (COMPUTER) ----- */ #menu { position:absolute; margin-top:155px; margin-left:504px; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contactbutton { display:none; visibility:hidden; } #hubright { width:250px; float:right; margin-top:1px; } .rslides { width:100%; height:850px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:800px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:15%; } .rslides2 { width:100%; height:900px; position:absolute; background-attachment:scroll; margin-top:-50px; z-index:0; } #boxtop1 { background-image:url(https://77d214.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/service-banner.png); background-repeat:repeat-x; background-position:top center; width:100%; height:101px; margin-top:-100px; position:absolute; z-index:1; } #subbox1 { width:100%; min-height:700px; height:auto; background:#000; margin-top:0px; padding-top:50px; padding-bottom:0px; position:relative; z-index:0;} #content1 { width:100%; margin-top:0px; margin-left:auto; margin-right:auto; } #boxbot1 { background-image:url(https://1db45a.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/boxbot1.png); background-repeat:repeat-x; background-position:top center; width:100%; height:115px; position:absolute; z-index:1; } #subbox2 { width:100%; min-height:300px; height:auto; margin-top:0px; padding-bottom:30px; padding-top:30px; position:relative; z-index:0; background:transparent; display:block; } #content2 { width:85%; margin-left:auto; margin-right:auto; } #boxleft1 { width:400px; height:auto; float:left; margin-left:10%; } #infobox1 { width:100%; height:auto; background:#FFF; border-bottom-right-radius:45px; padding:25px; } #boxright1 { width:711px; height:auto; float:right; margin-top:65px; margin-right:10%; } #subbox3 { width:100%; min-height:250px; height:auto; padding-top:20px; margin-top:0px; padding-bottom:15px; background:#000000; position:relative; z-index:0; } #boxtop2 { background-image:url(https://ec907a.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/boxtop2.png); background-repeat:repeat-x; background-position:top center; width:100%; height:99px; margin-top:-150px; position:absolute; z-index:1; } #content3 { width:65%; margin-top:-50px; margin-left:auto; margin-right:auto; } #boxbot2 { background-image:url(https://889e99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/boxbot2.png); background-repeat:repeat-x; background-position:top center; width:100%; height:123px; margin-top:38px; position:absolute; z-index:10; } #subbox4 { width:100%; min-height:200px; height:auto; margin-top:0px; padding-bottom:90px; padding-top:0px; position:relative; z-index:0; background:transparent; display:block; } #home2 { width:100%; height:280px; padding-top:100px; } #featuredbox2 { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:-3%; } #subbox5 { width:100%; height:129px; padding-top:10px; padding-bottom:0px; position:relative; z-index:0; background:url(https://a40e7e.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/banner.jpg) top center; background-repeat:repeat-x; } #contactboxleft {float:left; width:75%; height:auto; min-height:800px; } #contactboxright{float:right; width:25%; margin-top:30px; } #featuredbox3 { width:90%; height:auto; position:relative; left:50%; margin-left:-45%; } .main { padding: 2px 0 2px 0; overflow:hidden; } .main .content { padding-left: 0px; padding-right: 10px; overflow:hidden; } .main .content span { text-decoration: underline; overflow:hidden; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; overflow:hidden; } .main .cols .col { width:25%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:5%; } .main .cols .col img { width:auto; } .main .cols .col2 { width:20%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:5%; } .main .cols .col2 img { width:auto; } .main .cols3 { margin-top:30px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols3 .col3 { width:300px; display:inline-block; } .main .cols3 .col3 + .col3 { margin-left:30px; padding-bottom:30px; } .main .cols3 .col3 img { width:auto; } .main .cols4 { margin-top:30px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; position:relative; z-index:10; text-align:center; } .main .cols4 .col4 { width:30%; display:inline-block; vertical-align:top; } .main .cols4 .col4 + .col4 { margin-left:1%; } .main .cols4 .col4 img { width:auto; } #flexisel { display:none; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { overflow:hidden; float:left; width:100%; background:none; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-item img { width:100%; cursor:pointer; position:relative; margin-top:10px; margin-bottom:10px; max-width:254px; max-height:254px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:59px; height:59px; position:absolute; cursor:pointer; z-index:100; opacity:0.8; } .nbs-flexisel-nav-left { margin-top:0px; margin-left:-12px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { right:-15px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } #servicebox { padding:40px; } #serviceboxopen { padding:40px; margin-bottom:10px; background:#D6D6D6; } #pageList1 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList2 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList3 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList4 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList5 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList6 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList7 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList8 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList9 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } #pageList10 { list-style-type:none; margin-left:0px; padding:10px; margin-bottom:10px; cursor:pointer; } .speech-bubble1 { width:100%; min-height:210px; margin-top:20px; position:relative; background:#ffffff; border-radius:.4em; -webkit-box-shadow: 0px 0px 44px 12px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 44px 12px rgba(0,0,0,0.13); box-shadow: 0px 0px 44px 12px rgba(0,0,0,0.13); } .speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: #000000; border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; } .testimonial { padding-left:60px; padding-top:80px; padding-right:60px; padding-bottom:20px; } #speecharrow { vertical-align:bottom; float:left; margin-left:20px; margin-top:-5px; } #quotes { float:left; margin-top:10px; margin-left:10px; } /* ----- Footer ------ */ #footer { background-color:#000000; min-height:200px; height:auto; padding-top:50px; margin-top:0px; width:97%; padding-right:70px; padding-left:20px; } #footer .shell { padding: 10px; } #footer .cols .col { width:170px; float:left; } #footer .cols .col + .col { margin-left: 30px; } #footer .cols .col ul { list-style:none; } #footer .cols .col ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 { width:300px; float:left; } #footer .cols .col + .col2 { margin-left: 10px; } #footer .cols .col2 ul { list-style:none; } #footer .cols .col2 ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col2 ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col2 ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 + .col3 { margin-left: 50px; } #footer .cols .col3 { width:285px; float:right; margin-top:-5px; } #footer .cols .col h1 { font-size:18px; color:#d7d7d8; font-family:'Overpass', sans-serif; font-weight:400; } #footer p { font-size:16px; color:#ffffff; font-family:'Nanum Gothic', sans-serif; font-weight:400; line-height:2em; } #footer p a { font-size:16px; color:#ffffff; font-family:'Nanum Gothic', sans-serif; font-weight:400; } #footer p a:hover{ font-size:16px; color:#ffcc00; font-family:'Nanum Gothic', sans-serif; font-weight:400; text-decoration:none; } #copyrightbox { padding-top:10px; padding-bottom:10px; background-color:#121212; } #footerlogo { width:100%; max-width:264px; height:auto; float:right; padding-left:10px; } /* ================================================== #Media Queries ================================================== */ /* 1680 display */ @media only screen and ( min-width: 1380px) and ( max-width: 1690px ) { #menu { position:absolute; margin-top:155px; margin-left:390px; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:18%; } #featuredbox3 { width:80%; height:auto; position:relative; left:50%; margin-left:-40%; } .nbs-flexisel-nav-left { margin-top:0px; margin-left:-50px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { right:-50px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } } /* 1366 display */ @media only screen and ( min-width: 1285px) and ( max-width: 1368px ) { #menu { margin-left:230px; } .rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:700px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:18%; } #featuredbox3 { width:90%; height:auto; position:relative; left:50%; margin-left:-45%; } .nbs-flexisel-nav-left { margin-top:0px; margin-left:-50px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { right:-50px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols .col { width:28%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:2%; } .main .cols .col img { width:auto; } .main .cols .col2 { width:28%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:2%; } .main .cols .col2 img { width:auto; } #content1 { width:100%; margin-top:0px; margin-left:auto; margin-right:auto; } } /* 1280 display */ @media only screen and ( min-width: 1025px) and ( max-width: 1280px ) { #menu { margin-left:180px; } .rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:700px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:18%; } #featuredbox3 { width:90%; height:auto; position:relative; left:50%; margin-left:-45%; } .nbs-flexisel-nav-left { margin-top:0px; margin-left:-50px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { right:-50px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols .col { width:28%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:2%; } .main .cols .col img { width:auto; } .main .cols .col2 { width:28%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:2%; } .main .cols .col2 img { width:auto; } #content1 { width:100%; margin-top:0px; margin-left:auto; margin-right:auto; } } /* tablet landscape */ @media only screen and ( min-width: 981px) and ( max-width: 1024px ) { #menu { margin-left:65px; } .rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:700px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:23%; } #featuredbox3 { width:80%; height:auto; position:relative; left:50%; margin-left:-40%; } .nbs-flexisel-nav-left { margin-top:0px; margin-left:-70px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { right:-70px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols .col { width:90%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; margin-top:50px; } .main .cols .col img { width:auto; } .main .cols .col2 { width:28%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:2%; } .main .cols .col2 img { width:auto; } #subbox4 { width:100%; min-height:100px; height:auto; margin-top:0px; padding-bottom:0px; padding-top:0px; position:relative; z-index:0; background:transparent; display:block; } #content1 { width:100%; margin-top:0px; margin-left:auto; margin-right:auto; } #footer .cols .col3 { width:285px; float:right; margin-top:-125px; margin-right:10px; } } /* tablet portrait */ @media only screen and ( min-width: 645px) and ( max-width: 980px ) { h3 { font-size:44px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:0.8em; } #menu { position:absolute; width:100%; margin-top:132px; margin-left:-44%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contactbutton { display:block; visibility:visible; } .rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:700px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:32%; } #featuredbox2 { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:-10%; } #featuredbox3 { width:80%; height:auto; position:relative; left:50%; margin-left:-40%; } .nbs-flexisel-nav-left { margin-top:0px; margin-left:-70px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { right:-70px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols .col { width:90%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; margin-top:50px; } .main .cols .col img { width:auto; } .main .cols .col2 { width:95%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:0%; margin-top:10px; } .main .cols .col2 img { width:auto; } #subbox4 { width:100%; min-height:100px; height:auto; margin-top:0px; padding-bottom:0px; padding-top:0px; position:relative; z-index:0; background:transparent; display:block; } #subbox5 { display:none; visibility:hidden; } #content1 { width:100%; margin-top:0px; margin-left:auto; margin-right:auto; } #footer { margin-top:-30px; width:94%; padding-right:70px; padding-left:20px; } #footer .cols .col { width:130px; float:left; } #footer .cols .col3 { margin-top:50px; } } /* Phone*/ @media only screen and ( min-width: 410px) and ( max-width: 640px ) { h1 { font-size:86px; font-family:'Maven Pro', cursive; font-weight:700; color:#ffcc00; line-height:1.0; text-shadow:2px 2px #000000; } h2 { font-size:45px; font-family:'Maven Pro', cursive; font-weight:700; color:#ffcc00; line-height:1.0; text-shadow:2px 2px #000000; } h3 { font-size:34px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:1.0em; } h4 { font-size:30px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:1.4em; } #hubright { display:none; visibility:hidden; } #logo {width:400px; height:auto; z-index:1000; margin-top:0px; left:50%; margin-left:-200px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #menu { position:absolute; width:100%; margin-top:132px; margin-left:-42%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contactbutton { display:block; visibility:visible; } #boxtop1 { background-image:url(https://5d421f.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/service-banner-m.png); background-repeat:repeat-x; background-position:top center; width:100%; height:101px; margin-top:-100px; position:absolute; z-index:1; } .rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:700px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:50%; } #featuredbox2 { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:-18%; } #featuredbox3 { width:80%; height:auto; position:relative; left:50%; margin-left:-40%; } .nbs-flexisel-nav-left { margin-top:90px; margin-left:-40px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { margin-top:90px; right:-40px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols .col { width:90%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; margin-top:50px; } .main .cols .col img { width:auto; } .main .cols .col2 { width:95%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:0%; margin-top:10px; } .main .cols .col2 img { width:auto; } #subbox4 { width:100%; min-height:470px; height:auto; margin-top:0px; padding-bottom:0px; padding-top:0px; position:relative; z-index:0; background:transparent; display:block; } #subbox5 { display:none; visibility:hidden; } #content1 { width:98%; margin-top:-50px; margin-left:auto; margin-right:auto; } #footer { background-color:#000000; min-height:200px; height:auto; padding-top:50px; margin-top:-30px; width:97%; padding-right:70px; padding-left:20px; } #footer .shell { padding: 10px; } #footer .cols .col { width:100%; float:none; } #footer .cols .col + .col { margin-left: 0px; margin-top:20px; } #footer .cols .col ul { list-style:none; } #footer .cols .col ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 { width:100%; float:none; } #footer .cols .col + .col2 { margin-left: 0px; } #footer .cols .col2 ul { list-style:none; } #footer .cols .col2 ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col2 ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col2 ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 + .col3 { margin-left:0px; margin-top:20px; } #footer .cols .col3 { width:285px; float:right; margin-top:0px; margin-right:30px; } } /* Phone*/ @media only screen and ( min-width: 320px) and ( max-width: 409px ) { h1 { font-size:86px; font-family:'Maven Pro', cursive; font-weight:700; color:#ffcc00; line-height:1.0; text-shadow:2px 2px #000000; } h2 { font-size:45px; font-family:'Maven Pro', cursive; font-weight:700; color:#ffcc00; line-height:1.0; text-shadow:2px 2px #000000; } h3 { font-size:34px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:1.0em; } h4 { font-size:30px; font-family:'Maven Pro', sans-serif; font-weight:400; color:#ffffff; line-height:1.4em; } #hubright { display:none; visibility:hidden; } #logo {width:350px; height:auto; z-index:1000; margin-top:0px; left:50%; margin-left:-175px; position:absolute; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #menu { position:absolute; width:100%; margin-top:132px; margin-left:-42%; -webkit-transition: all 0.7s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition: all 0.4s ease-out; } #contactbutton { display:block; visibility:visible; } #boxtop1 { background-image:url(https://5d421f.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/service-banner-m.png); background-repeat:repeat-x; background-position:top center; width:100%; height:101px; margin-top:-100px; position:absolute; z-index:1; } .rslides { width:100%; height:750px; position:absolute; background-attachment:scroll; margin-top:50px; z-index:0; } #home1 { width:100%; height:700px; padding-bottom:40px; } #featuredbox { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:50%; } #featuredbox2 { width:100%; height:auto; position:relative; left:50%; margin-left:-50%; margin-top:-18%; } #featuredbox3 { width:80%; height:auto; position:relative; left:50%; margin-left:-40%; } .nbs-flexisel-nav-left { margin-top:90px; margin-left:-40px; background:url(https://524f99.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/prev.png) no-repeat; } .nbs-flexisel-nav-right { margin-top:90px; right:-40px; background:url(https://e8bdfb.claudeassets.com/20250711145455im_/https://www.ggblacktop.com/img/next.png) no-repeat; } .main .cols { margin-top:0px; padding-left:0px; padding-right:0px; width:100%; padding-bottom:40px; text-align:center; position:relative; z-index:10; } .main .cols .col { width:90%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col + .col { margin-left:0%; margin-top:50px; } .main .cols .col img { width:auto; } .main .cols .col2 { width:95%; display:inline-block; vertical-align:text-top; padding:15px; border-radius:7px; } .main .cols .col2 + .col2 { margin-left:0%; margin-top:10px; } .main .cols .col2 img { width:auto; } #subbox4 { width:100%; min-height:470px; height:auto; margin-top:0px; padding-bottom:0px; padding-top:0px; position:relative; z-index:0; background:transparent; display:block; } #subbox5 { display:none; visibility:hidden; } #content1 { width:98%; margin-top:-50px; margin-left:auto; margin-right:auto; } #footer { background-color:#000000; min-height:200px; height:auto; padding-top:50px; margin-top:-30px; width:97%; padding-right:70px; padding-left:20px; } #footer .shell { padding: 10px; } #footer .cols .col { width:100%; float:none; } #footer .cols .col + .col { margin-left: 0px; margin-top:20px; } #footer .cols .col ul { list-style:none; } #footer .cols .col ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 { width:100%; float:none; } #footer .cols .col + .col2 { margin-left: 0px; } #footer .cols .col2 ul { list-style:none; } #footer .cols .col2 ul li { padding-bottom:0px; color:#40413e; } #footer .cols .col2 ul li a { font-size:18px; font-family: 'Overpass', sans-serif; font-weight:400; color:#40413e; line-height:1.0em; } #footer .cols .col2 ul li a:hover { padding-bottom:0px; color:#287ddd; } #footer .cols .col2 + .col3 { margin-left:0px; margin-top:20px; } #footer .cols .col3 { width:285px; float:right; margin-top:0px; margin-right:30px; }} /* FILE ARCHIVED ON 16:10:42 Jul 11, 2025 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:27:54 Jun 12, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.549 exclusion.robots: 0.043 exclusion.robots.policy: 0.033 esindex: 0.009 cdx.remote: 29.507 LoadShardBlock: 558.89 (3) PetaboxLoader3.datanode: 75.858 (5) PetaboxLoader3.resolve: 530.806 (2) load_resource: 153.432 loaddict: 95.943 */