body,h1,h2,h3,h4,h5,h6,html{font-family:Roboto,sans-serif}.gallery-block,.header-section,.portfolio-item,.site-btn{position:relative}body,html{height:100%}h1,h2,h3,h4,h5,h6{color:#001418;margin:0;font-weight:100}.section-title span,p{color:#979797}p{font-size:18px;line-height:1.8}img{max-width:100%}button:focus,input:focus,select:focus,textarea:focus{outline:0}a:focus,a:hover{text-decoration:none;outline:0}ol,ul{padding:0;margin:0}.body-pad{padding:0 40px}.spad{padding:100px 0}.pt100{padding-top:100px}.set-bg{background-repeat:no-repeat;background-size:cover}.section-title{font-size:60px}.element{margin-bottom:100px}.element:last-child{margin-bottom:0}.site-btn{display:inline-block;font-size:14px;min-width:140px;text-align:center;padding:15px 10px;color:#fff;border:none;background-color:#000;margin-right:15px;z-index:1}.site-btn.btn-fade{background-color:#979797}.site-btn.btn-line{background:0 0;border:2px solid #000;color:#000;padding:13px 10px}.site-btn.btn-line:hover{color:#000}.site-btn.btn-line-fade{background:0 0;border:2px solid #979797;color:#979797;padding:13px 10px}.site-btn.btn-line-fade:hover{color:#979797}.site-btn:hover{color:#fff}.header-section{padding-top:30px;padding-bottom:20px}.site-logo{padding-left:40px;padding-right:40px}h2 a,h2 a:hover{color:#001418}.main-menu ul{list-style:none}.main-menu ul li{display:inline}.main-menu ul li a{display:inline-block;font-size:18px;color:#001418;margin-left:15px;margin-right:10px;padding:20px 0 5px}.header-btn{float:right;margin-right:0}.nav-switch{display:none}.intro-section h2{padding:50px 0}.portfolio-section{overflow:hidden}.portfolio-filter{list-style:none;padding-bottom:50px}.portfolio-filter li{font-size:16px;display:inline-block;padding:0 15px;color:#979797;cursor:pointer}.portfolio-filter li.mixitup-control-active{color:#001418}.portfolios-area .gallery-block{padding:0}.portfolio-item{display:block;width:100%;height:250px;background-position:center center;background-size:cover;margin-bottom:30px}.portfolio-item .pi-inner{position:absolute;width:100%;height:100%;left:0;top:0;background:0 0;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s}.portfolio-item .pi-inner h2{opacity:0;font-size:30px;font-weight:400;position:absolute;left:50px;bottom:50px;color:#fff;letter-spacing:10px;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.portfolio-item:hover .pi-inner{background:rgba(0,20,24,.8)}.portfolio-item:hover .pi-inner h2{opacity:1;letter-spacing:0}.portfolio-meta{padding-bottom:45px}.portfolio-meta h2{font-size:24px}.portfolio-meta p{font-size:14px;color:#a6a6a6;margin-bottom:0}.portfolio-intro{display:block}.img-popup-warp .mfp-content{opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.img-popup-warp.mfp-ready .mfp-content{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.footer-section{padding:10px 0}.footer-section .copyright{font-size:12px;color:#979797}.social-links{margin-top:20px;margin-bottom:10px}.social-links a{color:#979797;font-size:30px;margin-right:30px}.social-links a:last-child{margin-right:0}@media only screen and (max-width:1448px){.home-2.container{width:auto}}@media only screen and (min-width:992px) and (max-width:1199px){.portfolio-item{height:250px}}@media only screen and (min-width:768px) and (max-width:991px){.body-pad{padding:0 30px}.portfolio-item{height:200px}}@media only screen and (max-width:767px){.header-section{padding-top:0}.body-pad{padding:0 15px}.main-menu{position:absolute;background:#efefef;width:100%;z-index:999;left:0;top:0;display:none}.main-menu ul li,.nav-switch{display:block}.main-menu ul li a{padding:10px 15px;border-bottom:1px solid #ddd;display:block}.main-menu ul li:last-child a{border-bottom:none}.home-2{text-align:left}.home-2 .main-menu{top:99px}.nav-switch{position:absolute;right:25px;font-size:30px;color:#333;top:15px}.header-btn{display:none}.intro-section h2{padding:20px 0}.section-title{font-size:45px}.footer-section{padding:5px 0}.portfolio-filter{text-align:center;list-style:none;padding-bottom:25px}.portfolio-item{height:150px}.social-links{margin-top:10px;margin-bottom:5px}}@media only screen and (min-width:369px) and (max-width:767px){.nav-switch{top:-3px}}@media only screen and (max-width:368px){.nav-switch{top:15px}}@media only screen and (max-width:479px){.section-title{font-size:30px}}