Portfolio 6

portfolio-06

Portfolio 6

img{width:100%;height:auto;aspect-ratio:attr(width)/attr(height);}:root{--global--color-primary:#fc0;--global--color-secondary:#2a394c;}html{padding:env(safe-area-inset);}html,body{overflow-x:hidden;color:#505962;}.wpo-text{color:var(--global--color-primary);}@media only screen and (max-width: 1200px){.wpo-mobile-menu-button{position:absolute;float:right;top:0;right:5px;background:none;}}.bar-strip{background-color:var(--global--color-primary);height:4px;margin:4px 0;}.wpo-nav-menu{float:right !important;text-align:right;padding:10px 0;}.wpo-nav-menu a{color:#fff;list-style:none;text-transform:uppercase;font-weight:600;font-size:14px;line-height:14px;padding:6px;text-decoration:none;}.wpo-nav-menu a:hover{color:var(--global--color-primary);}button:focus,a:focus,a.btn:focus{outline:0;-webkit-appearance:none;box-shadow:none;transition:all .6s ease;}button,a,a.btn,.svg-inline--fa{transition:all .6s ease;}.landing{position:relative;width:100%;height:100vh;display:table;z-index:-1;}.caption{z-index:1;position:absolute;top:38%;width:100%;max-width:100%;}.caption h1{font-size:4.5rem;letter-spacing:.1rem;text-shadow:.1rem .1rem .8rem black;padding-bottom:1rem;}.caption h3{font-size:2.5rem;text-shadow:.1rem .1rem .5rem black;padding-bottom:2rem;}.caption .btn-lg{border-width:medium;padding:.8rem 1.5rem;font-size:1.1rem;}.btn-sm{border-width:medium;border-radius:0;padding:.5rem 1.1rem;text-transform:uppercase;font-size:.9rem;margin:1rem;}.wpo-btn{background-color:var(--global--color-primary);color:white;}.wpo-btn:hover{background-color:var(--global--color-secondary);color:white;}h3.heading{text-transform:uppercase;font-weight:700;font-size:1.9rem;text-align:center;margin-bottom:1.9rem;}.heading-underline{width:3rem;height:.2rem;background-color:var(--global--color-primary);margin:0 auto 2rem;}.feature span{color:var(--global--color-primary);margin-bottom:.6rem;}.feature h3{text-transform:uppercase;font-size:1.3rem;font-weight:700;padding-bottom:.4rem;}.dark{background-color:rgba(0,0,0,.3);padding:7rem 0;z-index:1000;}.portfolio-item img:hover{transform:scale(1.3);cursor:zoom-in;}.portfolio-item img{transition:transform .4s ease;}.pricing-column{background-color:white;height:100%;padding:1.6rem;border-top:.25rem solid var(--global--color-primary);box-shadow:0 0 .8rem rgba(0,0,0,.075);transition:transform .7s ease;position:relative;overflow:hidden;}.pricing-column:hover{transform:scale(1.1);}.pricing-column h4{font-size:1.1rem;font-weight:700;}.ribbon{background-color:#080;color:white;font-size:.8rem;font-weight:700;height:2rem;width:10rem;padding-top:.4rem;position:absolute;transform:rotate(45deg);right:-2.8rem;top:1.5rem;box-shadow:0 0 .2rem rgba(0,0,0,.25);}.card{height:100%;border-radius:0;text-align:center;margin:0 1rem;border:.1rem solid rgba(0,0,0,.075);box-shadow:0 0 .8rem rgba(0,0,0,.075);transition:transform .4s ease;}.card:hover{transform:scale(.95);}span.counter{color:var(--global--color-primary);}.testimonials-v-2{padding:100px 0;overflow:hidden;}.quote{position:relative;}.quote blockquote{padding:0px;border:0;margin:0;font-size:16px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;}.quote blockquote p{color:#fff;padding-top:25px;padding-bottom:45px;padding-left:30px;padding-right:30px;}.quote.color blockquote{background-color:var(--global--color-primary);}.quote.color blockquote:before{border-top-color:var(--global--color-primary);}.quote-footer{margin:10px 0;}.quote-footer .quote-author-img img{float:left;max-width:90px;width:90px;height:90px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;margin-left:-5px;margin-top:-40px;position:relative;z-index:1;padding:5px;background-color:#fff;}.quote-footer h4{font-size:18px;margin-bottom:4px;}.quote-footer p{font-weight:400;font-size:16px;}.footer{color:white;}.bg-footer{background-color:var(--global--color-secondary);}.row.outer{padding:1rem 2rem 3rem;}.footer img{height:2rem;margin:1.5rem 0;}.footer a{color:var(--global--color-primary);}.footer h3{text-transform:uppercase;margin:1.5rem 0;}.form-group{margin-bottom:1.3rem;}.form-control{background-color:#53595f;border-radius:0;border:.15rem solid #666b71;color:white !important;font-size:1.1rem;}.form-control:focus{background-color:#53595f;border:.15rem solid #666b71;}.form-group input::placeholder,.form-group textarea::placeholder{color:#b2b5b8 !important;}hr.socket{border-top:.15rem solid #666b71;width:100%;}.copyright{color:#ccc;text-align:right;padding:0 0 20px 0;}@media (max-width: 120px){.caption h1{font-size:3.5rem;letter-spacing:.1rem;padding-bottom:.8rem;}}@media (max-width: 960px){.caption h1{font-size:3.5rem;letter-spacing:.1rem;padding-bottom:.8rem;}.caption h3{font-size:2.1rem;padding-bottom:1.7rem;}.caption .btn-lg{padding:.7rem 1.2rem;font-size:1rem;}}@media (max-width: 767.98px){#features h1{font-size:2rem;}.wpo-nav-menu{float:left !important;padding:0;}.wpo-nav-menu a{color:#fff;list-style:none;text-transform:uppercase;font-weight:600;font-size:16px;line-height:32px;padding-left:0;}}@media (max-width: 575.98px){.wpo-nav-menu{float:left !important;padding:0;}.copyright{text-align:center;}}