/*Custom Icons*/ @font-face { font-family: 'fontello'; src: url('https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/svg/font/fontello.eot?65521013'); src: url('https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/svg/font/fontello.eot?65521013#iefix') format('embedded-opentype'), url('https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/svg/font/fontello.woff2?65521013') format('woff2'), url('https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/svg/font/fontello.woff?65521013') format('woff'), url('https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/svg/font/fontello.ttf?65521013') format('truetype'), url('https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/svg/font/fontello.svg?65521013#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-call-911:before { content: '\e800'; } .icon-document-accident:before { content: '\e802'; } .icon-towing-repair:before { content: '\e803'; } .icon-contact-information:before { content: '\e804'; } .icon-witnesses:before { content: '\e805'; } /* Default Styles */ body { font-family: Source Sans Pro, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; }h1, h1 a, .heading-1 { color: #5b5b5b; font-family: Source Sans Pro, sans-serif; font-size: 22px; letter-spacing: 5px; line-height: 1; margin: 25px 0; text-transform: uppercase; }h2, .heading-2 { color: #5b5b5b; font-family: Source Sans Pro, sans-serif; font-size: 20px; letter-spacing: 5px; line-height: 1.2; margin: 25px 0; text-transform: uppercase; }h3, .heading-3 { color: #5b5b5b; font-family: Source Sans Pro, sans-serif; font-size: 18px; letter-spacing: 3px; line-height: 1.5rem; margin: 25px 0; text-transform: uppercase; }h4, .heading-4 { font-family: Source Sans Pro, sans-serif; color: #5b5b5b; font-weight: bold; font-size: 1.5em; line-height: 1.5rem; margin: 25px 0; }h1.alt,h2.alt, h3.alt,h4.alt, .heading-1.alt, .heading-2.alt, .heading-3.alt, .heading-4.alt{ color: #cb3736; }h1 span, h1 strong, h2 span, h2 strong, h3 span, h3 strong, h4 span, h4 strong, .heading-1 span, .heading-1 strong, .heading-2 span, .heading-2 strong, .heading-3 span, .heading-3 strong, .heading-4 span, .heading-4 strong{ font-weight: 700; }h1 small, h2 small, h3 small, h4 small, .heading-1 small, .heading-2 small, .heading-3 small, .heading-4 small{ color: #cb3736; font-size: 65%; letter-spacing: 1px; text-transform: none; }p, ul li { font-family: Source Sans Pro, sans-serif; color: #5b5b5b; font-size: 16px; line-height: 2.25; margin: 15px 0; }ul { list-style-type: none; }ul li{ line-height: 2; margin: 0 0 10px; }ul.list-icon li:before{ content: "\f005"; position: relative; display: inline; color: #d8b483; font-family: fontAwesome; font-size: 10px; padding-right: 10px; }.button-one{ display: inline-block; color: #ffffff; background: #cb3736; box-shadow: 1px 5px 10px rgba(0,0,0,.28); font-family: Open Sans Condensed, sans-serif; font-size: 16px; letter-spacing: 3px; line-height: 60px; margin-top: 20px; padding: 0 30px; text-transform: uppercase; }.button-one:hover{ color: #ffffff; opacity: .85; }.button-one .fa{ font-size: 17px; margin-left: 15px; }.button-two{ background: -webkit-linear-gradient(35deg, #cb3736, #ff3f3f); background: -o-linear-gradient(35deg, #cb3736, #ff3f3f); background: -moz-linear-gradient(35deg, #cb3736, #ff3f3f); background: linear-gradient(35deg, #cb3736, #ff3f3f); color: #ffffff; font-family: Open Sans Condensed, sans-serif; font-style: italic; padding: 40px; }.button-two.alt{ background: -webkit-linear-gradient(-35deg, #d8b483, #99805e); background: -o-linear-gradient(-35deg, #d8b483, #99805e); background: -moz-linear-gradient(-35deg, #d8b483, #99805e); background: linear-gradient(-35deg, #d8b483, #99805e); }.button-two span{ display: block; font-size: 30px; font-style: normal; opacity: .6; }.button-two:hover{ color: #ffffff; opacity: .85!important; }.heading-icon{ position: relative; padding-left: 40px; }.heading-icon:before, .heading-icon:after{ content: ""; position: absolute; display: block; width: 0; height: 0; left: 0; }.heading-icon:before{ border-bottom: 20px solid #cb3736; border-right: 20px solid transparent; }.heading-icon:after{ border-bottom: 20px solid #5b5b5b; border-left: 20px solid transparent; box-shadow: 1px 1px 5px rgba(0,0,0,.28); top: 0; opacity: .7; }.row { margin: 0 auto; max-width: 75em; width: 100%; }.strip-padding{ padding-left: 0!important; padding-right: 0!important; }.vertical-padding{ padding-top: 10vh; padding-bottom: 10vh; }.padded{ padding: 10vh 3.5vw; }[class*="fadein-"], .scrollfade{ opacity: 0; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }.scrollfade.complete{ opacity: 1; }.animate{ -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }.small-hr{ margin: 1.25rem auto 1.1875rem; width: 30%; } /*Header Styles*/ .header-wrapper{ position: relative; height: 30vh; padding-top: 35px; }.header-wrapper.home{ height: 100vh; overflow: hidden; }.header-background{ position: absolute; height: 100%; top: 0; width: 100%; z-index: -1; }.social-wrapper{ display: inline-block; }.social-wrapper a{ display: inline; line-height: 65px; padding: 0 15px; }.social-wrapper a .fa{ color: #ffffff; font-size: 18px; line-height: 65px; }.social-wrapper a:hover .fa{ color: #d8b483 }.header-phone{ display: inline-block; background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/textured-bg2.png) repeat; color: #ffffff; font-size: 20px; font-family: Open Sans Condensed, sans-serif; line-height: 65px; padding: 0 35px; }.header-phone:hover{ color: #ffffff; }.header-company-title{ margin: 0 0 5px; }.header-company-title a{ color: #d8b483; font-size: 38px; font-weight: 300; letter-spacing: 5px; margin: 0; text-transform: uppercase; }.header-company-serviceorder{ color: #bbbbbb; font-size: 16px; font-weight: 600; margin: 0; }.header-content{ margin-top: 10%; text-transform: uppercase; }.header-content p{ color: #ffffff; font-size: 23px; font-weight: 300; letter-spacing: 10px; line-height: 1.3; }.header-content p span{ display: block; font-size: 65px; font-weight: 700; }.header-content .located-in{ color: #d8b483; font-size: 16px; font-weight: 600; letter-spacing: 4px; }.scroll-arrow{ background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/textured-bg.png) repeat; border-radius: 60px; cursor: pointer; width: 120px; height: 120px; margin-top: 10%; }.scroll-arrow .fa{ color: #d8b483; font-size: 26px; line-height: 120px; text-align: center; width: 100%; -webkit-animation: pulse 1.75s infinite; animation: pulse 1.75s infinite; }.header-hr{ position: absolute; bottom: 0; } /*Navigation*/ .top-bar{ background: none; height: 65px; line-height: 65px; }.top-bar-section ul li{ background: none; margin: 0 5px; }.top-bar-section li:not(.has-form) a:not(.button){ background: none; border: 1px solid transparent; color: #bbbbbb; font-size: 17px; font-family: Open Sans Condensed, sans-serif; letter-spacing: 4px; line-height: 55px; padding: 0 35px; text-transform: uppercase; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section ul li.active > a, .top-bar-section li.active:not(.has-form) a:hover:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section ul li.active > a:hover, .top-bar-section ul li:hover:not(.has-form) > a{ background: none; border-color: #5b5b5b; color: #ffffff; line-height: 55px; padding: 0 35px; }.top-bar-section .has-dropdown > a::after{ margin-right: 20px; top: 50%; }.top-bar-section .dropdown li:not(.has-form) a:not(.button){ background: none; border: none; color: #bbbbbb; font-size: 15px; line-height: 40px; padding: 0 15px; text-align: center; }.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button), .top-bar-section .dropdown li.active:not(.has-form) > a:not(.button), .top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button), .top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button){ background: none; line-height: 40px; } /*Center Content Section*/ .content-center{ position: relative; background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/dashboard-bg.jpg) no-repeat 50% / cover; border-top: 3px solid #d8b483; overflow: hidden; }.content-center h2, .content-center p{ color: #bbbbbb; }.content-center h2{ text-transform: uppercase; }.content-center h2 span{ color: #d8b483; font-weight: 700; } /*Bottom content section*/ .content-bottom{ position: relative; overflow: hidden; }.content-bottom .content-heading{ background: -webkit-linear-gradient(top, #d8b483, #99805e); background: -o-linear-gradient(top, #d8b483, #99805e); background: -moz-linear-gradient(top, #d8b483, #99805e); background: linear-gradient(top, #d8b483, #99805e); color: #ffffff; margin: 0; padding: 30px 15px; }.content-bottom h2 span{ font-weight: 700; }.content-bottom-section{ position: relative; display: block; width: 20%; float: left; padding: 0 15px; }.content-bottom-section i{ color: #cb3736; font-size: 50px; display: block; line-height: 1.5; } .service-exerpt{ border-right: 1px solid #bbbbbb; padding: 30px; margin: 20px 0; }.service-exerpt:nth-of-type(even){ border-right: none; } /*FAQ*/ .faq{ margin-bottom: 30px; }.faq h2, .faq .heading-2{ font-family: Open Sans Condensed, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 5px; }.faq h2:before, .faq .heading-2:before{ content: "Q. "; position: relative; display: inline; }.faq p:not(.heading-2){ border-left: 3px solid #bbbbbb; padding-left: 30px; line-height: 1.5em; } /*Footer*/ .footer-wrapper { position: relative; width: 100%; }.footer-padding{ position: relative; background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/dashboard-bg.jpg) no-repeat 50% / cover; display: block; float: left; padding: 15vh 0; width: 100%; overflow: hidden; }.disclaimer{ position: relative; clear: both; background: #121212; padding: 10px 0; }.disclaimer p{ color: #ffffff; font-family: Open Sans Condensed, sans-serif; font-size: 9px; margin: 0; text-transform: uppercase; opacity: .6; }.lnm-image img{ max-width: 80px; }.scrollTop{ position: absolute; bottom: 0; right: 0; background: #cb3736; cursor: pointer; width: 65px; height: 100%; }.scrollTop .fa{ color: #ffffff; font-size: 30px; line-height: 60px; text-align: center; width: 100%; } /*Contact Form*/ .contactForm { margin-top: 20px; }.contactForm input { border: 1px solid #bbbbbb; font-family: Open Sans Condensed, sans-serif; font-size: 17px; height: 55px; width: 100%; padding: 10px 20px; margin-bottom: 20px; }.contactForm textarea { border: 1px solid #bbbbbb; font-family: Open Sans Condensed, sans-serif; font-size: 17px; height: 155px; padding: 10px 20px; width: 100%; }.emailConfirmation { margin: 0 auto; }.emailConfirmation h1 { color: #d8b483; }.contact-center{ background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/textured-bg3.jpg) repeat; padding: 35px 0; }.contact-section{ border-right: 1px solid #5b5b5b; }.contact-section:last-child{ border: none; }.contact-section p.heading-3{ color: #d8b483; font-weight: bold; }.contact-section p:not(.heading-3){ color: #ffffff; margin: 0 0 5px; }#gmap2{ margin-bottom: 10vh; }.slick-background-wrapper { left: 0; position: fixed; top: 0; z-index: -1; width: 101% !important; overflow: hidden; } @keyframes pulse { 0% { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } 100% { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /* START CUSTOM CSS */ .review-bg { background: #222222; }.review-bg h2, .review-bg h3, .review-bg p { color: #fff; }.review-bg .fa{ color:#ffc107; }.review-btn a:hover { background: #99805e; color: #fff; }.review-btn a { background: #cb3736; color: #fff; } /* END CUSTOM CSS */ @media screen and (min-width: 1280px){ .top-bar-section .dropdown { background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/textured-bg3.jpg) repeat #5b5b5b; padding: 25px; width: 900px!important; max-width: 90vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }.top-bar-section .dropdown li{ margin: 0; position: relative; display: block; float: left; width: 50%; border-right: 2px solid #5b5b5b; }.top-bar-section .dropdown li:nth-of-type(even){ border-right: none; }.top-bar-section .dropdown li:not(.has-form) > a:before{ content: "\f005"; color: transparent; display: inline-block; font-size: 10px; font-family: fontAwesome; line-height: 40px; margin-right: 15px; position: relative; top: -2px; transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }.top-bar-section .dropdown li:hover:not(.has-form) > a:before, .top-bar-section .dropdown li.active:not(.has-form) > a:before, .top-bar-section .dropdown li.active:hover:not(.has-form) > a:before{ color: #d8b483; transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); } } @media screen and (max-width: 1440px) { .social-wrapper a{ padding: 0 10px; }.header-content{ margin-top: 5%; } } @media screen and (max-width: 1366px) and (max-height: 1024px) { .header-background img{ min-width: 1920px; } } @media screen and (max-width: 1280px) { body{ overflow-x: hidden; }.header-background img{ min-width: 1440px; }.top-bar-section .dropdown{ width: 800px!important; } } @media screen and (max-width: 1024px) { .row.vertical-padding, .padded{ padding: 5vh 5vw; }.margin-none ul{ margin: 0; }header{ text-align: center; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; }header:not(.home){ background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/sliders/01-small.jpg) no-repeat 50% / cover; display: block; float: left; height: auto; padding: 15px 0; width: 100%; }.top-bar.expanded .title-area{ background: none; }.top-bar .toggle-topbar.menu-icon a{ color: transparent; padding: 0; width: 35px; }.top-bar .toggle-topbar.menu-icon a span::after, .top-bar .toggle-topbar.menu-icon a span:hover:after{ box-shadow: 0 0 0 2px #cb3736, 0 10px 0 2px #cb3736, 0 20px 0 2px #cb3736; right: 0; width: 35px; }.top-bar{ height: 45px; line-height: 45px; margin-bottom: 15px; width: 100%; }.top-bar-section ul{ background: url(https://bojorquezrestorationbodyshop.com/wp-content/themes/gbd/images/textured-bg3.jpg) repeat; }.top-bar-section ul li{ margin: 0; }.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section ul li.active > a, .top-bar-section li.active:not(.has-form) a:hover:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section ul li.active > a:hover, .top-bar-section ul li:hover:not(.has-form) > a{ border: none; line-height: 50px; }.top-bar-section .dropdown{ padding: 10px 5px; width: 100%!important; }.top-bar-section .dropdown li:not(.has-form) a:not(.button){ line-height: 45px; }.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){ color: #ffffff; }.header-background img{ min-width: 100%; }.header-hr{ left: 0; }.social-wrapper{ width: 50%; float: left; }.social-wrapper a{ float: left; width: 60px; }.social-wrapper a .fa{ width: 100%; }.company-info{ margin-top: 20px; }.header-content{ margin-top: 15%; }.header-content p{ font-size: 14px; }.header-content p span{ font-size: 35px; }.scroll-arrow{ height: 95px; width: 95px; margin: 10% auto 0; }.scroll-arrow .fa{ line-height: 95px; }.content-center{ padding: 5vh 5vw; }.content-bottom-section{ width: 50%; }.content-bottom-section:nth-of-type(3n){ clear: left; }.content-bottom-section:last-child{ clear: left; float: none; margin: 0 auto; }.service-exerpt{ border-right: none; border-bottom: 1px solid #bbbbbb; padding: 0 0 30px; }.service-exerpt.last{ border: none; }.contact-section{ margin-bottom: 20px; }.contact-section:nth-of-type(3){ clear: left; border: none; }.contact-section:last-child{ border-left: 1px solid #5b5b5b; }#gmap2{ margin-bottom: 0; }.footer-padding{ padding: 5vh 10vw; }footer .button-two{ margin-bottom: 30px; }footer .button-two:last-child{ margin-bottom: 0; }.disclaimer p{ line-height: normal; } }@media screen and (min-height: 768px) and (max-width: 1024px) and (orientation: landscape){ .header-background img{ width: 100vw; height: auto; max-height: 100%; }.header-content{ margin-top: 5%; }.scroll-arrow{ margin: 2% auto 0; } }@media screen and (max-width: 767px) { .button-one{ letter-spacing: 2px; padding: 0 20px; }.button-two{ padding: 20px 15px; }.row.vertical-padding{ padding: 5vh 0; }.header-wrapper{ padding-top: 5px; }.header-wrapper.home{ overflow-y: auto; }header.home .header-background img{ height: 100vh; width: auto; max-width: 100%; }.social-wrapper{ width: 55%; }.social-wrapper a{ padding: 0 6px; width: auto; }.social-wrapper a .fa{ font-size: 16px; }.header-phone{ font-size: 17px; width: 45%; padding: 0 20px; }.header-company-title a{ font-size: 30px; }.header-company-serviceorder{ font-size: 14px; line-height: normal; }.header-content{ margin-top: 15px; }.header-content p{ letter-spacing: 4px; }.header-content p span{ font-size: 28px; line-height: normal; }.header-content .button-one{ margin-top: 0; }.scroll-arrow{ height: 65px; width: 65px; margin: 15px auto 0; }.scroll-arrow .fa{ font-size: 20px; line-height: 65px; }.content-bottom-section{ width: 100%; }.contact-section{ border: none; }#gmap2{ height: 250px!important; }.footer-padding{ padding: 5vh 3vw; } }@media screen and (max-width: 767px) and (orientation: landscape){ header.home .header-background img{ height: auto; width: 100%; }.company-logo{ display: none; }.header-company-title a{ font-size: 24px; }.header-company-serviceorder{ display: none; }.header-content{ margin-top: 0; }.header-content p{ margin: 10px 0; }.header-content .button-one{ font-size: 14px; line-height: 45px; }.scroll-arrow{ height: 45px; width: 45px; }.scroll-arrow .fa{ font-size: 16px; line-height: 45px; }.content-bottom-section{ width: 50%; } }