.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-.0667em}.fa-xs{font-size:0.75em}.fa-sm{font-size:0.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul > li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:0.08em solid #eee;border-radius:0.1em;padding:0.2em 0.25em 0.15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:0.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:0.3em}.fa-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-copyright:before{content:"\f1f9"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-instagram:before{content:"\f16d"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url("../webfonts/fa-brands-400.eot");src:url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url("../webfonts/fa-regular-400.eot");src:url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url("../webfonts/fa-solid-900.eot");src:url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overflow-y:scroll}body{font-family:Montserrat, sans-serif;font-size:100%;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:#000}.body-single{background-color:#fff}a{text-decoration:none;transition:all 0.2s ease-in-out} .link-out{color: #374f73; font-weight: 600;} .link-out:hover{color:#f7ecac}.btn{border-radius:27.5px;display:block;font-size:0.75rem;font-weight:500;height:45px;letter-spacing:2.5px;line-height:45px;text-align:center;text-transform:uppercase;width:220px;margin:20px auto;background:#f7ecac;color:#000}.btn:hover{background:#fff;color:#000}.contact-form input[type="submit"]:hover{background:#f7ecac;color:#000}.contact-form textarea::-webkit-scrollbar-thumb{background:#333}.contact-form textarea::-webkit-scrollbar-track{background:#eee}.contact-form input,.contact-form textarea{border:none;outline:none}.contact-form input{margin-bottom:30px}.contact-form input,.contact-form input::placeholder{font-family:Montserrat, sans-serif;font-size:0.75rem;letter-spacing:0.3px}.contact-form input[name=email],.contact-form input[name=name]{float:left;height:50px;line-height:50px;padding-left:20px;width:48%}.contact-form input[name=name]{margin-right:4%}.contact-form textarea{height:200px;padding:25px;width:100%}.contact-form textarea{font-family:Montserrat, sans-serif;font-size:0.875rem;line-height:1.6}.contact-form textarea::-webkit-scrollbar{width:8px}.contact-form input[type=submit]{cursor:pointer;font-family:Montserrat, sans-serif;float:right;font-size:0.6875rem;font-weight:500;height:50px;letter-spacing:3px;line-height:50px;margin:23px 0 0;text-transform:uppercase;transition:all 0.2s linear;width:220px}.container{width:calc(100% - 60px);margin:0 30px}.about-me .container-main,.contact .container-main,.single-project .container{width:100%;max-width:1170px;margin:0 auto}.container-large{width:100%;margin:0;border-top:1px solid rgba(221, 221, 221, 0.945)}.clearfix{clear:both}.img-cover{display:block;object-fit:cover;height:100%;width:100%}.img-responsive{display:block;max-width:100%;height:auto}.about-author .follow-links li a,.comment .reply,.cta-link,.entry-category,.entry-title a,.follow-us-links li a,.full-screen-nav a,.interactive-links a,.navigation ul li a,.share-links a{color:#fff}.body-single .header-default .container .follow-us-links li a,.body-single .header-default .container .navigation ul li a,.footer-extended .info ul li:first-child{color:#000}.body-single .header-default .container .follow-us-links li a:hover,.body-single .header-default .container .navigation ul li a:hover{color:#f7ecac}.about-me .testimonials-content .item p,.contact-form input::placeholder,.contact-info li:first-child,.contact-info li:first-child,.portfolio-item-title{color:#000}.contact-form input[type=submit],.full-screen-nav .coll-nav-sub-item a:after,.nav-open i,.nav-open i:after,.nav-open i:before,.project-description h2 span:after{background:#000}.about-me li,.about-me p,.comment p,.cta_02 p,.footer-extended .info ul li,.footer-extended .info ul li a{color:#555}.comment .publication-date,.contact-info li,.entry-header .entry-category,.entry-header .posted-on,.personal-portfolio .hero p,.portfolio-item-category,.single-project .details li span{color:#666}.share-links li{background:#f1f1f1} .portfolio-other .portfolio-item {display: flex; flex-direction: row; margin: 10px 0px 30px; height: 570px; justify-content: space-between;}.portfolio-other a:nth-child(even) .portfolio-item{flex-direction: row-reverse;}.portfolio-other .portfolio-item .portfolio-item-overlay {left:0;}.portfolio-other .portfolio-item .portfolio-item-overlay{position: relative; opacity: 1; width: calc(50% - 15px);} .portfolio-other .img-cover { width: calc(50% - 15px);}.contact-form input,.contact-form textarea,.cta_02,.footer-bg-grey,.next-project{background:#f8f8f8}.agency-modern .about .info .content,.contact-form input[type=submit],.footer-inverse,.footer-inverse .follow-us-links li a,.share-links li:hover a,.sub-nav li:hover a,.tag-links a:hover{color:#fff}.collapsible-nav li a,.cta_01 h2{color:#000}.full-screen-nav,.portfolio-item-overlay,.sub-nav,.team-member .overlay{background:#fff}.footer-default .info ul li a,.footer-default .info ul li span{color:rgba(255, 255, 255, 0.85)}.footer-default .info ul li:first-child{color:#fff}.cta_01 .btn:hover{background:#000;color:#fff}.about-author .follow-links li a:hover,.agency-minimal .intro h2,.cta_01,.entry-category:hover,.entry-title a:hover,.follow-us-links li a:hover,.footer-extended .info ul li a:hover,.navigation > ul > li > a:hover,.tag-links a{color:#f7ecac}.hero .nav-open i,.hero .nav-open i:after,.hero .nav-open i:before{background-color:#f7ecac}.mail-link:after{background:#374f73}.mail-link{color:#374f73}.awards_01 h2{float:left;font-size:3rem;font-weight:normal;margin-right:2.5%;text-transform:capitalize;width:48.75%}.awards_01 ul{float:left;list-style:none;text-transform:capitalize;margin-top:20px;width:48.75%}.awards_01 ul li{font-size:1.125rem;letter-spacing:0.3px;margin-bottom:7px}.cta_01{align-items:center;display:flex;height:250px;justify-content:center;text-align:center;width:100%;background:whitesmoke;background-size:cover;background-position:center;margin:0 auto}.cta_01 h2{font-family:Questrial, sans-serif;font-size:3.2rem;font-weight:normal;letter-spacing:1px;line-height:1.2;margin-bottom:43px}.cta_02{font-family:Questrial, sans-serif;padding:170px 0}.cta_02 h2{font-size:3.75rem;font-weight:normal;line-height:1.1;margin-left:-3px}.cta_02 p{font-size:1.25rem;letter-spacing:0.2px;line-height:1.7;margin:17px 0 20px}.cta_02 .cta-link,.personal-portfolio .hero .cta-link{font-size:1.5rem;padding-left:100px;position:relative;transition:padding-left 0.3s linear}.cta_02 .cta-link:before,.personal-portfolio .hero .cta-link:before{content:"";height:2px;left:0;position:absolute;top:12px;transition:width 0.3s linear;width:70px}.cta_02 .cta-link:hover,.personal-portfolio .hero .cta-link:hover{padding-left:120px}.cta_02 .cta-link:hover:before,.personal-portfolio .hero .cta-link:hover:before{width:90px}.clients{align-items:center;height:240px;display:flex}.clients .item{float:left;text-align:center;margin:6px 2.5% 0 0;width:23.125%}.clients .item:nth-of-type(4){margin-right:0}.clients .item:nth-of-type(1) img{width:180px}.clients .item:nth-of-type(2) img{width:140px}.clients .item:nth-of-type(3) img{width:180px}.clients .item:nth-of-type(4) img{width:180px}footer{font-family:Questrial, sans-serif}footer ul{list-style:none}.copyright{font-size:0.875rem;letter-spacing:1px;text-transform:capitalize}.footer-default .copyright{float:left;margin-left:30px}.container-large{line-height:100px}.footer-default .follow-us-links{float:right;margin-right:30px}.footer-default .follow-us-links li{float:left;font-size:0.875rem;margin-left:35px}.footer-default-border{border-top:1px solid #eee;height:101px}.footer-default-inverse-border{border-top:1px solid #333}.footer-extended .info{padding:90px 0 110px;width:100%;margin:0 auto;max-width:1170px}.footer-extended .info .container{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0 auto}.footer-extended .info ul{float:left;margin-right:2.5%;text-transform:capitalize;line-height:1.3rem}.footer-extended .info ul:last-child{margin-right:0}.footer-extended .info ul li:first-child{font-size:1.3125rem;letter-spacing:0.5px;margin-bottom:10px}.footer-extended .info ul li{font-size:0.875rem;letter-spacing:0.7px;margin-bottom:5px}.footer-extended .mailaddress{text-transform:lowercase}.footer-extended .copyright-section{border-top:1px solid #ddd;height:100px;line-height:100px}.footer-bg-grey .follow-us-links{float:right}.footer-bg-grey .follow-us-links li{float:left;font-size:0.875rem;margin-left:35px}.header-default,.header-minimal{height:90px;line-height:90px}.header-minimal .nav-open{display:block}.logo{float:left;margin-top:39px;height:23px}.navigation{float:right}.navigation > ul > li{float:left;font-size:0.75rem;font-weight:500;letter-spacing:2px;list-style:none;margin-left:60px;position:relative;text-transform:uppercase}.navigation > ul > li:first-child{margin-left:0}.sub-nav{box-shadow:0 5px 10px rgba(0,0,0,.1);display:none;font-size:0.6875rem;left:0;letter-spacing:1.2px;line-height:normal;list-style:none;position:absolute;top:88px;width:240px;z-index:2}.sub-nav li{border-bottom:1px solid #f1f1f1}.sub-nav li a{display:inline-block;padding:20px 30px}.navigation ul li:hover .sub-nav{display:block}.sub-nav li:hover{border-bottom:1px solid #0260e8;cursor:pointer;transition:all 0.2s linear}.nav-open{display:none;float:right;height:22px;margin:32px 0;position:relative;width:28px}.nav-open:hover{cursor:pointer}.nav-open i{position:absolute;top:50%;right:0;height:2px;width:100%;transition:all 0.3s ease-in-out}.nav-open i:before{position:absolute;top:-9px;content:" ";height:2px;width:100%;transition:all 0.3s ease-in-out}.nav-open i:after{position:absolute;top:9px;content:" ";height:2px;width:100%;transition:all 0.3s ease-in-out}.nav-open:hover i:after,.nav-open:hover i:before{width:80%}.full-screen-nav{bottom:0;height:100vh;left:-100%;overflow-y:scroll;opacity:0;position:fixed;right:0;top:0;transition:opacity 0.4s, left 0s 0.4s;width:100%;z-index:2}.full-screen-nav.active{left:0;opacity:1;transition:opacity 0.4s, left 0s}.full-screen-nav .container{position:relative}.full-screen-nav nav{padding:200px 0 70px}.full-screen-nav nav li{cursor:pointer;font-family:Questrial, sans-serif;font-size:2rem;letter-spacing:0.5px;list-style:none;margin-bottom:12px;text-transform:capitalize}.coll-nav-sub-item{display:none;margin-top:5px;padding-left:20px}.collapsible-nav > li.nav-active .coll-nav-sub-item{display:block}.full-screen-nav nav .coll-nav-sub-item li{font-size:1rem;letter-spacing:0.2px;margin-bottom:8px}.full-screen-nav .coll-nav-sub-item a{position:relative}.full-screen-nav .coll-nav-sub-item a:after{bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width 0.4s linear;width:0}.full-screen-nav .coll-nav-sub-item a:hover:after{width:100%}.nav-close{position:absolute;right:3px;top:35px;width:32px;height:32px}.nav-close:after,.nav-close:before{position:absolute;left:15px;content:' ';height:33px;width:2px;background-color:#333}.nav-close:before{transform:rotate(45deg)}.nav-close:after{transform:rotate(-45deg)} .slider-wrapper {position: relative; margin-bottom: 38px;}
.slider-wrapper > input {display: none;} .slider-wrapper .controls { left: 50%; margin-left: -24px; position: absolute;} .slider-wrapper label {cursor: pointer; display: inline-block; height: 10px; margin: 12px 6px 0; position: relative; width: 10px;-webkit-border-radius: 50%; -moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; -webkit-transition: background ease-in-out .3s; -moz-transition: background ease-in-out .3s; -o-transition: background ease-in-out .3s; transition: background ease-in-out .3s;} .slider-wrapper label:after {background: #f7ecac7c;; content: " "; display: block; height: 10px; left: 0px;position: absolute; top: 0px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .slider-wrapper label:hover, #showreel1:checked ~ .controls label:nth-of-type(1),#showreel2:checked ~ .controls label:nth-of-type(2) {background: #f7ecac;} .showreel {opacity: 0; z-index: 0;} #showreel1:checked ~ .showreels > .showreel1,#showreel2:checked ~ .showreels > .showreel2 {opacity: 1; z-index: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);
}
.portfolio-item{position:relative}.portfolio-item-overlay{bottom:0;height:calc(100% - 30px);left:15px;opacity:0;position:absolute;right:0;top:15px;transition:all 0.3s linear;width:calc(100% - 30px)}.portfolio-item:hover .portfolio-item-overlay{opacity:1}.portfolio-item .info{font-family:Questrial, sans-serif;left:50%;position:absolute;text-align:center;text-transform:capitalize;top:50%;transform:translate(-50%, -50%);width:100%}.portfolio-item-title, .single-project .info .portfolio-item-title-other{font-size:2.3rem;font-weight:normal;letter-spacing:0.1px; color: #000;}.portfolio-item-title, .portfolio-other a .info .portfolio-item-category {font-size: 1.5rem; margin-top: 0px;}.portfolio-other a .portfolio-item-overlay .info{width: auto; text-align: left;} .portfolio-other a:nth-child(even) .portfolio-item .info {text-align: right;}.single-project .info .portfolio-item-title-other{text-transform: capitalize;}.portfolio-item-category{font-size:1rem;font-weight:normal;letter-spacing:0.8px;margin-top:3px}.portfolio-2-col-grid .portfolio-item{float:left;height:570px;margin-bottom:30px;width:48.75%}.portfolio-2-col-grid a:nth-of-type(odd) .portfolio-item{margin-right:2.5%}.portfolio-3-col-grid .portfolio-item{float:left;height:370px;margin-bottom:30px;width:31.666%}.portfolio-3-col-grid a:nth-of-type(2) .portfolio-item,.portfolio-3-col-grid a:nth-of-type(5) .portfolio-item{margin-right:2.5%;margin-left:2.5%}.portfolio-page .portfolio-2-col-grid,.portfolio-page .portfolio-3-col-grid{margin-bottom:70px}.portfolio-page .irregular-grid-01,.portfolio-page .irregular-grid-02{margin-bottom:100px}.portfolio-2-col-grid-no-gap .portfolio-item{float:left;height:480px;width:50%}.portfolio-3-col-grid-no-gap .portfolio-item{float:left;height:370px;width:33.333%}.portfolio-metro-01{margin:15px auto 40px;width:calc(100% - 30px)}.portfolio-metro-01 .portfolio-item img,.portfolio-metro-02 .portfolio-item img{height:100%;left:0;position:absolute;top:0;width:100%;padding:15px}.portfolio-metro-01 > a:nth-of-type(1) > .portfolio-item{float:left;padding-top:30%;position:relative;width:23%}.portfolio-metro-01 .wrapper:nth-of-type(2){float:left;width:25%}.portfolio-metro-01 .wrapper:nth-of-type(2) .portfolio-item{padding-top:45%;position:relative;width:100%}.portfolio-metro-01 > a:nth-of-type(2) > .portfolio-item{float:right;padding-top:30%;position:relative;width:30%}.portfolio-metro-01 .wrapper a:nth-of-type(2) .portfolio-item{float:left;padding-top:45%;position:relative;width:100%}.portfolio-metro-01 .wrapper a:nth-of-type(3) .portfolio-item{float:left;padding-top:45%;position:relative;width:100%}.portfolio-metro-01 > a:nth-of-type(3) > .portfolio-item{float:left;padding-top:33.5%;position:relative;width:23%}.portfolio-metro-01 > a:nth-of-type(4) > .portfolio-item{float:right;padding-top:33.5%;position:relative;width:30%}.portfolio-metro-02 > a:nth-of-type(1) > .portfolio-item{float:left;padding-top:50%;position:relative;width:50%}.portfolio-metro-01 .wrapper:nth-of-type(2){float:left;width:47%}.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(1) .portfolio-item,.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(2) .portfolio-item{float:left;padding-top:50%;position:relative;width:50%;margin-top:50%}.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(3) .portfolio-item{margin-top:50%;padding-top:50%;position:relative;width:100%}.portfolio-metro-02 .wrapper:nth-of-type(2){float:left;width:25%}.portfolio-metro-02 .wrapper:nth-of-type(2) .portfolio-item{padding-top:100%;position:relative;width:100%}.portfolio-metro-02 > a:nth-of-type(2) > .portfolio-item{float:left;padding-top:50%;position:relative;width:25%}.portfolio-metro-02 > a:nth-of-type(3) > .portfolio-item{float:right;padding-top:50%;position:relative;width:50%}.irregular-grid-01 .portfolio-item{float:left;width:47.75%}.irregular-grid-01 a:nth-of-type(odd) .portfolio-item{margin-right:4.5%}.irregular-grid-01 a:nth-of-type(even) .portfolio-item{margin:100px 0 -6px}.irregular-grid-01 .portfolio-item img{height:700px;margin-bottom:20px}.irregular-grid-01 .portfolio-item-title{font-family:Questrial, sans-serif;font-size:1.625rem;letter-spacing:0.5px;text-transform:capitalize}.irregular-grid-01 .portfolio-item-category{font-size:1rem;font-size:14px;letter-spacing:0.4px;margin-top:1px;text-transform:capitalize}.irregular-grid-02 .portfolio-item{float:left;width:48.75%}.irregular-grid-02 a:nth-of-type(1) .portfolio-item{height:770px;margin-right:2.5%;margin-bottom:30px}.irregular-grid-02 a:nth-of-type(2) .portfolio-item{height:570px}.irregular-grid-02 a:nth-of-type(3) .portfolio-item{height:570px;margin-right:2.5%}.irregular-grid-02 a:nth-of-type(4) .portfolio-item{height:770px;margin-top:-200px}.portfolio-cards .portfolio-item{float:left;height:600px}.portfolio-cards a:nth-of-type(1) .portfolio-item{margin-right:3%;width:65.66%}.portfolio-cards a:nth-of-type(2) .portfolio-item,.portfolio-cards a:nth-of-type(6) .portfolio-item{width:31.33%}.portfolio-cards a:nth-of-type(3) .portfolio-item,.portfolio-cards a:nth-of-type(4) .portfolio-item,.portfolio-cards a:nth-of-type(5) .portfolio-item{margin-top:50px;margin-bottom:50px;width:31.33%}.portfolio-cards a:nth-of-type(4) .portfolio-item{margin-right:3%;margin-left:3%}.portfolio-cards a:nth-of-type(7) .portfolio-item{margin-left:3%;width:65.66%}.interactive-links{margin-top:100px}.interactive-links .item{text-align:center;position:relative}.interactive-links .item h2{display:inline;font-family:Questrial, sans-serif;font-size:5.25rem;font-weight:normal;position:relative;text-transform:capitalize;z-index:2}.interactive-links .item span{font-size:0.75rem;position:absolute;right:-51px;top:0}.interactive-links .item h2:hover{color:rgba(255, 255, 255, 0);-webkit-text-stroke:1.5px rgba(255, 255, 255, 1.0)}.interactive-links .item h2:hover span{display:none}.interactive-links .item img{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%, -50%)}.interactive-links .item h2:hover ~ img{opacity:1;transition:opacity 0.4s linear}.services_01{margin:136px 0 130px}.services_01 .item{align-items:center;border:1px solid #eee;display:flex;float:left;height:370px;text-align:center;width:31.666%}.services_01 .item .wrapper{margin:auto}.services_01 .item:nth-of-type(2){margin:0 2.5%}.services_01 img{width:40%}.services_01 h3{font-size:1.3rem;font-weight:normal;letter-spacing:0.5px;margin-top:20px;text-transform:capitalize}.team{margin-top:134px}.team-member{float:left;height:340px;position:relative;width:25%}.team-member .overlay{left:0;height:100%;opacity:0;position:absolute;text-align:center;top:0;transition:all 0.3s linear;width:100%}.team-member .overlay .info{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.team-member:hover .overlay{cursor:pointer;opacity:1}.team-member .overlay .info h2{font-size:1.4rem;font-weight:normal;letter-spacing:0.5px;text-transform:capitalize}.team-member .overlay .info h3{font-size:0.75rem;font-weight:normal;letter-spacing:1.5px;margin-top:5px;text-transform:uppercase}.about-me{margin-bottom:136px;margin-top:50px}.about-me .image{float:left;height:700px;margin-right:4%;width:40%}.about-me .content{float:right;width:56%;margin-bottom:50px}.about-me h2{font-family:Questrial, sans-serif;font-size:2.3rem;font-weight:normal;text-transform:capitalize}.about-me p{font-size:0.875rem;letter-spacing:0.1px;line-height:2}.about-me ul{list-style:none;margin-top:14px;text-transform:capitalize}.about-me li{font-size:0.875rem;letter-spacing:0.3px;margin-bottom:10px}.about-me .intro{margin:0 0 30px}.about-me .intro h2,.about-me .services h2{margin-left:-3px}.about-me .intro p:nth-of-type(1),.about-me .intro p:nth-of-type(2),.about-me .intro p:nth-of-type(3){margin:10px 0}.about-me .services{margin-bottom:30px}.about-me .services ul{float:left}.about-me .services ul:nth-of-type(1){margin-right:70px}.about-me .awards{margin-bottom:40px}.contact-me p{margin:10px 0}.mail-link{font-family:Questrial, sans-serif;font-size:2.125rem;position:relative}.mail-link:after{bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width 0.4s linear;width:0}.mail-link:hover:after{width:100%}.container-clients{margin: 0px !important; width: initial !important;}.about-me .testimonials h2, .about-me .clients-title{text-align:center}.about-me .testimonials-content{display:flex;flex-direction:row;justify-content:space-between;margin:25px 0 10px}.about-me .testimonials-content .item{width:30%;margin-left:15px}.about-me .testimonials-content .item span{line-height:0.95rem;font-weight:400;font-size:1rem}.about-me .testimonials-content .item hr{width:40%;margin-top:20px;margin-bottom:2px}.about-me .testimonials-content .item:nth-of-type(1){margin-left:0}.agency-modern .hero{align-items:center;background:black;-webkit-background-size:cover;background-size:cover;background-position:center;display:flex;flex-direction:column;height:92.8vh;justify-content:center;position:relative;width:100%}.agency-modern .hero header{left:0;position:absolute;top:0;width:100%}.agency-modern .hero .follow-us-links{float:left}.agency-modern .hero .follow-us-links li{float:left;font-size:1.2rem;margin-left:35px}.agency-modern .hero .follow-us-links li:first-child{margin-left:0}.agency-modern .hero .content{text-align:center;margin-top:50px;width:calc(55% - 60px)}.agency-modern .hero h1{font-family:Questrial, sans-serif;font-size:2.8rem;font-weight:normal;line-height:1.2;margin:5px 0;color:#fff}.agency-modern .hero h2{font-size:0.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#fff}.thumb-wrapper{background:url('../img/background.jpg');-webkit-background-size:cover;background-size:cover;background-position:center;margin:0 auto;padding:30px}.thumb-wrap{position:relative;padding-bottom:56.25%;height:0}.thumb-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;outline-width:0}.contact{margin:130px 0 150px}.contact h1{font-family:Questrial, sans-serif;font-size:3.75rem;font-weight:normal;line-height:1.1;margin-bottom:45px}.contact .contact-form{float:left;width:66%}.contact-info{float:left;font-family:Questrial, sans-serif;list-style:none;margin:-6px 0 0 50px}.contact-info li:first-child{font-size:1rem;font-weight:500;letter-spacing:1.5px;margin-bottom:11px;text-transform:uppercase}.contact-info li{font-size:15px;letter-spacing:0.5px;margin-bottom:4px}.personal-portfolio .hero{align-items:center;display:flex;font-family:Questrial, sans-serif;padding:100px 0}.personal-portfolio .content,.personal-portfolio .hero .img-container{width:50%}.personal-portfolio .hero .img-container img{float:right}.personal-portfolio .hero h1{font-size:4.5rem;font-weight:normal;line-height:1.1;margin-left:-6px;text-transform:capitalize}.personal-portfolio .hero p{font-size:1.5rem;letter-spacing:0.3px;line-height:1.5;margin:19px 0 24px}.personal-portfolio .hero .cta-link{font-size:1.75rem;letter-spacing:0.4px;text-transform:capitalize}.personal-portfolio .hero .cta-link:before{top:14px}.personal-portfolio .irregular-grid-02{margin-bottom:100px}.personal .project-img-halved{width:100%;margin-top:15px}.personal .project-img-halved .wrapper:nth-of-type(1){width:43%;float:left}.single-project .personal .project-img-halved .wrapper .item:nth-of-type(1){width:100%;padding:15px 15px 15px 0;position:relative}.wrapper-three{display:flex;flex-direction:row;justify-content:space-between}.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(1),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(2),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(3){position:relative;width:29.6%;left:0;top:0;padding:0}.single-project .personal .project-img-halved .wrapper-three{padding:15px 15px 15px 0}.single-project .personal .project-img-halved .img-cover{height:auto;width:100%}.single-project .personal .project-img-halved .item{width:57%;height:auto;padding:15px 0 15px 15px;margin-left:0}.single-project .personal .project-img-halved .item:nth-of-type(2){float:left}.single-project .project-img-halved-02{display:flex;flex-direction:row;justify-content:space-between}.single-project .project-img-halved-02 .item:nth-of-type(1){width:40%;padding:15px 15px 15px 0;position:relative}.single-project .project-img-halved-02 .item:nth-of-type(2){width:33%;padding:15px}.single-project .project-img-halved-02 .item:nth-of-type(3){width:27%;padding:15px 0 15px 15px}.project-cover{background:url('../img/img-placeholder.png');background-position:center;-webkit-background-size:cover;background-size:cover;height:880px;width:100%}.body-single .header-default .container .follow-us-links{float:left}.body-single .header-default .container .follow-us-links li{float:left;font-size:1.2rem;margin-left:35px;list-style:none}.body-single .header-default .container .follow-us-links li:first-child{margin-left:0}.single-project{margin:60px 0 100px}.single-project .intro{margin-bottom:60px}.single-project .info{float:left;margin-right:2.5%;width:100%}.single-project .info h2{font-size:0.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.single-project .info h1{font-family:Questrial, sans-serif;font-size:3.75rem;font-weight:normal;margin:7px 0 7px -3px;text-transform:capitalize}.project-description .content p,.single-project .info p, .content li, .single-project .info-more{font-size:0.875rem;letter-spacing:0.2px;line-height:2;text-align:justify} .content li{margin-left: 15px;} .about-me .content li{margin-left: 0px;}.single-project .details{float:right;list-style:none;margin-top:128px;width:32%}.single-project .personal{margin-top:45px;margin-bottom:30px}.single-project .details li{font-size:0.75rem;font-weight:500;letter-spacing:1px;margin-bottom:15px;position:relative;text-transform:uppercase}.single-project .details li span{font-weight:400;letter-spacing:0.7px;position:absolute;right:0;text-transform:capitalize}.wrapper-video .project-img-full:nth-of-type(1){width:calc(46% - 15px);float:left;margin:15px 15px 15px 0;position:relative;padding-bottom:64.25%}.wrapper-video .wrapper-video-item{width:calc(54% - 15px);float:right;display:flex;flex-direction:column;margin:15px 0 15px 15px}.wrapper-video .wrapper-video-item .project-img-full{width:100%}.wrapper-video .wrapper-video-item .project-img-full:nth-of-type(1){margin:0 0 15px;padding-bottom:61%}.wrapper-video .wrapper-video-item .project-img-full:nth-of-type(2){margin:15px 0 0;padding-bottom:56%}.project-img-full{margin:0 auto;position:relative;padding-bottom:56.25%;height:0;background-color:#000}.project-img-full iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;outline-width:0}.project-img-halved .item{height:auto;width:33.3%;margin-left:20px}.project-img-halved .item:first-child{margin-left:0}.project-img-halved-special .item:nth-of-type(1),.project-img-halved-special .item:nth-of-type(3){width:38%}.project-img-halved-special .item:nth-of-type(2){width:22%}.project-img-halved-penhalion{margin-top:20px}.project-description{margin:60px 0}.project-description .content,.project-description h2{width:100%}.project-description h2{margin-right:2.5%}.project-description h2{font-size:0.75rem;font-weight:500;letter-spacing:2px;line-height:2.2;position:relative;text-transform:uppercase}.project-description h2 span{padding-right:90px}.project-description h2 span:after{content:"";display:inline-block;height:1px;left:40px;top:12px;position:absolute;width:45px}.project-description .content p:first-child{margin-bottom:20px}.project-img-halved{display:flex;flex-direction:row;width:100%;justify-content:space-between}.extended-project-details{margin:100px auto 0;list-style:none;width:100%}.extended-project-details li{border-bottom:1px solid #eee;font-size:0.75rem;font-weight:500;letter-spacing:1px;padding:34px 0;position:relative;text-transform:uppercase}.extended-project-details li:nth-of-type(1){padding-top:0}.extended-project-details li span{font-weight:400;letter-spacing:0.7px;position:absolute;right:0;text-transform:capitalize;text-align:right}.extended-project-details .threeStrings span{top:14px}.extended-project-details .twoStrings span{top:25px} .item-one{width: 100% !important;} .portfolio-metro-01 .wrapper-01 {width: 100%;float: left;}.portfolio-metro-01 .wrapper-01 a:first-child .portfolio-item{width: 52%;float: left;padding-top: 44%;position: relative;}.portfolio-metro-01 .wrapper-01  a:nth-child(2) .portfolio-item {width: 48%;float: right; padding-top: 22%;position: relative;}.portfolio-metro-01 .wrapper-01  a:nth-child(3) .portfolio-item {width: 48%;float: right;padding-top: 22%;position: relative;} .contact .content h2 {font-family: Questrial, sans-serif;font-style: normal !important;font-size: 2.4rem !important;font-weight: 400 !important;line-height: 1.1 !important; margin-bottom: 15px;} .contact p {    font-size: 0.875rem;letter-spacing: 0.1px; color:#555;line-height: 2; margin-bottom: 25px;}@media(min-width: 1920px){.agency-modern .about .info .content{width:60%}.agency-modern .about .services .item .content img{height:80px}.cta_01{height:300px}.portfolio-2-col-grid-no-gap .portfolio-item{height:640px}.portfolio-3-col-grid-no-gap .portfolio-item{height:480px}.team-member{height:480px}}@media(max-width: 1720px){.portfolio-cards .portfolio-item{height:500px}.portfolio-cards a:nth-of-type(3) .portfolio-item,.portfolio-cards a:nth-of-type(4) .portfolio-item,.portfolio-cards a:nth-of-type(5) .portfolio-item{margin-top:40px;margin-bottom:40px}}@media(max-width: 1240px){.agency-modern .about .info{float:none;padding-top:0;padding-bottom:0;width:100%}.agency-modern .about .info .content{left:0;margin:auto;padding:95px 0 92px;position:static;top:0;transform:translate(0);width:50%}.agency-modern .about .services{float:none;width:100%}.agency-modern .hero{height:94vh}.agency-modern .hero .content{width:60%}.personal-portfolio .content p br{content:""}.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(1),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(2),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(3){width:28.6%}.wrapper-video .project-img-full:nth-of-type(1){padding-bottom:64.59%}.about-me .container-main,.contact .container-main,.footer-extended .info,.single-project .container{max-width:900px} .portfolio-other .portfolio-item {height: 435px;} .single-project .info .portfolio-item-title-other {font-size: 2rem;} .portfolio-other a .info .portfolio-item-category {font-size: 1.2rem;}}@media(max-width: 1024px){.agency-modern .hero .content{width:65%}.agency-modern .hero h1,.cta_01 h2{font-size:2.7rem}.blog-item{width:48.5%}.blog-item:nth-of-type(2),.blog-item:nth-of-type(5){margin-right:0;margin-left:0}.blog-item:nth-of-type(odd){margin-right:3%}.contact .contact-form{float:none;width:70%}.contact-info{float:none;margin:50px 0 0;width:100%}.contact-me p br{content:""}.interactive-links .item h2:hover{color:rgba(0, 0, 0, 0);-webkit-text-stroke:1.5px rgba(0, 0, 0, 1.0)}.interactive-links .item img{display:none}.irregular-grid-01 .portfolio-item img{height:570px}.portfolio-3-col-grid .portfolio-item{width:48.75%}.portfolio-3-col-grid a:nth-of-type(2) .portfolio-item,.portfolio-3-col-grid a:nth-of-type(5) .portfolio-item{margin-right:0;margin-left:0}.portfolio-3-col-grid a:nth-of-type(odd) .portfolio-item{margin-right:2.5%}.portfolio-3-col-grid-no-gap .portfolio-item{width:50%}.portfolio-cards .portfolio-item{height:400px}.related-posts .item{float:none;width:100%}.related-posts .item:nth-of-type(odd){margin-right:0}.related-posts .item:nth-of-type(1){margin-bottom:35px}.single-project .intro{margin-bottom:60px}.single-project .details{float:none;margin-top:32px;width:60%}}@media(max-width: 970px){.about-me .container-main,.contact .container-main,.footer-extended .info,.single-project .container{max-width:700px}.about-me .content,.about-me .image{float:none;margin:0;width:100%}.about-me .intro{margin:45px 0 37px}.about-us{margin-top:50px}.about-us .intro h2,.about-us .intro p{float:none;width:70%}.about-me .testimonials-content,.project-img-halved{flex-direction:column}.about-me .testimonials, .about-me .clients-title{margin-top:40px}.about-me .testimonials-content .item{width:100%;margin-left:0;margin-bottom:40px}.about-me .testimonials h2, .about-me .clients-title{text-align:initial}.single-project .info h1{font-size:3rem}.project-img-halved-special .item:nth-of-type(1),.project-img-halved-special .item:nth-of-type(2),.project-img-halved-special .item:nth-of-type(3){width:100%}.mail-link{font-size:1.7rem}.agency-modern .hero h1{font-size:3.3rem}.agency-modern .about .info .content{width:60%}.clients{display:block;height:auto;padding:40px 0}.clients .item{align-items:center;display:flex;float:left;height:130px;margin:0;text-align:center;width:50%}.clients .item img{margin:auto}.contact .contact-form{width:100%}.about-author,.comments,.entry-content > p,.entry-content blockquote,.entry-footer,.leave-comment,.related-posts{width:65%}.entry-content .post-img{width:100%}.irregular-grid-01 .portfolio-item{float:none;margin-bottom:64px;width:100%}.irregular-grid-01 a:nth-of-type(odd) .portfolio-item{margin-right:0}.irregular-grid-01 a:nth-of-type(even) .portfolio-item{margin:0 0 64px}.irregular-grid-01 a:nth-of-type(8) .portfolio-item{margin-bottom:0}.personal-portfolio .hero{display:block;padding:70px 0 90px}.personal-portfolio .content{margin-bottom:60px;width:70%}.personal-portfolio .hero .img-container{width:100%}.personal-portfolio .hero .img-container img{float:none}.wrapper-video .project-img-full:nth-of-type(1){padding-bottom:64%}.personal .project-img-halved{flex-direction:initial}.single-project .personal .project-img-halved .wrapper .item{margin-bottom:0}.wrapper-video .wrapper-video-item{width:calc(53% - 15px)}.project-description h2{width:100%}.project-description .content{float:left;margin-top:20px}.project-description{margin:30px 0}.single-project .intro{margin-bottom:30px}.project-img-halved-penhalion{margin-top:0}.project-img-halved .item{width:100%;margin-bottom:30px;margin-left:0}.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(1),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(2),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(3){width:27.8%}.single-project .personal .project-img-halved .item:nth-of-type(2){margin-bottom:0}.services_01{margin:56px 0 50px}.services_01 .item{width:48.75%}.services_01 .item:nth-of-type(2){margin:0 0 0 2.5%}.services_01 .item:nth-of-type(3){margin-top:30px}.team{margin-top:54px}.team-member{width:50%}.footer-extended .info{padding:70px 0 90px}  .portfolio-other .portfolio-item{ height: 335px;} .portfolio-other a .info .portfolio-item-category {font-size: 0.9rem;} .single-project .info .portfolio-item-title-other {font-size: 1.75rem;}}@media(max-width: 870px){.agency-modern .hero{height:100vh}.agency-modern .hero h1{font-size:2.7rem}.header-default,.header-minimal{height:60px;line-height:60px}.agency-modern .hero .follow-us-links li{font-size:1rem}.portfolio-metro-01 .portfolio-item img,.portfolio-metro-02 .portfolio-item img{padding:7px}.portfolio-item-overlay{height:calc(100% - 14px);left:0;right:0;top:7px;transition:all 0.3s linear;width:100%}.footer-default{height:auto;line-height:normal;padding:0;position:relative;text-align:center}.container-large{line-height:50px;height:50px}.footer-extended .info{padding:50px 0 70px}.footer-default .copyright{margin-bottom:0;line-height:50px}.footer-default .follow-us-links{display:inline-block}.footer-default .follow-us-links li{margin-left:25px}.footer-default .follow-us-links li:first-child{margin-left:0}.footer-extended .copyright-section{height:50px;line-height:50px}.footer-extended .info .container{text-align:left}.irregular-grid-02 .portfolio-item{float:none;margin-bottom:30px;width:100%}.irregular-grid-02 a:nth-of-type(1) .portfolio-item,.irregular-grid-02 a:nth-of-type(3) .portfolio-item{height:570px;margin-right:0}.irregular-grid-02 a:nth-of-type(4) .portfolio-item{height:570px;margin-top:0}.portfolio-page .portfolio-2-col-grid,.portfolio-page .portfolio-3-col-grid{margin-bottom:100px}.portfolio-2-col-grid .portfolio-item,.portfolio-3-col-grid .portfolio-item{float:none;width:100%}.portfolio-2-col-grid a:nth-of-type(odd) .portfolio-item,.portfolio-3-col-grid a:nth-of-type(odd) .portfolio-item{margin-right:0}.portfolio-2-col-grid-no-gap .portfolio-item{float:none;width:100%}.portfolio-cards .portfolio-item{float:none;margin-bottom:30px}.portfolio-cards a:nth-of-type(1) .portfolio-item,.portfolio-cards a:nth-of-type(2) .portfolio-item,.portfolio-cards a:nth-of-type(6) .portfolio-item,.portfolio-cards a:nth-of-type(7) .portfolio-item{margin-right:0;margin-left:0;width:100%}.portfolio-cards a:nth-of-type(3) .portfolio-item,.portfolio-cards a:nth-of-type(4) .portfolio-item,.portfolio-cards a:nth-of-type(5) .portfolio-item{margin:30px 0;width:100%}.portfolio-cards a:nth-of-type(7) .portfolio-item{margin-bottom:0}}@media(max-width: 770px){.container{width:calc(100% - 30px);margin:0 15px}.agency-modern .hero{height:auto}.header-default,.header-minimal{height:90px;line-height:90px}.agency-modern .hero .content{width:calc(100% - 50px);margin-top:90px}.portfolio-metro-01 .portfolio-item img,.portfolio-metro-02 .portfolio-item img{padding:7px 0}.about-author{margin:80px auto 0;position:static}.about-author .author-info{position:static;margin-top:15px;transform:translate(0);width:100%}.about-author .follow-links li{margin-right:20px}.about-author p{margin-top:5px}.about-us .intro h2,.about-us .intro p{width:85%}.agency-minimal .intro{margin:70px 0 60px}.agency-minimal .intro h1{line-height:1.1}.agency-minimal .intro h1 br{content:""}.agency-modern .hero h1,.contact h1{font-size:3rem}.agency-modern .hero h1 br{content:""}.agency-modern .about .info .content{width:70%}.awards_01 h2,.awards_01 ul{float:none;width:70%}.awards_01 ul{margin-top:10px}.blog-item{margin-bottom:60px;width:100%}.blog-item:nth-of-type(odd){margin-right:0}.blog-post{margin:65px 0 120px}.comment .avatar{float:none;margin-right:0}.comment .content{float:none;margin-top:18px;width:100%}.about-me .container-main,.contact .container-main,.footer-extended .info,.single-project .container{width:calc(100% - 50px);max-width:initial}.about-me .image{float:left;height:auto;margin-bottom:30px}.about-me{margin-bottom:70px;margin-top:0}.contact{margin:50px 0 70px}.cta_01 h2{margin-left:30px;margin-right:30px}.entry-header .entry-title{font-size:2.6rem}.entry-header .entry-title br{content:""}.entry-header .entry-thumbnail{height:500px}.about-author,.comments,.entry-content > p,.entry-content blockquote,.entry-footer,.leave-comment,.related-posts{width:80%}.extended-project-details{margin:45px auto 0;width:100%}.extended-project-details li{border-bottom:none;padding:12px 0}.extended-project-details li span{display:block;margin-top:10px;position:static;text-align:initial}.footer-extended .info{padding:40px 0}.footer-extended .info ul{float:none;margin-right:0;margin-bottom:30px}.footer-extended .info ul:last-child{margin-bottom:0}.footer-extended .copyright-section{height:auto;line-height:normal;padding:30px 0}.footer-extended .copyright-section .copyright{line-height:1.6;text-align:center}.footer-default .copyright,.footer-default .follow-us-links{float:none}.interactive-links{left:50%;margin-top:0;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%}.interactive-links .item h2{font-size:3rem}.leave-comment .contact-form input[name=email],.leave-comment .contact-form input[name=name]{float:none;width:100%}.leave-comment .contact-form input[name=name]{margin-right:0}.navigation{display:none}.nav-open{display:block;margin-right:10px}.portfolio-metro-01{width:calc(100% - 50px)}.footer-extended .info{width:calc(100% - 50px)} .content li:last-child {margin-bottom: 14px;}.personal-portfolio .content{width:100%}.portfolio-3-col-grid-no-gap .portfolio-item{float:none;width:100%}.portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(1) .portfolio-item, .portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(2) .portfolio-item, .portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(3) .portfolio-item{padding-top: 50%; width: 100%;}.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(1) .portfolio-item,.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(2) .portfolio-item,.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(3) .portfolio-item,.portfolio-metro-02 > a:nth-of-type(1) > .portfolio-item,.portfolio-metro-02 > a:nth-of-type(2) > .portfolio-item,.portfolio-metro-02 > a:nth-of-type(3) > .portfolio-item{padding-top:100%;width:100%}.portfolio-metro-01 > a:nth-of-type(1) > .portfolio-item{width:calc(42% - 7px);padding-top:60%;padding-right:7px}.portfolio-metro-01 > a:nth-of-type(2) > .portfolio-item{width:calc(58% - 7px);padding-left:7px;padding-top:60%}.portfolio-metro-01 > a:nth-of-type(3) > .portfolio-item{width:calc(42% - 7px);padding-top:60%;padding-right:7px}.portfolio-metro-01 > a:nth-of-type(4) > .portfolio-item{width:calc(58% - 7px);padding-top:60%;padding-right:7px} .portfolio-metro-01 .wrapper-01{float:none;}.portfolio-metro-01 .wrapper-01 a:first-child .portfolio-item {width: 100%;padding-top: 85%; float:none;} .portfolio-metro-01 .wrapper-01 a:nth-child(2) .portfolio-item, .portfolio-metro-01 .wrapper-01 a:nth-child(3) .portfolio-item{width: 100%;padding-top: 50%; float:none;}.portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(3) .portfolio-item,.portfolio-metro-02 .wrapper:nth-of-type(1) a:nth-of-type(3) .portfolio-item{margin-top:0}.portfolio-metro-01 .wrapper:nth-of-type(2),.portfolio-metro-01 .wrapper:nth-of-type(2),.portfolio-metro-02 .wrapper:nth-of-type(1),.portfolio-metro-02 .wrapper:nth-of-type(2){float:none;width:100%}.portfolio-metro-01 .wrapper a:nth-of-type(2) .portfolio-item{margin-right:7px}.portfolio-metro-01 .wrapper a:nth-of-type(3) .portfolio-item{float:right;padding-left:7px}.project-img-halved .item{float:none;width:100%}.project-img-halved .item:nth-of-type(1),.project-img-halved .item:nth-of-type(2),.project-img-halved .item:nth-of-type(3){margin-right:0;margin-bottom:14px}.comments,.leave-comment,.related-posts{margin:70px auto 0}.wrapper-video .wrapper-video-item{width:100%;margin:7px 0}.wrapper-video .wrapper-video-item .project-img-full:nth-of-type(2){margin:7px 0 0}.wrapper-video .wrapper-video-item .project-img-full:nth-of-type(1){margin-bottom:7px}.wrapper-video .project-img-full:nth-of-type(1){width:100%;margin:7px 0}.personal .project-img-halved{flex-direction:column}.personal .project-img-halved .wrapper:nth-of-type(1){width:100%}.single-project .personal .project-img-halved .wrapper .item:nth-of-type(1){padding:7px 0}.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(1),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(2),.single-project .personal .project-img-halved .wrapper-three .item:nth-of-type(3){width:32%;padding:7px 0}.single-project .personal .project-img-halved .item{width:100%;padding:7px 0}.single-project .project-img-halved-02 .item:nth-of-type(1){width:100%;padding:7px 0}.single-project .project-img-halved-02 .item:nth-of-type(2){width:100%;padding:7px 0}.single-project .project-img-halved-02 .item:nth-of-type(3){width:100%;padding:7px 0}.single-project .project-img-halved-02{display:flex;flex-direction:column}.single-project .personal .project-img-halved .wrapper-three{padding:0}.services_01 .item{float:none;margin:auto;width:100%}.services_01 .item:nth-of-type(2){margin:30px auto}.services_01 .item:nth-of-type(3){margin-top:0}.share-links li{margin:0 10px 0 0}.single-project{margin:50px 0 70px}.share-links,.tag-links{float:none}.tag-links a{margin-bottom:25px}.footer-default .copyright{margin-left:0}.footer-default .follow-us-links{margin-right:0;line-height:30px} .portfolio-other .portfolio-item, .portfolio-other a:nth-child(even) .portfolio-item { height: auto; flex-direction: column; margin-bottom: 45px;} .portfolio-other .img-cover {width: 100%;} .portfolio-other a .portfolio-item-overlay .info, .portfolio-other a:nth-child(even) .portfolio-item .info {width: 100%; text-align: left; position: relative; transform: initial; left: 0;} .single-project .info .portfolio-item-title-other { font-size: 1.5rem;} .portfolio-other a .info .portfolio-item-category {font-size: 0.75rem;}}
@media(max-width: 570px){.agency-minimal .intro h1{font-size:3.7rem}.agency-modern .about .info .content{width:87%}.cta_01 h2{font-size:3rem}.cta_02 p br{content:""}.team-member{height:480px;width:100%}.agency-modern .hero h1,.contact h1{font-size:2.7rem}.thumb-wrapper{padding:10px}.project-description{margin:15px 0}.extended-project-details{margin:30px auto 0}.single-project{margin-bottom:60px}.about-me .container-main,.agency-modern .hero .content,.contact .container-main,.footer-extended .info,.portfolio-metro-01,.single-project .container{width:calc(100% - 30px)}.nav-open{margin-right:0}}@media(max-width: 480px){.about-me{margin-bottom:86px}.about-me .image{height:470px}.about-me h2{font-size:2.2rem;line-height:1.2}.about-me .services{margin-bottom:40px}.about-me .services ul{float:none}.about-me .services ul:nth-of-type(2){margin:0}.about-us .intro h2,.about-us .intro p{width:100%}.about-us .intro h2,.awards_01 h2{font-size:2.7rem}.about-us .intro p{font-size:1.3rem}.agency-minimal .intro{margin:70px 0 40px}.agency-minimal .intro h1{font-size:2.5rem;line-height:1.2;margin-bottom:10px}.agency-minimal .intro h2{font-size:1.2rem}.agency-modern .hero .content{margin-top:90px}.agency-modern .hero h1{font-size:2.2rem;line-height:1.1;margin:26px 0 15px}.agency-modern .hero h2{font-size:0.6875rem;line-height:1.8}.agency-modern .about .info .content h2{font-size:2.2rem}.agency-modern .about .services .item{padding-top:100%;width:100%}.agency-modern .about .services .item{border-bottom:1px solid #eee}.blog-item .blog-thumbnail,.blog-item .entry-thumbnail,.entry-content .post-img{height:370px}.btn{border-radius:25px;font-size:0.6875rem;height:50px;line-height:50px;width:200px}.clients{padding:40px 0}.clients .item{float:none;height:120px;width:100%}.contact h1{font-size:2.7rem;margin-bottom:35px}.contact-form input[name=email],.contact-form input[name=name]{float:none;width:100%}.contact-form input[type=submit]{width:100%}.cta_01 h2{font-size:2.2rem;line-height:1.1;margin:0 auto}.cta_02{padding:130px 0}.cta_02 h2{font-size:2.8rem}.cta_02 .cta-link{font-size:1.3rem;letter-spacing:0.3px;padding-left:80px}.cta_02 .cta-link:before{top:10px;width:50px}.entry-header .entry-title{font-size:2rem;line-height:1.4;margin:7px 0 10px}.entry-header .entry-thumbnail{height:370px;margin-top:33px}.entry-content{margin-top:60px}.about-author,.comments,.entry-content > p,.entry-content blockquote,.entry-footer,.leave-comment,.related-posts{width:100%}.entry-content > p{letter-spacing:normal}.entry-content blockquote{padding:17px 0 19px 25px}.entry-content blockquote p{font-size:1.4rem}.irregular-grid-01 .portfolio-item{margin-bottom:50px}.irregular-grid-01 a:nth-of-type(even) .portfolio-item{margin:0 0 50px}.portfolio-metro-01 .wrapper a:nth-of-type(2) .portfolio-item,.portfolio-metro-01 .wrapper a:nth-of-type(3) .portfolio-item{width:100%;padding-top:63%;float:initial}.portfolio-metro-01 > a:nth-of-type(1) > .portfolio-item,.portfolio-metro-01 > a:nth-of-type(2) > .portfolio-item,.portfolio-metro-01 > a:nth-of-type(3) > .portfolio-item,.portfolio-metro-01 > a:nth-of-type(4) > .portfolio-item{width:100%;padding-top:110%;float:initial}.portfolio-metro-01 .wrapper:nth-of-type(2) .portfolio-item{padding-top:63%}.interactive-links .item h2,.single-project .info h1{font-size:2.2rem}.interactive-links .item span{display:none}.mail-link{font-size:1.5rem}.next-project{padding:90px 0 95px}.next-project h1{font-size:4rem}.personal-portfolio .hero h1{font-size:3.5rem}.personal-portfolio .hero p{font-size:1.3rem;margin:19px 0 21px}.personal-portfolio .hero .cta-link{font-size:1.5rem}.personal-portfolio .hero .cta-link:before{top:12px}.portfolio-2-col-grid .portfolio-item,.portfolio-2-col-grid-no-gap .portfolio-item{height:370px}.project-cover{height:600px}.project-description .content{width:100%}.single-project .info{width:100%}.single-project .details li span{display:block;margin-top:5px;position:static}.team-member{height:380px}.footer-extended .info .container{display:flex;flex-direction:column}.footer-default .copyright{margin:30px 15px 10px;line-height:1.6}}@media(max-width: 320px){.about-me h2{font-size:2.1rem}.about-me .image{height:370px}.agency-minimal .intro h1{font-size:2.1rem}.agency-modern .hero h1{font-size:1.8rem}.agency-modern .about .info .content h2{font-size:1.9rem}.blog-item .blog-thumbnail,.blog-item .entry-thumbnail,.entry-content .post-img,.entry-header .entry-thumbnail,.portfolio-cards .portfolio-item,.project-img-full,.project-img-halved .item{height:270px}.contact h1{font-size:2.5rem}.cta_01{height:400px}.cta_01 h2{font-size:2.4rem}.cta_02 h2{font-size:2.3rem;line-height:1.2}.cta_02 p{font-size:1.1rem}.entry-content > p{font-size:0.875rem;line-height:1.8}.full-screen-nav nav{padding:130px 0 70px}.interactive-links .item h2{font-size:2rem}.mail-link{font-size:1.3rem}.services_01 .item{height:270px}.single-project .info h1{font-size:3.2rem}.team-member{height:270px}}html{visibility:visible;opacity:1}