.clearfix:after{content:"";clear:both;display:block}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1400px){#header.header4 #nav{top:28px;width:auto}.nav-active #header.header4 #nav{left:100px}}@media (min-width:1200px){#header .menu-opener{display:none}}@media (min-width:768px){#header .search-icon{display:none!important}#header.header5 .nav-opener{display:none}}@media (max-width:1399px){#header{padding:20px 40px}#header .header-holder{width:78%}#header.style3 .nav-opener{margin:0}#header.style3 .nav-opener span,#header.style3 .nav-opener:after,#header.style3 .nav-opener:before{background:#fff}#header.style3 .nav-opener .txt{color:#fff}#nav ul li{margin:0 0 0 40px}.offer-sec .main-img{width:479px}.right-bar{display:none}.nav-active #header.style3 .nav-opener span,.nav-active #header.style3 .nav-opener:after,.nav-active #header.style3 .nav-opener:before{background:#323031}.nav-active #header.style3 .nav-opener .txt{color:#323031}.item.col5 h4{font-size:20px}}@media (max-width:1199px){#wrapper{transition:all .25s linear}#header .side-nav{margin:0}#header.header2 #nav ul>li>a{color:#fff}#header.header3 #nav{padding:15px 0}#header.header3 #nav ul>li>a{color:#fff}#header.header3 .search{margin:-1px 0 0 20px}#header.header4 #nav{padding:65px 0 0;right:0;position:fixed;opacity:1;visibility:visible;text-align:left;top:0;margin:0 -300px 0 0;left:auto;width:300px}#header.header4 .nav-opener{margin-right:16px;float:right}#header.header4 .logo{float:left}#header.style1 #nav{margin:0 0 50px}#header.style2 .header-holder{padding:65px 0 0;right:-300px;opacity:1;visibility:visible;left:auto;width:300px}#header.style2 .header-holder #nav{height:auto;position:static;width:100%}#header.style2 .header-holder #nav ul li{font-size:16px;font-weight:400;text-align:left;line-height:18px}#header.style3 .nav-opener{margin:0}#header.style3 .nav-opener .txt{display:none}#header.style3 .header-holder{padding:0;right:0;left:auto;width:auto}#header.style3 #nav{margin-right:-300px;opacity:1;visibility:visible}#header.style3 #nav ul li{padding:0;font-size:25px;margin:0 0 10px;line-height:30px}#header.style3 #nav ul li:hover{padding:0;margin:0 0 10px}#header.style3 #nav a{color:#fff}#header.header6{padding-right:0;padding-left:0}#header.header6 .nav-opener{margin-left:20px}#header .header-holder{width:34%}#header .header-area #nav>ul>li{margin:0}#header .search{margin:-6px 0 0 20px}#nav{height:100vh;overflow-y:auto;padding:65px 0 0;right:0;transition:all .25s linear;position:fixed;bottom:0;top:0;margin:0 -300px 0 0;background:#323031;width:300px;float:none;z-index:55}#nav ul li{margin:0;display:block}#nav ul li.hover,#nav ul li:hover{padding:0;margin:0}#nav ul li.hover .drop-down,#nav ul li.hover .nav-drop{max-height:100%}#nav ul li.hover .drop-down li:hover .nav2{max-height:100%!important}#nav ul li a{padding:10px 30px;color:#fff;white-space:normal}#nav .drop-down{transform:translateY(0);padding:0 40px;position:static;max-height:0;min-width:310px;background:transparent}#nav .drop-down,#nav .drop-down.nav2{overflow:hidden;opacity:1;visibility:visible}#nav .drop-down.nav2{max-height:0!important}#nav .drop-down.nav2 a{color:#fff}#nav .drop-down li{padding:0;border:0}#nav .drop-down li:after{display:none}#nav .drop-down a{color:#fff}#nav .nav-drop{overflow:hidden;transform:translateY(0);padding:0 40px;position:static;max-height:0;opacity:1;visibility:visible;background:transparent;background-image:none!important}#nav .nav-drop .h-col{padding:10px 0 0;width:100%}#nav .nav-drop .h-col.h-col2{width:100%}#nav .nav-drop .title{margin:0 0 10px}#nav .nav-drop .nav{padding:0 20px}#header.bg-dark #nav .drop-down a,#nav .nav-drop a{color:#fff}.nav-active{overflow:hidden}.nav-active #nav{margin-right:0}.nav-active #header,.nav-active #wrapper{margin-right:300px;margin-left:-300px}.nav-active #header.sticky #nav{margin-right:0;top:0}.nav-active #header.header2.sticky #nav{margin-right:-300px;top:65px}.nav-active #header.header3{margin-right:0;margin-left:0}.nav-active #header.header3.sticky{margin-right:300px;margin-left:-300px}.nav-active #header.header4 #nav{right:300px;left:auto}.nav-active #header.header4.sticky #nav{right:0}.nav-active #header.style3 .nav-opener{margin-top:-8px}.nav-active #header.style3 .nav-opener span,.nav-active #header.style3 .nav-opener:after,.nav-active #header.style3 .nav-opener:before{background:#fff}.search-popup.form2 .search-form{top:12px;width:702px}.search-popup.form2 .search-close{right:53px;top:47px}.search-popup.form4 .search-form{height:124px;right:120px;width:605px}.search-popup .search-form{top:100px;width:755px}.search-popup .search-close{right:105px}.post.post2 .header{padding:18px 20px}.post.post4 br{display:none}.post.post6 .header{margin:0 0 20px}.post.post6 .post-info p{margin:0 0 30px}.post.post7 .header{padding:0 90px}.post.post7 .post-info{padding:0 52px}.post .txt-holder{padding:0 60px}.post .header{padding:20px 36px}.service-post.align-left .post-info{margin:80px -94px 0 0}.service-post .post-info{margin:80px 0 0 -94px}.main-heading:before{top:18px;width:70px}.main-heading .heading{font-size:35px;line-height:40px}.main-heading.style2{padding:0 0 0 80px}.main-heading.no-border{padding:0}.subscribe-holder .subscribe-form .form-control{margin:0 10px 0 0}.item .zoom{height:60px;font-size:25px;width:60px;line-height:60px}.item h4{font-size:20px;line-height:30px}.item.style1 .zoom,.item.style2 .zoom,.item.style3 .zoom,.item.style5 .zoom{height:60px;font-size:25px;width:60px;line-height:60px}.item.style1 h4,.item.style2 h4,.item.style3 h4,.item.style5 h4{font-size:20px;line-height:30px}.product .over{transform:translateY(90px);padding:13px}.aboutus-sec .title{font-size:122px;line-height:260px}.offer-sec .service-tab .icon{height:120px;font-size:56px;width:131px;line-height:75px}.offer-sec .service-info{padding:20px 15px 20px 0}.slider-blog .slick-arrow{color:#fff;opacity:.6;margin:-70px 0 0}.slider-blog .slick-prev{left:30px}.slider-blog .slick-next{right:30px}.mt-mainslider .caption{width:600px}.slider-ar .slick-arrow,.sliderfade-ar .slick-arrow{right:70px}.slider-ar .slick-prev,.sliderfade-ar .slick-prev{right:auto;left:70px}.contact-sec .map{width:500px}.project-detail .p-slider-nav .bg-dark{display:block}.btn-holder-detail{min-height:120px;position:relative}.btn-next-p,.btn-prev-p{top:0}.project-detail .img-cont{width:700px}.aboutus-sec .slider.style2{padding:0}}@media (max-width:1023px){#header .header-holder{width:65%}.search-popup.form2 .search-form{height:60px;right:90px;top:18px;width:470px}.search-popup.form2 .search-form .form-control{padding:20px 20px 20px 63px}.search-popup.form2 .search-form .search{padding:7px 0 7px 15px;font-size:26px;line-height:40px}.search-popup.form2 .search-close{top:37px}.search-popup.form3 .search-form .form-control{padding:20px 20px 20px 28px}.search-popup.form4 .search-form{width:420px}.search-popup .search-form{height:62px;width:510px}.search-popup .search-form .form-control{padding:20px}.search-popup .search-form .icon{font-size:35px;line-height:38px}.post.post2 .txt-holder{padding:0 15px}.post.post2 .header{padding:15px}.post.post2 h3{font-size:14px;line-height:19px}.post.post2 .time{width:140px}.post.post2 .author-by,.post.post2 .skill{font-size:14px}.post.post3 h3{font-size:16px}.post.post3 .author-by,.post.post3 .skill{font-size:14px}.post.post4 .header{font-size:13px}.post.post4 .header br{display:none}.post.post4 h3{font-size:16px}.post.post4 .author-by,.post.post4 .skill{font-size:14px}.post.post5 .time{padding:33px 20px 31px;width:112px}.post.post5 .align-left{padding:23px 0 23px 20px}.post.post6 .header{margin:0 0 20px}.post.post6 .time{padding:20px}.post.post6 .post-info{padding:0 0 14px 20px}.post.post6 .post-nav li{margin:0 0 10px}.post.post7 .header{padding:0 40px}.post.post7 .post-info{padding:0 50px}.post .txt-holder{padding:0 30px}.post .header{padding:20px}.post h3{font-size:18px;margin:0 0 25px;line-height:24px}.service-post.align-left .post-info{margin:39px -130px 0 0}.service-post.align-left .service-label{margin:-50px 0 0 -60px}.service-post .img-holder{width:52%}.service-post .post-info{margin:39px 0 0 -130px;width:65%}.service-post .txt-wrap{padding:30px 25px}.service-post h3{font-size:27px;margin:0 0 15px;line-height:34px}.service-post .service-label{margin:-50px -60px 0 0}.team .social-network li{margin:0 5px 0 4px}.main-heading:before{width:68px}.main-heading .heading{font-size:30px;line-height:35px}.main-heading.style3 .heading{line-height:37px}.subscribe-holder .subscribe-form .form-control{width:77%}.item.col5{width:33.33%}.item.col4{width:50%}.item .zoom{margin:0 auto}.item:hover h4{padding:0 0 10px}.isoto-filter{padding:0;text-align:left}.product .over .icon-link,.product .over .icon-shopping-bag{font-size:17px;line-height:20px}.product .over .cart{font-size:15px}.offer-sec .service-tab .icon{height:96px;padding:13px;font-size:46px;width:90px;line-height:75px}.offer-sec .service-tab .title{font-size:14px;line-height:16px}.offer-sec .service-info{width:64%}.offer-sec .service-info li{margin:0 0 30px;width:100%;float:none}.offer-sec .img-holder{margin:0 -8px 0 0;width:36%}.offer-sec .main-img{bottom:210px;width:339px}#footer .btn{margin:0 30px 0 10px}.counter-sec{min-height:0;padding:100px 0}.counter-sec .title{padding:0}.counter-sec .count{font-size:60px;line-height:60px}.offer-sec .service-tab li{margin:0 0 0 25px}.mt-mainslider .caption{width:500px}.contact-sec .map{margin:0;width:100%;float:left}.contact-sec .contact-detail .icon{width:40%}.contact-sec .contact-detail .contact-abt{padding:0 0 0 20px;width:60%}.p-detail-slider .slick-prev{left:20px}.p-detail-slider .slick-next{right:20px}.project-detail .img-cont{width:100%}.error-section .main-title{font-size:90px;line-height:90px}}@media (max-width:767px){.slick-next,.slick-prev,.wedo-slider.style2 .slick-arrow{display:none!important}#header{padding:15px 0}#header .header-holder{text-align:right;width:45%}#header .header-area,#header.header2.sticky .header-area{padding:20px 10px 10px}#header.header3 .header-area .header-holder{padding:0;width:48.2%}#header.header3 .header-area .header-holder .nav-opener{margin:5px 5px 0 20px}#header.header4 #nav ul li{margin:0}#header.style1 .header-holder{padding:0 15px}#header.style1 #nav{margin:0 0 20px}#header.style1 #nav ul li{font-size:25px;margin:0 0 10px;line-height:30px}#header.style1 #nav ul a,#header.style3 .header-holder{padding:0}#header.style3 #nav{margin:0 -300px 0 0}#header.style3 #nav ul li a{padding:10px 30px}#header.header5 .search-icon{color:#323031}#header.header5 .nav-opener{float:none;vertical-align:middle;display:inline-block}#header.header6 .header-holder{width:46%}#header.header6 .nav-opener{float:none;vertical-align:middle;display:inline-block}#header.header6 #nav>ul>li{margin:0}#nav{margin-right:-270px;text-align:left;width:270px}.nav-active #nav{margin-right:0}.nav-active #header,.nav-active #wrapper{margin-right:270px;margin-left:-270px}.nav-active #header.header2.sticky #nav{margin-right:-270px}.search-popup.form2 .search-form{height:60px;right:0;top:66px;width:100%}.search-popup.form4 .search-form{height:60px;padding:0;right:15px;top:74px;left:15px;width:auto}.search-popup.form4 .search-close{right:38px;top:38px}.search-popup .search-form{height:60px;right:0;top:66px;width:100%}.search-popup .search-form .form-control{padding:20px 15px;width:83%}.search-popup .search-form .icon{font-size:29px;width:17%;line-height:36px}.search-popup .search-close{right:18px;top:27px}.search-popup .title{font-size:23px;line-height:26px}.post.post3 h3{font-size:15px}.post.post5 .time{padding:20px;font-size:14px;width:136px;line-height:16px}.post.post5 .align-left{padding:23px 0 10px}.post.post6 .img-holder{margin:0 0 20px;width:100%;float:none}.post.post6 .header{margin:0 0 20px}.post.post6 .post-info,.post.post7 .header{padding:0}.post.post7 .post-info{padding:0 15px}.post.post7 .time{margin:0 auto;float:none;display:block}.post .txt-holder{padding:0 20px}.post .header{padding:15px}.post h3{font-size:16px;margin:0 0 20px;line-height:20px}.post .author-by,.post .skill{font-size:14px}.post .post-nav li{margin:0 0 10px}.service-post.align-left .post-info{margin:39px 0 0}.service-post .img-holder{margin:0 0 20px;width:100%;float:none}.service-post .post-info{margin:39px 0 0;width:100%;float:none}.blog-post br{display:none}.subscribe-holder .subscribe-form .form-control{width:73%}.product{padding:0;margin:0 0 30px;width:100%;float:none}.aboutus-sec .title{font-size:92px}.aboutus-sec .post-btn{margin:0 0 30px}.aboutus-sec .slider{padding:27px 0 0 27px}.aboutus-sec .slider:before{left:0}.aboutus-sec .slider .slick-prev{left:50px}.aboutus-sec .slider.bottom{padding:0 0 20px 15px}.aboutus-sec.inner .slider{max-width:320px;margin:0 0 30px;float:none}.slider-ar .slick-arrow,.sliderfade-ar .slick-arrow{right:30px}.offer-sec .service-tab{letter-spacing:-5px;margin:0 0 20px}.offer-sec .service-tab li{padding:0 15px;letter-spacing:0;margin:0 0 30px;width:50%}.offer-sec .service-tab .icon{width:115px}.offer-sec .service-info{padding:0;width:100%;float:none}.offer-sec .img-holder{margin:0;width:100%;float:none}.offer-sec .main-img{bottom:0;width:100%}#footer .btn{margin:0 0 30px;float:left}#footer.style2 #back-top{right:10px;width:60px}#footer.footer4 .f-nav li{margin:0 20px 10px 0}#footer.footer4 .social-network a{height:40px;width:40px}#footer.footer5 .social-network{padding-top:15px;text-align:left}#footer.footer5 #back-top{height:50px;padding:2px;right:0;bottom:100px;width:50px}.footer-area{padding-top:40px;padding-bottom:10px}.footer-area .contact-list{margin:0 0 30px}.footer-area .contact-list .fa{margin:7px 12px 0 2px;float:left}.footer-area .f-nav,.footer-area .social-network{margin:0 0 30px}.footer-holder .copyright{padding:20px 0}.mt-mainslider .slide-border{right:10px;top:10px;left:10px}.mt-mainslider .caption{width:280px}.mt-mainslider .heading{font-size:40px;line-height:50px}.mt-mainslider .title{font-size:20px;line-height:30px}.mt-mainslider .slick-arrow,.mt-mainslider .slider-arrow{display:none!important}.slider-pg .slick-dots,.sliderfade-pg .slick-dots{right:5px}.item.col2,.item.col3,.item.col4,.item.col5,.item.col6{width:100%}.test-sec .test-slider .slide{padding:83px 15px 40px}.wedo-slider .slick-arrow{top:-40px}.contact-sec .contact-holder{padding:60px 20px}.top-banner .social{display:block}.top-banner .social:before{left:-9999px}.project-detail .btn-box .btn-next-p span,.project-detail .btn-box .btn-prev-p span{height:90px;font-size:12px;width:135px;line-height:90px}.btn-next-p span,.btn-prev-p span{height:90px;font-size:14px;width:150px;line-height:90px}.project-detail h2{padding-top:50px;margin-top:0}.page-header .num{font-size:150px;line-height:150px}.error-section .main-title{font-size:40px;line-height:40px}.error-section .txt{font-size:20px;line-height:25px}.error-section .countdown-section{margin-bottom:10px;width:45%}.mt-mainslider .slick-dots{display:none!important}.contact-sec .contact-form.form2 .form-group{width:100%}.contact-sec .contact-form.form2 .col{padding:0;width:100%}}#flyout{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=lighten($color,15%),endColorstr=$color,GradientType=1);min-height:150px;padding:15px;border:1px solid #000;right:-350px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;position:fixed;top:130px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;background:#000;background:-moz-radial-gradient(90% 50%,ellipse cover,#000 0,#000 75%);background:-webkit-gradient(radial,90% 50%,0,90% 50%,75%,color-stop(0,#000),color-stop(75%,#000));background:-webkit-radial-gradient(90% 50%,ellipse cover,#f20000 0,#000 40%);background:-o-radial-gradient(90% 50%,ellipse cover,#000 0,#000 75%);background:-ms-radial-gradient(90% 50%,ellipse cover,#000 0,#000 75%);background:radial-gradient(ellipse at 90% 50%,#000 0,#000 75%);width:350px;z-index:10000}#flyout h3{color:#fff;margin:0}#flyout h4{color:#fff;margin:0 0 20px}#flyout .form-control{color:#000;opacity:.3}#flyout textarea{min-height:100px}#flyout .btn-defult{border:none;color:#000;background-color:#fff}#flyout .btn-defult:hover{opacity:.4}#flyout #button{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;border-bottom:0;top:80px;left:-90px}#flyout #button,#flyout #button .text{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}#flyout #button .text{padding:10px 20px 15px;border-bottom:none;opacity:1;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}#flyout #button .btn-primary{border-color:#000;background-color:#000}#flyout:hover{right:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.wpcf7-form-control{width:300px!important}.wpcf7-list-item-label{color:#fff;margin-left:5px}