::-webkit-scrollbar{background:#000;width:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;background:#ababab}body,html{overflow-x:hidden;padding:0;color:#fff;letter-spacing:1.5px;margin:0;font-family:Roboto,sans-serif}body{transition:all .3s ease;background-color:#131414}p{font-weight:400;line-height:1.5}a{text-decoration:none;transition:all .3s ease}a:focus{outline:none}.main-container{height:100%;position:relative;top:0;width:100%;margin-top:0}.container-fluid{padding:0;margin:0}.col-md-4{padding-top:15px;padding-bottom:15px}h1,h2,h3,h4,h5,h6{letter-spacing:2px;font-family:Roboto,sans-serif}.btn{padding:10px 20px;font-size:12px;font-weight:600;color:#000;transition:all .3s ease;text-transform:none;outline:none;text-align:center;background-color:#f6d223;border-radius:0}.btn:hover{color:#fff;outline:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.5),0 6px 20px 0 rgba(0,0,0,.7)}.pre-title{padding:0;font-size:14px;margin:0}.post-title{padding-top:5px;font-size:18px;font-weight:400}.preloader{height:100%;position:fixed;background-color:#131414;width:100%;z-index:999}.preloader span{transform:translateY(-50%);transform:translateX(-50%);font-size:16px;font-weight:600;position:absolute;letter-spacing:4px;top:50%;left:50%}header{height:140px;transition:all .3s;vertical-align:middle;display:table-cell}header:after{clear:both;display:block}.header{position:fixed;width:100%;display:table;z-index:900}.header.sticky{background-color:#131414;margin:auto;-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);box-shadow:0 2px 7px 1px rgba(0,0,0,.3)}.header.sticky header{height:80px}.header-logo{float:left;z-index:900}.header-logo,.header-menu{position:relative;vertical-align:middle;display:table-cell}.header-menu{font-size:14px;cursor:pointer;float:right;z-index:999}.header-menu .menu-item{position:absolute;left:0}.header-menu .menu-item span{height:2px;transition:all .1s;background-color:#fff;margin:3px auto 3px 0;width:14px;display:block}.header-menu .menu-item span:nth-child(2){margin-left:5px}.header-menu .menu-item:hover span:nth-child(2){margin-left:0}.header-menu .exit-item{position:absolute;left:0;display:none}.header-menu-container{height:100%;position:fixed;background:url(https://pyrrolquadra.shop/img/nav/nav-bg.jpg) 50% 50% #181818;background-size:cover;top:0;left:0;width:100%;display:none;z-index:900}.header-menu-content{height:100%;right:0;position:fixed;background:hsla(0,0%,9%,.9);background-size:cover;top:0;-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);box-shadow:0 2px 7px 1px rgba(0,0,0,.3);width:320px;z-index:1}.header-menu-container ul{list-style:none;transform:translate(-50%,-50%);padding:0;position:absolute;top:50%;margin:0;left:50%}.header-menu-container ul li{padding:5px 0;font-size:25px;font-weight:600;text-align:left;font-family:Roboto,sans-serif}.header-menu-container ul li a{text-decoration:none;color:#fff;position:relative}.header-menu-container ul li a:hover{color:#ababab}.header-menu-container ul li a:before{height:5px;transition:all .3s;content:"";position:absolute;bottom:20px;background-color:transparent;left:-102px;width:0}.header-menu-container ul li a:hover:before{background-color:#ababab;width:102px}.menu-quote{border-left:2px solid #787878;font-size:50px;font-weight:700;color:#787878;position:absolute;letter-spacing:2px;top:30%;left:10%;width:500px;font-family:Playfair Display,serif}.home-bg{background:url(https://pyrrolquadra.shop/img/home/bg.jpg) 100% 100%;background-size:cover}.about-bg{background:url(https://pyrrolquadra.shop/img/about/bg.jpg) 50% 50%;background-size:cover}.portfolio-bg{background:url(https://pyrrolquadra.shop/img/portfolio/bg.jpg) 50% 50%;background-size:cover}.portfolio-details-bg{background:url(https://pyrrolquadra.shop/img/portfolio/cvk-matbaa-hizmetlerimiz.jpg) 50% 50%;background-size:cover}.blog-bg{background:url(https://pyrrolquadra.shop/img/blog/bg.jpg) 50% 50%;background-size:cover}.blog-details-bg{background:url(https://pyrrolquadra.shop/img/blog/bg-single.jpg) 50% 50%;background-size:cover}.contact-bg{background:url(https://pyrrolquadra.shop/img/contact/bg.jpg) 50% 50%;background-size:cover}.main-content{padding:250px 0 150px}.main-content h2{padding:0;font-size:42px;font-weight:700;color:#ababab;margin:0}.main-content hr{height:1px;border:0;position:relative;background-color:#787878;margin:40px 0;width:70px}.main-content hr:after{height:4px;content:"";position:absolute;top:-1px;background-color:#fff;left:20px;width:30px}.home-social ul{list-style:none;padding:0;margin:0}.home-social ul li{position:relative;text-align:left;width:50px;display:inline-block}.home-social ul li:after{right:10px;color:#787878;content:"/";position:absolute;z-index:1}.home-social ul li:last-child:after{content:""}.home-social ul li a{text-decoration:none;color:#fff}.home-social ul li:hover i{color:#f6d223}.portfolio{padding-top:30px;background-color:#181818;padding-bottom:30px}.portfolio-list h2{padding:20px 0 50px;font-size:25px;font-weight:600}.portfolio-container{overflow:hidden;position:relative}.filters,.portfolio-container>div{padding-bottom:30px}.filters span{margin-right:15px}.filters span,.filters ul,.filters ul li{display:inline-block}.filters ul li{padding:2px 10px;font-size:16px;color:#787878;transition:all .3s ease;cursor:pointer;margin-left:15px}.filters ul li.active,.filters ul li:hover{color:#131414;background-color:#f6d223}.filters ul li:first-child{margin-left:0}.portfolio-item img{width:100%}.portfolio-item a{text-decoration:none;color:#f6d223}.portfolio-column{transition:all 1s;position:relative;width:100%}.portfolio-column:hover{-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);box-shadow:0 2px 7px 1px rgba(0,0,0,.3);margin-top:-5px}.portfolio-column:hover .portfolio-content{opacity:1;cursor:pointer}.portfolio-content{position:absolute;opacity:0;top:30px;width:100%;z-index:201}.portfolio-content h2{padding:0 30px;transition:all .6s;position:relative;opacity:0;text-align:left;margin:30px 0 0;width:100%}.portfolio-column:hover .portfolio-content h2{opacity:1;margin-top:0}.portfolio-content p{padding:10px 30px;font-weight:400;color:#fff;transition:all .9s;position:relative;opacity:0;text-align:left;margin:-30px 0 0;width:100%}.portfolio-column:hover .portfolio-content p{opacity:1;margin-top:0}.portfolio-content hr{height:1px;border:0;position:relative;background-color:#787878;margin:20px 30px 10px;width:70px}.portfolio-content hr:after{height:4px;content:"";position:absolute;top:-1px;background-color:#f6d223;left:20px;width:30px}.portfolio-overlay{height:100%;position:absolute;opacity:0;top:0;background-color:#181818;width:100%;z-index:200}.portfolio-column:hover .portfolio-overlay{opacity:.8}.portfolio-button{text-align:center;margin:20px 0;width:100%}.portfolio-details-container{background-color:#181818;padding-bottom:30px}.portfolio-details{padding-top:50px}.portfolio-details-container{padding-bottom:50px}.portfolio-detail-container h2{padding:0;font-size:40px;font-weight:600;margin:0}.portfolio-info{font-size:16px;color:#787878;padding-bottom:30px}.portfolio-img{margin-top:30px}.portfolio-img img{width:100%}.portfolio-social{text-align:center;margin:30px auto auto}.portfolio-social p{font-size:12px;font-weight:600;text-align:center;padding-bottom:15px}.portfolio-social ul{list-style:none;padding:0;margin:0 0 30px}.portfolio-social ul li{height:40px;border:1px solid #ebebeb;text-align:center;width:40px;display:inline-table}.portfolio-social ul li a{height:40px;text-decoration:none;color:#ebebeb;text-align:center;margin:auto;width:40px;display:block}.portfolio-social ul li i{text-align:center;line-height:40px}.portfolio-social ul li:hover{border:1px solid #f6d223;cursor:pointer}.portfolio-social ul li:hover i{color:#f6d223}.main-blog{background-color:#181818;padding-bottom:30px}.main-blog-list{padding-top:50px}.main-blog-list div{padding-bottom:30px}.blog-item-img{overflow:hidden;position:relative;display:block}.blog-item-img img{width:100%}.blog-item a{text-decoration:none}.blog-item-container{transition:all 1s;background-color:#131414}.blog-item-container:hover{-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.3);box-shadow:0 2px 7px 1px rgba(0,0,0,.3);margin-top:-5px}.blog-item-container h2{padding:5px 30px;font-size:25px;font-weight:600;color:#fff;margin:0}.blog-item-container .blog-date{font-size:12px;color:#787878;padding-right:30px;padding-left:30px}.blog-author{font-weight:600;color:#f6d223}.blog-category{font-size:12px;margin-bottom:0;color:#f6d223;padding-left:30px}.blog-post{padding:0 30px;font-size:16px;color:#787878;margin:30px 0}.blog-item-container .btn{margin:0 30px}.blog-detail{background-color:#181818;padding-bottom:50px}.blog-detail-content{padding-top:50px}.blog-detail-content h2{padding:0;font-size:40px;font-weight:600;margin:0}.blog-detail-author{font-weight:600;color:#f6d223}.blog-detail-date{font-size:12px;color:#787878}.blog-detail-category{font-size:12px;color:#f6d223}.blog-detail-info{padding-top:30px;font-size:16px;color:#787878}.blog-detail-img{padding-top:30px;padding-bottom:15px}.blog-detail-img img{width:100%}.blog-detail-bold{font-size:13px;font-weight:700}.blog-detail-big{font-size:18px;font-weight:400}.blog-social{text-align:center;margin:50px auto}.blog-social p{font-size:12px;font-weight:600;text-align:center;padding-bottom:15px}.blog-social ul{list-style:none;padding:0;margin:0 0 30px}.blog-social ul li{border:1px solid #ebebeb;display:inline-table}.blog-social ul li,.blog-social ul li a{height:40px;text-align:center;width:40px}.blog-social ul li a{text-decoration:none;color:#ebebeb;margin:auto;display:block}.blog-social ul li i{text-align:center;line-height:40px}.blog-social ul li:hover{border:1px solid #f6d223;cursor:pointer}.blog-social ul li:hover i{color:#f6d223}.about{background-color:#181818;padding-bottom:50px}.about-content{padding-top:50px}.about h2{padding:0;font-size:40px;font-weight:600;margin:0}.about-content p{font-size:16px;color:#787878}.custom-pad{padding-right:30px;padding-left:0}.main-contact{padding:50px 0 80px;background-color:#181818}.main-contact-container div{padding-top:30px}.main-contact input,.main-contact textarea{padding:15px;border:none;color:#787878;outline:none;background-color:#131414;width:100%}.main-contact textarea{height:300px}footer{padding-top:50px;padding-bottom:80px}footer:after{clear:both;display:block}.footer-content{float:left}.footer-content p{font-weight:400;color:#787878;line-height:30px}.footer-social{float:right}.footer-social ul{list-style:none;padding:0;margin:0}.footer-social ul li{height:30px;text-align:center;width:30px;display:inline-table}.footer-social ul li a{text-decoration:none;color:#787878;display:block}.footer-social ul li i{transition:all .3s ease;text-align:center;line-height:30px}.footer-social ul li:hover i{color:#fff}@media screen and (max-width:1024px){.header-menu-container{background:none}.header-menu-content{background:#181818;width:100%}.header-menu-container ul li{text-align:center}}@media screen and (max-width:768px){.header-menu{padding:0 10px}.header-menu-container ul li{padding:5px 0;font-size:25px}.filters span,.menu-quote{display:none}.custom-pad{padding-right:15px;padding-left:15px}footer{padding-top:50px;padding-bottom:50px}.footer-content,.footer-social{text-align:center;margin:auto;float:none}}@media screen and (max-width:360px){.filters ul li{font-size:14px;margin-left:0}}