/*Section title*/ /*-----------------------*/ .section-title .site-tag { font-size: 24px; color: #92d3d7; } .section-title h2 { font-size: 60px; font-weight: 600; text-transform: capitalize; } .section-title .sub-text { font-size: 24px; font-weight: 600; padding-left: 40px; position: relative; } .section-title .sub-text:before { top: 8px; left: 0; width: 2px; content: ''; height: 20px; position: absolute; background-color: #ff5b2e; } .section-title-text { font-size: 18px; margin-top: 10px; line-height: 1.667; padding-left: 30px; } .title-style-one .site-tag { font-family: "Caveat"; font-weight: 700; } .title-style-one h2 { line-height: 1.167; padding: 5px 0px 30px; } .title-style-one .sub-text { line-height: 1.417; } .title-style-two .site-tag { font-family: "Roboto"; font-weight: 500; } .title-style-two h2 { font-weight: 700; padding-top: 10px; line-height: 1.167; } .title-style-two .sub-text { line-height: 1.417; } .title-style-three .site-tag { font-size: 18px; font-weight: 700; font-family: "Roboto"; } .title-style-three h2 { font-weight: 400; font-family: "Playfair Display"; } .title-style-three .sub-text { font-family: "Playfair Display"; } /*--------------------------*/ .thx-it-about-text-item-1 .ab-btn a:last-child:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:last-child:before, .header-style-three .head-f-quot a:before, .thx-it-service-call-action-section .thx-it-service-cta-btn a:before, .project-overview .project-overview-list a:before, .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .thx-it-slider-btn .s-more-btn:before, .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-more-btn:before, .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-btn a:before, .thx-it-breadcurmb-content .breadcrumb li:first-child:before { top: 0; left: 0; content: ''; z-index: -1; width: 60px; height: 60px; position: absolute; border-radius: 100%; background-color: #ffebe6; } .thx-it-about-text-item-1 .ab-btn, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .thx-it-about-text-item-1 .ab-btn a, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a { z-index: 1; width: 190px; height: 60px; font-weight: 700; line-height: 60px; margin-right: 30px; text-align: center; position: relative; } .thx-it-about-text-item-1 .ab-btn a:first-child, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child { color: #fff; border-radius: 30px; background-color: #ff5b2e; -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.2); box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.2); } .thx-it-about-text-item-1 .ab-btn a:last-child, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:last-child { width: 132px; } .thx-it-newslatter-form input { border: none; padding-left: 30px; } .thx-it-newslatter-form button { border: none; background-color: transparent; } .thx-it-newslatter-form button, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a, .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info .thx-it-team-details-btn { height: 60px; width: 200px; font-weight: 700; line-height: 60px; border-radius: 50px; font-family: "Nunito"; } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text { position: absolute; } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text h3, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text h3, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text h3, .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text p { color: #fff; opacity: 0; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; -webkit-transform: translate(0, -25px); -ms-transform: translate(0, -25px); transform: translate(0, -25px); } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text p { -webkit-transform: translateX(0, -25px); -ms-transform: translateX(0, -25px); transform: translateX(0, -25px); } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text .thx-it-blog-meta, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text .thx-it-blog-meta, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text .thx-it-blog-meta { opacity: 0; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; -webkit-transform: translate(0, -25px); -ms-transform: translate(0, -25px); transform: translate(0, -25px); } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text .thx-it-blog-meta a, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text .thx-it-blog-meta a, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text .thx-it-blog-meta a { color: #fff; } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text .thx-it-blog-meta a i, .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text .thx-it-blog-meta a i, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text .thx-it-blog-meta a i { color: #fff; } .thx-it-blog-section .thx-it-blog-type2:before, .thx-it-blog-section .thx-it-blog-type3:before, .thx-it-blog-section .thx-it-blog-type4:before { left: 0; right: 0; top: 50%; bottom: 50%; content: ''; opacity: 0.902; position: absolute; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; background-color: #ff5b2e; } .thx-it-blog-section .thx-it-blog-type2:hover:before, .thx-it-blog-section .thx-it-blog-type3:hover:before, .thx-it-blog-section .thx-it-blog-type4:hover:before { top: 0; bottom: 0; } .thx-it-blog-section .thx-it-blog-type2:hover .thx-it-blog-text h3, .thx-it-blog-section .thx-it-blog-type3:hover .thx-it-blog-text h3, .thx-it-blog-section .thx-it-blog-type4:hover .thx-it-blog-text h3, .thx-it-blog-section .thx-it-blog-type2:hover .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type3:hover .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type4:hover .thx-it-blog-text p { opacity: 1; -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; -webkit-transform: translate(0, 0) scale(1) rotate(0); -ms-transform: translate(0, 0) scale(1) rotate(0); transform: translate(0, 0) scale(1) rotate(0); } .thx-it-blog-section .thx-it-blog-type2:hover .thx-it-blog-meta, .thx-it-blog-section .thx-it-blog-type3:hover .thx-it-blog-meta, .thx-it-blog-section .thx-it-blog-type4:hover .thx-it-blog-meta { opacity: 1; -webkit-transform: translate(0, 0) scale(1) rotate(0); -ms-transform: translate(0, 0) scale(1) rotate(0); transform: translate(0, 0) scale(1) rotate(0); -webkit-transition-delay: .5249999999999999s; -o-transition-delay: .5249999999999999s; transition-delay: .5249999999999999s; } .thx-it-blog-section .thx-it-blog-text h3, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text h3 { font-size: 26px; font-weight: 600; line-height: 1.308; padding-bottom: 15px; } .thx-it-blog-section .thx-it-blog-text p, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text p { line-height: 1.75; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #faeeee; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a { padding-right: 30px; position: relative; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a:after, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a:after { top: 1px; right: 13px; width: 2px; content: ''; height: 15px; position: absolute; background-color: #fff5f5; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a:last-child, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a:last-child { padding-right: 0; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a:last-child:after, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a:last-child:after { display: none; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a i, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a i { color: #ff5b2e; margin-right: 5px; } .thx-it-feature-content-2 .thx-it-feature-slide-item .owl-dots .owl-dot, .thx-it-testimonial-slide-section .owl-dots .owl-dot { width: 10px; height: 10px; margin: 0 5px; border-radius: 100%; display: inline-block; background-color: #eeeeee; } .thx-it-feature-content-2 .thx-it-feature-slide-item .owl-dots .owl-dot.active, .thx-it-testimonial-slide-section .owl-dots .owl-dot.active { background-color: #ff5b2e; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a, .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-text a { font-weight: 700; text-align: center; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a i, .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-text a i { width: 35px; height: 35px; font-size: 14px; line-height: 30px; margin-left: 18px; border-radius: 100%; color: #ff5b2e; border: 2px solid #ffebe6; } .header-style-one .header-main-option .option-btn, .header-style-three .option-btn { width: 60px; height: 60px; color: #ff5b2e; line-height: 60px; margin-left: 10px; border-radius: 100%; text-align: center; display: inline-block; border: 1px solid #71556d; } .header-style-one .header-main-option .option-btn:hover, .header-style-three .option-btn:hover { border: 1px solid #fff; } .thx-it-blog_pagination .pagination { display: inherit; margin-top: 20px; } .thx-it-blog_pagination .pagination li { margin: 0px 4px; display: inline-block; } .thx-it-blog_pagination .pagination li a { padding: 0; width: 50px; height: 50px; display: block; font-size: 14px; line-height: 50px; font-weight: 700; color: #343434; border-radius: 100%; border: 2px solid #ededed; } .thx-it-blog_pagination .pagination li a:hover { color: #fff; background-color: #ff5b2e; border: 2px solid #ff5b2e; } .thx-it-blog_pagination .pagination .page-link:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .thx-it-blog_pagination .pagination .page-item:first-child .page-link, .thx-it-blog_pagination .pagination .page-item:last-child .page-link { border-radius: 100%; } .news_qoute:before, .bg_img_post:before { top: 0; opacity: .95; z-index: -1; height: 100%; width: 100%; content: ''; position: absolute; } .news_post_item .video_play_btn, #blod_slide .owl-nav { left: 0; right: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .news_post_item .video_play_btn { height: 100px; width: 100px; line-height: 100px; border-radius: 100%; background-color: #ff5b2e; } .news_post_item .video_play_btn i { color: #fff; font-size: 20px; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-img-content, .twitter_update .tw_feed { display: inline-block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e1e6ff; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-img-content:last-child, .twitter_update .tw_feed:last-child { border: none; padding: 0; margin: 0; } .comment_formfield .quote_form .contact-info .icon-bg { top: 30px; right: 30px; color: #ff5b2e; position: absolute; } .comment_formfield .quote_form .contact-info .icon-bg i { font-size: 18px; } .header-style-four .quote-btn-2:before, .thx-it-about-text-item-1 .ab-btn a:first-child:before, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:before, .mission-vission-content .mission-content a:before, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:before, .header-style-four .quote-btn-2:after, .thx-it-about-text-item-1 .ab-btn a:first-child:after, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:after, .mission-vission-content .mission-content a:after, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:after, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:after, .header-style-four .quote-btn-2 span:before, .thx-it-about-text-item-1 .ab-btn a:first-child span:before, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a span:before, .mission-vission-content .mission-content a span:before, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a span:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: -1; background-color: #fff; opacity: .2; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .header-style-four .quote-btn-2:after, .thx-it-about-text-item-1 .ab-btn a:first-child:after, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:after, .mission-vission-content .mission-content a:after, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:after, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:after, .header-style-four .quote-btn-2 span:before, .thx-it-about-text-item-1 .ab-btn a:first-child span:before, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a span:before, .mission-vission-content .mission-content a span:before, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a span:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:before { top: auto; bottom: 0; } .header-style-four .quote-btn-2 span:before, .thx-it-about-text-item-1 .ab-btn a:first-child span:before, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a span:before, .mission-vission-content .mission-content a span:before, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a span:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:before, .header-style-four .quote-btn-2 span:after, .thx-it-about-text-item-1 .ab-btn a:first-child span:after, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a span:after, .mission-vission-content .mission-content a span:after, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a span:after, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:after { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .header-style-four .quote-btn-2:hover:before, .thx-it-about-text-item-1 .ab-btn a:first-child:hover:before, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:hover:before, .mission-vission-content .mission-content a:hover:before, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:hover:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:hover:before, .header-style-four .quote-btn-2:hover:after, .thx-it-about-text-item-1 .ab-btn a:first-child:hover:after, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:hover:after, .mission-vission-content .mission-content a:hover:after, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:hover:after, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:hover:after, .header-style-four .quote-btn-2:hover span:before, .thx-it-about-text-item-1 .ab-btn a:hover:first-child span:before, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:hover span:before, .mission-vission-content .mission-content a:hover span:before, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:hover span:before, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:hover:first-child span:before, .header-style-four .quote-btn-2:hover span:after, .thx-it-about-text-item-1 .ab-btn a:hover:first-child span:after, .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a:hover span:after, .mission-vission-content .mission-content a:hover span:after, .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a:hover span:after, .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:hover:first-child span:after { height: 100%; } .mobile_menu .mobile-menu-contact-info li i, .mobile_menu .mobile-cart i { border-radius: 100%; width: 30px; height: 30px; font-size: 14px; line-height: 30px; margin-right: 15px; text-align: center; background-color: #f5f5f5; } .search-body { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform .7s ease; transition: -webkit-transform .7s ease; -o-transition: transform .7s ease; transition: transform .7s ease; transition: transform .7s ease, -webkit-transform .7s ease; background-color: rgba(0, 0, 0, 0.85); } .search-body.search-open { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .search-body .search-form { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-body .search-form .search-form-area { width: 100%; z-index: 9991; max-width: 600px; position: relative; } .search-body .search-form input { width: 100%; height: 60px; border: none; padding: 0px 30px; background-color: #fff; } .search-body .search-form button { top: 0; right: 0; color: #fff; border: none; width: 120px; height: 60px; position: absolute; background-color: #ff5b2e; } .search-body .outer-close { top: 40px; right: 55px; width: 50px; height: 50px; cursor: pointer; line-height: 50px; position: absolute; background-color: #92d3d7; } .search-body .outer-close i { color: #fff; } .search-open { opacity: 1; visibility: visible; } .shopping-cart { right: 0; top: 85px; z-index: -1; opacity: 0; width: 350px; display: block; margin: 10px 0; background: #fff; padding: 30px 20px; position: absolute; visibility: hidden; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-top: 5px solid #ff5b2e; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .shopping-cart.cart-show { top: 65px; opacity: 1; z-index: 9; visibility: visible; } .shopping-cart li { width: 100%; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .shopping-cart li:last-child { border-bottom: none; } .shopping-cart .cart-total { padding-top: 10px; font-weight: 700; font-size: 14px; } .shopping-cart .cart-total span { color: #ff5b2e; } .shopping-cart .cart-checkout { color: #fff; font-size: 14px; padding: 8px 15px; border-radius: 30px; background-color: #ff5b2e; } .cart-product-img { margin-right: 20px; height: 80px; width: 80px; } .cart-product-text { padding-top: 15px; } .cart-product-text h3 { font-size: 18px; font-weight: 700; padding-bottom: 5px; } .cart-product-text h3 a { color: #54304d; } .cart-product-text span { font-size: 14px; margin-right: 20px; display: inline-block; } /*Side bar area*/ /*----------------------------------------------------*/ .wide_side_bar { top: 15px; margin-left: 5px; position: relative; display: inline-block; z-index: 3; height: 40px; width: 40px; cursor: pointer; right: 35px; } .wide_side_bar span { position: relative; top: 10px; right: -35px; } .wide_side_bar span:before { content: ''; height: 3px; width: 25px; right: 0; position: absolute; background-color: #ff5b2e; } .wide_side_bar span:nth-child(1):before { top: 0; width: 25px; } .wide_side_bar span:nth-child(2):before { top: 10px; width: 32px; } .wide_side_bar span:nth-child(3):before { top: 20px; width: 38px; } .wide_side_bar { height: 120px; width: 120px; margin-left: 80px; text-align: center; z-index: 1; background-color: #ff5b2e; top: 0; } .wide_side_bar span { top: 45px; left: 20px; } .wide_side_bar span:before { background-color: #fff; width: 38px; } .side_inner_content { top: 0px; bottom: 0; right: -320px; height: 110vh; z-index: 101; position: fixed; width: 300px; overflow-y: scroll; background-color: #fff; padding: 50px 30px; -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .side_inner_content p { text-align: left; } .side_inner_content .side_inner_logo { margin: 30px 0px; } .side_inner_content .side_contact { margin-bottom: 30px; } .side_inner_content .side_contact .social_widget h3 { font-size: 18px; padding: 10px 0px 20px 0px; } .side_inner_content .side_contact .social_widget li { margin: 0px 3px; } .side_inner_content .side_copywright { font-size: 14px; } .side_inner_content .close_btn { top: 30px; left: 20px; cursor: pointer; color: #ff5b2e; position: absolute; } .side_inner_content .close_btn i { font-size: 14px; } .wide_side_bar { right: 0; } .wide_side_inner { position: absolute; } .wide_side_inner.wide_side_on .side_inner_content { padding-top: 50px; } .side_inner_content .close_btn { top: 25px; } .wide_side_inner.wide_side_on .side_inner_content { right: -15px; z-index: 99; -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .wide_side_inner .side_overlay { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; width: 100%; z-index: 9; height: 110vh; visibility: hidden; position: fixed; background: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .body_overlay_on { overflow: hidden; } .wide_side_inner.wide_side_on .side_overlay { opacity: 1; visibility: visible; } /*---------------------------------------------------- */ /*(2)- Header area*/ /*----------------------------------------------------*/ .thx-it-header-area { z-index: 9; width: 100%; position: absolute; } .header-style-one .header-top { font-size: 14px; font-weight: 500; padding: 8px 200px 9px; border-bottom: 1px solid #673b5d; background: inherit; } .header-style-one .header-top-left li { color: #fff; margin-right: 32px; } .header-style-one .header-top-left li i { color: #ff5b2e; margin-right: 5px; } .header-style-one .header-top-cta { display: inline-block; } .header-style-one .header-top-cta a { color: #fff; padding: 10px; position: relative; } .header-style-one .header-top-cta a:after { top: 14px; width: 2px; right: -3px; content: ''; height: 12px; position: absolute; background-color: #6c4363; } .header-style-one .header-top-cta a:last-child:after { display: none; } .header-style-one .header-top-cta select { border: none; color: #fff; margin-left: 20px; background-color: transparent; } .header-style-one .header-top-cta select option { color: #fff; background-color: #92d3d7; } .header-style-one .header-social { display: inline-block; margin-right: 28px; } .header-style-one .header-social li { color: #b288a8; margin-left: 15px; } .header-style-one .main-navigation { padding-top: 15px; margin-right: 55px; display: inline-block; } .header-style-one .main-navigation li { margin-left: 68px; text-transform: capitalize; } .header-style-one .main-navigation li a { color: #fff; font-weight: 700; padding-bottom: 30px; } .header-style-one .header-main-menu { padding: 25px 200px 0px; } .header-style-one .header-main-option { float: right; } .header-style-one .header-main-option .main-option-list { display: inline-block; } /*Dropdown menu*/ /*----------------------------------------------------*/ .it-menu-itemlist .dropdown { position: relative; } .it-menu-itemlist .dropdown:before { top: 0; right: -15px; font-weight: 900; content: '\f107'; color: #ff5b2e; position: absolute; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; font-family: 'Font Awesome 5 Free'; } .it-menu-itemlist .dropdown:hover .dropdown-menu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .it-menu-itemlist .dropdown-menu { left: 0; top: 48px; z-index: 100; margin: 0px; padding: 0px; height: auto; width: 200px; display: block; border: none; padding: 15px 20px; border-radius: 0; overflow: hidden; position: absolute; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); background-color: #fff; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; border-top: 10px solid #ff5b2e; border-bottom: 10px solid #92d3d7; -webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1); box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1); } .it-menu-itemlist .dropdown-menu:after { right: 0; bottom: 0; z-index: -1; line-height: 1; font-size: 100px; content: '\f107'; position: absolute; font-family: 'appilo-v6'; color: rgba(255, 91, 46, 0.2); } .it-menu-itemlist .dropdown-menu li { display: block; margin-left: 0 !important; } .it-menu-itemlist .dropdown-menu a { font-weight: 500 !important; color: #242424 !important; } .header-style-one.sticky-header-overlay { top: -60px; padding-bottom: 12px; background-color: #54304d; } .header-style-one.sticky-header-overlay .side_inner_content { top: 60px; } /*Header Style Two*/ /*----------------------------------------------------*/ .header-style-two { padding: 40px 300px 0px 240px; } .header-style-two .it-menu-itemlist .main-navigation { background-color: #fff; padding: 17px 15px; } .header-style-two .it-menu-itemlist .main-navigation li { margin: 0px 30px; } .header-style-two .it-menu-itemlist .main-navigation li a { font-weight: 700; padding-bottom: 25px; } .header-style-two .it-menu-itemlist .dropdown-menu { top: 42px; } .header-style-two .it-menu-itemlist .dropdown-menu li { margin: 0; } .header-style-two .it-menu-itemlist .dropdown:before { color: #92d3d7; } .header-style-two .logo-sticky { display: none; } .header-style-two .quote-area { padding: 20px 25px; border-radius: 10px; background-color: #92d3d7; color: #fff; border-top-left-radius: 0; border-top-right-radius: 0; } .header-style-two .quote-area span { font-weight: 700; } .header-style-two.sticky-header-overlay { background-color: #fff; padding: 15px 300px 15px 240px; -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); } .header-style-two.sticky-header-overlay .main-navigation { background-color: transparent; } .header-style-two.sticky-header-overlay .quote-area { display: none; } .header-style-two.sticky-header-overlay .logo-top { display: none; } .header-style-two.sticky-header-overlay .logo-sticky { display: block; } /*Header Style Three*/ /*----------------------------------------------------*/ .header-style-three { padding: 30px 85px 0px 60px; } .header-style-three:after { top: -250px; left: -80px; z-index: -1; content: ''; width: 500px; height: 500px; position: absolute; background-repeat: no-repeat; background-image: url(../img/logo/logo-shape.png); } .header-style-three .main-navigation { padding-top: 15px; } .header-style-three .main-navigation li { margin: 0 26px; } .header-style-three .main-navigation li a { color: #fff; font-weight: 700; padding-bottom: 30px; text-transform: capitalize; } .header-style-three .option-btn { color: #fff; border: 1px solid #758188; } .header-style-three .head-f-quot { float: right; padding: 15px 0px 0px 75px; } .header-style-three .head-f-quot a { color: #fff; font-weight: 700; position: relative; } .header-style-three .head-f-quot a:before { top: -20px; left: -35px; background-color: #ff5b2e; } .header-style-three.sticky-header-overlay { background-color: #000; padding: 15px 85px 13px 60px; } .header-style-three.sticky-header-overlay:after { display: none; } /*Header Style Fout*/ /*----------------------------------------------------*/ .header-style-four .header-main-menu { padding: 40px 240px 0px; } .header-style-four .it-menu-itemlist .dropdown:before { color: #fff; } .header-style-four .quote-btn-2 { color: #fff; height: 60px; width: 190px; font-weight: 700; line-height: 60px; margin-left: 60px; border-radius: 40px; background-color: #92d3d7; position: relative; overflow: hidden; z-index: 1; } .header-style-four .quote-btn-2 a { width: 100%; display: block; } .header-style-four.sticky-header-overlay { top: 0; } .header-style-four.sticky-header-overlay .header-main-menu { padding-top: 10px; } /*Stickey header*/ /*----------------------------------------------------*/ .sticky-header-overlay { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; position: fixed; z-index: 9; width: 100%; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-transition: .7s all ease-in-out; -o-transition: .7s all ease-in-out; transition: .7s all ease-in-out; } /*---------------------------------------------------- */ /*(3) - About Section*/ /*----------------------------------------------------*/ .thx-it-about-section-1 { padding: 220px 0px 185px; } .thx-it-about-section-1 .thx-it-about-img { z-index: 1; } .thx-it-about-section-1 .thx-it-about-img:before { left: -140px; top: -140px; content: ''; z-index: -1; width: 820px; height: 820px; border-radius: 100%; position: absolute; background-color: #fff9f9; } .thx-it-about-section-1 .thx-it-about-img .thx-it-about-main-img { width: 522px; height: 522px; overflow: hidden; border-radius: 100%; } .thx-it-about-section-1 .thx-it-about-img .thx-it-about-circle-img-1, .thx-it-about-section-1 .thx-it-about-img .thx-it-about-circle-img-2 { top: 0; right: 40px; width: 170px; height: 170px; overflow: hidden; border-radius: 100%; position: absolute; } .thx-it-about-section-1 .thx-it-about-img .thx-it-about-circle-img-2 { top: auto; left: 40px; right: auto; width: 102px; bottom: 20px; height: 102px; } .thx-it-about-feature { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 45px 0px 35px; } .thx-it-about-feature .thx-it-about-thx-it-feature-item { width: 50%; } .thx-it-about-feature .thx-it-about-thx-it-feature-item:nth-child(2) .thx-it-about-thx-it-feature-icon { color: #92d3d7; } .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-icon { font-size: 40px; line-height: 1; color: #ff5b2e; margin-right: 20px; } .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-text h4 { font-size: 20px; font-weight: 600; padding-bottom: 8px; margin-bottom: inherit;} .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-text p { font-size: 14px; overflow: hidden; line-height: 1.857; } .thx-it-about-text-item-1 { position: relative; z-index: 1; } .thx-it-about-text-item-1 .thx-it-about-text { padding-top: 25px; } .thx-it-about-text-item-1 .ab-btn a { z-index: 1; overflow: hidden; position: relative; font-family: "Nunito"; } .thx-it-about-text { font-size: 18px; line-height: 1.667; } /*About Us(Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-about-section-2 { overflow: visible; padding-bottom: 260px; background-color: #f4f8fc; } .thx-it-about-section-2 .section-title h2 { padding: 10px 0px 25px 0px; } .thx-it-about-section-2 .thx-it-about-text-item-1 .ab-btn a { font-family: "Roboto"; } .thx-it-about-section-2 .thx-it-about-text-item-1 .ab-btn a:first-child { background-color: #92d3d7; -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2); } .thx-it-about-section-2 .thx-it-about-text-item-1 { max-width: 600px; } .thx-it-about-section-2 .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-text h4 { font-weight: 700; } .thx-it-about-section-2 .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-text p { max-width: 195px; } .thx-it-about-section-2 .thx-it-about-side-img { position: absolute; bottom: 0; right: 0; } .thx-it-about-section-2 .thx-it-about-counter { display: -webkit-box; display: -ms-flexbox; display: flex; bottom: -52px; position: absolute; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item { z-index: 1; padding: 58px; min-width: 270px; display: inline-block; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item:nth-child(1) { background-color: #ff5b2e; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item:nth-child(2) { background-color: #92d3d7; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item:nth-child(2) .thx-it-about-counter-hover .count-icon-bg i { color: #aae6ead9; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item:nth-child(3) { background-color: #54304d; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item:nth-child(3) .thx-it-about-counter-hover .count-icon-bg i { color: #75436b; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .it-location-counter h3 { line-height: 1; font-size: 50px; font-weight: 700; color: #fff; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .it-location-counter h3 span { font-size: 16px; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item p { color: #fff; font-weight: 700; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .thx-it-about-counter-hover { opacity: 0; visibility: hidden; margin-left: -85px; -webkit-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; transition: .4s all ease-in-out; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .thx-it-about-counter-hover a { color: #fff; font-size: 14px; font-weight: 700; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .thx-it-about-counter-hover a i { margin-left: 5px; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .thx-it-about-counter-hover .count-icon-bg { right: 15px; bottom: 15px; z-index: -1; line-height: 1; position: absolute; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item .thx-it-about-counter-hover .count-icon-bg i { color: #ff6b42; font-size: 120px; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item:hover .thx-it-about-counter-hover { margin-left: 40px; opacity: 1; visibility: visible; } /*About Us(Home Page 3)*/ /*----------------------------------------------------*/ .thx-it-about-us-section-3 { padding: 115px 0px 100px; } .thx-it-about-us-section-3 .thx-it-about-img-3 { max-width: 530px; padding-top: 30px; } .thx-it-about-us-section-3 .thx-it-about-img-3 img { border: 10px solid #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(105, 116, 128, 0.1); box-shadow: 0px 8px 16px 0px rgba(105, 116, 128, 0.1); } .thx-it-about-us-section-3 .thx-it-about-text-item-1 .section-title h2 { padding: 5px 0 32px; } .thx-it-about-us-section-3 .thx-it-about-text-item-1 .section-title .sub-text { font-weight: 400; line-height: 1.417; } .thx-it-about-us-section-3 .thx-it-about-text-item-1 .thx-it-about-text { margin-bottom: 42px; } .thx-it-about-us-section-3 .thx-it-about-feature { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0px -15px; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item { z-index: 1; padding: 30px; margin: 0px 15px; position: relative; background-color: #fff2ef; border-right: 2px solid #ff5b2e; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-icon { margin-bottom: 25px; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-iconbg { top: 10px; z-index: -1; right: 10px; line-height: 1; position: absolute; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item .thx-it-about-thx-it-feature-iconbg i { color: #ffe5df; font-size: 120px; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item:nth-child(2) { background-color: #effeff; border-right: 2px solid #92d3d7; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item:nth-child(2) .thx-it-about-thx-it-feature-iconbg i { color: #d4f5f7; } /*About Us(About Us page)*/ /*----------------------------------------------------*/ .thx-it-about-page-thx-it-about-section { padding: 110px 0px 120px; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-img { padding-top: 40px; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-img .thx-it-about-main-img { width: 530px; height: 530px; overflow: hidden; border-radius: 100%; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-img .thx-it-about-circle-img-1 { right: 55px; width: 160px; bottom: 10px; height: 160px; overflow: hidden; position: absolute; border-radius: 100%; border: 10px solid #fff; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-author { width: 100%; display: inline-block; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-author .author-img { margin-right: 30px; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-author .thx-it-about-author-text { margin-top: 10px; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-author .thx-it-about-author-text h4 { font-size: 24px; font-weight: 700; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-author .thx-it-about-author-text span { font-weight: 700; color: #ff5b2e; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single { height: 60px; width: 190px; line-height: 60px; border-radius: 40px; background-color: #92d3d7; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .ab-btn-single a { z-index: 1; color: #fff; width: 100%; display: block; font-weight: 700; overflow: hidden; position: relative; } .thx-it-about-page-thx-it-about-section .thx-it-about-text-item-1 .title-style-two h2 { padding: 5px 0px 30px; } .thx-it-about-page-thx-it-about-section .thx-it-about-text-item-1 .title-style-two .sub-text { padding-bottom: 35px; } .thx-it-about-page-thx-it-about-section .thx-it-about-text-item-1 .thx-it-about-text { padding: 30px 0px 25px; } /*About Gallery(About Us page)*/ /*----------------------------------------------------*/ .thx-it-about-gallery-section { padding-bottom: 90px; } .thx-it-about-gallery-img { margin-bottom: 30px; } .thx-it-about-exp-badge { top: 50%; left: 0; right: 0; width: 200px; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: absolute; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #54304d; } .thx-it-about-exp-badge .exp-text h4 { color: #fff; font-weight: 700; font-size: 50px; } .thx-it-about-exp-badge .exp-text h4 span { font-size: 16px; } .thx-it-about-exp-badge .exp-text span { color: #fff; font-weight: 700; text-transform: capitalize; } /*(About Us page)*/ /*----------------------------------------------------*/ .core-thx-it-platform-section { background-color: #54304d; padding: 110px 0px 210px 0px; } .core-thx-it-platform-section:before { top: 0; right: 0; content: ''; width: 25%; height: 100%; position: absolute; background-color: #ff5b2e; } .core-thx-it-platform-section .thx-it-platform-text .section-title h2 { color: #fff; } .core-thx-it-platform-section .thx-it-platform-text .section-title .sub-text { color: #fff; font-weight: 500; margin: 35px 0px; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item { margin: 0px -10px; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li { width: 170px; margin: 10px; height: 170px; padding-top: 40px; text-align: center; background-color: #5f3958; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li i { color: #92d3d7; font-size: 50px; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li span { color: #fff; display: block; margin-top: 10px; font-weight: 700; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li:hover { background-color: #92d3d7; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li:hover i, .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li:hover span { color: #54304d; } .core-thx-it-platform-section .thx-it-platform-img { padding: 40px 0px 0px 40px; } .thx-it-team-section-one.thx-it-about-team { padding: 0 0px 20px 0px; overflow: visible; background-color: transparent; } .thx-it-team-section-one .thx-it-team-area-content { top: -100px; padding-top: 100px; position: relative; background-color: #fff; } .mission-vission-section { padding-bottom: 35px; } .mission-vission-section .mission-vission-iconbg { right: 0; bottom: 0px; position: absolute; } .mission-vission-section .mission-vission-iconbg i { line-height: 1; color: #e5ebf1; font-size: 200px; } .mission-vission-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06); box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06); } .mission-vission-content .mission-vission-text { padding: 90px 0px 90px 80px; } .mission-vission-content .mission-vission-text span { font-size: 20px; font-weight: 700; } .mission-vission-content .mission-vission-text h3 { font-size: 50px; font-weight: 700; padding: 20px 0px 28px; } .mission-vission-content .mission-vission-text p { font-size: 20px; line-height: 1.5; padding-bottom: 42px; } .mission-vission-content .mission-content { z-index: 1; } .mission-vission-content .mission-content .background_overlay { z-index: -1; background-color: rgba(255, 91, 46, 0.9); } .mission-vission-content .mission-content span, .mission-vission-content .mission-content h3, .mission-vission-content .mission-content p { color: #fff; } .mission-vission-content .mission-content a { z-index: 1; color: #fff; height: 60px; width: 200px; display: block; font-weight: 700; line-height: 60px; overflow: hidden; position: relative; text-align: center; border-radius: 40px; background-color: #54304d; } .mission-vission-content .vission-content span { color: #92d3d7; } .mission-vission-content .vission-content h3 { color: #54304d; } .mission-vission-content .vission-content p { color: #54304d; padding-bottom: 50px; } .mission-vission-content .vission-content a { z-index: 1; font-weight: 700; padding-left: 40px; position: relative; } .mission-vission-content .vission-content a:before { left: 0; top: -20px; z-index: -1; content: ''; width: 60px; height: 60px; position: absolute; border-radius: 100%; background-color: #e5cae0; } .thx-it-blog-section-2.thx-it-about-page-blog { padding-top: 0px; } /*---------------------------------------------------- */ /*(4) - Service Section*/ /*----------------------------------------------------*/ .thx-it-service-section { padding: 110px 0px; background-color: #fff9f9; } .thx-it-service-item-list { padding-top: 25px; } .thx-it-service-item-list .thx-it-service-icon { width: 70px; height: 70px; margin: 0 auto; line-height: 70px; border-radius: 100%; background-color: #fff; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.04); box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.04); } .thx-it-service-item-list .thx-it-service-icon i { font-size: 32px; color: #ff5b2e; } .thx-it-service-item-list .thx-it-service-item-no { left: 0; right: 0; top: -35px; z-index: -1; line-height: 1; color: #fef2f2; font-size: 120px; font-weight: 700; -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; } .thx-it-service-item-list .thx-it-service-text { margin: 0 auto; padding-top: 80px; max-width: 220px; } .thx-it-service-item-list .thx-it-service-text:before { top: 40px; left: 0; right: 0; height: 3px; content: ''; width: 35px; margin: 0 auto; position: absolute; background-color: #92d3d7; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-service-item-list .thx-it-service-text h3 { font-size: 22px; font-weight: 600; line-height: 1.364; padding-bottom: 13px; } .thx-it-service-item-list .thx-it-service-text p { line-height: 1.875; padding-bottom: 13px; } .thx-it-service-item-list .thx-it-service-more a { font-size: 20px; } .thx-it-service-item-list .thx-it-service-icon-text { z-index: 1; } .thx-it-service-item-list .thx-it-service-icon-text:hover .thx-it-service-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .thx-it-service-item-list .thx-it-service-icon-text:hover .thx-it-service-text:before { width: 75px; } .thx-it-service-item-list .thx-it-service-icon-text:hover .thx-it-service-more a { color: #ff5b2e; } .thx-it-service-cta { padding: 25px; background-color: #fff1f1; } .thx-it-service-cta p { font-size: 18px; font-weight: 600; font-family: "Nunito"; } .thx-it-service-cta p a { color: #ff5b2e; text-decoration: underline; } /*Service section (Home Page 2)*/ /*----------------------------------------*/ .thx-it-service-section-2 { padding: 160px 0px 90px; } .thx-it-service-section-2 .thx-it-service-content-2 { padding-top: 65px; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text { padding: 50px 45px 45px; margin-bottom: 30px; border: 2px solid #ffebe6; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-icon { line-height: 1; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-icon i { font-size: 50px; color: #ff5b2e; margin-right: 28px; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text h3 { font-size: 20px; line-height: 1.5; font-weight: 700; padding-bottom: 28px; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text p { line-height: 1.625; margin-bottom: 22px; display: inline-block; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text i { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a { position: relative; z-index: 1; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a:after { left: 0; top: -7px; width: 0%; z-index: -1; content: ''; height: 35px; position: absolute; border-radius: 30px; background-color: #92d3d7; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a:hover { color: #fff; padding-left: 15px; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a:hover:after { width: 100%; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-text a:hover i { color: #fff; border: 2px solid #92d3d7; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text:hover { border: 2px solid #fff; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); } /*Service section (Home Page 3)*/ /*----------------------------------------*/ .thx-it-service-section-3 { overflow: visible; background-color: #f4f8fc; } .thx-it-service-section-3 .thx-it-service-content-3 { z-index: 1; top: -115px; position: relative; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(204, 211, 219, 0.2); box-shadow: 0px 8px 16px 0px rgba(204, 211, 219, 0.2); } .thx-it-service-section-3 .thx-it-service-content-3:before { left: 0; right: 0; top: 50%; width: 100%; content: ''; height: 2px; position: absolute; background-color: #f4f8fc; } .thx-it-service-section-3 .thx-it-service-content-3:after { content: ''; width: 100%; top: 0; left: 0; z-index: -1; height: 100%; border-radius: 10px; position: absolute; background-color: #fff; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-circle-shape { z-index: -1; width: 80px; content: ''; height: 80px; right: -35px; bottom: -35px; position: absolute; border-radius: 100%; background-color: #ff5b2e; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text { padding-top: 60px; padding-left: 45px; padding-bottom: 70px; padding: 60px 0px 65px 40px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text:before { top: 88px; left: 0px; right: 50px; height: 1px; content: ''; width: 100px; margin: 0 auto; position: absolute; background-color: #ff5b2e; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-icon { line-height: 1; font-size: 50px; color: #ff5b2e; padding-bottom: 20px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-icon i { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-text { max-width: 275px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-text h3 { font-size: 24px; font-weight: 400; line-height: 1.417; padding-bottom: 20px; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-text p { padding-bottom: 18px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-number { top: 0px; right: 5px; position: absolute; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-number span { line-height: 1; color: #fff8ee; font-size: 140px; font-family: "Playfair Display"; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text:hover .thx-it-service-text h3 { color: #ff5b2e; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text:hover .thx-it-service-icon i { color: #92d3d7; } /*(Service)*/ /*----------------------------------------*/ .skill-set-section { padding: 120px 0px 50px; } @-webkit-keyframes Rx-width-70 { 0% { width: 0%; } 100% { width: 70%; } } @keyframes Rx-width-70 { 0% { width: 0%; } 100% { width: 70%; } } @-webkit-keyframes Rx-width-42 { 0% { width: 0%; } 100% { width: 42%; } } @keyframes Rx-width-42 { 0% { width: 0%; } 100% { width: 42%; } } @-webkit-keyframes Rx-width-80 { 0% { width: 0%; } 100% { width: 80%; } } @keyframes Rx-width-80 { 0% { width: 0%; } 100% { width: 80%; } } @keyframes Rx-width-91 { 0% { width: 0%; } 100% { width: 91%; } } @-webkit-keyframes Rx-width-91 { 0% { width: 0%; } 100% { width: 91%; } } .Rx-width-70 { -webkit-animation-name: Rx-width-70; animation-name: Rx-width-70; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .Rx-width-42 { -webkit-animation-name: Rx-width-42; animation-name: Rx-width-42; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .Rx-width-80 { -webkit-animation-name: Rx-width-80; animation-name: Rx-width-80; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .Rx-width-91 { -webkit-animation-name: Rx-width-91; animation-name: Rx-width-91; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .skill-set-section.thx-it-service-page-skill { padding-top: 0; } .skill-set-section.thx-it-service-page-skill .skill-set-section { padding: 110px 0px 15px; } .skill-set-section.thx-it-service-page-skill .skill-set-section .skill-set-img { margin-top: 85px; } .skill-set-section.thx-it-service-page-skill .skill-set-section .title-style-two h2 { padding-bottom: 20px; } .skill-set-section.thx-it-service-page-skill .skill-set-section .section-title .sub-text { font-weight: 500; } .skill-set-section.thx-it-service-page-skill .skill-set-section .skill-set-text { padding: 20px 0px 35px; } .skill-set-text .skill-set-text { font-size: 18px; } .skill-set-progress .progress_text { width: 100%; display: inline-block; } .skill-set-progress .skill-title, .skill-set-progress .skill-percent { font-size: 18px; font-weight: 700; } .skill-set-progress .single_experties { padding-bottom: 35px; } .skill-set-progress .single_experties .progress { height: 2px; overflow: visible; background-color: #ffdfd6; } .skill-set-progress .single_experties .progress-bar { height: 7px; background-color: #ff5b2e; } .skill-set-img { margin-left: 50px; } .skill-set-img .skill-updown-img1 { position: absolute; top: -80px; left: 45px; } .skill-set-img .skill-updown-img2 { right: 45px; bottom: -80px; position: absolute; } .thx-it-service-section-2.thx-it-service-page-service { padding-top: 110px; background-color: #f4f8fc; } .thx-it-service-section-2.thx-it-service-page-service .thx-it-service-content-2 .thx-it-service-icon-text { border: none; background-color: #fff; } .thx-it-service-call-action-section { overflow: visible; margin-bottom: 120px; padding: 130px 0px 150px; background-color: #54304d; } .thx-it-service-call-action-section .thx-it-service-cta-content { margin: 0 auto; max-width: 580px; } .thx-it-service-call-action-section .section-title h2 { color: #fff; padding-bottom: 40px; } .thx-it-service-call-action-section .thx-it-service-cta-btn a { z-index: 1; color: #fff; font-weight: 700; position: relative; } .thx-it-service-call-action-section .thx-it-service-cta-btn a:before { top: -20px; left: -20px; background-color: #ff5b2e; } .thx-it-service-call-action-section .s-cta-shape1 { position: absolute; top: -106px; left: 130px; } .thx-it-service-call-action-section .s-cta-shape2 { position: absolute; top: -90px; right: 40px; } /*thx-it-service-details-section (thx-it-service-details-page)*/ /*----------------------------------------*/ .thx-it-service-details-section { padding: 110px 0px; } .thx-it-service-details-section article { font-size: 18px; margin-bottom: 30px; } .thx-it-service-details-tag { padding: 50px; max-width: 90%; margin: 0 auto; position: relative; top: -90px; border-radius: 20px; background-color: #54304d; } .thx-it-service-details-tag .section-title .site-tag { font-size: 18px; } .thx-it-service-details-tag .section-title h2 { color: #fff; font-size: 40px; } .thx-it-service-details-article article .first-latter { display: block; text-align: center; color: #fff; margin-right: 20px; float: left; border-radius: 20px; height: 95px; width: 100px; font-size: 60px; font-weight: 700; background-color: #ff5b2e; } /*---------------------------------------------------- */ /*(5) - features Section*/ /*----------------------------------------------------*/ .thx-it-feature-section { padding: 110px 0px 100px; } .thx-it-feature-section:before { z-index: -2; height: 100%; width: 100%; content: ''; top: 65px; bottom: 65px; left: 115px; position: absolute; background-repeat: no-repeat; background-image: url(../img/banner/map.png); } @-webkit-keyframes borderpls { 0% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; } 70% { -webkit-box-shadow: 0 0 0 10px currentColor; box-shadow: 0 0 0 10px currentColor; opacity: 0; } to { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0; } } @keyframes borderpls { 0% { -webkit-box-shadow: 0 0 0 0 #ff5b2e; box-shadow: 0 0 0 0 #ff5b2e; } 70% { -webkit-box-shadow: 0 0 0 10px #ff5b2e; box-shadow: 0 0 0 10px #ff5b2e; opacity: 0; } to { -webkit-box-shadow: 0 0 0 0 #ff5b2e; box-shadow: 0 0 0 0 #ff5b2e; opacity: 0; } } @-webkit-keyframes borderpls { 0% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; } 70% { -webkit-box-shadow: 0 0 0 10px currentColor; box-shadow: 0 0 0 10px currentColor; opacity: 0; } to { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0; } } @-webkit-keyframes borderpls2 { 0% { -webkit-box-shadow: 0 0 0 0 #92d3d7; box-shadow: 0 0 0 0 #92d3d7; } 70% { -webkit-box-shadow: 0 0 0 10px #92d3d7; box-shadow: 0 0 0 10px #92d3d7; opacity: 0; } to { -webkit-box-shadow: 0 0 0 0 #92d3d7; box-shadow: 0 0 0 0 #92d3d7; opacity: 0; } } @keyframes borderpls2 { 0% { -webkit-box-shadow: 0 0 0 0 #92d3d7; box-shadow: 0 0 0 0 #92d3d7; } 70% { -webkit-box-shadow: 0 0 0 10px #92d3d7; box-shadow: 0 0 0 10px #92d3d7; opacity: 0; } to { -webkit-box-shadow: 0 0 0 0 #92d3d7; box-shadow: 0 0 0 0 #92d3d7; opacity: 0; } } .thx-it-feature-map-content { height: 400px; } .thx-it-feature-map-content .it-maplocation { cursor: pointer; position: absolute; -webkit-box-shadow: 0px 3px 6px 0px rgba(255, 91, 46, 0.4); box-shadow: 0px 3px 6px 0px rgba(255, 91, 46, 0.4); border-radius: 100%; } .thx-it-feature-map-content .it-maplocation .it-location-iiner { width: 215px; left: -215px; z-index: 1; opacity: 0; visibility: hidden; position: absolute; background-color: #fff; padding: 15px 0px 15px 45px; -webkit-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; transition: .4s all ease-in-out; border-bottom: 2px solid #ff5b2e; } .thx-it-feature-map-content .it-maplocation .it-location-iiner:before { position: absolute; content: ''; top: 10px; left: 10px; border-top: 10px solid transparent; border-right: 10px solid #ff5b2e; border-bottom: 10px solid transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .thx-it-feature-map-content .it-maplocation .it-location-iiner h3 { line-height: 1; font-size: 50px; font-weight: 700; } .thx-it-feature-map-content .it-maplocation .it-location-iiner h3 span { font-size: 16px; } .thx-it-feature-map-content .it-maplocation:hover .it-location-iiner { opacity: 1; left: -205px; visibility: visible; } .thx-it-feature-map-content .it-maplocation:nth-child(1) { top: 50%; right: 40px; } .thx-it-feature-map-content .it-maplocation:nth-child(2) { top: 20%; right: 50%; } .thx-it-feature-map-content .it-maplocation:nth-child(2) .it-thx-it-feature-indicatior { background-color: #92d3d7; -webkit-box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4); box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4); } .thx-it-feature-map-content .it-maplocation:nth-child(2) .it-indicator-border1, .thx-it-feature-map-content .it-maplocation:nth-child(2) .it-indicator-border1 { -webkit-animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both; animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both; } .thx-it-feature-map-content .it-maplocation:nth-child(2) .it-location-iiner { border-bottom: 2px solid #92d3d7; } .thx-it-feature-map-content .it-maplocation:nth-child(2) .it-location-iiner:before { border-right: 10px solid #92d3d7; } .thx-it-feature-map-content .it-maplocation:nth-child(3) { top: 20%; right: 100%; } .thx-it-feature-map-content .it-maplocation:nth-child(4) { top: 70%; right: 50%; } .thx-it-feature-map-content .it-maplocation:nth-child(4) .it-thx-it-feature-indicatior { background-color: #92d3d7; -webkit-box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4); box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4); } .thx-it-feature-map-content .it-maplocation:nth-child(4) .it-indicator-border1, .thx-it-feature-map-content .it-maplocation:nth-child(4) .it-indicator-border1 { -webkit-animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both; animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both; } .thx-it-feature-map-content .it-maplocation:nth-child(4) .it-location-iiner { border-bottom: 2px solid #92d3d7; } .thx-it-feature-map-content .it-maplocation:nth-child(4) .it-location-iiner:before { border-right: 10px solid #92d3d7; } .thx-it-feature-map-content .it-maplocation:nth-child(5) { top: 100%; right: 80%; } .thx-it-feature-map-content .it-maplocation:nth-child(6) { top: 50%; right: 100%; -webkit-box-shadow: none; box-shadow: none; } .thx-it-feature-map-content .it-maplocation:nth-child(7) { top: 100%; right: 20%; -webkit-box-shadow: none; box-shadow: none; } .thx-it-feature-map-content .it-thx-it-feature-indicatior { width: 10px; height: 10px; border-radius: 100%; background-color: #ff5b2e; } .thx-it-feature-map-content .it-thx-it-feature-indicatior .it-indicator-border1, .thx-it-feature-map-content .it-thx-it-feature-indicatior .it-indicator-border1 { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; border-radius: inherit; color: inherit; -webkit-box-shadow: 0 0 0 2px #ff5b2e; box-shadow: 0 0 0 2px #ff5b2e; -webkit-animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both; animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both; } .thx-it-feature-map-content .it-maplocation-img { width: 40px; height: 40px; } .thx-it-feature-map-content .it-maplocation-img img { border-radius: 100%; -webkit-box-shadow: 0px 8px 16px 0px rgba(64, 93, 117, 0.4); box-shadow: 0px 8px 16px 0px rgba(64, 93, 117, 0.4); } .thx-it-feature-text-content .thx-it-about-text { padding-top: 25px; } .thx-it-feature-text-content .thx-it-feature-list-item { margin-top: 40px; } .thx-it-feature-text-content .thx-it-feature-list-item li { width: 50%; float: left; font-weight: 700; margin-bottom: 20px; font-family: "Nunito"; } .thx-it-feature-text-content .thx-it-feature-list-item li i { width: 50px; height: 50px; line-height: 50px; color: #ff5b2e; text-align: center; margin-right: 15px; border-radius: 100%; background-color: #fff; border: 2px solid #ffebe7; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-feature-text-content .thx-it-feature-list-item li:hover i { color: #fff; background-color: #92d3d7; border: 2px solid #92d3d7; } /*Feature(Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-feature-section-two { overflow: visible; margin-bottom: -35px; background-color: #f4f8fc; } .thx-it-feature-content-2 { display: -webkit-box; display: -ms-flexbox; display: flex; top: -165px; z-index: 1; margin: 0 auto; max-width: 1170px; position: relative; background-color: #fff; } .thx-it-feature-content-2 .thx-it-feature-slide-item, .thx-it-feature-content-2 .thx-it-feature-two-content { width: 50%; float: left; } .thx-it-feature-content-2 .thx-it-feature-two-content { padding-top: 165px; } .thx-it-feature-content-2 .thx-it-feature-two-content .news-thx-it-service-icon { padding-top: 45px; } .thx-it-feature-content-2 .thx-it-feature-two-content .section-title .site-tag { font-weight: 400; } .thx-it-feature-content-2 .thx-it-feature-two-content .section-title h2 { padding-top: 10px; } .thx-it-feature-content-2 .thx-it-feature-slide-item .owl-dots { top: 120px; right: -330px; position: absolute; } /*Feature(Home Page 3)*/ /*----------------------------------------------------*/ .thx-it-feature-section.thx-it-feature-section-3:before { background-image: url(../img/banner/map2.png); } .thx-it-feature-section-3 { z-index: 1; } .thx-it-feature-section-3 .background_overlay { z-index: -1; background-color: rgba(84, 48, 77, 0.95); } .thx-it-feature-section-3 .section-title h2, .thx-it-feature-section-3 .section-title .sub-text, .thx-it-feature-section-3 .thx-it-about-text p, .thx-it-feature-section-3 .thx-it-feature-text-content .thx-it-feature-list-item li { font-weight: 400; color: #fff; } .thx-it-feature-section-3 .section-title h2 { padding-bottom: 30px; } .thx-it-feature-section-3 .section-title .sub-text { margin-bottom: 5px; line-height: 1.417; } .thx-it-feature-section-3 .thx-it-feature-text-content .thx-it-feature-list-item li i { background-color: transparent; color: #92d3d7; border: 1px solid #81597a; } /*---------------------------------------------------- */ /*(6) - Portfolio Section*/ /*----------------------------------------------------*/ .thx-it-portfolio-section { padding: 110px 0px 125px; } .thx-it-portfolio-section:before { top: 0; left: 0; width: 100%; content: ''; height: 455px; position: absolute; background-color: #54304d; } .thx-it-portfolio-section .section-title h2 { color: #fff; } .thx-it-portfolio-section .section-title-text { color: #fff; } .thx-it-portfolio-section .thx-it-portfolio-item-content { padding-top: 45px; } .thx-it-portfolio-section .thx-it-portfolio-img-text:hover .thx-it-portfolio-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .thx-it-portfolio-img { overflow: hidden; } .thx-it-portfolio-img img { -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .thx-it-portfolio-img .p-shape { position: absolute; bottom: -90px; } .thx-it-portfolio-img .thx-it-portfolio-pattern1 { z-index: 1; } .thx-it-portfolio-img .thx-it-portfolio-pattern2 { bottom: -130px; } .thx-it-portfolio-text { background-color: #5b1d67; padding: 25px 20px 35px 40px; } .thx-it-portfolio-text .thx-it-portfolio-tag { color: #92d3d7; font-size: 18px; font-weight: 700; font-family: "Caveat"; } .thx-it-portfolio-text h3 { color: #fff; margin-top: 10px; font-size: 24px; font-weight: 600; } .thx-it-portfolio-text .thx-it-portfolio-favicon { right: 40px; top: -70px; z-index: 1; width: 80px; height: 80px; line-height: 80px; position: absolute; border-radius: 100%; background-color: #fff; } /*Portfolio (Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-portfolio-section-2 { padding: 100px 0px 120px; } .thx-it-portfolio-section-2 .section-title .site-tag { font-weight: 500; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area { padding-top: 75px; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-img .p-shape { bottom: -50px; opacity: 0; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-img .thx-it-portfolio-pattern1 { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-img .thx-it-portfolio-pattern2 { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text { bottom: 0; z-index: 2; opacity: 0; width: 100%; position: absolute; visibility: hidden; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; -webkit-transition-delay: .34s; -o-transition-delay: .34s; transition-delay: .34s; background-color: rgba(91, 29, 103, 0.7); } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text .thx-it-portfolio-favicon { top: -55px; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text .thx-it-portfolio-favicon img { display: inline-block; width: auto;} .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text .thx-it-portfolio-tag { font-weight: 500; font-family: "Roboto"; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text h3 { font-weight: 700; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-nav { display: table; padding: 15px 8px; text-align: center; border-radius: 45px; margin: 60px auto 0px; background-color: #e9eef5; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-next, .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-prev { width: 60px; height: 60px; margin: 0px 8px; text-align: center; line-height: 60px; border-radius: 100%; display: inline-block; background-color: #fff; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 107, 66, 0.06); box-shadow: 0px 8px 16px 0px rgba(255, 107, 66, 0.06); } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-next:hover, .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-prev:hover { background-color: #ff5b2e; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-next:hover i, .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-prev:hover i { color: #fff; } .thx-it-portfolio-section-2 .owl-item.active.center .p-shape, .thx-it-portfolio-section-2 .thx-it-portfolio-img-text:hover .p-shape { opacity: 1; bottom: -30px; } .thx-it-portfolio-section-2 .owl-item.active.center .thx-it-portfolio-text, .thx-it-portfolio-section-2 .thx-it-portfolio-img-text:hover .thx-it-portfolio-text { opacity: 1; visibility: visible; } /*Portfolio Details*/ /*----------------------------------------------------*/ .port-title { top: -63px; z-index: 1; text-align: center; position: relative; } .port-title li { height: 70px; color: #fff; font-weight: 700; padding: 0px 30px; line-height: 65px; border-radius: 10px; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-top: 5px solid transparent; } .port-title li a { -webkit-transition: none; -o-transition: none; transition: none; } .port-title li.active, .port-title li:hover { color: #54304d; background-color: #fff; border-top: 5px solid #ff5b2e; } .thx-it-project-details-section { padding: 50px 0px 120px; } .project-overview { right: 40px; bottom: -200px; padding: 48px 50px; position: absolute; border-radius: 10px; background-color: #fff; border-top: 3px solid #92d3d7; -webkit-box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.1); box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.1); } .project-overview h3 { font-size: 24px; font-weight: 700; margin-bottom: 35px; padding-bottom: 20px; border-bottom: 2px solid #e9f0ff; } .project-overview .project-overview-list ul { margin-bottom: 40px; } .project-overview .project-overview-list li { margin-bottom: 15px; } .project-overview .project-overview-list span { font-weight: 700; margin-right: 10px; } .project-overview .project-overview-list strong { color: #ff5b2e; } .project-overview .project-overview-list a { font-weight: 700; color: #ff5b2e; padding-left: 38px; position: relative; z-index: 1; } .project-overview .project-overview-list a:before { top: -20px; } .thx-it-project-details-text { padding-top: 75px; } .thx-it-project-details-text .section-title { max-width: 665px; padding-bottom: 35px; } .thx-it-project-details-text .section-title .site-tag { font-size: 18px; font-weight: 700; } .thx-it-project-details-text .section-title h2 { font-size: 40px; } .thx-it-project-details-text article { margin-bottom: 28px; font-size: 18px; } .thx-it-project-details-text .thx-it-project-details-inner-img { margin: 30px 0px; } .thx-it-project-details-text .thx-it-portfolio-qoute { padding-top: 20px; } .thx-it-project-details-text .thx-it-portfolio-qoute .port-qout-img { width: 70px; height: 70px; overflow: hidden; margin-right: 30px; border-radius: 100%; } .thx-it-project-details-text .thx-it-portfolio-qoute .port-qout-text { z-index: 1; color: #fff; padding: 45px; font-size: 24px; overflow: hidden; position: relative; -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2); box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2); } .thx-it-project-details-text .thx-it-portfolio-qoute .port-qout-text:after { top: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 100%; position: absolute; background-color: rgba(255, 91, 46, 0.9); } .thx-it-project-details-text .thx-it-portfolio-qoute .port-qout-text p { padding-bottom: 10px; } .thx-it-project-details-text .thx-it-portfolio-qoute .pq-name { font-size: 30px; font-weight: 700; } .thx-it-project-details-text .thx-it-portfolio-qoute .pq-degi { font-size: 14px; font-weight: 700; margin-left: 10px; } .thx-it-project-details-text .thx-it-portfolio-details-video { margin: 60px 0px 50px; } .next-prev-post .next-prev-post-item a span { color: #92d3d7; font-weight: 700; } .next-prev-post .next-prev-post-item a h3 { font-size: 24px; font-weight: 700; } /*---------------------------------------------------- */ /*(7) - Client Section*/ /*----------------------------------------------------*/ .thx-it-client-area { padding-bottom: 115px; } .thx-it-client-area .thx-it-client-number { padding-bottom: 120px; } .thx-it-client-area .thx-it-client-number h3 { font-size: 18px; font-weight: 600; } .thx-it-client-area .thx-it-client-number h3 strong { font-size: 40px; color: #92d3d7; font-weight: 600; position: relative; } .thx-it-client-area .thx-it-client-number h3 strong:after { left: 0; content: ''; bottom: 4px; height: 2px; width: 100%; position: absolute; background-color: #92d3d7; } .thx-it-client-area .thx-it-client-item-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .thx-it-client-area .thx-it-client-item-list li { width: 170px; height: 170px; margin: 0px 15px; overflow: hidden; line-height: 170px; text-align: center; position: relative; background-color: #fff9f9; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-client-area .thx-it-client-item-list li:nth-child(1) { -webkit-transform: translateY(-180px); -ms-transform: translateY(-180px); transform: translateY(-180px); } .thx-it-client-area .thx-it-client-item-list li:nth-child(2) { -webkit-transform: translateY(-90px); -ms-transform: translateY(-90px); transform: translateY(-90px); } .thx-it-client-area .thx-it-client-item-list li:nth-child(5) { -webkit-transform: translateY(-90px); -ms-transform: translateY(-90px); transform: translateY(-90px); } .thx-it-client-area .thx-it-client-item-list li:nth-child(6) { -webkit-transform: translateY(-180px); -ms-transform: translateY(-180px); transform: translateY(-180px); } .thx-it-client-area .thx-it-client-item-list li .c-img-1 { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-client-area .thx-it-client-item-list li .c-hover-bg, .thx-it-client-area .thx-it-client-item-list li .c-hover-img { position: absolute; top: 0; opacity: 0; visibility: hidden; left: 0; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-client-area .thx-it-client-item-list li .c-hover-img { z-index: 3; left: 0; right: 0; } .thx-it-client-area .thx-it-client-item-list li:before { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; visibility: hidden; position: absolute; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; background-color: rgba(255, 91, 46, 0.8); } .thx-it-client-area .thx-it-client-item-list li:hover { -webkit-box-shadow: 0px 20px 16px 0px rgba(255, 91, 46, 0.1); box-shadow: 0px 20px 16px 0px rgba(255, 91, 46, 0.1); } .thx-it-client-area .thx-it-client-item-list li:hover .c-img-1 { opacity: 0; } .thx-it-client-area .thx-it-client-item-list li:hover .c-hover-bg, .thx-it-client-area .thx-it-client-item-list li:hover .c-hover-img { opacity: 1; visibility: visible; } .thx-it-client-area .thx-it-client-item-list li:hover:before { opacity: 1; visibility: visible; } /*Client area section (Home Page 3)*/ /*----------------------------------------------------*/ .thx-it-client-area-3 { padding: 45px 0px 80px; } .thx-it-client-area-3 .thx-it-client-logo-item { padding: 45px; border: 2px solid #ffe5df; } .thx-it-client-area-3 .thx-it-client-logo-item .thx-it-client-logo-img { margin: 0px 25px; display: inline-block; } .thx-it-client-area-3 .thx-it-client-logo-item .thx-it-client-logo-img .c3-thx-it-client-hover { opacity: 0; top: -70px; z-index: 2; left: -15px; width: 170px; height: 170px; position: absolute; visibility: hidden; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-client-area-3 .thx-it-client-logo-item .thx-it-client-logo-img .c3-thx-it-client-hover:before { left: 0; width: 100%; content: ''; opacity: .8; height: 100%; position: absolute; background-color: #ff5b2e; } .thx-it-client-area-3 .thx-it-client-logo-item .thx-it-client-logo-img .c3-thx-it-client-hover .c3-hover-logo { top: 50%; left: 0; right: 0; text-align: center; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .thx-it-client-area-3 .thx-it-client-logo-item .thx-it-client-logo-img:hover .c3-thx-it-client-hover { opacity: 1; visibility: visible; } /*---------------------------------------------------- */ /*(8) - Chellenge Section*/ /*----------------------------------------------------*/ .thx-it-challenge-section { z-index: 1; padding: 120px 0px; background-color: #fff9f9; } .thx-it-challenge-section:before, .thx-it-challenge-section:after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 700px; background-size: cover; background-repeat: no-repeat; background-image: url(../img/banner/chl2.jpg); } .thx-it-challenge-section:after { position: absolute; content: ''; top: 0; right: 0; left: auto; height: 100%; width: 700px; background-size: cover; background-repeat: no-repeat; z-index: -1; background-image: url(../img/banner/chls.png); } .thx-it-challenge-section .custom_tab_button { margin-right: 20px; border-radius: 20px; background-color: #fff; padding: 115px 0px 115px 95px; -webkit-box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.04); box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.04); } .thx-it-challenge-section .custom_tab_button .nav { display: inherit; } .thx-it-challenge-section .custom_tab_button .nav-tabs { border-bottom: none; } .thx-it-challenge-section .custom_tab_button li { line-height: 1; font-size: 30px; font-weight: 700; font-weight: 600; margin-bottom: 70px; font-family: "Nunito"; } .thx-it-challenge-section .custom_tab_button li:last-child { margin-bottom: 0; } .thx-it-challenge-section .custom_tab_button li a:before { top: -10px; content: ''; height: 60px; width: 60px; left: -25px; z-index: -1; opacity: 0; border-radius: 100%; position: absolute; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); background-color: #ffefea; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-challenge-section .custom_tab_button li a.active { z-index: 1; position: relative; } .thx-it-challenge-section .custom_tab_button li a.active:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .thx-it-challenge-section .tab-content { margin: 50px 0px 0px 15px; } .thx-it-challenge-section .tab-content .title-style-one h2 { padding: 10px 0px 35px; } .thx-it-challenge-section .tab-content .thx-it-challenge-tab-video { height: 90px; width: 90px; top: -45px; right: 30px; line-height: 90px; border-radius: 100%; position: absolute; background-color: #fff; -webkit-box-shadow: 0px 16px 32px 0px rgba(255, 91, 46, 0.1); box-shadow: 0px 16px 32px 0px rgba(255, 91, 46, 0.1); } .thx-it-challenge-section .tab-content .thx-it-challenge-tab-video a { width: 100%; display: block; } .thx-it-challenge-section .tab-content .thx-it-challenge-tab-video i { color: #ff5b2e; } .thx-it-challenge-section .thx-it-challenge-img-bg { top: 0; right: 0; z-index: -1; position: absolute; } /*---------------------------------------------------- */ /*(9) - Newslatter Section*/ /*----------------------------------------------------*/ .thx-it-newslatter-section { padding: 110px 0px; z-index: 1; } .thx-it-newslatter-section:before { top: 0; left: 0; z-index: -1; content: ''; width: 100%; height: 530px; position: absolute; background-color: #54304d; } .thx-it-newslatter-section .section-title h2 { color: #fff; } .thx-it-newslatter-form { margin-top: 25px; } .thx-it-newslatter-form input { width: 100%; height: 90px; padding-left: 50px; border-radius: 100px; background-color: #fff; } .thx-it-newslatter-form form { position: relative; } .thx-it-newslatter-form button { top: 15px; right: 15px; position: absolute; background-color: #92d3d7; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; -webkit-box-shadow: 0px 16px 32px 0px rgba(146, 211, 215, 0.3); box-shadow: 0px 16px 32px 0px rgba(146, 211, 215, 0.3); } .thx-it-newslatter-form button:hover { color: #fff; background-color: #ff5b2e; } .thx-it-newslatter-service { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 75px; -webkit-box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06); box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06); } .thx-it-newslatter-service .thx-it-newslatter-thx-it-service-item { width: 50%; } .thx-it-newslatter-service .news-thx-it-service-item1 { padding: 90px 0px 100px 75px; background-color: #92d3d7; } .thx-it-newslatter-service .news-thx-it-service-item1 .site-tag { color: #fff; } .thx-it-newslatter-service .news-thx-it-service-item1 p { color: #fff; font-size: 20px; } .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn { margin-top: 50px; } .thx-it-newslatter-service .news-thx-it-service-item1 .news-cntc-btn a { z-index: 1; overflow: hidden; position: relative; color: #fff; display: block; background-color: #54304d; } .thx-it-newslatter-service .news-thx-it-service-item2 { z-index: 1; background-color: #fff; padding: 90px 0px 0px 0px; } .thx-it-newslatter-service .news-thx-it-service-item2 .section-title h2 { color: #54304d; } .thx-it-newslatter-service .news-thx-it-service-item2 .news-thx-it-service-icon { margin-top: 15px; } .thx-it-newslatter-service .news-thx-it-service-item2 .news-icon-bg { right: 0; bottom: 0; z-index: -1; line-height: 1; position: absolute; } .thx-it-newslatter-service .news-thx-it-service-item2 .news-icon-bg i { color: #f7f3f6; font-size: 240px; } /*Newslatter(Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-newslatter-section-2 { top: -260px; position: relative; padding: 485px 0px 115px; } .thx-it-newslatter-section-2:before { z-index: 1; top: -170px; content: ''; width: 105%; left: -65px; height: 345px; position: absolute; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); background-color: #f4f8fc; } .thx-it-newslatter-section-2 .background_overlay { background-color: rgba(81, 104, 112, 0.7); } .thx-it-newslatter-section-2 .section-title h2 { color: #fff; } /*---------------------------------------------------- */ /*(10) - Blog Section*/ /*----------------------------------------------------*/ .thx-it-blog-section { padding-bottom: 90px; } .thx-it-blog-section .thx-it-blog-content { padding-top: 42px; } .thx-it-blog-section .thx-it-blog-type1 .thx-it-blog-text { top: -65px; width: 92%; margin: 0 auto; padding: 40px 35px 30px; background-color: #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2); } .thx-it-blog-section .thx-it-blog-type2 { -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; margin-top: -68px; } .thx-it-blog-section .thx-it-blog-type2 .thx-it-blog-text { top: 50px; left: 50px; } .thx-it-blog-section .thx-it-blog-type3, .thx-it-blog-section .thx-it-blog-type4 { overflow: hidden; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text { padding: 50px 40px; height: 100%; top: 0; left: 0; position: absolute; } .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text p, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text p { border-bottom: none; } .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-meta, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-meta { display: -webkit-box; display: -ms-flexbox; display: flex; height: 75px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-meta a:after, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-meta a:after { top: 5px; } .thx-it-blog-section .thx-it-blog-type3:hover .thx-it-blog-meta, .thx-it-blog-section .thx-it-blog-type4:hover .thx-it-blog-meta { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .thx-it-blog-section .thx-it-blog-type3:hover { -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.2); box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.2); } .thx-it-blog-section .thx-it-blog-type4:hover { -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2); box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2); } .thx-it-blog-section .thx-it-blog-type4:before { background-color: #92d3d7; opacity: .8; } .thx-it-blog-content-1 .thx-it-blog-img-text { margin-bottom: 30px; } /*Blog (Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-blog-section-2 { padding: 120px 0px; } .thx-it-blog-section-2 .thx-it-blog-img-text { padding: 50px 40px 45px; border: 2px solid #faeeee; } .thx-it-blog-section-2 .thx-it-blog-img-text a { -webkit-transition: none; -o-transition: none; transition: none; } .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-img { top: 0; left: 0; opacity: 0; visibility: hidden; position: absolute; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text { z-index: 1; position: relative; } .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text h3 { margin-top: 18px; font-weight: 700; } .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text p { border-bottom: 1px solid #faeeee; } .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-tag a { font-size: 14px; font-weight: 700; padding: 8px 25px; border-radius: 50px; background-color: #92d3d7; } .thx-it-blog-section-2 .thx-it-blog-img-text:after { top: 0; left: 0; opacity: 0; content: ''; width: 100%; height: 100%; visibility: visible; position: absolute; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: rgba(81, 104, 112, 0.7); } .thx-it-blog-section-2 .thx-it-blog-img-text:hover { border: 2px solid #ffffff; } .thx-it-blog-section-2 .thx-it-blog-img-text:hover .thx-it-blog-img { opacity: 1; visibility: visible; } .thx-it-blog-section-2 .thx-it-blog-img-text:hover .thx-it-blog-text h3, .thx-it-blog-section-2 .thx-it-blog-img-text:hover .thx-it-blog-text p, .thx-it-blog-section-2 .thx-it-blog-img-text:hover .thx-it-blog-text .thx-it-blog-meta, .thx-it-blog-section-2 .thx-it-blog-img-text:hover .thx-it-blog-text .thx-it-blog-meta i { color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .thx-it-blog-section-2 .thx-it-blog-img-text:hover:after { opacity: 1; visibility: visible; } /*Blog Page*/ /*----------------------------------------------------*/ .thx-it-blog_feed_section { padding: 145px 0px 120px; } .news_post_item { margin-bottom: 40px; } .news_post_item .post_cat { color: #fff; font-size: 14px; font-weight: 700; padding: 5px 30px; border-radius: 20px; display: inline-block; background-color: #ff5b2e; } .news_post_item .video_play_btn { margin: 0 auto; } .news_post_item .news_text_area { padding: 50px 40px; border: 2px solid #ededed; } .news_post_item .news_text_area h3 { font-size: 34px; font-weight: 700; line-height: 1.235; padding: 28px 0px 20px; } .news_post_item .news_text_area p { line-height: 1.625; } .news_post_item .news_text_area .thx-it-blog_meta { margin-bottom: 15px; } .news_post_item .news_text_area .thx-it-blog_meta li { font-size: 14px; margin-right: 25px; } .news_post_item .news_text_area .thx-it-blog_meta li i { margin-right: 6px; } .news_post_item .news_text_area .author_meta { width: 100%; margin-top: 25px; display: inline-block; } .news_post_item .news_text_area .author_img img { height: 40px; width: 40px; border-radius: 100%; margin-right: 10px; } .news_post_item .news_text_area .author_img span { font-weight: 700; } .news_post_item .news_text_area .news_more { margin-top: 5px; } .news_post_item .news_text_area .news_more a { font-size: 14px; font-weight: 700; color: #ff5b2e; position: relative; } .news_post_item .news_text_area .news_more a:before { content: '\f061'; font-weight: 900; position: absolute; font-family: 'Font Awesome 5 Free'; left: -25px; top: -2px; color: #ff5b2e; } .news_qoute { z-index: 0; } .news_qoute:before { background-color: #ff5b2e; } .news_qoute .news_text_area { padding-left: 145px; } .news_qoute .news_text_area h3 { color: #fff; } .news_qoute .news_text_area:before { top: 55px; left: 35px; color: #fff; font-size: 85px; font-weight: 900; content: '\f10d'; position: absolute; font-family: 'Font Awesome 5 Free'; } .news_qoute .thx-it-blog_meta li { color: #fff; } .bg_img_post { z-index: 0; } .bg_img_post:before { background-color: #fff; opacity: .9; } .bg_img_post .news_text_area { border: none; } .thx-it-blog_pagination .pagination { margin-top: 60px; } .site_sidebar { margin-left: 20px; } .site_sidebar .single_widget { padding: 35px; position: relative; margin-bottom: 40px; border: 2px solid #ededed; } .site_sidebar .single_widget .widget_title { font-size: 20px; font-weight: 700; position: relative; padding: 0 0 35px 32px; font-family: "Montserrat"; } .site_sidebar .single_widget .widget_title:after { left: 0; top: 2px; width: 2px; content: ''; height: 20px; position: absolute; background-color: #ff5b2e; } .about_widget .ab_widget_img { width: 140px; height: 140px; margin: 0 auto 28px; } .about_widget .ab_widget_text h3 { font-weight: 700; font-size: 18px; padding-bottom: 15px; } .about_widget .ab_widget_text p { font-size: 14px; line-height: 1.857; } .about_widget .ab_widget_social { margin-top: 20px; } .about_widget .ab_widget_social li { font-size: 14px; margin: 0px 7px; color: #b3bed3; } .about_widget .ab_widget_social li:hover { color: #ff5b2e; } .search_widget input { width: 100%; height: 60px; border: none; padding-left: 30px; background-color: #f6f4ff; } .search_widget button { color: #fff; width: 60px; height: 60px; border: none; position: absolute; top: 0; right: 0; background-color: #ff5b2e; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-img-content { width: 100%; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-img { width: 80px; float: left; height: 80px; overflow: hidden; border-radius: 100%; margin-right: 20px; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-meta i { color: #ff5b2e; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-text h3 { font-weight: 600; font-size: 16px; line-height: 1.375; padding-bottom: 5px; } .single_widget .latest-thx-it-blog-widget .thx-it-blog-text span { font-size: 14px; } .wicat_item li { height: 50px; font-size: 14px; font-weight: 500; position: relative; line-height: 50px; margin-bottom: 10px; border-radius: 30px; background-color: #edf5ff; } .wicat_item li:last-child { margin-bottom: 0; } .wicat_item li a { width: 100%; display: block; padding-left: 30px; border-radius: 30px; } .wicat_item li a:hover { color: #fff; background-color: #ff5b2e; } .wicat_item li a:hover .post_counter { background-color: #dc4016; } .wicat_item li .post_counter { right: 0; z-index: 1; width: 50px; font-weight: 700; text-align: center; position: absolute; border-radius: 100%; background-color: #ff5b2e; } .social_widget { width: 100%; display: inline-block; } .social_widget li { width: 40px; color: #343434; height: 40px; font-size: 14px; line-height: 40px; text-align: center; margin-right: 10px; border-radius: 100%; background-color: #f2f2f2; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .social_widget li a { width: 100%; display: block; -webkit-transition: none; -o-transition: none; transition: none; } .social_widget li:hover { background-color: #ff5b2e; color: #fff; } .twitter_update .twitter_icon { float: left; margin-right: 20px; } .twitter_update .twitter_icon i { color: #ff5b2e; font-size: 14px; } .twitter_update .tw_feed_text { overflow: hidden; } .twitter_update .tw_feed_text p, .twitter_update .tw_feed_text a, .twitter_update .tw_feed_text span { font-size: 12px; line-height: 2; display: block; } .twitter_update .tw_feed_text span { font-weight: 700; text-transform: uppercase; } .twitter_update .tw_feed_text a { margin-bottom: 5px; } .instagram_feed { display: inline-block; margin: 0 -7px; } .instagram_feed li { position: relative; background-color: #ff5b2e; margin: 7px 5px; } .instagram_feed li:before { left: 0; right: 0; top: 40%; content: "\f061"; opacity: 0; color: #fff; position: absolute; visibility: hidden; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: 900; z-index: 1; font-family: 'Font Awesome 5 Free'; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .instagram_feed li img { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .instagram_feed li:hover img { opacity: .4; } .instagram_feed li:hover:before { top: 50%; opacity: 1; visibility: visible; } .popular_tag { margin: -5px; display: inline-block; } .popular_tag li a { margin: 5px 3px; font-size: 12px; font-weight: 700; border-radius: 25px; display: inline-block; text-transform: uppercase; background-color: #f4f4f4; padding: 8px 20px 5px 20px; } .popular_tag li a:hover { color: #fff; background-color: #ff5b2e; } #blod_slide .owl-nav { width: 90%; margin: 0 auto; position: absolute; } #blod_slide .owl-nav .owl-prev, #blod_slide .owl-nav .owl-next { font-size: 30px; color: #d4d3d2; float: left; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } #blod_slide .owl-nav .owl-prev:hover, #blod_slide .owl-nav .owl-next:hover { color: #fff; } #blod_slide .owl-nav .owl-next { float: right; } /*Blog Details Page*/ /*----------------------------------------------------*/ .thx-it-blog_details_area { padding: 145px 0px 120px; } .thx-it-blog_details_area .thx-it-blog_details_content { padding: 45px; border: 2px solid #ededed; } .thx-it-blog_details_area .single_widget { border: 2px solid #ededed; } .thx-it-blog_details_area .s_thx-it-blog_tag { color: #fff; padding: 5px 25px; background-color: #ff5b2e; } .thx-it-blog_details_area .thx-it-blog-meta a { color: #000b22; font-size: 14px; font-weight: 700; margin-right: 25px; } .thx-it-blog_details_area .thx-it-blog-meta a i { margin-right: 5px; color: #ff5b2e; } .thx-it-blog_details_area .share_tag { width: 100%; margin-bottom: 45px; display: inline-block; border-bottom: 1px solid #e1e6ff; } .thx-it-blog_details_area .share_tag .share_post li { float: right; } .thx-it-blog_details_text h2 { font-size: 36px; font-weight: 700; line-height: 1.278; padding: 25px 0px 18px; } .thx-it-blog_details_text .thx-it-blog-meta { margin-bottom: 22px; } .thx-it-blog_details_text .thx-it-blog-meta a { color: #343434; font-size: 14px; } .thx-it-blog_details_text .thx-it-blog-meta a i { margin-right: 8px; } .thx-it-blog_details_text article { line-height: 1.6; padding-bottom: 30px; } .thx-it-blog_details_text h3 { font-size: 30px; font-weight: 700; padding: 40px 0px 25px; } .thx-it-blog_details_text h4 { font-size: 30px; font-weight: 700; padding: 30px 0px 35px 0px; border-top: 1px solid #e1e6ff; } .thx-it-blog_details_text .thx-it-blog_details_list li { padding-left: 30px; margin-left: 30px; margin-bottom: 8px; position: relative; } .thx-it-blog_details_text .thx-it-blog_details_list li:after { left: 0; content: "\f00c"; font-weight: 900; position: absolute; color: #ff5b2e; font-family: 'Font Awesome 5 Free'; } .thx-it-blog_details_text blockquote { z-index: 1; font-size: 28px; font-weight: 600; position: relative; text-align: center; font-family: "Nunito"; border-radius: 10px; padding: 50px 85px 60px; margin: 40px 0px; color: #fff; background-color: #343434; } .thx-it-blog_details_text blockquote span { display: block; font-size: 14px; font-weight: 700; margin-bottom: 15px; color: #ff5b2e; font-family: "Roboto"; } .thx-it-blog_details_text blockquote:after { top: 0; right: 50px; z-index: -1; color: #3d3d3d; content: '\f10e'; font-weight: 900; position: absolute; font-size: 200px; font-family: 'Font Awesome 5 Free'; } .thx-it-blog_details_text .aside_img { margin-right: 35px; } .thx-it-blog_details_extra_text .share_tag { margin-top: 20px; padding-bottom: 40px; } .thx-it-blog_details_extra_text .share_tag h3 { font-weight: 700; color: #000b22; font-size: 20px; padding-bottom: 20px; } .thx-it-blog_details_extra_text .share_post li { color: #b5becc; font-size: 18px; margin-left: 25px; } .thx-it-blog_details_extra_text .share_post li a { color: #b5becc; } .thx-it-blog_details_extra_text .share_post li a:hover { color: #ff5b2e; } .thx-it-blog_details_extra_text .next_prev_post { margin: 0; border: none; padding: 0 0 35px 0; margin-bottom: 35px; border-bottom: 1px solid #e1e6ff; } .thx-it-blog_details_extra_text .next_prev_post a span { font-size: 14px; font-weight: 700; color: #ff5b2e; } .thx-it-blog_details_extra_text .next_prev_post a h3 { font-size: 28px; } .thx-it-blog_details_extra_text .next_prev_post .bar_point { line-height: 85px; background-color: transparent; } .thx-it-blog_details_extra_text .next_prev_post .bar_point i { color: #ff5b2e; font-size: 40px; } .thx-it-blog_details_extra_text .related_postview h3 { font-weight: 700; color: #000b22; font-size: 28px; padding-bottom: 40px; } .thx-it-blog_details_extra_text .related_postview .thx-it-blog-meta { font-size: 14px; color: #ff5b2e; } .thx-it-blog_details_extra_text .related_postview .postitem_text { padding: 35px 25px; -webkit-box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06); box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06); } .thx-it-blog_details_extra_text .related_postview .postitem_text h3 { padding: 5px 0px 15px; } .thx-it-blog_details_extra_text .related_postview .postitem_text h3 a { font-size: 22px; } .thx-it-blog_details_extra_text .postby_author { padding: 40px; margin: 45px 0px; display: inline-block; border: 2px solid #e1e6ff; } .thx-it-blog_details_extra_text .postby_author .author_img { float: left; margin-right: 35px; } .thx-it-blog_details_extra_text .postby_author span { font-size: 12px; font-weight: 700; color: #ff5b2e; } .thx-it-blog_details_extra_text .postby_author h3 { font-weight: 700; font-size: 36px; padding-bottom: 10px; } .thx-it-blog_details_extra_text .postby_author p { line-height: 1.85; } .comment_element { position: relative; } .thx-it-blog_comment_box li { margin-bottom: 25px; border-bottom: 1px solid #e1e6ff; } .thx-it-blog_comment_box h3 { font-weight: 700; font-size: 26px; color: #000b22; padding-bottom: 35px; } .thx-it-blog_comment_box .comment_img { width: 100px; float: left; height: 100px; margin-right: 30px; } .thx-it-blog_comment_box .comment_img img { border-radius: 100%; } .thx-it-blog_comment_box .comment_content { padding-top: 20px; } .thx-it-blog_comment_box .comment_content h4 { font-weight: 700; font-size: 18px; color: #000b22; padding-bottom: 8px; } .thx-it-blog_comment_box .comment_content span { font-size: 12px; font-weight: 700; color: #ff5b2e; } .thx-it-blog_comment_box .comment_content p { overflow: hidden; line-height: 1.7; margin: 10px 0 25px; } .thx-it-blog_comment_box .reply-btn { right: 50px; top: 20px; z-index: 2; font-size: 11px; font-weight: 700; padding: 10px 30px; position: absolute; border-radius: 50px; border: 1px solid #e1e6ff; } .thx-it-blog_comment_box .comment_reply { margin-left: 120px; padding-top: 25px; border-top: 1px solid #e1e6ff; } .comment_formfield { padding: 50px; background-color: #eaeaea; } .comment_formfield .quote_form .contact-info { position: relative; } .comment_formfield .quote_form .contact-info .icon-bg { top: 20px; } .comment_formfield .quote_form input, .comment_formfield .quote_form textarea { width: 100%; border: none; height: 60px; padding-left: 30px; margin-bottom: 20px; background-color: #ffffff; } .comment_formfield .quote_form textarea { height: 150px; padding-top: 30px; } .comment_formfield .quote_form .sub-button button { color: #fff; border: none; padding: 20px 40px; background-color: #ff5b2e; } .news_img iframe { border: none; } /*---------------------------------------------------- */ /*(11) - Call to Action Section*/ /*----------------------------------------------------*/ .thx-it-call-to-action-2 { padding-bottom: 120px; } .thx-it-call-to-action-2 .call-to-content-2 { z-index: 1; overflow: hidden; background-color: #f4f8fc; padding: 110px 0px 120px; border-radius: 15px; } .thx-it-call-to-action-2 .call-to-content-2 .call-to-text { margin: 0 auto; max-width: 900px; } .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn { margin-top: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .thx-it-call-to-action-2 .call-to-content-2 .call-to-text .call-btn a { z-index: 1; overflow: hidden; position: relative; } .thx-it-call-to-action-2 .call-to-content-2 .call-icon-bg { left: 0; top: -20px; z-index: -1; line-height: 1; position: absolute; } .thx-it-call-to-action-2 .call-to-content-2 .call-icon-bg i { font-size: 200px; color: #e5ebf1; } .thx-it-call-to-action-2 .call-to-content-2 .icon-bg2 { bottom: -20px; right: 0; top: auto; left: auto; } /*---------------------------------------------------- */ /*(12) - Call to Action Section*/ /*----------------------------------------------------*/ .thx-it-platform-section { overflow: visible; padding: 110px 0px 70px; margin-bottom: 40px; } .thx-it-platform-section .background_overlay { background-color: rgba(81, 104, 112, 0.7); } .thx-it-platform-section .laptop-mockup { position: absolute; left: -280px; bottom: -85px; } .thx-it-platform-section .thx-it-platform-content { float: right; max-width: 570px; } .thx-it-platform-section .thx-it-platform-content .section-title h2, .thx-it-platform-section .thx-it-platform-content .section-title .sub-text { color: #fff; } .thx-it-platform-section .thx-it-platform-content .section-title h2:before, .thx-it-platform-section .thx-it-platform-content .section-title .sub-text:before { background-color: #92d3d7; } .thx-it-platform-section .thx-it-platform-content .section-title h2 { padding: 10px 0px 28px; } .thx-it-platform-section .thx-it-platform-content .thx-it-platform-progress { padding: 55px 0px 0px 35px; } .thx-it-platform-section .thx-it-platform-content .thx-it-platform-progress-item { width: 100%; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .thx-it-platform-section .thx-it-platform-content .thx-it-platform-progress-item .thx-it-platform-progress-text { padding-top: 5px; max-width: 295px; } .thx-it-platform-section .thx-it-platform-content .thx-it-platform-progress-item .thx-it-platform-progress-text h3 { color: #fff; font-size: 20px; font-weight: 700; padding-bottom: 22px; } .thx-it-platform-section .thx-it-platform-content .thx-it-platform-progress-item .thx-it-platform-progress-text p { color: #fff; line-height: 1.625; } .thx-it-platform-section .thx-it-platform-content .progress_area { line-height: 1; margin-right: 45px; } .thx-it-platform-section .thx-it-platform-content .progress_area strong { left: 0; right: 0; color: #fff; font-size: 40px; font-weight: 700; line-height: 130px; position: absolute; text-align: center; } .thx-it-platform-section .thx-it-platform-content .progress_area strong span { font-size: 16px; font-weight: 500; } /*---------------------------------------------------- */ /*(13) - Call to Action Section*/ /*----------------------------------------------------*/ .thx-it-team-section-one { padding: 110px 0px; background-color: #f4f8fc; } .thx-it-team-thx-it-member-1 { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 75px 0px 0px; } .thx-it-team-thx-it-member-1:before { bottom: 0; content: ''; width: 124%; z-index: -1; left: -140px; height: 280px; position: absolute; background-color: #fff; -webkit-box-shadow: 0px -16px 32px 0px rgba(150, 172, 194, 0.2); box-shadow: 0px -16px 32px 0px rgba(150, 172, 194, 0.2); } .thx-it-team-thx-it-member-1 .circle-shape { position: absolute; z-index: -2; } .thx-it-team-thx-it-member-1 .circle-shape2 { right: -185px; bottom: -50px; } .thx-it-team-thx-it-member-1 .circle-shape1 { left: -200px; bottom: 225px; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext { width: 234px; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-img { position: relative; overflow: hidden; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-img:after { top: 0; width: 100%; left: 0; content: ''; height: 0%; visibility: hidden; position: absolute; -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; background-color: rgba(255, 91, 46, 0.85); } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-img img { -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text { position: relative; padding: 35px 0 110px 20px; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text:after { bottom: 0; height: 4px; width: 0%; left: auto; right: 0; content: ''; position: absolute; background-color: #ff5b2e; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text .t-degi { font-size: 14px; font-weight: 700; color: #92d3d7; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text h3 { font-size: 24px; font-weight: 700; position: relative; padding: 8px 0px 20px; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text h3:before { top: 12px; left: -20px; width: 2px; content: ''; height: 10px; position: absolute; background-color: #ff5b2e; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text li { color: #ccd7e3; margin-right: 16px; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text li:hover { color: #ff5b2e; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext:hover .thx-it-team-text:after { left: 0; width: 100%; right: auto; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext:hover .thx-it-team-img:after { height: 100%; visibility: visible; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext:hover .thx-it-team-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /*Team section (Home Page 3)*/ /*----------------------------------------------------*/ .thx-it-member-section-3 { padding: 60px 0px 75px; } .thx-it-member-section-3.thx-it-team-page-thx-it-member-section { padding-bottom: 70px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 { padding: 80px 25px 0px 25px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text { z-index: 1; top: -50px; padding: 40px; margin: 0 auto; max-width: 370px; position: relative; background-color: #fff; -webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.04); box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.04); } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text:before { left: 0; top: 48%; width: 2px; content: ''; height: 20px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #ff5b2e; -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text .t-degi { font-size: 14px; font-weight: 700; color: #92d3d7; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text h3 { font-size: 30px; font-weight: 400; padding-bottom: 10px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text ul li { margin-right: 15px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text ul li a { color: #ccd7e3; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text ul li a:hover { color: #ff5b2e; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-icon { top: -30px; width: 60px; right: 40px; height: 60px; position: absolute; border-radius: 100%; background-color: #fff; -webkit-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; transition: .4s all ease-in-out; -webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08); box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08); } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-icon i { font-size: 35px; color: #ff5b2e; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-img { overflow: hidden; position: relative; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-img img { -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-img:after { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; content: ''; height: 100%; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 37, 65, 0)), color-stop(75%, rgba(21, 37, 65, 0.8))); background: -webkit-linear-gradient(top, rgba(21, 37, 65, 0) 0%, rgba(21, 37, 65, 0.8) 75%); background: -o-linear-gradient(top, rgba(21, 37, 65, 0) 0%, rgba(21, 37, 65, 0.8) 75%); background: linear-gradient(to bottom, rgba(21, 37, 65, 0) 0%, rgba(21, 37, 65, 0.8) 75%); } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text:hover .thx-it-team-img:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text:hover .thx-it-team-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text:hover .thx-it-team-icon { background-color: #ff5b2e; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text:hover .thx-it-team-icon i { color: #fff; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text:hover .thx-it-team-text:before { top: 0; height: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .thx-it-member-section-3.thx-it-team-page-thx-it-member-section .thx-it-team-thx-it-member-3 { padding: 0; } .thx-it-member-section-3.thx-it-team-page-thx-it-member-section .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text h3 { font-size: 30px; font-weight: 700; } /*Team Details section */ /*----------------------------------------------------*/ .thx-it-team-details-section { padding: 120px 0px; } .thx-it-team-details-content { padding: 50px; position: relative; -webkit-box-shadow: 0px 8px 16px 0px rgba(82, 122, 187, 0.1); box-shadow: 0px 8px 16px 0px rgba(82, 122, 187, 0.1); } .thx-it-team-details-content .background_overlay { background-color: #fff; z-index: -1; } .thx-it-team-details-content:after, .thx-it-team-details-content:before { content: ''; right: -50px; bottom: -50px; width: 100px; z-index: -2; height: 100px; position: absolute; border-radius: 100%; background-color: #92d3d7; } .thx-it-team-details-content:before { top: -50px; left: -50px; right: auto; bottom: auto; background-color: #ff5b2e; } .thx-it-team-details-content .thx-it-team-single-text .section-title .site-tag { font-size: 18px; color: #ff5b2e; } .thx-it-team-details-content .thx-it-team-single-text .section-title h2 { font-size: 40px; padding-bottom: 25px; } .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info { margin-top: 30px; } .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info .thx-it-team-details-btn { font-family: "Montserrat"; background-color: #92d3d7; -webkit-box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.3); box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.3); } .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info-item { width: 100%; margin-bottom: 20px; display: inline-block; } .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info-item .thx-it-team-details-info-icon { width: 45px; height: 45px; line-height: 45px; color: #ff5b2e; margin-right: 30px; border-radius: 100%; background-color: #ffdad0; } .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info-item .thx-it-team-details-info-text { padding-top: 8px; } .thx-it-team-details-content .thx-it-team-single-text .thx-it-team-details-info-item .thx-it-team-details-info-text span { font-size: 18px; font-weight: 500; } .thx-it-team-details-page-get-touch { margin-bottom: 80px; } /*---------------------------------------------------- */ /*(14) - Testimonial Section*/ /*----------------------------------------------------*/ .thx-it-testimonial-section { margin-bottom: -260px; } .thx-it-testimonial-section .thx-it-testimonial-area-content { background-color: #f4f8fc; } .thx-it-testimonial-section .thx-it-testimonial-content { position: relative; z-index: 2; } .thx-it-testimonial-section .thx-it-testimonial-content .thx-it-testimonial-text .section-title h2 { padding-bottom: 30px; } .thx-it-testimonial-section .thx-it-testimonial-content .thx-it-testimonial-text .section-title .sub-text { font-weight: 500; padding-bottom: 25px; } .thx-it-testimonial-section .thx-it-testimonial-content .thx-it-testimonial-text .testi-text { max-width: 540px; } .thx-it-testimonial-item-list { padding-top: 30px; } .thx-it-testimonial-slide-section { padding-left: 40px; } .thx-it-testimonial-slide-section .owl-stage-outer { padding: 0px 10px; margin: 0px -10px; } .thx-it-testimonial-slide-section .owl-dots { position: absolute; bottom: 180px; left: -605px; } .thx-it-testimonial-slide-section .owl-dots .owl-dot { background-color: #d0dae4; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text { margin-bottom: 40px; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-img { width: 70px; height: 70px; float: left; margin-right: 20px; overflow: hidden; border-radius: 100%; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text { z-index: 1; padding: 30px; overflow: hidden; position: relative; background-color: #fff; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ''; opacity: .85; position: absolute; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text .testi-name { font-size: 24px; font-weight: 700; margin-right: 10px; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text .test-degi { color: #fff; font-size: 14px; font-weight: 700; } .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text p { line-height: 1.875; margin-bottom: 12px; } .thx-it-testimonial-slide-item:nth-child(1) .thx-it-testimonial-img-text .testi-text { -webkit-box-shadow: 0px 8px 16px 0px rgba(150, 172, 194, 0.06); box-shadow: 0px 8px 16px 0px rgba(150, 172, 194, 0.06); } .thx-it-testimonial-slide-item:nth-child(1) .thx-it-testimonial-img-text .test-degi { color: #92d3d7; } .thx-it-testimonial-slide-item:nth-child(2) .thx-it-testimonial-img-text .testi-text { -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2); box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2); } .thx-it-testimonial-slide-item:nth-child(2) .thx-it-testimonial-img-text .testi-text:after { background-color: #ff5b2e; } .thx-it-testimonial-slide-item:nth-child(2) .thx-it-testimonial-img-text .testi-text p { color: #fff; } .thx-it-testimonial-slide-item:nth-child(2) .thx-it-testimonial-img-text .testi-text h4 { color: #fff; } .thx-it-testimonial-slide-item:nth-child(2) .thx-it-testimonial-img-text .testi-img { float: right; margin-right: 0; margin-left: 20px; } .thx-it-testimonial-slide-item:nth-child(3) .thx-it-testimonial-img-text .testi-text { -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.06); box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.06); } .thx-it-testimonial-slide-item:nth-child(3) .thx-it-testimonial-img-text .testi-text:after { background-color: #92d3d7; } .thx-it-testimonial-slide-item:nth-child(3) .thx-it-testimonial-img-text .testi-text p { color: #fff; } .thx-it-testimonial-slide-item:nth-child(3) .thx-it-testimonial-img-text .testi-text h4 { color: #fff; } .thx-it-testimonial-slide-item:last-child .thx-it-testimonial-img-text { margin-bottom: 0; } /*Testimonial (Home Page 3)*/ /*----------------------------------------------------*/ .thx-it-testimonial-section-3 { padding: 110px 0 375px; } .thx-it-testimonial-section-3 .thx-it-testimonial-text .section-title .site-tag { font-size: 18px; } .thx-it-testimonial-section-3 .thx-it-testimonial-text .section-title h2 { font-weight: 400; } .thx-it-testimonial-section-3 .thx-it-testimonial-text .sub-text { font-weight: 400 !important; } .thx-it-testimonial-section-3 .thx-it-testimonial-slide-section .owl-dots { bottom: 230px; } .thx-it-testimonial-section-3 .thx-it-testimonial-area-content { background-color: #fff; } .thx-it-testimonial-section-3 .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text .testi-name { font-weight: 400; } .thx-it-testimonial-section-3 .thx-it-testimonial-slide-item .thx-it-testimonial-img-text .testi-text .test-degi { position: relative; top: 5px; } /*---------------------------------------------------- */ /*(15) - Slider Section*/ /*----------------------------------------------------*/ /*Slider section (Home Page 1)*/ /*----------------------------------------------------*/ .thx-it-slider-style-one .thx-it-slider-home-one { max-width: 1050px; padding: 385px 0px 410px 250px; } .thx-it-slider-style-one .thx-it-slider-home-one .owl-nav { display: none; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .slide-tag { opacity: 0; color: #fff; font-size: 40px; font-weight: 100; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1 { opacity: 0; color: #fff; line-height: 1; font-size: 140px; font-weight: 600; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1 span { font-size: 140px; font-weight: 100; color: #ff5b2e; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content p { opacity: 0; color: #fff; font-size: 20px; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .thx-it-slider-btn { opacity: 0; margin-top: 38px; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .thx-it-slider-btn .s-more-btn { z-index: 1; color: #fff; float: left; font-weight: 700; margin-top: 18px; padding-left: 20px; position: relative; margin-right: 40px; font-family: "Nunito"; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .thx-it-slider-btn .s-more-btn:before { top: -20px; left: 0px; background-color: #ff5b2e; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .thx-it-slider-btn .s-video-btn { width: 60px; height: 60px; line-height: 60px; border-radius: 100%; background-color: #92d3d7; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .thx-it-slider-btn .s-video-btn i { color: #fff; } .banner-mockup { bottom: 0; right: 90px; position: absolute; } /*Slider section (Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-slider-style-two .thx-it-slider-content-item .background_overlay { background-color: #516870; opacity: .5; } .thx-it-slider-style-two .thx-it-slider-content-box { padding: 345px 0px 330px; position: relative; z-index: 1; } .thx-it-slider-style-two .thx-it-slider-content-box span { font-size: 40px; color: #ffffff; font-weight: 100; } .thx-it-slider-style-two .thx-it-slider-content-box h1 { color: #fff; line-height: 1; font-size: 140px; padding-bottom: 10px; font-weight: 700 !important; } .thx-it-slider-style-two .thx-it-slider-content-box h1 span { font-size: 140px; font-weight: 100; } .thx-it-slider-style-two .thx-it-slider-content-box p { color: #fff; font-size: 20px; padding-bottom: 50px; } .thx-it-slider-style-two .thx-it-slider-content-box .thx-it-slider-btn { margin-left: 38px; } .thx-it-slider-style-two .thx-it-slider-content-box .thx-it-slider-btn a { color: #fff; font-weight: 700; position: relative; font-family: "Montserrat"; } .thx-it-slider-style-two .thx-it-slider-content-box .thx-it-slider-btn a:before { top: -20px; left: -35px; content: ''; z-index: -1; width: 60px; height: 60px; position: absolute; border-radius: 100%; background-color: #54304d; } /*Slider section (Home Page 3)*/ /*----------------------------------------------------*/ .thx-it-slider-style-three .thx-it-slider-three-area { z-index: 1; position: relative; } .thx-it-slider-style-three .thx-it-slider-three-area .background-overlay { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.6); } .thx-it-slider-style-three .owl-nav .owl-next, .thx-it-slider-style-three .owl-nav .owl-prev { top: 50%; width: 60px; opacity: 0; color: #fff; height: 60px; line-height: 60px; border-radius: 7px; text-align: center; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #ff5b2e; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-slider-style-three .owl-nav .owl-next { right: 100px; } .thx-it-slider-style-three .owl-nav .owl-prev { left: 100px; } .thx-it-slider-style-three .thx-it-slider-home-three:hover .owl-next, .thx-it-slider-style-three .thx-it-slider-home-three:hover .owl-prev { opacity: 1; } .thx-it-slider-style-three .thx-it-slider-home-three:hover .owl-next { right: 150px; } .thx-it-slider-style-three .thx-it-slider-home-three:hover .owl-prev { left: 150px; } .thx-it-slider-style-three .thx-it-slider-content-box { max-width: 700px; padding: 265px 0px 285px; } .thx-it-slider-style-three .thx-it-slider-content-box .slide-tag { opacity: 0; color: #fff; font-size: 30px; font-weight: 100; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } .thx-it-slider-style-three .thx-it-slider-content-box h1 { opacity: 0; color: #fff; font-size: 120px; padding: 5px 0px; line-height: 1.083; -webkit-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); } .thx-it-slider-style-three .thx-it-slider-content-box h1 span { font-size: 120px; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ffff; } .thx-it-slider-style-three .thx-it-slider-content-box p { color: #fff; opacity: 0; font-size: 20px; -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn { opacity: 0; padding: 40px 0px 0px 30px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-more-btn { z-index: 1; color: #fff; float: left; font-weight: 700; position: relative; margin: 15px 45px 0px 0px; } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-more-btn:before { top: -20px; left: -30px; background-color: #ff5b2e; } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-cta-btn { color: #fff; font-weight: 700; } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-cta-btn i { width: 60px; color: #fff; height: 60px; text-align: center; margin-right: 12px; line-height: 60px; border-radius: 100%; background-color: #92d3d7; } #thx-it-slider-id .owl-item.active .thx-it-slider-content-box .slide-tag { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } #thx-it-slider-id .owl-item.active .thx-it-slider-content-box h1 { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } #thx-it-slider-id .owl-item.active .thx-it-slider-content-box p { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } #thx-it-slider-id .owl-item.active .thx-it-slider-content-box .thx-it-slider-btn { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition-delay: 2100ms; -o-transition-delay: 2100ms; transition-delay: 2100ms; } /*---------------------------------------------------- */ /*(16) - experience Section*/ /*----------------------------------------------------*/ .it-thx-it-experience-section { background-color: #f4f8fc; padding-bottom: 110px; } .it-thx-it-experience-section .section-title { z-index: 1; margin: 0 auto; max-width: 710px; position: relative; padding-bottom: 75px; } .it-thx-it-experience-section .section-title h2 { font-size: 100px; } .it-thx-it-experience-section .section-title .title-bg { right: 0; z-index: -1; left: -185px; bottom: -50px; line-height: 1; font-size: 300px; position: absolute; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e0e7ee; -webkit-text-fill-color: transparent; } .it-thx-it-experience-section .thx-it-experience-mockup { z-index: 1; } .it-thx-it-experience-section .thx-it-experience-mockup-img a { left: 0; right: 0; top: 50%; color: #fff; width: 100px; height: 100px; margin: 0 auto; line-height: 100px; text-align: center; position: absolute; border-radius: 100%; border: 1px solid #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .it-thx-it-experience-section .mockup-feature span { position: absolute; } .it-thx-it-experience-section .mockup-feature span:nth-child(1) { top: -65px; right: 90px; } .it-thx-it-experience-section .mockup-feature span:nth-child(2) { top: 33%; right: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .it-thx-it-experience-section .mockup-feature span:nth-child(3) { bottom: 80px; right: 100px; } .it-thx-it-experience-section .mockup-feature span:nth-child(4) { top: 60px; left: 70px; } .it-thx-it-experience-section .mockup-feature span:nth-child(5) { top: 42%; left: 110px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .it-thx-it-experience-section .mockup-feature span:nth-child(6) { bottom: 0; left: 80px; } /*---------------------------------------------------- */ /*(17) - pricing Section*/ /*----------------------------------------------------*/ .thx-it-pricing-plan-section { padding: 115px 0px 95px; background-color: #f4f8fc; } .thx-it-pricing-plan-section .title-text { max-width: 540px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content { padding-top: 100px; margin: 0 15px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list { padding: 60px 50px 70px; background-color: #fff; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-icon { margin-bottom: 25px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-price-tag .pricing-cat { color: #92d3d7; font-size: 18px; font-weight: 700; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-price-tag .price-amount { line-height: 1; font-size: 100px; font-weight: 700; margin-top: 10px; margin-bottom: 0; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-price-tag .price-amount span { font-size: 16px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-price-tag .pricing-period { font-size: 14px; font-weight: 500; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-facility { margin-top: 35px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-facility li { font-size: 18px; position: relative; margin-bottom: 10px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-facility li i { top: 6px; right: 0; color: #92d3d7; font-size: 14px; position: absolute; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-btn { margin-top: 55px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-btn a { z-index: 1; font-weight: 700; position: relative; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-btn a:before { top: -20px; left: -20px; background-color: #dff5f6; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .popular-package { z-index: 1; top: -25px; position: relative; padding: 85px 50px 70px; border-top: 5px solid #ff5b2e; -webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08); box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08); } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .popular-package .pricing-cat { color: #ff5b2e !important; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .popular-package .pricing-btn { margin-top: 70px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .popular-package .pricing-btn a:before { background-color: #ffede8 !important; } /*---------------------------------------------------- */ /*(18) - Get-touch Section*/ /*----------------------------------------------------*/ .thx-it-get-touch-section { overflow: visible; } .thx-it-get-touch-section .thx-it-get-touch-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-part { width: 50%; padding: 55px; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-part span { color: #fff; font-size: 18px; font-weight: 500; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-part h2 { z-index: 2; color: #fff; font-size: 40px; font-weight: 400; position: relative; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-one { background-color: #ff5b2e; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-two { background-color: #54304d; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-icon1, .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-icon2 { left: 0; right: 0; top: 50%; position: absolute; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-sideimg { top: -248px; left: -160px; position: absolute; } .thx-it-get-touch-section.thx-it-team-page-get-touch .thx-it-get-touch-content { z-index: 1; } .thx-it-get-touch-section.thx-it-team-page-get-touch .icon-bg2 { right: 0; top: auto; z-index: 0; left: auto; bottom: 0px; } .thx-it-get-touch-section.thx-it-team-page-get-touch .icon-bg2 i { line-height: 1; color: #5e3c57; font-size: 180px; } .thx-it-get-touch-section.thx-it-team-page-get-touch .thx-it-get-touch-content .thx-it-get-touch-part h2 { font-size: 36px; font-weight: 700; padding-top: 20px; } /*---------------------------------------------------- */ /*(19) - Breadcrumb Section*/ /*----------------------------------------------------*/ .thx-it-breadcurmb-section .background_overlay { background-color: rgba(81, 104, 112, 0.7); } .thx-it-breadcurmb-content { padding: 220px 0px 145px 0px; position: relative; z-index: 1; } .thx-it-breadcurmb-content h2 { color: #fff; font-size: 80px; font-weight: 700; padding-bottom: 20px; } .thx-it-breadcurmb-content .breadcrumb { padding-left: 30px; background-color: transparent; } .thx-it-breadcurmb-content .breadcrumb li { color: #fff; font-weight: 700; position: relative; margin-right: 25px; } .thx-it-breadcurmb-content .breadcrumb li:first-child:before { top: -15px; left: -30px; background-color: #54304d; } .thx-it-breadcurmb-content .breadcrumb-item + .breadcrumb-item::before { top: 5px; width: 2px; padding: 0; content: ''; height: 15px; left: -12px; position: absolute; background-color: #fff; } /*---------------------------------------------------- */ /*(20) - Case Section*/ /*----------------------------------------------------*/ .thx-it-case-quota-section { padding: 115px 0px 50px; } .thx-it-case-quota-section:before { top: 0; content: ''; position: absolute; height: 505px; width: 100%; background-color: #54304d; } .thx-it-case-quota-section .qouta-text .thx-it-case-quota-content { color: #fff; font-size: 18px; margin-top: 35px; text-align: right; line-height: 1.667; position: relative; } .thx-it-case-quota-section .qouta-text .thx-it-case-quota-content:after { top: 0; width: 1px; content: ''; right: -25px; height: 100%; position: absolute; background-color: #ff5b2e; } .thx-it-case-quota-section .qouta-title { padding-left: 35px; } .thx-it-case-quota-section .qouta-title .section-title .site-tag { font-size: 18px; } .thx-it-case-quota-section .qouta-title .section-title h2 { color: #fff; } .thx-it-case-quota-section .qouta-box-item { padding-top: 80px; } .thx-it-case-quota-section .qouta-box-item .qouta-box-text { top: -60px; padding: 40px; max-width: 90%; margin: 0 auto; background-color: #54304d; } .thx-it-case-quota-section .qouta-box-item .qouta-box-text:before { left: 0; top: 0; content: ''; width: 4px; height: 0%; position: absolute; background-color: #ff5b2e; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-case-quota-section .qouta-box-item .qouta-box-text span { color: #92d3d7; font-size: 14px; font-weight: 700; } .thx-it-case-quota-section .qouta-box-item .qouta-box-text h3 { color: #fff; font-size: 20px; font-weight: 700; } .thx-it-case-quota-section .qouta-box-item .qouta-box-text .quota-box-icon { top: -25px; right: 25px; width: 50px; height: 50px; line-height: 50px; position: absolute; border-radius: 100%; background-color: #fff; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-case-quota-section .qouta-box-item .qouta-box-text .quota-box-icon i { color: #ff5b2e; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-case-quota-section .qouta-box-content:hover .qouta-box-text:before { height: 100%; } .thx-it-case-quota-section .qouta-box-content:hover .qouta-box-text .quota-box-icon { background-color: #ff5b2e; } .thx-it-case-quota-section .qouta-box-content:hover .qouta-box-text .quota-box-icon i { color: #fff; } .thx-it-case-filtering-section { padding-bottom: 118px; } .thx-it-case-filtering-section .grid-item-width { width: 25%; } .thx-it-case-filtering-section .grid-item-big { width: 50%; } .thx-it-case-filtering-section .grid-sizer { width: 25%; } .thx-it-case-filtering-section .grid-item { padding: 15px; } .thx-it-case-filtering-section .grid-sizer, .thx-it-case-filtering-section .grid-item { float: left; overflow: hidden; position: relative; display: inline-block; } .thx-it-case-filtering-section .thx-it-case-img-text .thx-it-case-img { position: relative; } .thx-it-case-filtering-section .thx-it-case-img-text .thx-it-case-img img { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-case-filtering-section .thx-it-case-img-text .thx-it-case-img:after { content: ''; position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; background-color: #516870; } .thx-it-case-filtering-section .thx-it-case-img-text .thx-it-case-popup { right: 50px; bottom: 30px; width: 60px; height: 60px; opacity: 0; line-height: 60px; text-align: center; border-radius: 100%; position: absolute; visibility: hidden; background-color: #fff; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .thx-it-case-filtering-section .thx-it-case-img-text .thx-it-case-popup a { width: 100%; display: block; } .thx-it-case-filtering-section .thx-it-case-img-text:hover .thx-it-case-img:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .8; } .thx-it-case-filtering-section .thx-it-case-img-text:hover .thx-it-case-img img { -webkit-filter: grayscale(1); filter: grayscale(1); } .thx-it-case-filtering-section .thx-it-case-img-text:hover .thx-it-case-popup { opacity: 1; right: 30px; visibility: visible; } .thx-it-portfolio-filter-btn { padding-bottom: 30px; } .thx-it-portfolio-filter-btn button { border: none; font-weight: 700; padding: 26px 30px 18px 30px; background-color: transparent; } .thx-it-portfolio-filter-btn .is-checked { color: #ff5b2e; border-radius: 60px; -webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.1); box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.1); } /*---------------------------------------------------- */ /*(21) - Case Section*/ /*----------------------------------------------------*/ .thx-it-contact-content-section { padding: 140px 0px 115px; background-color: #f4f8fc; } .thx-it-contact-content-section .thx-it-contact-content-inner-box { background-color: #fff; padding: 80px 40px 60px; } .thx-it-contact-content-section .thx-it-contact-content-inner-box .contact-tag { top: -25px; left: 0; right: 0; width: 175px; height: 50px; left: 0; right: 0; line-height: 50px; margin: 0 auto; background-color: #fff; font-weight: 700; position: absolute; color: #ff5b2e; border-radius: 30px; -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.1); box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.1); } .thx-it-contact-content-section .thx-it-contact-content-inner-box .thx-it-contact-content-text h3 { font-size: 30px; font-weight: 700; padding-bottom: 15px; } .thx-it-contact-content-section .thx-it-contact-content-inner-box .thx-it-contact-content-text p { font-size: 18px; padding-bottom: 10px; } .contact-form-field-section { z-index: 1; overflow: visible; padding: 105px 0px; position: relative; } .contact-form-field-section .contact-form-img { z-index: -1; position: absolute; } .contact-form-field-section .contact-form-img.img-no-1 { left: 0; top: 40px; } .contact-form-field-section .contact-form-img.img-no-2 { left: 200px; bottom: 50px; } .contact-form-field-section .contact-form-img.img-no-3 { top: -75px; right: 85px; } .contact-form-field-section .contact-form-img.img-no-4 { top: 200px; right: 100px; } .contact-form-field-section .contact-form-img.img-no-5 { right: 20px; bottom: 30px; } .contact-form-field-section .section-title { padding-bottom: 65px; } .contact-form-area-field { padding: 80px; border-radius: 20px; background-color: #54304d; } .contact-form-area-field .contact-info input, .contact-form-area-field .contact-info textarea { width: 100%; border: none; height: 80px; color: #fff; padding-left: 30px; margin-bottom: 30px; border-bottom: 2px solid #75546f; background-color: transparent; } .contact-form-area-field .contact-info input::-webkit-input-placeholder, .contact-form-area-field .contact-info textarea::-webkit-input-placeholder { color: #75546f; } .contact-form-area-field .contact-info input:-ms-input-placeholder, .contact-form-area-field .contact-info textarea:-ms-input-placeholder { color: #75546f; } .contact-form-area-field .contact-info input::-ms-input-placeholder, .contact-form-area-field .contact-info textarea::-ms-input-placeholder { color: #75546f; } .contact-form-area-field .contact-info input::placeholder, .contact-form-area-field .contact-info textarea::placeholder { color: #75546f; } .contact-form-area-field .sub-button button { border: none; height: 60px; width: 225px; color: #fff; font-weight: 700; margin: 0 auto; border-radius: 40px; background-color: #ff5b2e; } .google-map-area { z-index: 1; position: relative; } .google-map-area:before { top: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 80%; position: absolute; background-color: #f4f8fc; } /*---------------------------------------------------- */ /*(22) - Case Section*/ /*----------------------------------------------------*/ .thx-it-faq-content-section { padding: 120px 0px 110px; } .thx-it-faq-content-section .thx-it-faq-content-inner-box { padding: 50px; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-icon { line-height: 1; margin-bottom: 35px; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-icon i { font-size: 70px; color: #92d3d7; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-serial { top: -20px; right: 0px; line-height: 1; font-size: 160px; font-weight: 700; position: absolute; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-text h3 { color: #fff; font-size: 24px; font-weight: 700; padding-bottom: 18px; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-text p { color: #fff; padding-left: 20px; position: relative; margin-bottom: 20px; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-text p:before { content: ''; position: absolute; height: 100%; width: 2px; top: 0; left: 0; background-color: #ff5b2e; } .thx-it-faq-content-section .thx-it-faq-content-inner-box .thx-it-faq-content-text a { color: #92d3d7; font-size: 14px; font-weight: 700; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(1) .thx-it-faq-content-inner-box { background-color: #54304d; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(1) .thx-it-faq-content-inner-box .thx-it-faq-content-serial { color: #5b3854; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(1) .thx-it-faq-content-inner-box .thx-it-faq-content-text a { color: #92d3d7; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(2) .thx-it-faq-content-inner-box { background-color: #92d3d7; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(2) .thx-it-faq-content-inner-box .thx-it-faq-content-icon i { color: #54304d; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(2) .thx-it-faq-content-inner-box .thx-it-faq-content-serial { color: #90cdd2; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(2) .thx-it-faq-content-inner-box .thx-it-faq-content-text a { color: #54304d; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(2) .thx-it-faq-content-inner-box .thx-it-faq-content-text p:before { background-color: #54304d; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(3) .thx-it-faq-content-inner-box { background-color: #ff5b2e; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(3) .thx-it-faq-content-inner-box .thx-it-faq-content-serial { color: #ff7752e0; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(3) .thx-it-faq-content-inner-box .thx-it-faq-content-icon i { color: #fff; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(3) .thx-it-faq-content-inner-box .thx-it-faq-content-text p:before { background-color: #fff; } .thx-it-faq-content-section .thx-it-faq-content-field .col-lg-4:nth-child(3) .thx-it-faq-content-inner-box .thx-it-faq-content-text a { color: #fff; } .faw-ques-ans-section { padding-bottom: 100px; } .faw-ques-ans-section .section-title { max-width: 650px; padding-bottom: 45px; } .faw-ques-ans-section .thx-it-faq-header h3 { margin-bottom: 0; } .faw-ques-ans-section .faq_title { color: #fff; border: none; width: 100%; text-align: left; font-size: 18px; font-weight: 500; padding: 25px 30px; position: relative; background-color: #54304d; } .faw-ques-ans-section .faq_title:after { top: 28px; right: 30px; font-size: 14px; content: '\f068'; position: absolute; font-weight: 900; font-family: 'Font Awesome 5 Free'; } .faw-ques-ans-section .faq_title.collapsed:after { content: '\f067'; } .faw-ques-ans-section .faq_area { margin-bottom: 20px; } .faw-ques-ans-section .faq_area .thx-it-faq-body { background-color: #54304d; color: #fff; padding: 0px 40px 30px 30px; } .faw-ques-ans-section .faq_area.faq_area1.active, .faw-ques-ans-section .faq_area.faq_area.active { position: relative; } .faw-ques-ans-section .faq_area.faq_area1.active:before, .faw-ques-ans-section .faq_area.faq_area.active:before { top: 0; left: 0; z-index: 1; width: 3px; content: ''; height: 100%; position: absolute; background-color: #ff5b2e; } /*---------------------------------------------------- */ /*( ) - Footer Section*/ /*----------------------------------------------------*/ .thx-it-footer-social { padding: 40px 0px; background-color: #44243e; } .thx-it-footer-social .thx-it-footer-social-content { width: 100%; } .thx-it-footer-social .thx-it-footer-social-content .thx-it-footer-social-icon li a { width: 60px; color: #fff; height: 60px; display: block; margin: 0px 5px; line-height: 60px; text-align: center; border-radius: 100%; background-color: #54304d; } .thx-it-footer-social .thx-it-footer-social-content .thx-it-footer-social-icon li a:hover { color: #fff; background-color: #92d3d7; } .thx-it-footer-area-one { z-index: 1; overflow: hidden; background-color: #54304d; } .thx-it-footer-area-one:after, .thx-it-footer-area-one:before { z-index: -1; left: 0; top: 100px; width: 100%; content: ''; height: 100%; position: absolute; background-repeat: no-repeat; background-image: url(../img/shape/f-shape1.png); } .thx-it-footer-area-one:before { top: 150px; background-image: url(../img/shape/f-shape2.png); } .thx-it-footer-area-one .thx-it-footer-widget .widget-title, .thx-it-footer-area-one .thx-it-footer-content .thx-it-footer-about a, .thx-it-footer-area-one .thx-it-footer-content .thx-it-footer-about p, .thx-it-footer-area-one .thx-it-footer-content .thx-it-footer-menu li a { color: #fff; } .thx-it-footer-area-one .thx-it-footer-content { margin-top: 0; padding: 90px 0px 60px; border-bottom: 2px solid #77506f; } .thx-it-footer-area-one .thx-it-footer-widget .widget-title, .thx-it-footer-area-one .thx-it-footer-content .thx-it-footer-menu li { font-weight: 600; font-family: "Nunito"; } .thx-it-footer-area-one .thx-it-footer-widget .widget-title a:hover, .thx-it-footer-area-one .thx-it-footer-content .thx-it-footer-menu li a:hover { color: #ff5b2e; } .thx-it-footer-area-one .thx-it-footer-content .thx-it-footer-about a { font-family: "Nunito"; font-weight: 600; } .thx-it-footer-area-one .thx-it-footer-copyright { padding: 35px 0px; } .thx-it-footer-area-one .thx-it-footer-copyright p { color: #fff; font-size: 18px; font-weight: 700; } .thx-it-footer-area-one .thx-it-footer-copyright p a { color: #92d3d7; } /*Footer (Home Page 2)*/ /*----------------------------------------------------*/ .thx-it-footer-2 { z-index: 1; padding-bottom: 115px; } .thx-it-footer-2:before { content: ''; position: absolute; height: 400px; width: 100%; bottom: 0; z-index: -2; background-image: url(../img/banner/footerbg.jpg); } .thx-it-footer-2:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 0; z-index: -1; background-image: url(../img/banner/fshape.png); } .thx-it-footer-logo-memu .thx-it-footer-menu-content { padding-bottom: 60px; border-bottom: 2px solid #faeeee; } .thx-it-footer-logo-memu select { float: right; padding: 5px 28px; border-radius: 30px; -webkit-appearance: none; border: 2px solid #faeeee; } .thx-it-footer-logo-memu .thx-it-footer-select { position: relative; margin-top: 10px; } .thx-it-footer-logo-memu .thx-it-footer-select:after { top: 6px; right: 15px; font-weight: 900; content: '\f107'; color: #92d3d7; position: absolute; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; font-family: 'Font Awesome 5 Free'; } .thx-it-footer-menu-list { padding: 15px 0px 0px 70px; } .thx-it-footer-menu-list li a { font-weight: 700; margin-right: 50px; } .thx-it-footer-menu-list li a:hover { color: #ff5b2e; } .thx-it-footer-widget .widget-title { font-size: 30px; font-weight: 700; position: relative; padding-bottom: 70px; } .thx-it-footer-widget .widget-title:after { left: 0; content: ''; height: 4px; width: 25px; bottom: 35px; position: absolute; background-color: #92d3d7; } .thx-it-footer-widget .thx-it-footer-menu { padding-left: 80px; } .thx-it-footer-widget .thx-it-footer-menu li a:hover { color: #ff5b2e; } .thx-it-footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 75px; } .thx-it-footer-content .thx-it-footer-about { width: 375px; } .thx-it-footer-content .thx-it-footer-about p { font-size: 18px; max-width: 375px; line-height: 1.667; margin-bottom: 35px; } .thx-it-footer-content .thx-it-footer-about a { font-size: 18px; font-weight: 700; font-family: "Nunito"; } .thx-it-footer-content .thx-it-footer-menu { width: 265px; } .thx-it-footer-content .thx-it-footer-menu li { font-weight: 700; margin-bottom: 18px; } .thx-it-footer-content .thx-it-footer-menu .widget-title { text-align: center; } .thx-it-footer-content .thx-it-footer-menu .widget-title:after { right: 0; margin: 0 auto; } .thx-it-footer-3 .thx-it-footer-widget .widget-title { font-weight: 400; } .thx-it-footer-3 .thx-it-footer-content { padding: 15px 0px 75px; border-bottom: 2px solid #dedede; } .thx-it-footer-3 .thx-it-footer-copyright { padding: 35px 0px; } .thx-it-footer-3 .thx-it-footer-copyright p { font-size: 18px; font-weight: 700; color: #54304d; } .thx-it-footer-3 .thx-it-footer-copyright p a { color: #92d3d7; } /*---------------------------------------------------- */ /*( ) - responsive Section*/ /*----------------------------------------------------*/ .mobile_menu_content { top: 0px; bottom: 0; right: -350px; height: 100vh; z-index: 101; width: 280px; position: fixed; overflow-y: scroll; background-color: #fff; padding: 100px 20px 50px 20px; -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19); -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; } .mobile_menu_content .main-navigation { width: 100%; margin-right: 0 !important; } .mobile_menu_content .main-navigation li { margin-left: 0 !important; } .mobile_menu_content .main-navigation .navbar-nav { width: 100%; } .mobile_menu_content .navbar-nav .dropdown-menu { position: static !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mobile_menu_content .main-navigation .navbar-nav li { width: 100%; display: block; margin-left: 0; padding-left: 0; padding: 5px 0px; border-bottom: 1px solid #e0e0df; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .mobile_menu_content .main-navigation .navbar-nav li a { color: #54304d; } .mobile_menu_content .m-brand-logo { margin-bottom: 30px; } .mobile_menu_content .dropdown-btn { right: 0; top: 0px; width: 30px; height: 35px; line-height: 35px; text-align: center; position: absolute; background-color: #f5f5f5; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .mobile_menu_content .dropdown-btn.toggle-open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mobile-search-area { position: relative; margin-bottom: 20px; } .mobile-search-area input { width: 100%; height: 40px; padding: 0px 15px; border: 1px solid #e0e0df; } .mobile-search-area .search-sub-btn { position: absolute; top: 0; right: 0; } .mobile-search-area .search-sub-btn button { color: #fff; height: 40px; width: 40px; border: none; background-color: #ff5b2e; } .mobile_menu_wrap.mobile_menu_on .mobile_menu_content { right: 0px; -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; } .thx_mobile_menu_overlay { top: 0; width: 100%; height: 100%; position: fixed; z-index: 100; right: -100%; height: 120vh; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all .8s ease-in .8s; -o-transition: all .8s ease-in .8s; transition: all .8s ease-in .8s; visibility: visible; opacity: 1; } .mobile_menu_overlay_on { overflow: hidden; } #thx-it-header .mobile_menu .dropdown:before { content: ''; } .mobile_menu_wrap.mobile_menu_on .thx_mobile_menu_overlay { right: 0; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s; transition: all .8s ease-out 0s; } .mobile_menu_button { position: absolute; display: none; right: 20px; top: 0; cursor: pointer; color: #ff5b2e; text-align: center; font-size: 25px; } .mobile_menu .main-navigation .navbar-nav li a:after { display: none; } .mobile_menu .main-navigation .dropdown > .dropdown-menu { opacity: 1; visibility: visible; } .mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu { border: none; display: none; -webkit-transition: none; -o-transition: none; transition: none; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0px; } .mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li { border: none; line-height: 1; padding: 5px 20px; } .mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a { color: #000; font-weight: 400; } .mobile_menu .mobile_menu_close { color: #d60606; cursor: pointer; top: 15px; left: 15px; font-size: 20px; position: absolute; } .mobile_menu .mobile-menu-contact-info { margin-top: 30px; } .mobile_menu .mobile-menu-contact-info li { margin-bottom: 10px; } .mobile_menu .mobile-cart { margin-top: 30px; } .mobile_menu .mobile-cart i { color: #fff; background-color: #ff5b2e; } .mobile_menu .mobile-cart span { color: #fff; font-size: 14px; padding: 5px 10px; border-radius: 3px; margin-left: 10px; background-color: #ff5b2e; } .mobile_menu .mobile-cart .m-cart-btn { color: #fff; height: 40px; width: 120px; margin: 0 auto; margin-top: 30px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #92d3d7; } /*---------------------------------------------------- */ /*( ) - responsive Section*/ /*----------------------------------------------------*/ /* ================================================== * 01 - media screen and (max-width: 1440px) * 02 - media screen and (max-width: 1280px) * 03 - media screen and (max-width: 1199px) * 04 - media screen and (max-width: 991px) * 05 - media screen and (max-width: 767px) * 06 - media screen and (max-width: 680px) * 07 - media screen and (max-width: 580px) * 08 - media screen and (max-width: 480px) * 09 - media screen and (max-width: 380px) * 10 - media screen and (max-width: 320px) ================================================== */ @media screen and (max-width: 1440px) { .header-style-one .header-main-menu { padding: 25px 30px 0px; } .header-style-one .header-top { padding: 8px 30px 9px; } .thx-it-slider-style-one .thx-it-slider-home-one { padding: 385px 0px 410px 70px; } .banner-mockup { right: -350px; } .header-style-one.sticky-header-overlay { top: -50px; } .thx-it-challenge-section:before { left: -300px; } .header-style-two { padding: 40px 50px 0px 50px; } .header-style-two.sticky-header-overlay { padding: 15px 50px 15px 50px; } .thx-it-about-section-2 .thx-it-about-side-img { width: 70%; } .thx-it-platform-section .laptop-mockup { left: -535px; } .thx-it-footer-2:before { background-position: center; } .header-style-three { padding: 30px 30px 0px 30px; } .header-style-three.sticky-header-overlay { padding: 15px 30px 13px 30px; } .thx-it-slider-style-three .thx-it-slider-home-three:hover .owl-prev { left: 15px; } .thx-it-slider-style-three .thx-it-slider-home-three:hover .owl-next { right: 15px; } .header-style-four .main-navigation { padding-top: 25px; } .header-style-four.sticky-header-overlay { top: 0; } .header-style-four.sticky-header-overlay .main-navigation { padding-top: 20px; } .thx-it-team-thx-it-member-1:before { width: 100%; left: 0; } .thx-it-team-thx-it-member-1 .circle-shape2 { right: -50px; } .thx-it-team-thx-it-member-1 .circle-shape1 { left: -50px; } .header-style-one.header-style-four .main-navigation li { margin-left: 50px; } .thx-it-service-call-action-section .s-cta-shape1 { left: -60px; } .thx-it-service-call-action-section .s-cta-shape2 { right: 30px; width: 365px; } } @media screen and (max-width: 1280px) { .header-style-one.header-style-four .main-navigation li { margin-left: 30px; } .thx-it-service-call-action-section .s-cta-shape1, .thx-it-service-call-action-section .s-cta-shape2 { display: none; } } @media screen and (max-width: 1199px) { .header-style-one .main-navigation li { margin-left: 50px; } .thx-it-footer-content .thx-it-footer-menu { width: 260px; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1 { font-size: 125px; } .header-style-three:after { display: none; } .header-style-three .main-navigation li { margin: 0 15px; } .thx-it-team-thx-it-member-1:before { display: none; } .thx-it-team-thx-it-member-1 .circle-shape2, .thx-it-team-thx-it-member-1 .circle-shape1 { display: none; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext { width: 230px; } } @media screen and (max-width: 1024px) { .header-style-one .header-top { display: none; } .header-style-one .it-menu-itemlist .main-navigation { display: none; } .header-style-one .header-main-option { display: none; } .mobile_menu_button { display: block; } .thx-it-client-area .thx-it-client-item-list li:nth-child(1), .thx-it-client-area .thx-it-client-item-list li:nth-child(2), .thx-it-client-area .thx-it-client-item-list li:nth-child(3), .thx-it-client-area .thx-it-client-item-list li:nth-child(4), .thx-it-client-area .thx-it-client-item-list li:nth-child(5), .thx-it-client-area .thx-it-client-item-list li:nth-child(6) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .thx-it-client-area .thx-it-client-item-list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .header-style-one .mobile_menu_button { top: -50px; } .header-style-one.sticky-header-overlay { top: -15px; } .thx-it-slider-style-one .thx-it-slider-home-one { padding: 250px 0px 0px 70px; } .banner-mockup { position: static; } .thx-it-about-section-1 { padding: 130px 0px 100px; } .section-title h2 { font-size: 50px; } .thx-it-feature-text-content .thx-it-feature-list-item li { width: 100%; } .thx-it-blog-section .thx-it-blog-text h3, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text h3 { font-size: 20px; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a { padding-right: 10px; } .thx-it-blog-section .thx-it-blog-type1 .thx-it-blog-text { width: 100%; } .thx-it-blog-section .thx-it-blog-text .thx-it-blog-meta a:after, .thx-it-blog-section-2 .thx-it-blog-img-text .thx-it-blog-text .thx-it-blog-meta a:after { display: none; } .thx-it-blog-section .thx-it-blog-type1 .thx-it-blog-text { padding: 28px 20px 20px; } .thx-it-blog-section .thx-it-blog-type3 .thx-it-blog-text, .thx-it-blog-section .thx-it-blog-type4 .thx-it-blog-text { padding: 25px 25px; } .thx-it-footer-content .thx-it-footer-menu { width: 205px; padding-left: 20px; } .thx-it-about-section-1 .thx-it-about-img .thx-it-about-circle-img-1 { top: -65px; } .header-style-two { padding: 25px 50px 0px 50px; } .header-style-two .it-menu-itemlist { display: none; } .header-style-two .header-main-menu { float: left; } .header-style-two .mobile_menu_button { right: 0; top: 15px; color: #fff; } .header-style-two.sticky-header-overlay .mobile_menu_button { color: #ff5b2e; top: 10px; } .thx-it-slider-style-two .thx-it-slider-content-box { padding: 250px 0px 250px; } .thx-it-feature-content-2 { top: 0; } .thx-it-feature-section-two { margin-bottom: 0; padding-bottom: 80px; } .thx-it-platform-section .laptop-mockup { left: -75%; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext { width: 280px; } .thx-it-team-thx-it-member-1:before { display: none; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext .thx-it-team-text { padding-bottom: 20px; margin-bottom: 30px; } .thx-it-team-section-one { padding-bottom: 30px; } .thx-it-testimonial-slide-section .owl-dots { left: -520px; } .thx-it-blog-section-2 .thx-it-blog-img-text { padding: 50px 25px 45px; } .thx-it-footer-menu-list li a { margin-right: 35px; } .thx-it-slider-style-three .owl-nav { display: none; } .header-style-three .it-menu-itemlist { display: none; } .thx-it-service-section-3 .thx-it-service-content-3 { top: 0; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-circle-shape { display: none; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text { padding-left: 15px; } .it-thx-it-experience-section { padding-top: 80px; } .header-style-three .mobile_menu_button { right: 0; } .header-style-three.sticky-header-overlay .mobile_menu_button { top: 8px; } .thx-it-slider-style-three .thx-it-slider-content-box { padding: 220px 0px 150px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text .thx-it-team-text h3 { font-size: 24px; } .thx-it-client-area-3 .thx-it-client-logo-item .thx-it-client-logo-img { height: 100px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 .thx-it-team-img-text { margin: 0 auto; max-width: 430px; margin-bottom: 30px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list { max-width: 370px; margin: 0 auto; margin-bottom: 30px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .popular-package { top: 0; } .thx-it-feature-map-content { display: none; } .thx-it-testimonial-section-3 { padding-bottom: 50px; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-sideimg { display: none; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-part { width: 100%; } .thx-it-get-touch-section .thx-it-get-touch-content { display: inline-block; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-icon1, .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-icon2 { display: none; } .header-style-four .quote-btn-2 { display: none; } .header-style-four.sticky-header-overlay { top: 0; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-img .thx-it-about-main-img { width: auto; height: auto; border-radius: 0; } .contact-form-field-section .contact-form-img { display: none; } } @media screen and (max-width: 991px) { .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1, .thx-it-slider-style-two .thx-it-slider-content-box h1, .thx-it-slider-style-three .thx-it-slider-content-box h1 { font-size: 80px; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1 span, .thx-it-slider-style-two .thx-it-slider-content-box h1 span, .thx-it-slider-style-three .thx-it-slider-content-box h1 span { font-size: 100px; } .section-title h2 { font-size: 38px; } .section-title-text { padding-left: 0; } .thx-it-service-item-list .thx-it-service-icon-text { margin-bottom: 30px; } .thx-it-portfolio-img-text { max-width: 370px; margin: 0 auto; margin-bottom: 30px; } .thx-it-challenge-section:before { display: none; } .thx-it-newslatter-service { display: inline-block; } .thx-it-newslatter-service .thx-it-newslatter-thx-it-service-item { width: 100%; } .thx-it-footer-widget { width: 50%; margin-bottom: 30px; } .thx-it-footer-widget .thx-it-footer-menu { width: 100%; } .header-style-one .header-main-menu { padding: 25px 20px 0px; } .thx-it-feature-content-2 .thx-it-feature-slide-item, .thx-it-feature-content-2 .thx-it-feature-two-content { float: none; width: 100%; margin: 0 auto; max-width: 580px; } .thx-it-feature-content-2 .thx-it-feature-two-content { padding: 40px 0px; margin-top: 40px; background-color: #f7f7f7; } .thx-it-feature-content-2 { display: block; width: inherit; padding: 60px 0px; } .thx-it-feature-content-2 .thx-it-feature-slide-item .owl-dots { position: static; text-align: center; margin-top: 40px; } .thx-it-about-section-2 .thx-it-about-side-img { display: none; } .thx-it-about-section-2 .thx-it-about-counter { position: static; display: block; padding-top: 60px; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item { width: 100%; min-width: inherit; } .thx-it-about-section-2 { padding-bottom: 60px; } .thx-it-platform-section .laptop-mockup { position: static; z-index: 1; } .thx-it-platform-section { overflow: hidden; z-index: 1; } .thx-it-platform-section .background_overlay { z-index: -1; } .thx-it-platform-section .thx-it-platform-content { max-width: 100%; } .thx-it-newslatter-section-2:before { display: none; } .thx-it-testimonial-slide-section .owl-dots { position: static; margin-top: 40px; text-align: center; } .thx-it-testimonial-section .thx-it-testimonial-area-content { padding-bottom: 60px; } .thx-it-newslatter-section-2 { top: 0; padding-top: 80px; } .thx-it-testimonial-section { margin-bottom: 0; } .thx-it-blog-section-2 .thx-it-blog-img-text { max-width: 370px; margin: 0 auto; margin-bottom: 30px; } .thx-it-footer-logo-memu select { float: none; } .thx-it-footer-menu-list { padding-left: 0; } .thx-it-footer-logo-memu .thx-it-footer-select { width: 90px; } .thx-it-footer-2:before { display: none; } .thx-it-footer-2 { padding-bottom: 60px; } .thx-it-about-us-section-3 .thx-it-about-img-3 { padding-bottom: 40px; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-img .thx-it-about-circle-img-1 { display: none; } .core-thx-it-platform-section:before { display: none; } .thx-it-team-section-one .thx-it-team-area-content { top: 0; } .mission-vission-content { display: inline-block; } .thx-it-footer-logo-memu .thx-it-footer-menu-content { text-align: center; } .thx-it-footer-logo-memu .thx-it-footer-select { margin: 0 auto; margin-top: 15px; } .thx-it-case-quota-section .qouta-title { padding: 30px 0px 0px 0px; } .qouta-box-content { margin: 0 auto; max-width: 370px; } .thx-it-client-area .thx-it-client-number { padding-bottom: 60px; } .thx-it-case-filtering-section { padding-bottom: 60px; } .thx-it-contact-content-section .thx-it-contact-content-inner-box { margin-bottom: 40px; } .contact-form-area-field { padding: 40px; } .thx-it-faq-content-section .thx-it-faq-content-inner-box { margin-bottom: 30px; } .thx-it-team-single-text { padding-top: 60px; } .project-overview { position: static; } } @media screen and (max-width: 767px) { .thx-it-blog-content-1 .thx-it-blog-img-text { margin: 0 auto; max-width: 370px; margin-bottom: 30px; } .thx-it-blog-section .thx-it-blog-text h3 { font-size: 24px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text { margin: 0 auto; max-width: 370px; } .it-thx-it-experience-section .mockup-feature span { display: none; } .thx-it-client-area-3 .thx-it-client-logo-item { padding-bottom: 0; } } @media screen and (max-width: 680px) { .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text { position: relative; } } @media screen and (max-width: 480px) { .thx-it-slider-style-one .thx-it-slider-home-one { padding: 180px 0px 0px 30px; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1, .thx-it-slider-style-two .thx-it-slider-content-box h1, .thx-it-slider-style-three .thx-it-slider-content-box h1 { font-size: 60px; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1 span, .thx-it-slider-style-two .thx-it-slider-content-box h1 span, .thx-it-slider-style-three .thx-it-slider-content-box h1 span { font-size: 60px; } .thx-it-footer-widget { width: 100%; } .thx-it-footer-widget .thx-it-footer-menu { text-align: left !important; padding-left: 0; } .thx-it-footer-content .thx-it-footer-menu .widget-title { text-align: left; } .thx-it-footer-content .thx-it-footer-menu .widget-title:after { left: 0; right: auto; } .thx-it-slider-style-two .thx-it-slider-content-box { padding: 180px 0px 180px; } .header-style-two { padding: 25px 20px 0px 20px; } .header-style-two.sticky-header-overlay { padding: 15px 20px 15px 20px; } .thx-it-team-thx-it-member-1 .thx-it-team-thx-it-member-imgtext { margin: 0 auto; } .it-thx-it-experience-section .section-title h2 { font-size: 60px; } .thx-it-testimonial-slide-section { padding-left: 0; } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-more-btn, .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-cta-btn { width: 100%; display: inline-block; } .thx-it-slider-style-three .thx-it-slider-content-box .thx-it-slider-btn .s-more-btn { margin: 0px 0px 30px 30px; } .header-style-three .brand-logo { width: 200px; } .core-thx-it-platform-section .thx-it-platform-img { padding-left: 0; } .port-title li { padding: 0px 15px; } .thx-it-project-details-section { padding: 10px 0px 60px; } .thx-it-project-details-text .section-title h2 { font-size: 30px; } .thx-it-project-details-inner-img img { margin-bottom: 30px; } .thx-it-project-details-text .thx-it-portfolio-qoute .port-qout-text { font-size: 16px; padding: 20px; } .thx-it-project-details-text .thx-it-portfolio-qoute .pq-name { font-size: 18px; } } @media screen and (max-width: 420px) { .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content p { font-size: 18px; padding-top: 10px; } .thx-it-about-section-1 .thx-it-about-img .thx-it-about-main-img { width: auto; height: auto; } .thx-it-about-section-1 .thx-it-about-img .thx-it-about-circle-img-1, .thx-it-about-section-1 .thx-it-about-img .thx-it-about-circle-img-2, .thx-it-about-section-1 .thx-it-about-img:before { display: none; } .thx-it-about-section-1 { padding: 60px 0px; } .section-title h2 { font-size: 32px; } .section-title .sub-text { font-size: 20px; } .thx-it-about-feature .thx-it-about-thx-it-feature-item { width: 100%; margin-bottom: 30px; } .thx-it-about-feature { margin-bottom: 0; } .thx-it-service-section { padding: 55px 0px 20px; } .title-style-one h2 { padding-bottom: 20px; } .thx-it-service-item-list { padding-top: 60px; } .thx-it-feature-map-content { display: none; } .thx-it-feature-section { padding: 55px 0px 50px; } .thx-it-portfolio-section { padding: 55px 0px 60px; } .thx-it-client-area .thx-it-client-number { padding-bottom: 40px; } .thx-it-client-area .thx-it-client-item-list li { margin-bottom: 30px; } .thx-it-client-area { padding-bottom: 30px; } .thx-it-challenge-section .custom_tab_button li { font-size: 24px; } .thx-it-challenge-section .custom_tab_button li { margin-bottom: 30px; } .thx-it-challenge-section .custom_tab_button { padding: 80px 0px 80px 45px; } .thx-it-challenge-section .tab-content .thx-it-challenge-tab-video { top: 50%; left: 0; right: 0; width: 60px; height: 60px; margin: 0 auto; line-height: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .thx-it-challenge-section { padding: 60px 0px; } .thx-it-newslatter-section { padding: 50px 0px; } .thx-it-newslatter-form button { width: 135px; } .thx-it-newslatter-service .news-thx-it-service-item2 { padding-bottom: 30px; } .thx-it-footer-social-icon, .thx-it-footer-logo { float: none !important; } .thx-it-footer-logo { margin-bottom: 20px; } .thx-it-service-section-2 { padding: 60px 0px 30px; } .thx-it-service-section-2 .thx-it-service-content-2 { padding-top: 40px; } .thx-it-call-to-action-2 { padding-bottom: 60px; } .thx-it-call-to-action-2 .call-to-content-2 { padding: 60px 0px; } .thx-it-platform-section .thx-it-platform-content .thx-it-platform-progress { padding-left: 0; } .thx-it-platform-section { padding: 60px 0px 10px; margin-bottom: 0; } .thx-it-platform-section .thx-it-platform-content .progress_area { margin-right: 20px; } .thx-it-platform-section .thx-it-platform-content .progress_area canvas { height: 100px; width: 100px; } .thx-it-platform-section .thx-it-platform-content .progress_area strong { font-size: 30px; line-height: 100px; } .thx-it-portfolio-section-2 { padding: 60px 0px; } .thx-it-blog-section-2 { padding: 60px 0px; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .thx-it-portfolio-text { background-color: #5b1d67; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-nav { margin-top: 30px; } .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-next, .thx-it-portfolio-section-2 .thx-it-portfolio-slide-area .owl-prev { height: 45px; width: 45px; line-height: 45px; } .thx-it-team-section-one { padding: 60px 0px 20px; } .thx-it-team-thx-it-member-1 { padding-top: 40px; } .thx-it-newslatter-form input { height: 60px; } .thx-it-newslatter-form button { height: 50px; margin-top: 20px; line-height: 50px; position: static; } .thx-it-newslatter-section-2 { padding: 60px 0px; } .header-style-two .brand-logo { width: 220px; } .thx-it-about-section-2 .thx-it-about-counter .thx-it-about-counter-item { padding: 50px 30px; } .header-style-three { padding-top: 20px; } .header-style-three .mobile_menu_button { top: 15px; } .thx-it-slider-style-three .thx-it-slider-content-box { padding: 200px 0px 130px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text { padding: 25px 20px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text:before { display: none; } .it-thx-it-experience-section { padding: 60px 0px; } .thx-it-about-us-section-3 { padding: 60px 0px; } .thx-it-about-us-section-3 .thx-it-about-feature { display: inline-block; margin: 0 15px; } .thx-it-about-us-section-3 .thx-it-about-feature .thx-it-about-thx-it-feature-item { margin: 0px 0px 20px 0px; } .thx-it-client-area-3 { padding-bottom: 30px; } .thx-it-member-section-3 .thx-it-team-thx-it-member-3 { padding-top: 40px; } .thx-it-member-section-3 { padding: 40px 0px 10px; } .thx-it-pricing-plan-section { padding: 60px 0px 20px; } .thx-it-pricing-plan-section .title-text { padding-top: 20px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content .pricing-item-list .pricing-price-tag .price-amount { font-size: 60px; } .thx-it-get-touch-section .thx-it-get-touch-content .thx-it-get-touch-part h2 { font-size: 24px; } .it-thx-it-experience-section .section-title { padding-bottom: 30px; } .thx-it-pricing-plan-section .thx-it-pricing-plan-content { padding-top: 50px; } .thx-it-testimonial-section-3 { padding-top: 40px; } .thx-it-testimonial-section .thx-it-testimonial-area-content { padding-bottom: 30px; } .thx-it-footer-3 .thx-it-footer-content { padding-bottom: 30px; } .thx-it-breadcurmb-content { padding: 180px 0px 135px 0px; } .thx-it-breadcurmb-content h2 { font-size: 45px; } .thx-it-about-page-thx-it-about-section { padding: 50px 0px 60px; } .thx-it-about-page-thx-it-about-section .thx-it-about-content-1 .thx-it-about-img .thx-it-about-main-img { margin-bottom: 20px; } .thx-it-about-gallery-section { padding-bottom: 60px; } .core-thx-it-platform-section { padding: 60px 0px; } .thx-it-team-section-one .thx-it-team-area-content { padding-top: 60px; } .mission-vission-content .mission-vission-text h3 { font-size: 30px; } .mission-vission-content .mission-vission-text { padding: 40px 30px; } .skill-set-section.thx-it-service-page-skill .skill-set-section { padding: 60px 0px; } .skill-set-img { margin-left: 0; } .thx-it-service-section-2.thx-it-service-page-service { padding-top: 60px; } .thx-it-service-call-action-section { padding: 60px 0px; margin-bottom: 40px; } .section-title .site-tag { font-size: 18px; } .thx-it-footer-menu-list li a { margin-right: 20px; } .thx-it-get-touch-section.thx-it-team-page-get-touch .thx-it-get-touch-content .thx-it-get-touch-part h2 { font-size: 24px; } .thx-it-member-section-3.thx-it-team-page-thx-it-member-section { padding-bottom: 20px; } .thx-it-case-quota-section { padding: 60px 0px 0px; } .thx-it-case-filtering-section .grid-sizer { width: 100%; } .thx-it-case-filtering-section .grid-item-big, .thx-it-case-filtering-section .grid-item-width { width: 100%; } .thx-it-contact-content-section { padding: 80px 0px 60px; } .contact-form-field-section { padding: 60px 0px; } .contact-form-field-section .section-title { padding-bottom: 40px; } .thx-it-faq-content-section { padding: 60px 0px; } .faw-ques-ans-section .faq_title:after { right: 10px; } .faw-ques-ans-section { padding-bottom: 60px; } .thx-it-service-details-tag .section-title h2 { font-size: 20px; } .thx-it-service-details-tag { top: 0; padding: 25px; margin: 30px 0px; } .thx-it-team-details-content .thx-it-team-single-text .section-title h2 { font-size: 30px; } .thx-it-team-details-section { padding-bottom: 20px; } .port-title li { padding: 0px 5px; } .thx-it-blog_feed_section, .thx-it-blog_details_area { padding: 60px 0px; } .news_post_item .news_text_area h3 { font-size: 22px; } .news_qoute .news_text_area:before { font-size: 45px; } .news_qoute .news_text_area { padding-left: 90px; } .thx-it-blog_details_text h2 { font-size: 24px; } .thx-it-blog_details_text h3, .thx-it-blog_details_text h4 { font-size: 20px; } .thx-it-blog_details_text blockquote { padding: 40px 20px; font-size: 20px; } .thx-it-blog_details_text blockquote:after { font-size: 165px; } .thx-it-blog_details_text .thx-it-blog_details_list li { margin-left: 0; } .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content .slide-tag { font-size: 30px; } .thx-it-footer-area-one:after, .thx-it-footer-area-one:before { display: none; } .share_post, .nio_prev_post { margin-top: 20px; display: inline-block; float: none !important; text-align: left !important; } .thx-it-blog_details_area .share_tag .share_post li { float: left; margin-left: 0; margin-right: 10px; } .thx-it-blog_details_area .thx-it-blog_details_content { padding: 30px 15px; } .thx-it-blog_details_extra_text .share_tag h3 { padding-bottom: 10px; } .thx-it-blog_details_extra_text .next_prev_post .bar_point { display: none; } .thx-it-blog_details_extra_text .postby_author h3 { font-size: 22px; } .thx-it-blog_comment_box .comment_reply { margin-left: 30px; } .thx-it-blog_comment_box .reply-btn { width: 120px; position: static; margin-bottom: 30px; } .comment_formfield { padding: 30px 15px; } } @media screen and (max-width: 380px) { .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1, .thx-it-slider-style-two .thx-it-slider-content-box h1, .thx-it-slider-style-one .thx-it-slider-home-one .thx-it-slider-text-content h1 span, .thx-it-slider-style-two .thx-it-slider-content-box h1 span, .thx-it-slider-style-three .thx-it-slider-content-box h1, .thx-it-slider-style-three .thx-it-slider-content-box h1 span { font-size: 50px; } .thx-it-footer-content .thx-it-footer-about { width: inherit; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text { padding: 50px 25px 45px; } .thx-it-service-section-2 .thx-it-service-content-2 .thx-it-service-icon-text .thx-it-service-icon i { margin-right: 10px; } .thx-it-service-section-3 .thx-it-service-content-3 .thx-it-service-icon-text .thx-it-service-number span { font-size: 80px; } .it-thx-it-experience-section .section-title h2 { font-size: 45px; } .core-thx-it-platform-section .thx-it-platform-text .core-thx-it-platform-item li { width: 150px; height: 150px; } } /*---------------------------------------------------- */ .it-src-2-shadow-none{ box-shadow: none !important; } .thx-it-feature-section-two .owl-nav { display: none; } #thx-it-testimonial-slide .owl-nav { display: none; } /*---------------------------------------------------- */ @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } .thx-it-slider-content-box .cd-words-wrapper { display: inline-block; position: relative; text-align: left; } .thx-it-slider-content-box .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .thx-it-slider-content-box .cd-words-wrapper b.is-visible { position: relative; } .thx-it-slider-content-box .no-js .cd-words-wrapper b { opacity: 0; } .thx-it-slider-content-box .no-js .cd-words-wrapper b.is-visible { opacity: 1; } .thx-it-slider-content-box .cd-headline.push b { opacity: 0; } .thx-it-slider-content-box .cd-headline.push b.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .thx-it-slider-content-box .cd-headline.push b.is-hidden { -webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; } .its-counter-boxed { margin-right: 40px; } .its-counter-boxed .count-box{ position: absolute; left: 0; top: 48%; width: 100%; font-size: 16px; color: #fff; font-weight: 700; text-align:center; transform: translateY(-50%); } .its-counter-boxed .count-box .count-text{ color: #fff; font-size: 30px; font-weight: 700; position:relative; } .thx-it-platform-section .its-counter-boxed .count-box .count-text{ -webkit-text-fill-color: unset; } .cd-headline.push b { top: auto; }