Zollinger Builders

/* ----------------------------------------- */ /* View: Work Slider - start */ /* ----------------------------------------- */ /*section.slidernav { position: absolute; width: 100%; top: 700px; height: 400px; background: #000; } */ .nav { position: absolute; width: 200px; margin: 0 auto; left: 0; right: 0; top: 700px; z-index: 10000; } .prev { position: absolute; right: 49%; margin: 0 .5%; } .prev img { background-color:rgba(48,144,206,0.8); } .prev img:hover { background-color: rgba(48,144,206,1); -webkit-box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75); } .next { position: absolute; left: 49%; margin: 0 .5%; } .next img { background-color:rgba(48,144,206,0.8); } .next img:hover { background-color: rgba(48,144,206,1); -webkit-box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px -8px rgba(0,0,0,0.75); } @media only screen and (max-width:900px) { .nav { position: absolute; width: 200px; margin: 0 auto; left: 0; right: 0; top: 1100px; z-index: 10000; } } @media only screen and (max-width:650px) { .nav { position: absolute; width: 200px; margin: 0 auto; left: 0; right: 0; top: 900px; z-index: 10000; } } /* ----------------------------------------- */ /* View: Work Slider - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Work Page Temp - start */ /* ----------------------------------------- */ .one-third.work { position: relative; } .two-thirds.project { height: 500px; text-align: center; } .slider-wrap { margin: 0 auto; } h1.desc { font-size: 36px; margin-top: 100px; color: #3090ce; } .services { width: 100%; padding: 100px 200px; margin: 0 auto; } .services h2 { margin: 20px 0; padding-top: 10px; border-top: 1px solid #908f90; color: #908f90; font-size: 20px; } .services img { width: 100px; } a.button { display: block; margin: 0 auto; color: #3090ce; font-weight: 300; border: 2px solid #3090ce; padding: 15px 6px; width: 100%; max-width: 250px; text-align: center; text-decoration: none; background-color: #fff; transition: .5s ease; } a.button:hover { color: #fff; background-color: #3090ce; } .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(48,144,206,0.8); overflow: hidden; width: 100%; height: 100%; opacity: 1; } li { text-align: center; font-size: 30px; border-bottom: 1px solid #aeaeae; padding: 20px 0; width: 100%; max-width: 300px; margin: 0 auto; } @media only screen and (max-width: 1150px) { .services { width: 100%; padding: 100px 50px; margin: 0 auto; } } @media only screen and (max-width: 800px) { .services { width: 100%; padding: 100px 0px; margin: 0 auto; } .one-fifth { width: 100%; margin: 0 auto; } } /* ----------------------------------------- */ /* Content Template: Work Page Temp - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Work Slider – slide - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Work Slider – slide - end */ /* ----------------------------------------- */