body{overflow:hidden;position:relative;font-family:Lato,sans-serif}section{padding:130px 0}.bg-2{background:#f3f5f7}li,p,span{color:#888}h2{color:#333}h3,h4{color:#444}h2{font-family:Russo One,sans-serif}.head-section{margin-bottom:4rem}.head-section h2{font-size:26px;position:relative}.head-section h2:before{height:7px;transform:skew(-36deg);content:"";position:absolute;bottom:-20px;background:#333;left:0;width:43px}.head-section h2:after{height:1px;content:"";position:absolute;bottom:-17px;background:#333;left:3px;width:150px}.btns{padding:0;font-size:14px;border:0;color:#222;text-transform:uppercase;position:relative;background:none;cursor:pointer;font-family:Russo One,sans-serif}.btns:before{height:2px;content:"";position:absolute;bottom:-3px;background:#222;left:0;width:10%}.btns:hover:before{width:100%}.btns:hover{text-decoration:none;color:#222}.btns:hover -i{margin-left:8px!important}.btns -i{color:#222}.about .about-image img,.btns -i,.btns:before,.contact form .form-control,.info-contact a,.logo h4,.portfolio .shuffle li,.scroll-top a,.service-single,.social-media a,header .h-btn a,header .header-shere a,nav{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease;transition:.5s ease}.contact .social-media a,.main-nav ul li a,.main-nav ul li a:after,.main-nav ul li a:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.main-nav{padding:20px 0;position:fixed;width:100%;z-index:11}.main-nav ul{padding:10px 18px;margin:0;border-radius:4px;float:right}.main-nav .logo{padding:10px;border-radius:4px}.main-nav .logo h4,footer .logo{font-size:26px;color:#fff;font-family:Russo One,sans-serif}.nav-scroll{padding:10px}.nav-scroll .logo h4{font-size:20px}.nav-scroll .logo,.nav-scroll ul{background:#111}.main-nav ul li{margin-left:20px;display:inline-block}.main-nav ul li a{font-size:14px;font-weight:700;color:#bebebe;position:relative}.main-nav ul li a:hover{text-decoration:none;color:#fff}.main-nav ul li.current a{color:#fff}.main-nav ul li a:hover:before,.main-nav ul li.current a:before{height:7px;border-left:2px solid #fff;content:"";position:absolute;border-top:2px solid #fff;top:-5px;left:-8px;width:7px}.main-nav ul li a:hover:after,.main-nav ul li.current a:after{height:7px;border-right:2px solid #fff;right:-8px;content:"";position:absolute;border-bottom:2px solid #fff;bottom:-5px;width:7px}.header-1{height:90vh;background-attachment:fixed;position:relative;background-size:cover;align-items:flex-end;background-position:50%;background-image:url(https://hayalsarnic.quest/images/bg.jpg);display:flex}.header-1:before{height:100%;content:"";position:absolute;top:0;background:rgba(0,0,0,.42);width:100%}.header-1 .head-top{position:relative;padding-bottom:19%;z-index:1}.header-1 .header-shere{display:inline-block}.header-1 .header-shere li a{font-size:14px;color:#ddd}.header-1 .header-shere:hover li a{text-decoration:none;color:#777}.header-1 .header-shere li a:hover{color:#ddd}.header-1 .header-shere a i{font-size:13px}.header-1 .header-text{position:relative;padding-bottom:60px;z-index:1}.header-1 .header-text h1{color:#ddd}.header-1 .header-text h5{font-size:16px;color:#ddd;text-transform:uppercase;letter-spacing:4px}.header-1 .header-btn{right:0;position:relative;width:25%;display:inline-block}.header-1 .h-btn{transform:rotate(-90deg);font-size:11px;right:-46px;position:absolute;bottom:78px;padding-left:32px;z-index:99}.header-1 .h-btn a{color:#fff}.header-1 .h-btn a i{font-size:15px;color:#ddd;padding-right:8px}.header-1 .h-btn a:hover{text-decoration:none;color:#999}.header-1 .h-btn a i{-webkit-animation:bounce 1s linear 0s infinite;-moz-animation:bounce 1s linear 0s infinite;-o-animation:bounce 1s linear 0s infinite;-ms-animation:bounce 1s linear 0s infinite;animation:bounce 1s linear 0s infinite}@keyframes bounce{0%,to{transform:translatex(2px)}50%{transform:translatex(-7px)}}.about .about-image{border:5px solid #f0f0f0;margin:auto}.about .about-image img{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);-ms-transform:rotate(-9deg);transform:rotate(-9deg);border:3px solid #f0f0f0;position:relative;-webkit-box-shadow:1px 4px 30px 0 rgba(51,51,51,.5);-moz-box-shadow:1px 4px 30px 0 rgba(51,51,51,.5);-o-box-shadow:1px 4px 30px 0 rgba(51,51,51,.5);-ms-box-shadow:1px 4px 30px 0 rgba(51,51,51,.5)}.about .about-image img:hover{transform:rotate(0deg)}.about .about-image img:before{left:30%}.about .about-image img:after,.about .about-image img:before{height:100%;content:"";position:absolute;top:0;background:#fff;width:3px}.about .about-image img:after{right:30%}.service{padding-top:10px}.service .service-single{padding:20px;position:relative}.service .service-single:hover{-webkit-box-shadow:3px 4px 25px 0 rgba(0,0,0,.12);-moz-box-shadow:3px 4px 25px 0 rgba(0,0,0,.12);-o-box-shadow:3px 4px 25px 0 rgba(0,0,0,.12);-ms-box-shadow:3px 4px 25px 0 rgba(0,0,0,.12);box-shadow:3px 4px 25px 0 rgba(0,0,0,.12)}.service .service-single h4{font-size:19px;margin-bottom:11px;font-family:Russo One,sans-serif}.service .service-single .icon{font-size:100px;right:24px;color:hsla(0,0%,93%,.68);position:absolute;z-index:-1}.service .service-single p{margin:0}.portfolio{position:relative}.portfolio .gallery{padding:0 12px}.portfolio .shuffle li{padding:4px 0;margin-right:14px;color:#444;text-align:center;cursor:pointer;width:96px;display:inline-block}.portfolio .shuffle .selected{position:relative;box-shadow:1px 2px 12px rgba(0,0,0,.1);background:#fff}.portfolio .shuffle .selected:before{height:7px;border-left:2px solid #444;content:"";position:absolute;border-top:2px solid #444;top:0;left:0;width:7px}.portfolio .shuffle .selected:after{height:7px;border-right:2px solid #444;right:0;content:"";position:absolute;border-bottom:2px solid #444;bottom:0;width:7px}.portfolio .project{position:relative;margin:3px}.portfolio .project .cont-project{right:7px;-webkit-transition:opacity .4s linear 0s;-moz-transition:opacity .4s linear 0s;-o-transition:opacity .4s linear 0s;-ms-transition:opacity .4s linear 0s;transition:opacity .4s linear 0s;position:absolute;opacity:0;bottom:7px;top:7px;background:hsla(0,0%,100%,.91);left:7px}.portfolio .project .cont-project:hover{opacity:1}.portfolio .project .cont-project .project-info{margin:18px}.portfolio .project .cont-project .project-info h5{font-size:18px;color:#444;text-transform:uppercase}.portfolio .project .cont-project .project-info span{font-size:14px;color:#777}.portfolio .project .project-links{right:27px;position:absolute;bottom:14px}.portfolio .project .project-links a{height:29px;border:1px solid #444;text-align:center;border-radius:1px;width:29px;line-height:28px;display:inline-block}.portfolio .project .project-links a i{font-size:15px;color:#222}.portfolio .ct{justify-content:center;align-items:center;display:flex}.portfolio .title-port h5{font-size:17px}.portfolio .footer-port h2{font-size:50px}.contact .info-contact{width:80%}.contact .info-contact a{color:#777}.contact .info-contact a:hover{color:#333}.contact .info-contact li:first-child{font-weight:700;color:#444;text-transform:uppercase}.contact .info-contact li i{color:#444}.contact ul li{font-size:15px;font-weight:500;margin-bottom:13px}.contact .social-media h5{font-size:16px;font-weight:700;margin-right:20px;color:#444;display:inline-block}.contact .social-media a{font-size:15px;margin-right:11px;color:#444;display:inline-block}.contact .social-media:hover a{color:#c3c3c3}.contact .social-media a:hover{color:#444}.contact form .form-control{padding:7px 3px;font-size:13px;border:0;border-bottom:1px solid #ddd;margin:13px 0;box-shadow:none!important;border-radius:0;background:transparent!important}.contact form .form-control:focus{border-color:#444}footer{background:#fff}footer .container{padding-top:20px;padding-bottom:20px}footer .rights{font-size:14px}footer .rights i{color:#bd2130}footer .rights a{color:#333}footer .logo{font-size:22px;text-decoration:none;color:#333}.scroll-top a{height:75px;border:2px solid #fff;color:#222;position:absolute;bottom:33px;text-align:center;border-radius:50%;background:#f3f5f7;left:calc(50% - 35px);width:75px;line-height:75px}.scroll-top a:hover{box-shadow:1px 1px 7px hsla(0,0%,41%,.24)}.loading-over{height:100%;justify-content:center;color:#fff;position:fixed;top:0;align-items:center;background:#111;left:0;width:100%;display:flex;z-index:9999}.loading-over .lod{height:64px;position:relative;width:64px;display:inline-block}.loading-over .lod div{-webkit-animation:lod 1s cubic-bezier(0,.2,.8,1) infinite;-o-animation:lod 1s cubic-bezier(0,.2,.8,1) infinite;-ms-animation:lod 1s cubic-bezier(0,.2,.8,1) infinite;animation:lod 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;position:absolute;opacity:1;border-radius:50%;-moz-lanimation:lod 1s cubic-bezier(0,.2,.8,1) infinite}.loading-over .lod div:nth-child(2){-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;-ms-animation-delay:-.5s;animation-delay:-.5s}@keyframes lod{0%{height:0;opacity:1;top:28px;left:28px;width:0}to{height:58px;opacity:0;top:-1px;left:-1px;width:58px}}@media (max-width:991px){section{padding:100px 0}.navbar .navbar-toggler{height:45px;padding:0;font-size:14px;border:1px solid #878584;text-align:center;border-radius:50%;background:rgba(0,0,0,.46);width:45px}.navbar-collapse{background:#0c0c0c;margin-top:11px}.main-nav .logo,.main-nav ul{padding:2px 0 8px;text-align:center;float:none}.main-nav{padding:13px}.main-nav .container,.nav-scroll{padding:0}.nav-scroll ul{padding:15px;border-radius:0}.nav-scroll .logo{display:none}.header{height:80vh}.header .header-text{padding-bottom:30px}.header .h-btn{bottom:48px}.header h1{font-size:35px}.service .service-single{margin-bottom:15px}.service .service-single .icon{font-size:60px}}@media (max-width:767px){section{padding:80px 0}.navbar{padding-right:25px;padding-left:25px}.header{height:66vh}.header .h-btn{display:none}.header h1{font-size:30px}.header h5{font-size:12px}.header-1 .head-bottom{text-align:center}.portfolio .shuffle li{text-align:left;margin-top:5px;padding-left:6px;display:block}.scroll-top{display:none}.head-section h2{font-size:23px}.head-section h2:after{width:150px}.head-section h2:before{height:10px;bottom:-21px;width:10px}.contact .social-media{margin-bottom:50px}}