@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{font-family:'Roboto', sans-serif;overflow-x:hidden}a{text-decoration:none;color:unset}*{box-sizing:border-box}.container{width:100%;max-width:1260px;margin:0 auto}.container.container--sm{max-width:85%}@media (max-width: 991px){.container{max-width:940px}}@media (max-width: 767px){.container{max-width:680px}}@media (max-width: 575px){.container{max-width:95%}}.topbar{position:fixed;z-index:998;height:84px;max-height:84px;left:50%;transform:translateX(-50%);padding-top:20px}.topbar ul{display:flex;align-items:center;max-height:84px}.topbar ul .topbar__brand{width:30%}.topbar ul .topbar__brand img{width:100%}@media (max-width: 991px){.topbar ul .topbar__brand img{width:100%;padding:unset}}@media (max-width: 575px){.topbar ul .topbar__brand{width:60%}}.topbar ul .topbar__item{padding:30px;font-size:18px;letter-spacing:0.05rem;text-transform:uppercase;color:white;font-weight:500}@media (max-width: 767px){.topbar ul .topbar__item{display:none}}@media (max-width: 991px){.topbar ul .topbar__item{font-size:10px}}.topbar ul .topbar__item:nth-child(2){margin-left:auto}.topbar ul .topbar__item i{color:white;font-size:30px;padding:0 10px}.topbar ul .topbar__item--menu{display:none}@media (max-width: 767px){.topbar ul .topbar__item--menu{display:inline;margin-left:auto}}.main{padding-top:84px;height:100vh;position:relative;background-image:url("../img/banner.png");background-color:#202020;background-repeat:no-repeat;background-position:25%;background-size:contain}.main .box{position:absolute;right:-20px;top:50%;transform:translateY(-50%);padding:20px;text-align:right;user-select:none;background:url("../img/gradient.png");background-position:center;background-size:cover}.main .box h1{color:white;font-size:72px;margin-right:20px}.summary{text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:75px 10px}.summary h1{background:linear-gradient(90deg, #7586cb 20%, #fe6f61 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;font-size:50px;padding:10px;text-transform:uppercase;flex-basis:100%}@media (max-width: 575px){.summary h1{font-size:34px}}.summary .summary__item{margin-top:10px;flex-basis:25%}.summary .summary__item img{padding:10px;margin:0 auto}.summary .summary__item h3{font-weight:bold;font-size:20px;color:#fe6f61;padding-bottom:10px}.summary .summary__item p{letter-spacing:.2px;padding:0 25px}@media (max-width: 575px){.summary .summary__item p{display:none}}.portfolio .portfolio__container{margin:2rem 0}.portfolio .portfolio__container .portfolio__item{position:relative;cursor:pointer}.portfolio .portfolio__container .portfolio__item:hover img{filter:brightness(50%)}.portfolio .portfolio__container .portfolio__item:hover .portfolio__item-meta{display:block}.portfolio .portfolio__container .portfolio__item img{transition:ease .5s;height:100%;width:100%;padding:1px;object-fit:cover;max-height:calc(50vh - 42px)}.portfolio .portfolio__container .portfolio__item.portfolio__item--midheight{height:100%;max-height:calc(25vh - 21px)}.portfolio .portfolio__container .portfolio__item .portfolio__item-meta{display:none;position:absolute;left:0;bottom:0;padding:30px;transition:ease .4s}.portfolio .portfolio__container .portfolio__item .portfolio__item-meta h4{text-align:left;color:white;font-size:36px;font-weight:800}.portfolio .portfolio__container .portfolio__item .portfolio__item-meta p{text-align:left;color:white;font-weight:600}.portfolio .portfolio__container .portfolio__item--rwd img{height:500px !important}footer{text-align:center;padding:20px;background-color:#202020}footer h2{font-weight:bold;margin-top:2rem;font-size:28px;color:white}footer h3{font-weight:bold;font-size:20px;color:white;margin-bottom:2rem;line-height:30px}footer>span{display:block;margin-top:2rem;margin-top:2rem;font-size:12px;color:#676666}footer hr{border-color:#393939;margin:1.5rem 0}footer .footer__items{display:flex;align-items:center;justify-content:center}footer .footer__items .footer__item{font-size:20px;color:white;text-align:center;flex-basis:33.33%}footer .footer__items .footer__item i{display:inline;color:#676666;font-size:24px}footer .footer__items .footer__item.footer__item--icon{flex-basis:auto}footer .footer__items .footer__item.footer__item--icon i{padding:20px;font-size:26px;color:white;transition:ease .4s}footer .footer__items .footer__item.footer__item--icon i:hover{color:#d5d5d5}footer .footer__items .footer__item span{color:#fe6f61}footer .footer__items .footer__item address{font-style:none}footer .contact label{padding-left:15px;color:white;font-size:20px;text-align:left;display:block}footer .contact textarea{padding:10px;border-bottom:2px solid #5a5a5a;background:#3c3d3d;margin:20px;width:95%;color:white;font-weight:600;outline:none;resize:none;border-radius:10px}@media (max-width: 575px){footer .contact textarea{margin:10px 0}}footer .contact button{width:95%;border-radius:10px}footer .contact ::placeholder{font-weight:600;color:white}