.clear{clear:both} ::-moz-selection{background:#1FC6C7;color:#FFF;text-shadow:none} ::selection{background:#1FC6C7;color:#FFF;text-shadow:none} .no-mar{margin:0!important}.no-pad{padding:0!important} .some-pad{padding-left:5px!important;padding-right:5px!important} .left-pad{padding-left:90px!important} .mar-1_br{margin-right:-1px;margin-bottom:-1px} header.header-area.nav-fixed{animation-duration:.8s;animation-name:fadeInDown;animation-timing-function:ease-in-out;-webkit-box-shadow:0 13px 35px -12px rgba(35,35,35,0.15);-moz-box-shadow:0 13px 35px -12px rgba(35,35,35,0.15);box-shadow:0 13px 35px -12px rgba(35,35,35,0.15);left:0;background:#FF662A;position:fixed!important;right:0;top:0;width:100%;z-index:999} .custom-padding{padding-bottom:350px!important} .mar-bot-50{margin-bottom:50px} .mar-bot-40{margin-bottom:40px} .mar-bot-150{margin-bottom:150px} .mar-bot-30{margin-bottom:30px} .margin-minas{margin-bottom:-50px} .padding-minas{padding-bottom:50px!important} .padding-to-minas{padding-top:0!important} .mar-top-30{margin-top:30px} .mar-top-80{margin-top:80px} .mar-top-80{margin-top:80px} .mar-top-55{margin-top:55px} .mar-top-140{margin-top:140px!important} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} *:focus{outline:0} html{font-size:62.5%;-webkit-font-smoothing:antialiased} body{background:#fff;font-weight:normal;font-size:16px;font-family:"Roboto",sans-serif;letter-spacing:1.5px;color:#141313;line-height:30px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} .body2{background:#f6f6f6} body.vs-light{background:#FFF} img{max-width:100%;height:auto;width:100%} button,textarea{letter-spacing:0} body{font-family:"Sora",sans-serif} h1,h2,h3,h4,h5,h6{font-family:"Sora",sans-serif;font-weight:600;letter-spacing:0;margin:0} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;font-family:"Sora",sans-serif;letter-spacing:0} h1{font-size:70px;line-height:84px;margin-bottom:0} h2{font-size:50px;line-height:65px;color:#0F1D34} h3{font-size:40px;line-height:50px} h4{font-size:30px;line-height:40px} h5{font-size:25px;line-height:35px;color:#0F1D34} h6{font-size:22px;line-height:30px} p{font-family:"Roboto",sans-serif;font-size:16px;line-height:26px;font-weight:400;color:#515151;letter-spacing:0;margin:0}p img{margin:0} em{font:15px/30px} strong,b{font:15px/30px} small{font-size:11px;line-height:inherit} a,a:visited{text-decoration:none;font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;letter-spacing:0;outline:0;transition:.5s ease} a:hover,a:active{color:#000000;text-decoration:none;outline:0;transition:.5s ease;font-family:"Roboto",sans-serif} a:focus{text-decoration:none;outline:0} p a,p a:visited{line-height:inherit;outline:0} ul,ol{margin-bottom:0;margin-top:0} ul{margin:0;padding:0} ol{list-style:decimal} ol,ul.square,ul.circle,ul.disc{margin-left:0} ul.square{list-style:square outside} ul.circle{list-style:circle outside} ul.disc{list-style:disc outside} ul ul,ul ol,ol ul,ol ol{padding:0;margin:0} ul ul li,ul ol li,ol ul li,ol ol li{margin-bottom:0} li{line-height:18px;list-style-type:none;margin:0;letter-spacing:0;display:inline-block;font-size:16px}[class^="flaticon-"]:before{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:inherit}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .btn.focus,.btn:focus{outline:0;box-shadow:none!important} button:focus{outline:none!important;box-shadow:none!important;border-color:transparent!important} span{letter-spacing:0} .c-fulid-max{max-width:90%;margin:auto} .form-control:focus{outline:none!important;box-shadow:none!important;border-color:#FF662A!important} .form-control{box-shadow:none!important} .btn-1{position:relative;padding:14px 10px;color:#000;min-width:200px;text-align:center;display:inline-flex;align-items:center;justify-content:center;height:60px;transition:1.5s ease;border:1px solid #FFF;border-radius:6px;cursor:pointer;z-index:1} .btn-1 a{color:#FF662A} .btn-2{padding:14px 45px;color:#FF662A;background:#FFF;display:inline-block;min-width:170px;cursor:pointer;height:60px;text-align:center;font-weight:500;border-radius:6px;font-size:16px} .scroll-top{position:fixed;right:30px;bottom:70px;z-index:99;opacity:0;cursor:pointer;transition:.5s ease;border:0;background:transparent} .scroll-top::before{position:absolute;content:'';background:url(../img/poka.png);background-size:cover;background-position:center;animation:spin 4s infinite;animation-duration:6000ms;animation-delay:2s;animation-timing-function:ease-in;left:0;top:1px;width:100%;height:100%;z-index:-1} .scrollup-icon{font-size:25px;color:#FFF;padding:15px} .scr-3{color:#FF662A} .scroll-top.open{opacity:1} .header-top{position:relative;background:#FF662A;padding:18px 0} .header-top ul li{position:relative;font-family:"Roboto",sans-serif;color:#FFF;margin-right:50px} .header-top ul li::before{position:absolute;content:'';width:1px;top:3px;height:15px;background:#FFF;right:-27px} .header-top ul li:last-child{position:relative} .header-top ul li:last-child::before{position:absolute;content:'';width:0} .header-top ul li i{margin-right:5px} header.header-area{position:absolute;width:100%;left:0;right:0;padding:25px 0;z-index:1} header.header-area .logo-wrapper{position:relative;z-index:1} header.header-area .logo-wrapper img{max-width:unset;width:auto} header.header-area .btn-1{position:relative;transition:.3s ease!important;margin-left:25px;display:inline-flex} header.header-area .btn-1 i{padding-right:8px;font-size:18px} header.header-area .btn-1:hover{background:#FFF} .hexa-nav{position:relative;display:inline-flex;float:right} .inner-hero{position:relative;height: 850px;background:url(../img/hero/inner-hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat} .inner-hero::before{position:absolute;content:'';width:100%;height:100%;background:#0f1d3461;top:0;left:0} .inner-hero .hero-content{position:relative;padding:280px 0 170px;text-align:center} .inner-hero .hero-content h1{color:#FFF} .inner-hero .hero-content ul{position:relative;margin-top:40px} .inner-hero .hero-content ul li{font-size:18px;font-weight:400;color:#FFF;padding:0 10px} .inner-hero .hero-content ul li a{position:relative;color:#FFF;font-size:18px;font-family:"Sora",sans-serif;font-weight:400} .inner-hero .hero-content ul li a::before{position:absolute;content:'';width:2px;height:12px;top:5px;right:-13px;background:#FFF} .pagination{position:relative;margin-top:50px} .pagination .page-item{margin-right:30px} .pagination .page-item .page-link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:70px;width:70px;font-size:31px;font-weight:400;border-radius:3px;color:#515151;border:1px solid #707070} .pagination .page-item .page-link:hover{background:#FF662A;border-color:#FF662A;color:#FFF} .modal .modal-content{padding:20px;margin-top:30%} .modal .modal-content .modal-header button.close{font-size:30px;padding-top:0;color:#515151;opacity:1} .modal .modal-content .modal-header button.close:hover{opacity:.5} .modal .modal-content .booked{position:relative;background:#FFF;padding:25px 20px} .modal .modal-content .booked h2{font-family:"Sora",sans-serif;color:#515151} .modal .modal-content .booked p{padding-top:10px} .modal .modal-content .booked form{position:relative;margin-top:35px} .modal .modal-content .booked form .form-control{position:relative;padding:0 15px;font-size:14px;border-radius:5px;box-shadow:none;height:40px;font-family:"Roboto",sans-serif;margin:5px 0} .modal .modal-content .booked form button.btn-1{margin-left:15px;margin-top:20px;border-radius:6px;background:#FF662A} .service-details{position:relative;margin:140px 0} .service-details .service-details-single{position:relative} .service-details .service-details-single h3{color:#0F1D34;margin-bottom:20px} .service-details .service-details-single p{margin-bottom:15px}. .service-details .service-details-single .sd-img{margin-bottom:15px} .service-details .service-details-single ul{background:#F2F2F2;padding:40px 30px;margin-bottom:15px} .service-details .service-details-single ul li{margin-bottom:10px} .service-details .service-details-single ul li i{color:#FF662A;margin-right:10px} .service-details .service-details-single .project-info{position:relative;background:#F2F2F2;padding:40px;display:inline-block;width:100%;margin:30px auto} .service-details .service-details-single .project-info .pro-info-left{position:relative;width:100%;float:left;margin-top:20px} .service-details .service-details-single .project-info .pro-info-left p span{font-weight:500} .footer-area{position:relative;padding-bottom:40px;background:#0F1D34} .footer-area .footer-top{position:relative;width:100%;display:inline-flex;background:#FF662A;border-radius:25px;height:220px;align-items:center;margin-top:-150px;margin-bottom:110px} footer{background:#0F1D34} footer p{color:#FFF;border-top:1px solid #FFF;padding:40px 0} footer p a{color:#FFF} @-webkit-keyframes spinnerRotateone{ 0%{-webkit-transform:rotate(0deg) translateY(30px);transform:rotate(0deg) translateY(30px)} 100%{-webkit-transform:rotate(160deg) translateY(30px);transform:rotate(160deg) translateY(30px)} } @keyframes spinnerRotateone{ 0%{-webkit-transform:rotate(0deg) translateY(30px);transform:rotate(0deg) translateY(30px)} 100%{-webkit-transform:rotate(160deg) translateY(30px);transform:rotate(160deg) translateY(30px)} } @-webkit-keyframes slideInnew3{ 0%{-webkit-transform:translate(-30px,-100px);-ms-transform:translate(-30px,-100px);transform:translate(-30px,-100px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @keyframes slideInnew3{ 0%{-webkit-transform:translate(-30px,-100px);-ms-transform:translate(-30px,-100px);transform:translate(-30px,-100px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @-webkit-keyframes slideInnew4{ 0%{-webkit-transform:translate(30px,0px);-ms-transform:translate(30px,0px);transform:translate(30px,0px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} }@keyframes slideInnew4{ 0%{-webkit-transform:translate(30px,0px);-ms-transform:translate(30px,0px);transform:translate(30px,0px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @-webkit-keyframes scrollup{ 0%{-webkit-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @keyframes scrollup{ 0%{-webkit-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @-webkit-keyframes roket{ 0%{-webkit-transform:translate(0px,30px);-ms-transform:translate(0px,30px);transform:translate(0px,30px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @keyframes roket{ 0%{-webkit-transform:translate(0px,80px);-ms-transform:translate(0px,80px);transform:translate(0px,-70px)} 100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} } @keyframes spin{ from{transform:rotate(0deg)}to{transform:rotate(360deg)} } @keyframes spin2{ 0%{opacity:1;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)} 100%{opacity:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)} } @-webkit-keyframes years{ 50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} } @keyframes years{ 50%{ -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5)} } html[dir="rtl"] header.header-area .logo-wrapper{text-align:right} html[dir="rtl"] header.header-area .btn-1{margin-left:0;margin-right:20px} html[dir="rtl"] .sm-mint a,html[dir="rtl"] .sm-mint a:hover,html[dir="rtl"] .sm-mint a:focus,html[dir="rtl"] .sm-mint a:active,html[dir="rtl"] .sm-mint a.highlighted{padding:20px 15px} html[dir="rtl"] .hexa-nav{float:left} html[dir="rtl"] .sm-mint a .sub-arrow{right:0} html[dir="rtl"] header.header-area .btn-1 i{padding-right:0;padding-left:8px} html[dir="rtl"] .footer-area{text-align:right} html[dir="rtl"] .footer-area .footer-top h4{margin-left:0;margin-right:85px} html[dir="rtl"] .footer-area .footer-pages .page-links ul li a i{padding-right:0} html[dir="rtl"] .footer-area .footer-pages .page-links ul li .con-icon{margin-right:0;margin-left:10px} html[dir="rtl"] .footer-area .footer-top .btn-1 i{padding-right:0;padding-left:5px} html[dir="rtl"] footer{text-align:right} html[dir="rtl"] .header-top{text-align:right} html[dir="rtl"] .header-top ul li::before{right:unset;left:-27px} html[dir="rtl"] .header-top ul li{margin-right:0;margin-left:50px} html[dir="rtl"] .inner-hero .hero-content ul li a::before{right:130px} html[dir="rtl"] .service-details .service-details-single .project-info{text-align:right} html[dir="rtl"] .service-details .service-details-single{text-align:right} html[dir="rtl"] .service-booking{text-align:right} html[dir="rtl"] .service-details .service-details-single ul li i{margin-right:0;margin-left:10px} } @media only screen and (max-width:991px){ html[dir="rtl"] .footer-area .footer-top .btn-1{margin-left:0;margin-right:50px} html[dir="rtl"] .footer-area .footer-top .btn-2{margin-left:0;margin-right:30px} html[dir="rtl"] .footer-area .footer-top h4{margin-left:0;margin-right:50px} } @media only screen and (max-width:767px){ html[dir="rtl"] .footer-area .footer-top h4{margin:auto;padding-right:50px} } @media only screen and (max-width:512px){ html[dir="rtl"] .footer-area .footer-top .btn-1{margin-left:0;margin-right:30px} } @media only screen and (max-width:480px){ html[dir="rtl"] .footer-area .footer-top .btn-1{margin-left:0;margin-right:0;margin:20px 15px} html[dir="rtl"] .footer-area .footer-top .btn-2{margin-left:0;margin-right:0;margin:20px 15px} html[dir="rtl"] #main-menu{top:65px} } @media only screen and (max-width:402px){ html[dir="rtl"] #main-menu{top:60px} html[dir="rtl"] .footer-area2 .footer-top .ft-social-link ul li{margin-right:8px} } @media only screen and (min-width:992px) and (max-width:1199px){ .sm-mint a .sub-arrow{display:none} } @media only screen and (min-width:1199px){ .sm-mint a.has-submenu{padding-right:34px} } @media only screen and (max-width:1199px){ .sm-mint a,.sm-mint a:hover,.sm-mint a:focus,.sm-mint a:active,.sm-mint a.highlighted{padding:23px 12px;font-size:12px} .hero-content h1{font-size:50px;line-height:63px} h2{font-size:40px;line-height:50px} h5{font-size:20px;line-height:30px} p{font-size:14px;line-height:24px} h6{font-size:20px;line-height:30px} .footer-area .footer-top h4{width:35%;margin-left:40px} h4{font-size:25px;line-height:36px} a,a:visited{font-size:14px} .header-top ul li{font-size:12px} } @media only screen and (min-width:768px) and (max-width:991.9px){ .sm-mint a{font-size:10px} .sm-mint a .sub-arrow{display:none} header.header-area{padding:12px 0} .btn-2{padding:14px 25px} } @media only screen and (max-width:991px){ .hero-content h1{font-size:40px;line-height:50px} h3{font-size:30px;line-height:40px} .footer-area .footer-top{display:inline-block;margin-bottom:70px} .footer-area .footer-top h4{width:55%;margin-left:20px;margin-top:25px;padding-bottom:20px} .footer-area .footer-pages .page-links{margin-top:25px;margin-left:12px} .footer-area .footer-pages .page-links h6{font-size:16px} .inner-hero .hero-content{padding:180px 0 140px} .pagination .page-item .page-link{height:50px;width:50px;font-size:24px} .pagination .page-item{margin-right:20px} .pagination{margin-top:50px;margin-bottom:70px} .mar-top-140{margin-top:110px!important} .service-details{margin-top:100px} .service-details{margin-bottom:200px} .top-button{display:none} } @media only screen and (max-width:850px){ .sm-mint a{font-size:10px;padding:14px 9px} } @media only screen and (max-width:767px){ .sm-mint a{color:white;padding:14px 10px;font-size:12px} .sm-mint{padding:31px 20px} #main-menu{position:fixed;max-height:383px;border-bottom:0;overflow-y:scroll;width:100%;top:80px;border-radius:15px;border-top-left-radius:0;border-top-right-radius:0;left:0;box-shadow:0 4px 3px rgba(0,0,0,0.25)} header.header-area .btn-1{margin-left:0;display:inline-flex;width:100%;margin-top:15px;align-items:center;justify-content:center} h2{font-size:30px;line-height:40px} .owl-theme .owl-nav{display:none;margin-top:10px} .btn-1{padding:14px 20px} .btn-2{padding:12px 20px;height:55px;font-size:14px} .footer-area .footer-top h4{width:100%;padding-left:20px;margin-left:0;margin-bottom:15px} .footer-area .footer-pages .page-links ul li{font-size:14px} header.header-area{padding:10px 0} .hero-img img{width:70%} .sm-mint ul a,.sm-mint ul a:hover,.sm-mint ul a:focus,.sm-mint ul a:active{font-size:12px} .header-top{display:none} .inner-hero .hero-content ul{margin-top:20px} .mar-top-140{margin-top:70px!important} .service-details{margin-top:75px} .service-booking{padding:50px 20px} } @media only screen and (max-width:575px){ .footer-area .footer-top h4{font-size:16px;line-height:26px} .footer-area .footer-top{height:auto;padding-bottom:20px;border-radius:10px;display:inline-block;margin-bottom:50px} .footer-area .footer-pages{display:block} .hero-img img{width:70%} .btn-1{padding:17px 20px} .service-details .service-details-single .project-info .pro-info-left{width:100%} } @media only screen and (max-width:512px){ .hero-content h1{font-size:30px;line-height:40px} } @media only screen and (max-width:480px){ .footer-area .footer-top{display:inline-block} .footer-area .footer-top .btn-2{margin-left:0;display:block;margin:0 15px} .inner-hero .hero-content ul{margin-top:15px} header.header-area .logo-wrapper img{max-width:100%;width:100%} #main-menu{top:70px} } @media only screen and (max-width:434px){ h2{font-size:24px;line-height:34px} h3{font-size:20px;line-height:30px} .footer-area .footer-top .btn-1{margin-left:0;margin:20px 15px;display:block} .inner-hero .hero-content{padding:150px 0 100px} .service-details .service-details-single ul{padding:40px 10px} .service-details .service-details-single ul li{line-height:25px} } @media only screen and (max-width:402px){ p{font-size:12px;line-height:20px} h2{font-size:24px;line-height:35px} .inner-hero .hero-content ul li{font-size:14px} .service-booking h4{margin-bottom:20px;font-size:20px;line-height:30px} .service-booking .form-group .form-control{font-size:12px;padding:28px 16px} } @media only screen and (max-width:388px){ .hero-content h1{font-size:24px;line-height:34px} .ab-service h6{font-size:16px;line-height:26px} }