.logo-wrapper img{max-width:207px;padding:0px;background-color:white;} .projects-gallery{background-color:#b3b4b4;} .gallery-background{background-color:#380116;} body{font-family:"Titillium Web",sans-serif;}h1,h1 a,.heading-1{color:#6e0025;font-family:"Titillium Web",sans-serif;font-size:25px;font-weight:600;line-height:normal;margin:25px 0;}h2,.heading-2{color:#6e0025;font-family:"Titillium Web",sans-serif;font-size:29px;font-weight:600;line-height:normal;margin:25px 0;}h3,.heading-3{color:#6e0025;font-family:"Titillium Web",sans-serif;font-size:19px;font-weight:600;line-height:normal;margin:25px 0;}h4,.heading-4{font-family:"Titillium Web",sans-serif;color:#000000;font-weight:bold;font-size:1.5em;line-height:1.5rem;margin:25px 0;}p{font-family:"Titillium Web",sans-serif;color:#252525;font-size:17.5px;font-weight:400;margin:15px 0;}ul{list-style-type:none;margin-left:0;}.animate-slow{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;}.animate-medium{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}.animate-fast{transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.horizontal-center{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);}.vertical-center{top:46%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}.absolute{position:absolute;}.light-bg{background:#ffffff;}.color-arrow{background:#6e0025;}.dark-bg{background:#9c9c9c;}.dark-bg p,.dark-bg span,.dark-bg li,.dark-bg a{color:#ffffff;}.white-color{color:#ffffff!important;}.alt-color{color:#6e0025!important;}.large-text{font-size:22px;}.border-top{border-top:10px solid #6e0025;}.button{text-transform:uppercase;font-family:"Titillium Web",sans-serif;}.button:hover,.button:focus{background:#e6e6e6;}.color-button{background:#85032f;width:100%;line-height:10px;}.transparent-button{background:rgba(51,51,51,.9);}.no-margin{margin:0;}.padded{padding:20px 120px;}.strip-padding{padding-left:0!important;padding-right:0!important}.strip-left{padding-left:0!important;}.strip-right{padding-right:0!important;}.box-shadow{box-shadow:0 3px 13px -5px #000000;-webkit-box-shadow:0 3px 13px -5px #000000;-moz-box-shadow:0 3px 13px -5px #000000;}.content-wrapper{display:block;float:left;position:relative;width:100%;}.row{margin:0 auto;max-width:75rem;width:100%;}.long-row{margin:0 auto;width:100%;max-width:1600px;}.page-wrapper{max-width:75rem;clear:both;}.header-wrapper{   background:-moz-linear-gradient(left,rgba(132,1,45,1) 0%,rgba(132,1,45,1) 34%,rgba(132,1,45,0.11) 93%,rgba(132,1,45,0) 100%);  Ultimate CSS Gradient Generator A powerful Photoshop-like CSS gradient editor from ColorZilla. For FirefoxFor ChromeGradient Generator Presets Name:Custom save hue/saturation reverse import css import image Stops Opacity:Location:%delete Color:Location:%delete Sponsor Forget about patch updates and plugins. You deserve better than that. ads via Carbon Preview Orientation:Size:370 x 50 IE CSSswitch to scss  background:-moz-linear-gradient(left,rgba(132,1,45,0) 0%,rgba(132,1,45,0.11) 7%,rgba(132,1,45,1) 66%,rgba(132,1,45,1) 100%);   background:-moz-linear-gradient(left,rgba(132,1,45,0) 0%,rgba(132,1,45,0.17) 8%,rgba(132,1,45,1) 46%,rgba(132,1,45,1) 100%);   background:-moz-linear-gradient(left,rgba(132,1,45,0.45) 0%,rgba(132,1,45,1) 100%);  background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/banner-wood.jpg);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084012d',endColorstr='#6e0025',GradientType=1 ); copy Current gradient has opacity,switching color format to 'rgba' Color format:Comments Link to,save or share the current gradient using its permalink. Browser compatibility IE Edge Firefox Chrome Safari Opera iOS Safari Android Browser Chrome for Android 6 - 8 4 - 9 4 - 5 3.2 - 4.3 2.1 - 3 9 3.6 - 15 10 - 25 5.1 - 6 11.1 - 11.5 5.1 - 6.1 4 - 4.3 10+ 12+ 16+ 26+ 6.1+ 12+ 7.1+ 4.4+ 46+ IE9 support (?) Maximize compatibility Links to CSS gradients documentation:W3C,Firefox,Safari and Chrome (Webkit),Internet Explorer and Opera [2]. What's new » Don't generate older Opera,IE10 Preview,Webkit syntax by default (turn back on using "Maximize compatibility" mode) » Browser Compatibility panel showing supported browser versions,usage stats etc. » Support for radial and diagonal linear gradients » Support for full multi-stop gradients in Internet Explorer 9 (IE9) using SVG » Support for Sass SCSS format using Compass mixins (needs latest beta of Compass) » Copy to clipboard button for quickly grabbing the generated code » Easy resizing of preview panel by dragging its corner show more... About The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool,check out ColorZilla for more advanced tools such as eyedroppers,color pickers,palette editors and website analyzers. As you might know,HTML5 introduced many exciting features for Web developers. One of the features is the ability to specify gradients using pure CSS3,without having to create any images and use them as repeating backgrounds for gradient effects. Important:You'll need a recent version of Firefox,Chrome,Safari,Opera or IE to use this Gradient Generator. The resulting CSS gradients are cross-browser - they will work in these browsers and will also fall back to a simpler gradient in older versions of Internet Explorer. Features Powerful Photoshop-like interface Cross browser CSS output Horizontal,vertical,diagonal and radial gradients Complex multi-stop gradients Opacity support with multiple opacity stops Hex,rgb,rgba,hsl,hsla color formats Support for full multi-stop gradients with IE9 Import from image (convert image gradient to CSS) Import from existing CSS Adjust gradient by hue,saturation,lightness More than 135 gradient presets Saving custom gradient presets Sass output Flexible preview panel Gradient permalinks for sending and sharing More soon! Help The main gradient control allows you to:» Adjust the gradient stop position by dragging the stop marker » Adjust the stop color by double clicking on the stop marker » Delete a stop by draggin the stop marker up or down » Add a new stop by clicking anywhere in between the existing stop markers You can use the 'Stops' panel to conrol the color and the position of the currently selected stop more precisely. The 'Preview' panel allows previewing the current gradient as a vertical or horizontal one,and also allows quickly previewing how the Internet Explorer fallback gradient will look in IE. Finally,the 'CSS' panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient CSS into the tool. Credits The 'Ultimate Web 2.0 Gradients' preset gradients were derived from work by deziner folio and SGlider12. The Color Picker is a minor adaptation of John Dyer's Color Picker. The Base-64 encoder function is from webtoolkit. Some icons by Yusuke Kamiyamane. Tags:CSS Gradient Editor,CSS Gradient Generator,HTML5 Gradient Generator,CSS3 Gradient Generator,CSS Gradient Maker,CSS Gradient Creator,Linear Gradients,Radial Gradients,IE6,IE7,IE8,IE9,IE10,SVG Gradients,ColorZilla Copyright © 2016 iosart labs llc,All Rights Reserved contact | terms of use | privacy policy; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0025',endColorstr='#0084012d',GradientType=1 );   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#0084012d',GradientType=1 ); height:auto;position:relative;z-index:9999;display:block;float:left;width:100%;}.logo-wrapper{line-height:130px;background-color:#7a0025;}}.company-info{padding-top:5%;padding-left:10%;}.header-company-title{margin:0;text-align:-webkit-left;}.header-company-title a{font-size:33px;font-weight:600;letter-spacing:5.5px; line-height:1.3;font-family:'Rozha One',serif;}.service-order-wrapper{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/banner-wood.jpg);padding:24px 15px;text-align:center;}.header-company-serviceorder{color:#ffffff;font-size:18px;font-weight:300;margin:0;line-height:32px;display:block;text-align:center;}.social-wrapper{max-width:575px;width:90%;background:#636161;border-left:5px solid #9c9c9c;border-bottom:2px solid #929292;border-radius:0 0px 0px 15px;}.social-wrapper span{line-height:40px;}.social-wrapper i{line-height:40px;width:35px;font-size:18px;}.navigation-wrapper{position:relative;Ultimate CSS Gradient Generator A powerful Photoshop-like CSS gradient editor from ColorZilla. For FirefoxFor ChromeGradient Generator Presets Name:Custom save hue/saturation reverse import css import image Stops Opacity:Location:%delete Color:Location:%delete Sponsor Forget about patch updates and plugins. You deserve better than that. ads via Carbon Preview Orientation:Size:370 x 50 IE CSSswitch to scss  background:-moz-linear-gradient(left,rgba(132,1,45,0) 0%,rgba(132,1,45,0.11) 7%,rgba(132,1,45,1) 66%,rgba(132,1,45,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084012d',endColorstr='#6e0025',GradientType=1 ); copy Current gradient has opacity,switching color format to 'rgba' Color format:Comments Link to,save or share the current gradient using its permalink. Browser compatibility IE Edge Firefox Chrome Safari Opera iOS Safari Android Browser Chrome for Android 6 - 8 4 - 9 4 - 5 3.2 - 4.3 2.1 - 3 9 3.6 - 15 10 - 25 5.1 - 6 11.1 - 11.5 5.1 - 6.1 4 - 4.3 10+ 12+ 16+ 26+ 6.1+ 12+ 7.1+ 4.4+ 46+ IE9 support (?) Maximize compatibility Links to CSS gradients documentation:W3C,Firefox,Safari and Chrome (Webkit),Internet Explorer and Opera [2]. What's new » Don't generate older Opera,IE10 Preview,Webkit syntax by default (turn back on using "Maximize compatibility" mode) » Browser Compatibility panel showing supported browser versions,usage stats etc. » Support for radial and diagonal linear gradients » Support for full multi-stop gradients in Internet Explorer 9 (IE9) using SVG » Support for Sass SCSS format using Compass mixins (needs latest beta of Compass) » Copy to clipboard button for quickly grabbing the generated code » Easy resizing of preview panel by dragging its corner show more... About The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool,check out ColorZilla for more advanced tools such as eyedroppers,color pickers,palette editors and website analyzers. As you might know,HTML5 introduced many exciting features for Web developers. One of the features is the ability to specify gradients using pure CSS3,without having to create any images and use them as repeating backgrounds for gradient effects. Important:You'll need a recent version of Firefox,Chrome,Safari,Opera or IE to use this Gradient Generator. The resulting CSS gradients are cross-browser - they will work in these browsers and will also fall back to a simpler gradient in older versions of Internet Explorer. Features Powerful Photoshop-like interface Cross browser CSS output Horizontal,vertical,diagonal and radial gradients Complex multi-stop gradients Opacity support with multiple opacity stops Hex,rgb,rgba,hsl,hsla color formats Support for full multi-stop gradients with IE9 Import from image (convert image gradient to CSS) Import from existing CSS Adjust gradient by hue,saturation,lightness More than 135 gradient presets Saving custom gradient presets Sass output Flexible preview panel Gradient permalinks for sending and sharing More soon! Help The main gradient control allows you to:» Adjust the gradient stop position by dragging the stop marker » Adjust the stop color by double clicking on the stop marker » Delete a stop by draggin the stop marker up or down » Add a new stop by clicking anywhere in between the existing stop markers You can use the 'Stops' panel to conrol the color and the position of the currently selected stop more precisely. The 'Preview' panel allows previewing the current gradient as a vertical or horizontal one,and also allows quickly previewing how the Internet Explorer fallback gradient will look in IE. Finally,the 'CSS' panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient CSS into the tool. Credits The 'Ultimate Web 2.0 Gradients' preset gradients were derived from work by deziner folio and SGlider12. The Color Picker is a minor adaptation of John Dyer's Color Picker. The Base-64 encoder function is from webtoolkit. Some icons by Yusuke Kamiyamane. Tags:CSS Gradient Editor,CSS Gradient Generator,HTML5 Gradient Generator,CSS3 Gradient Generator,CSS Gradient Maker,CSS Gradient Creator,Linear Gradients,Radial Gradients,IE6,IE7,IE8,IE9,IE10,SVG Gradients,ColorZilla Copyright © 2016 iosart labs llc,All Rights Reserved contact | terms of use | privacy policy;display:block;float:left;}.top-bar,.top-bar.expanded{background:none;height:auto;}.top-bar-section ul li,.top-bar.expanded .title-area{background:none;}.top-bar-section ul li{margin:0 6px;}.top-bar-section li:not(.has-form) a:not(.button){background:none;font-family:"Titillium Web",sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;line-height:86px;border-bottom:3px solid transparent;}.top-bar-section ul li:hover:not(.has-form) > a,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:hover:not(.button),.top-bar-section li:not(.has-form) a:hover:not(.button){background:white;color:#636161;line-height:86px;border-bottom:solid 5px #9c9c9c;}.top-bar-section .has-dropdown > a::after{top:41.5px;border-color:#ffffff transparent transparent;right:-8px !important;}.top-bar-section .dropdown{background:#8a8a8a;}.top-bar-section .dropdown li{margin:0;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;line-height:32px !important;text-align:center;color:#ffffff;border-color:transparent;font-size:13px;font-weight:lighter;letter-spacing:0;}.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){color:#160d0d;border-color:#636161;background-color:#c3c3c3;}.top-bar-section .has-dropdown > a{background-color:#333;padding-right:25px !important;}.home-slider-wrapper{width:100%;position:relative;height:calc(100vh - 241px);overflow:hidden;background:rgba(0,0,0,0.16);}.slider-wrapper{width:100%;height:440px;overflow:hidden;}.slick-slide img{width:100%}.slick-slider{z-index:-1;margin-bottom:0!important;}.scroll-down{cursor:pointer;position:absolute;bottom:0;z-index:9999;}.scroll-down i.fa{line-height:45px;width:50px;font-size:35px;}.home-grid{display:block;float:left;position:relative;}.home-grid-small{width:30%;}.home-grid-large{width:40%;}.home-cta-wrapper{background:url("https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Right-Side.jpg");background-position:center center;background-size:cover;}.home-cta-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;}.home-section{width:100%;max-width:720px;display:block;margin:0 auto;text-align:center;}.content-image{max-height:530px;max-width:530px;}.accordian-heading{cursor:pointer;}.accordian-heading span{display:inline!important;}.accordian-heading:after{content:"Click to view";color:#252525;font-size:13px;font-weight:400;padding-left:15px;opacity:0;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;}.accordian-heading:hover:after{opacity:1;}.active .accordian-heading:hover:after{opacity:0;}.basic-accordian .accordian-content{display:none;}.basic-accordian .active .accordian-content{display:block;}.contactForm{margin-top:20px;}.contactForm input,.contactForm textarea,.contactForm input:focus,.contactForm textarea:focus{width:100%;padding:3px 6px;margin-bottom:5px;box-shadow:none;border:none;background:#e6e6e6;font-size:16px;}.contactForm textarea{height:115px;}.contactForm .captchaWrapper{margin-top:10px;}.contactForm .captchaRefresh{vertical-align:top;}.contactForm .submitWrapper{text-align:center;margin-top:30px;}.emailConfirmation{margin:0 auto;}.emailConfirmation h1{color:#00CC00;}p.contact-info,p.contact-phone,p.contact-fax,p.contact-email,p.contact-address{font-family:"Titillium Web",sans-serif;margin:15px 0;}p.contact-fax:before{content:"Fax:";display:inline;}footer p.contact-info,footer p.contact-phone,footer p.contact-fax,footer p.contact-email,footer p.contact-address{color:#ffffff;font-size:20px;}.footer-wrapper{width:100%;font-family:"Titillium Web",sans-serif; background:-moz-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(132,1,45,0.31) 53%,rgba(132,1,45,0) 100%);   background:-moz-linear-gradient(left,rgba(132,1,45,1) 0%,rgba(132,1,45,1) 34%,rgba(132,1,45,0.11) 93%,rgba(132,1,45,0) 100%);   background:-moz-linear-gradient(left,rgba(132,1,45,1) 0%,rgba(132,1,45,1) 70%,rgba(132,1,45,0) 100%);   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0025',endColorstr='#0084012d',GradientType=1 );  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0025',endColorstr='#0084012d',GradientType=1 );  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#0084012d',GradientType=1 );  background:-moz-linear-gradient(left,rgba(132,1,45,1) 0%,rgba(132,1,45,1) 52%,rgba(132,1,45,0.17) 92%,rgba(132,1,45,0) 100%);   background:-moz-linear-gradient(left,rgba(132,1,45,1) 0%,rgba(132,1,45,0.45) 100%);  background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/banner-wood.jpg);  background-size:cover;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0025',endColorstr='#0084012d',GradientType=1 ); border-top:1px solid #b2b2b2;display:block;float:left;width:100%;}.footer-wrapper h2{margin:0 0 10px;}.disclaimer p{font-size:9px;color:#ffffff;text-transform:uppercase;}.disclaimer img{max-width:125px;}.fc-header-left,.fc-header-center,.fc-header-right{clear:both;display:block;width:100%;text-align:center;}#preloader{background:none repeat scroll 0 0 #fff;display:block;padding:20% 0 0;position:absolute;text-align:center;width:100%;z-index:999999;top:0;}.slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;}.spinner{margin:100px auto;width:50px;height:30px;text-align:center;font-size:10px;}.spinner > div{background-color:#444;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)} 20%{-webkit-transform:scaleY(1.0)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4);} 20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}} .gallery .gallery-image{cursor:pointer;width:50%;float:left;}.gallery .gallery-image:hover{opacity:.8;}.exit{color:#ffffff;font-size:35px;}.exit:hover{opacity:1;}.next:hover,.previous:hover{background:#6e0025;} @media only screen and (max-width:1720px){.top-bar-section ul li{margin:0;} .top-bar-section li:not(.has-form) a:not(.button){padding:0 12px;}} @media only screen and (min-width:1025px){.top-bar-section .has-dropdown.hover > .dropdown,.top-bar-section .has-dropdown.not-click:hover > .dropdown{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);}} @media only screen and (max-width:1024px){h1,h1 a{font-size:20px;}h2{font-size:18px;}a,a:focus,a:active,a:visited,a:hover{color:#6e0025;}.padded{padding:20px;}.header-wrapper{height:auto;}.social-wrapper{width:100%;max-width:100%;}.top-bar{width:100%;height:45px;}.top-bar-section li:not(.has-form) a:not(.button){line-height:45px;border:none;}.top-bar-section ul li:hover:not(.has-form) > a,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:hover:not(.button),.top-bar-section li:not(.has-form) a:hover:not(.button){line-height:45px;background:#6e0025;color:#ffffff;border:none;}.top-bar-section .has-dropdown > a::after{top:34.5px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;line-height:45px;}.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){color:#ffffff;border:none;line-height:45px;}.home-slider-wrapper,.slider-wrapper{height:50vh;}.home-slider-wrapper .slick-slider,.slider-wrapper .slick-slider{margin-bottom:0;}.home-grid .absolute.vertical-center{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}.home-grid-small{width:100%;}.home-grid-large{width:100%;}.home-cta-wrapper{padding:50px 20px;min-height:450px;}.accordian-heading:after{display:none;}.basic-accordian .accordian-content{display:block;}.disclaimer img{max-width:100px;}.next,.previous{opacity:.9;background:#6e0025;}.next .fa,.previous .fa{font-size:20px;width:48px;line-height:48px;} .gallery{height:680px !Important;width:94% !important;}.gallery:after{content:"";position:absolute;width:90% !important;height:90% !important;left:5% !important;top:5% !important;border:1px solid #fdc058;}.gallery-1{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/6th-St.-Manhattan-Beach-small.jpg) no-repeat center;background-size:cover;}.gallery-2{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/29th-Street-3.jpg) no-repeat center;background-size:cover;}.gallery-3{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Camino-De-Los-Colinas-1.jpg) no-repeat center;background-size:cover;}.gallery-4{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Valley-Park-HB.jpg) no-repeat center;background-size:cover;}.gallery-5{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Hermosa.jpg) no-repeat center;background-size:cover;}.gallery-6{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/El-Gringo-El-Segundo.jpg) no-repeat center;background-size:cover;}.gallery-7{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Hollowell-3.jpg) no-repeat center;background-size:cover;}.gallery-8{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Loma-Drive-3.jpg) no-repeat center;background-size:cover;}.gallery-9{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Sunset-Dr-1.jpg) no-repeat center;background-size:cover;}.gallery-10{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Valley-Drive.jpg) no-repeat center;background-size:cover;}.gallery-11{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Via-Anita-PV-Estates.jpg) no-repeat center;background-size:cover;}.gallery-inner{position:absolute;top:0;left:0;height:100% !important;width:100% !important;background:rgba(0,0,0,.62) !important;}.gallery-content{opacity:1 !important;}.gallery-content .large-text3{letter-spacing:5px !important;margin:0;}} @media only screen and (max-width:767px){.header-wrapper{margin-top:43px;z-index:1;}.header-wrapper .button{z-index:9999;}.home-slider-wrapper{z-index:0;}.top-bar{overflow:hidden;}.gallery-image{width:100%;}.gallery-captions{display:none;} .gallery{height:312px !important;width:94% !important;}.gallery:after{content:"";position:absolute;width:90%;height:90%;left:5%;top:5%;border:1px solid #fdc058;}.gallery-inner{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6);}.gallery-content{opacity:1;}.gallery-content .large-text3{letter-spacing:5px;margin:0;} .link p{font-size:10.5px;}.logo-wrapper{line-height:130px;background-color:#7a0025;}} .houzz{background:#636161;} .gallery{height:500px;width:30%;display:block;float:left;position:relative;cursor:pointer;overflow:hidden;background-size:100% auto;border-radius:50%;margin:27px;}.gallery:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(229,229,229,0);transition:all 700ms;-webkit-transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;}.gallery:hover:after{width:90%;height:90%;left:5%;top:5%;border-radius:50%;border:10px solid white;}.gallery-1{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/6th-St.-Manhattan-Beach-small.jpg) no-repeat center;background-size:cover;}.gallery-2{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/29th-Street-3.jpg) no-repeat center;background-size:cover;}.gallery-3{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Camino-De-Los-Colinas-1.jpg) no-repeat center;background-size:cover;}.gallery-4{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Valley-Park-HB.jpg) no-repeat center;background-size:cover;}.gallery-5{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Hermosa.jpg) no-repeat center;background-size:cover;}.gallery-6{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/El-Gringo-El-Segundo.jpg) no-repeat center;background-size:cover;}.gallery-7{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Hollowell-3.jpg) no-repeat center;background-size:cover;}.gallery-8{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Loma-Drive-3.jpg) no-repeat center;background-size:cover;}.gallery-9{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Sunset-Dr-1.jpg) no-repeat center;background-size:cover;}.gallery-10{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Valley-Drive.jpg) no-repeat center;background-size:cover;}.gallery-11{background:url(https://3102831559.linknowmedia.co/wp-content/uploads/sites/1799/2016/11/Via-Anita-PV-Estates.jpg) no-repeat center;background-size:cover;}.gallery-inner{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.3);}.gallery:hover .gallery-inner{background:rgba(0,0,0,0.77);}.gallery-content{display:block;opacity:0;position:relative;text-align:center;width:100%;top:50%;padding:50% 0;z-index:1;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-mos-transform:translateY(-50%);}.gallery:hover .gallery-content{opacity:1;}.gallery-content .large-text3{color:#ffffff;letter-spacing:-5px;margin:0;}.gallery:hover .gallery-content .large-text3{letter-spacing:5px;}.gallery-content .fa{color:#ffffff;font-size:16px;padding:5px;border:1px solid;border-radius:25px;width:30px;height:30px;} .animate{transition:all 700ms;-webkit-transition:all 700ms;-moz-transition:all 700ms;-o-transition:all 700ms;} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} section.row.text-center h1{font-size:40px;color:black;} .link{position:absolute; width:100%;background:rgba(255,255,255,0.86);z-index:99;text-align:center;top:83px;text-transform:uppercase;} .link p{font-size:10.5px;}  @media screen and (min-device-width:2560px) and (max-device-width:2560px) and (-webkit-min-device-pixel-ratio:1){.gallery{height:500px;width:20%;display:block;float:left;position:relative;cursor:pointer;overflow:hidden;background-size:100% auto;border-radius:50%;margin:27px;}}  @media screen and (min-device-width:2560px) and (max-device-width:2560px) and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi){.gallery{height:500px;width:20%;display:block;float:left;position:relative;cursor:pointer;overflow:hidden;background-size:100% auto;border-radius:50%;margin:27px;}} @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){.gallery{height:500px;width:95%;}}