/* Template: Techtrix - IT Solutions & Services WordPress Theme Author: peacefulqode.co.in Version: 2.3 Design and Developed by: Peaceful Qode NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*================================================ [ Table of contents ] ================================================ ==> Moz Selection ==> General ==> Loading ==> Back to Top ==> WordPress Core ==> Button Core ==> Flaticon ==> Dummy data ==> Blog Sidebar ==> Blog ==> Pagination ==> Social Media Icons Share ==> Home Blog ==> Error ==> Header ==> Sidebar Menu ==> Breadcrumb ==> Footer ==> Section Title ==> isotope Portfolio ==> Porfolio Box ==> Fancy Box-Sliders ==> Fancy Box ==> service Box ==> servicebox Slider ==> Team ==> Video Popup ==> Tabs ==> Testimonial ==> pricebox ==> Progressbar ==> Circle-progress ==> Client ==> client-grid ==> Advance Tab ==> Counter ==> Banner ==> Process Step ==> Swiper Pagination ==> From ==> FAQ ==> Awardbox ==> landing ==> left-cover ==> Toolbox ==> Bottom-border ==> widget ==> OWL Carousel ==> Background images ==> Small Title ==> image-slider ====================================== [ End table content ] ======================================*/ /*================================================ Moz Selection ================================================*/:root { --primary-color: #fd4a18; --dark-color: #151515; --secondary-color: #616161; --grey-color: #F7F8F9; --white-color: #ffffff; --body-fonts: 'Nunito Sans', sans-serif; --title-fonts: 'Jost', sans-serif; } ::-moz-selection { text-shadow: none; background: var(--primary-color); color: #fff; } ::-moz-selection { text-shadow: none; background: var(--primary-color); color: #fff; } ::selection { text-shadow: none; background: var(--primary-color); color: #fff; } /*================================================ General ================================================*/ body { background: var(--white-color); font-family: var(--body-fonts); font-size: 1rem; font-style: normal; font-weight: normal; line-height: 2; color: var(--secondary-color); overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: var(--title-fonts); color: var(--dark-color); font-style: normal; text-transform: capitalize; font-weight: 600; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; font-style: normal; line-height: 48px; } h2 { font-size: 36px; font-style: normal; line-height: 44px; } h3 { font-size: 32px; font-style: normal; line-height: 40px; } h4 { font-size: 28px; font-style: normal; line-height: 36px; } h5 { font-size: 24px; font-style: normal; line-height: 32px; } h6 { font-size: 20px; font-style: normal; line-height: 28px; } /*===== HTML Tags =====*/ a, .button { color: var(--primary-color); outline: none !important; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } a:focus, a:hover { color: var(--primary-color); outline: none; text-decoration: none !important; } p { margin-bottom: 30px; } img { max-width: 100%; height: auto; } pre { background: var(--white-color); padding: 15px; border: 1px solid var(--grey-color); } hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; } b, strong { font-weight: 600; } /*===== Lists (Nested) =====*/ ol, ul { padding-left: 25px; margin-bottom: 1em; } ol li { list-style: decimal; } ol ol { padding-left: 25px; } ul li { list-style: inherit; } /*===== Definition Lists =====*/ dl dd { margin-bottom: 15px; } dl dd:last-child { margin-bottom: 0px; } .section-style::before { content: ''; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; background-color: var(--primary-color); } /*===== Table =====*/ table { border: 1px solid var(--grey-color); width: 100%; margin-bottom: 20px; } table td, table th { border: 1px solid var(--grey-color); padding: 8px; text-align: center; } /*===== Input Textarea =====*/ input, input.form-control { background: #fff; border: 1px solid var(--grey-color); color: var(--dark-color); width: 100%; float: left; font-size: 16px; padding: 0 15px; height: 54px; line-height: 54px; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } input:focus, input:hover, textarea:focus, textarea:hover, .form-control:focus { border-color: var(--primary-color) !important; outline: none; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; float: none; margin-right: 5px; } textarea { background: var(--grey-color); border: 1px solid var(--grey-color); color: var(--dark-color); width: 100%; float: left; padding: 10px 15px; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } /*===== Select =====*/ select, select.form-control { border: 1px solid var(--dark-color); color: var(--dark-color); width: 100%; float: left; padding: 0 30px 0 15px; height: 51px; line-height: 48px; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 9px bottom 50%; background-size: 20px 20px; } /*===== Container =====*/ .container, .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1300px; } .content-area .site-main { padding: 130px 0; display: inline-block; width: 100% !important; overflow: hidden; } .elementor-27477 .elementor-element.elementor-element-73ae9e1d{ left:0px !important; } /*================================================ Loading ================================================*/ #pt-loading { flex-direction: column; justify-content: center; align-items: center; position: fixed; display: flex; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; width: 100%; height: 100%; background: var(--white-color); } #pt-loading img { height: 80px; } /*================================================ Back to Top ================================================*/ #back-to-top .top { position: fixed; bottom: 30px; right: 30px; margin: 0px; color: var(--white-color); background: var(--primary-color); z-index: 999; border: 1px solid var(--primary-color); font-size: 26px; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #back-to-top .top:hover { background: var(--dark-color); color: var(--white-color); border: 1px solid var(--dark-color); } /*================================================ WordPress Core ================================================*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 15px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid var(--grey-color); max-width: 96%; padding: 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-block-audio figcaption, .wp-block-video figcaption, .wp-block-image figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: 14px; line-height: 1.6; margin: 0; padding: 0.5rem; text-align: center; } .wp-block-gallery figcaption.blocks-gallery-caption { margin-bottom: 10px; } .bypostauthor { display: block; } /*===== Text meant only for screen readers =====*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 0px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: var(--grey-color); border-radius: px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*================================================ Button Core ================================================*/ [type="button"], [type="reset"], [type="submit"] { padding: 10px 30px; font-family: var(--title-fonts); font-size: 18px; text-transform: capitalize; background: var(--primary-color); color: var(--white-color) !important; display: inline-block; border: none; width: auto; height: auto; line-height: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover { background: var(--primary-color); color: var(--white-color) !important; } .pt-button { font-family: var(--title-fonts); font-size: 16px; padding: 12px 45px; line-height: 2; position: relative; width: auto; background: var(--primary-color); color: var(--white-color); vertical-align: middle; display: inline-block; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-button span { z-index: 9; position: relative; } .pt-button:hover, .pt-button:focus { background: var(--dark-color); color: var(--white-color); } /*===== Button link =====*/ .pt-button.pt-btn-link { padding: 0; position: relative; background: transparent; color: var(--primary-color) !important; border-radius: unset; position: relative; } .pt-button.pt-btn-link:hover { color: var(--secondary-color); } .pt-button.pt-btn-link:before { content: ""; position: absolute; height: 1px; width: 0; bottom: 5px; right: 0; background: var(--primary-color); display: block; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .pt-button.pt-btn-link:hover:before { left: 0; width: 100%; } /*===== Button outline =====*/ .pt-button.pt-btn-outline { background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); } .pt-button.pt-btn-outline:hover { background: transparent; border: 1px solid var(--dark-color); color: var(--dark-color); } /*================================================ Flaticon ================================================*/ [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: "Flaticon"; font-size: inherit; font-style: normal; line-height: normal; margin-left: 0; } /*================================================ Dummy data ================================================*/ .pt-sticky-post-label { padding: 5px 15px; background: var(--primary-color); color: var(--white-color); margin-bottom: 15px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-sticky-post-label i { margin-right: 5px; } .is-style-squared .wp-block-button__link { border-radius: 0; } #attachment_905 { font-size: 14px; line-height: normal; margin: 0; } .wp-block-button__link, .wp-block-file a.wp-block-file__button { background: var(--primary-color); color: var(--white-color) !important; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wp-block-button__link:hover, .wp-block-file a.wp-block-file__button:hover { background: var(--dark-color); color: var(--white-color); } .is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline { border-color: var(--primary-color); color: var(--primary-color) !important; } .is-style-outline .wp-block-button__link:hover, .wp-block-button__link.is-style-outline:hover { background: transparent; border-color: var(--dark-color); color: var(--dark-color) !important; } .wp-block-button { margin-bottom: 30px; } .wp-block-cover.has-background-dim { color: var(--white-color); } blockquote { background: var(--white-color); padding: 15px 30px; border: 1px solid var(--grey-color); border-radius: 0; border-left: 5px solid var(--primary-color); margin-bottom: 30px; } blockquote cite { font-family: var(--title-fonts); color: var(--primary-color); text-transform: uppercase; font-weight: 600; font-style: italic; } blockquote strong { font-family: var(--title-fonts); color: var(--primary-color); font-style: italic; text-transform: uppercase; font-weight: 600; } .pt-blog-post .pt-blog-contain blockquote p { margin-bottom: 0; } .pt-blog-post .pt-blog-contain p:last-child { margin-bottom: 0; } .post-password-form input { float: none; } .pt-blog-post .pt-blog-contain table td, .pt-blog-post .pt-blog-contain table th, .pt-comment-area table td, .pt-comment-area table th { border-color: var(--grey-color); background: var(--white-color); } .pt-comment-area { display: inline-block; width: 100%; } .pt-blog-contain .wp-block-archives, .pt-blog-contain .wp-block-archives-dropdown, .pt-blog-contain .wp-block-categories, .pt-blog-contain .wp-block-latest-posts, .pt-blog-contain .wp-block-tag-cloud, .pt-blog-contain .wp-block-search { margin: 0 0 30px; padding: 0; display: inline-block; width: 100%; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-blog-contain .wp-block-archives li { list-style-type: none; } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment, .wp-block-latest-comments__comment { display: inline-block; width: 100%; } /*===== Gallery =====*/ .gallery-item .gallery-caption { font-size: 14px; line-height: 22px; } .gallery-size-thumbnail .gallery-item { margin-right: 2%; width: 18.4%; margin-bottom: 2%; display: inline-block; vertical-align: top; } .gallery.gallery-size-thumbnail { display: inline-block; width: 100%; } .gallery-size-thumbnail .gallery-item img { margin-bottom: 10px; } .gallery-columns-1 .gallery-item { width: 100%; margin-right: 0px; } .gallery-columns-2 .gallery-item { width: 48%; } .gallery-columns-3 .gallery-item { width: 31.3%; } .gallery-columns-4 .gallery-item { width: 23%; } .gallery-columns-5 .gallery-item { width: 18%; } .gallery-columns-6 .gallery-item { width: 14.6%; } .gallery-columns-7 .gallery-item { width: 12.2%; } .gallery-columns-8 .gallery-item { width: 10.5%; } .gallery-columns-9 .gallery-item { width: 9.1%; } /*===== Calendar =====*/ .pt-blog-contain .wp-block-calendar { display: inline-block; width: 100%; margin-bottom: 30px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: var(--secondary-color); } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-table caption { padding: 0 0 15px; color: var(--dark-color); text-align: center; caption-side: top; } .wp-calendar-nav .wp-calendar-nav-prev { width: 50%; border: 1px solid var(--grey-color); display: inline-block; float: left; text-align: center; border-right: 0; padding: 4px; border-top: 0; color: var(--secondary-color); text-decoration: none; background: var(--white-color); } .wp-calendar-nav .wp-calendar-nav-next { width: 50%; border: 1px solid var(--grey-color); display: inline-block; float: left; text-align: center; padding: 4px; border-top: 0; color: var(--secondary-color); text-decoration: none; background: var(--white-color); } .wp-calendar-nav .pad { display: none; } .wp-calendar-nav span a { color: var(--secondary-color); text-decoration: none; } .wp-calendar-nav span a:hover { color: var(--primary-color); } /*===== Tags =====*/ .wp-block-tag-cloud .tag-cloud-link { font-size: 14px !important; background: var(--primary-color); margin: 0 10px 10px 0; display: inline-block; float: left; color: var(--white-color); padding: 4px 8px; border: 1px solid var(--primary-color); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wp-block-tag-cloud .tag-cloud-link:hover { border-color: var(--dark-color); background: var(--dark-color); color: var(--white-color); } /*===== Blog Page Link =====*/ .page-links { margin: 15px 0 10px; clear: both; } .pt-blog-contain .page-links a, .page-links>span.page-number, .page-links a, .page-links .post-page-numbers { border: none; width: 30px; height: 30px; line-height: 30px; text-align: center; background: var(--grey-color); margin-left: 5px; padding: 0px; display: inline-block; color: var(--dark-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-blog-contain .page-links a:hover, .page-links .post-page-numbers.current { text-decoration: none; border-color: transparent; background: var(--primary-color); color: var(--white-color); } .pt-blog-contain .page-links>span.page-number, .page-links>span.page-number { background: var(--primary-color); color: var(--white-color); } article.hentry .pt-blog-contain .page-links a:hover { color: #fff; } .wp-block-table.is-style-stripes td { border-color: #eaeaea; } .wp-block-table td, .wp-block-table th { text-align: left; } .wp-block-latest-posts.is-grid.has-dates { margin: 0; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td { background-color: var(--grey-color); } article.hentry.format-audio .pt-post-media p:nth-child(-n+2) { display: inline-block; margin-bottom: 0; padding-top: 30px; } article.hentry.format-audio .pt-post-media p { margin-bottom: 0; padding-left: 30px; } article.hentry.format-audio .pt-post-media p { margin-bottom: 0; padding-left: 30px; } article.hentry.format-video .pt-post-media p { margin-bottom: 0; } article.hentry.format-video .pt-post-media { text-align: center; } article.hentry.format-audio .pt-post-media embed, article.hentry.format-video .pt-post-media iframe { width: 100%; } /*================================================ Blog Sidebar ================================================*/ .widget { margin-bottom: 30px; display: inline-block; width: 100%; float: left; position: relative; padding: 30px; background: var(--white-color); border: none; -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget:last-child { margin-bottom: 0; } /*+++++ Widget Title +++++*/ .widget .widget-title { margin-bottom: 20px; padding: 0 0 8px; font-size: 28px; position: relative; line-height: 36px; position: relative; } .widget .widget-title::before { content: ""; width: 60px; height: 2px; position: absolute; bottom: -1px; left: 0; background: var(--primary-color); } /*+++++ SideBar - Search +++++*/ .widget.widget_search { background: var(--primary-color); } .widget.widget_search .widget-title { color: var(--white-color); } .widget.widget_search .widget-title::before { background: var(--white-color); } .search-form { position: relative; } .search-form label { width: 100%; margin-bottom: 0; float: left; width: 100%; } .search-submit { background: var(--dark-color); border: none; padding: 0; position: absolute; text-align: center; color: var(--white-color) !important; line-height: 54px; height: 54px; width: 54px; top: 0; right: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .search-submit:before { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 700; } .search-submit:hover { color: var(--white-color) !important; background: var(--dark-color); outline: none; } /*+++++ widget-menu +++++*/ .widget ul { padding: 0; margin: 0; } .widget ul li { list-style: none; margin: 0 0 15px 0; } .widget ul li:last-child { margin-bottom: 0; } .widget ul ul.children { padding-left: 25px; margin-top: 15px; } .widget ul li a { padding: 0 0 0 20px; color: var(--secondary-color); position: relative; -ms-word-wrap: break-word; word-wrap: break-word; position: relative; } .widget ul li a:hover { color: var(--primary-color); text-decoration: none; } .widget.widget_archive ul li>a:before, .widget.widget_categories ul li>a:before, .widget.widget_meta ul li a:before, .widget.widget_recent_comments ul li:before, .widget.widget_recent_entries ul li>a:before, .widget.widget_nav_menu ul li>a:before, .widget.widget_pages ul li a:before { position: absolute; content: '\f054'; left: 0; font-size: 12px; top: 4px; color: inherit; font-family: "Font Awesome 5 Free"; line-height: normal; font-weight: 900; color: var(--primary-color); } /*+++++ SideBar - Recent Comments +++++*/ .widget.widget_recent_comments #recentcomments li, .widget.widget_recent_comments ul li { padding-left: 20px; position: relative; } .widget.widget_recent_comments #recentcomments li.recentcomments span a, .widget.widget_recent_comments ul li.recentcomments span a { color: var(--secondary-color); padding: 0 !important; } .widget.widget_recent_comments #recentcomments li.recentcomments a:before, .widget.widget_recent_comments ul li.recentcomments a:before { display: none; } .widget.widget_recent_comments #recentcomments li.recentcomments a, .widget.widget_recent_comments ul li.recentcomments a { color: var(--primary-color); padding: 0 !important; } .widget.widget_recent_comments #recentcomments li.recentcomments a:hover, .widget.widget_recent_comments ul li.recentcomments a:hover { color: var(--primary-color); text-decoration: underline !important; } .widget.widget_recent_comments ul li:before, .widget.widget_recent_comments ul li:before { content: '\f27a'; font-size: 12px; top: 8px; font-weight: 600; } .widget.widget_archive ul li, .widget.widget_categories ul li { font-weight: 400; color: var(--primary-color); } /*+++++ SideBar Calendar +++++*/ .widget_calendar table caption { caption-side: inherit; padding: 0 0 10px; color: var(--dark-color); font-weight: 500; } .widget_calendar table#wp-calendar { width: 100%; text-align: center; margin-bottom: 0; margin-top: 0; background: var(--white-color); } .widget_calendar .calendar_wrap td#today { background: var(--primary-color); color: var(--white-color); } .widget_calendar .calendar_wrap td#today a { color: var(--white-color); } .widget_calendar .calendar_wrap table th { background: var(--white-color); color: var(--dark-color); } .widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td { padding: 8px; text-align: center; } /*+++++ widget_categories +++++*/ .widget_categories ul>li:last-child { margin-bottom: 0; } /*+++++ Meta - widget RSS +++++*/ .widget.widget_rss ul li { margin-bottom: 30px; } .widget.widget_rss ul li:last-child { margin-bottom: 0; } .widget.widget_rss ul li a { padding-left: 0; font-size: 16px; color: var(--dark-color); font-weight: 700; font-family: var(--title-fonts); } .widget.widget_rss ul li a:hover { color: var(--primary-color); } .widget.widget_rss ul li a:before { display: none; } .widget.widget_rss ul li cite { font-weight: 700; margin-top: 5px; display: inline-block; width: 100%; } .widget.widget_rss ul li .rss-date { font-size: 14px; color: var(--primary-color); line-height: 1; float: left; display: inline-block; width: 100%; margin: 5px 0; } /*+++++ widget Nav Menu +++++*/ .widget.widget_nav_menu ul li .sub-menu, .widget ul.menu li .sub-menu { display: block !important; padding-left: 20px; margin-top: 15px; } /*+++++ SideBar - widget Recent Entries +++++*/ .widget_recent_entries ul li .post-date { font-weight: 700; color: var(--dark-color); } /*+++++ SideBar - Tags +++++*/ .widget_tag_cloud .tag-cloud-link { font-size: 14px !important; background: var(--grey-color); margin: 0 10px 10px 0; display: inline-block; float: left; color: var(--dark-color); padding: 4px 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid var(--grey-color); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .widget_tag_cloud .tag-cloud-link:hover { border-color: var(--primary-color); background: var(--primary-color); color: var(--white-color); } @media(max-width:1023px) { .sidebar.widget-area { margin-top: 45px; } } /*===== Comments Box =====*/ .comment-respond { margin-top: 0; display: inline-block; width: 100%; } .pt-comment-area .comments-title, .comment-respond .comment-reply-title { padding-top: 30px; position: relative; margin: 0; padding-bottom: 0; } .comment-respond .comment-reply-title a { font-weight: 600; color: var(--primary-color); font-size: 60%; margin-left: 30px; } .comment-respond .comment-reply-title a:hover { color: var(--primary-color); text-decoration: none; } .commentlist { margin: 0; padding: 0; list-style: none; } .commentlist .comment { margin-top: 30px; margin-bottom: 0; vertical-align: top; padding: 0; list-style: none; } .commentlist .pt-comment-info { padding: 30px; border: 1px solid var(--grey-color); position: relative; background: var(--grey-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commentlist ol.children { padding-left: 60px; } .commentlist .pt-comment-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .commentlist .pt-comment-avatar { padding-right: 30px; } .commentlist .pt-comment-avatar img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .commentlist .pt-comment-box { position: relative; display: inline-block; width: 100%; } .commentlist .pt-comment-box .title:hover { text-decoration: none; color: var(--primary-color); } .commentlist .comment-content p { margin: 0; } .single-post .commentlist .comment-content p { margin-bottom: 15px; } .single-post .commentlist b, .single-post .commentlist strong { font-weight: bold; } .commentlist .pt-comment-info .reply a { position: absolute; right: 30px; top: 30px; margin: 0; font-size: 14px; line-height: 22px; text-transform: uppercase; } .commentlist .pt-comment-info .reply a:hover { color: var(--primary-color); text-decoration: none; } .no-comments, .comment-awaiting-moderation { font-style: italic; margin: 15px 0; } /*===== Comments Form =====*/ .comment-respond .comment-notes, .comment-respond .logged-in-as { padding: 0; margin: 0 0 30px; } .comment-respond .comment-form-comment { margin-top: 0; margin-bottom: 30px; display: inline-block; width: 100%; float: left; } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { float: left; width: 32.6%; display: inline-block; margin: 0 15px 30px 0; } .comment-respond .comment-form-url { margin-right: 0; } .comment-respond .form-submit { display: inline-block; width: 100%; margin-bottom: 0; float: left; } .commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 31.7%; float: left; } /*===== Comments Form =====*/ ol.commentlist .pingback, ol.commentlist .trackback { margin-left: 25px; } /*================================================ Blog ================================================*/ .pt-blog-post { padding: 0; margin-bottom: 45px; background: var(--white-color); display: inline-block; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); } .pt-blog-post .pt-post-media { overflow: hidden; position: relative; } .pt-blog-post:hover .pt-post-media img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pt-blog-post .pt-post-media img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pt-blog-post .pt-blog-contain { display: inline-block; position: relative; width: 100%; padding: 30px; } .pt-blog-post .pt-post-media .pt-post-date { position: absolute; top: 30px; right: 30px; text-align: center; background-color: var(--primary-color); padding: 10px 0; line-height: 24px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-blog-post .pt-post-media .pt-post-date a { color: var(--white-color); } .pt-blog-post .pt-post-media .pt-post-date span { display: inline-block; float: left; width: 100%; font-family: var(--title-fonts); font-size: 24px; line-height: 1.2; font-weight: 600; } .pt-blog-post .pt-blog-contain .pt-blog-title { font-size: 32px; line-height: 1.3; margin-bottom: 5px; } .pt-blog-post .pt-post-meta ul { margin: 0 0 15px; padding: 0; width: 100%; display: -ms-flexbox !important; display: flex !important; } .pt-blog-post .pt-post-meta ul li { list-style: none; float: left; display: inline-block; font-family: var(--title-fonts); padding: 0 0; margin: 0 20px 0 0; align-self: center !important; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative; } .pt-blog-post .pt-post-meta ul li.pt-post-meta { display: none; } .pt-blog-post .pt-post-meta ul li:first-child { margin-left: 0; } .pt-blog-post .pt-post-meta ul li a { color: var(--secondary-color); } .pt-blog-post .pt-blog-contain .pt-btn-container { margin-top: 30px; } /*---------------------------------------------------------*/ .pt-blog-post .pt-post-meta ul li a:hover { color: var(--primary-color); } .pt-blog-post .pt-post-meta ul li i { margin-right: 8px; color: var(--primary-color); } @media(max-width:1365px) { .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { float: left; width: 31.66%; } .widget.widget_nav_menu ul li .sub-menu, .widget ul.menu li .sub-menu { padding-left: 10px; } } @media(max-width:767px) { .commentlist ol.children { padding-left: 30px; } .commentlist .pt-comment-info { padding: 15px; } .commentlist .pt-comment-avatar { padding-right: 15px; } .commentlist .pt-comment-info .reply a { right: 15px; top: 15px; } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url, .commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 100%; margin-right: 0; } .commentlist .pt-comment-avatar { width: 90px; } } @media(max-width:479px) { .commentlist .pt-comment-wrap { display: -ms-flexbox; display: inline-block; -ms-flex-align: start; align-items: inherit; width: 100%; } .commentlist .pt-comment-avatar { margin: 0 0 15px 0; } .pt-blog-post .pt-blog-contain { padding: 15px; } .pt-blog-post .pt-post-meta ul { display: inline-block !important; margin: 0; } .pt-blog-post .pt-post-meta ul li { font-size: 14px; margin-bottom: 5px; } } /*================================================ Pagination ================================================*/ .pt-pagination { margin-top: 15px; } .pt-pagination .page-numbers { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; padding: 0; margin: 0; } .pt-pagination .page-numbers li:first-child .page-numbers { margin-left: 0; } .pt-pagination .page-numbers li .page-numbers { position: relative; display: block; padding: 0px 15px; height: 45px; width: 45px; text-align: center; line-height: 45px; margin: 0 5px; color: var(--dark-color); background-color: var(--grey-color); border: 1px solid var(--grey-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-pagination .page-numbers li .page-numbers:hover { color: var(--white-color); text-decoration: none; background-color: var(--primary-color); border-color: var(--primary-color); z-index: 2; } .pt-pagination .page-numbers li .page-numbers:focus { box-shadow: none; outline: 0; z-index: 2; } .pt-pagination .page-numbers li .page-numbers:not(:disabled):not(.disabled) { cursor: pointer } .pt-pagination .page-numbers li .page-numbers.current { color: var(--white-color); background: var(--primary-color); border-color: var(--primary-color); z-index: 1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .pt-pagination .page-numbers li .next.page-numbers, .pt-pagination .page-numbers li .prev.page-numbers { width: auto; } @media(max-width:767px) { .pt-pagination .page-numbers li .next.page-numbers, .pt-pagination .page-numbers li .prev.page-numbers { width: auto; display: none; } } /*================================================ Social Media Icons Share ================================================*/ .pt-blog-post .pt-post-media .menu { position: absolute; bottom: 30px; left: 30px; padding: 0; margin: 0; list-style-type: none; z-index: 9; } .pt-blog-post .pt-post-media .menu .share>i { height: 60px; width: 60px; text-align: center; line-height: 60px; background-color: var(--blue-color); color: var(--white-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(9, 17, 74, 0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(9, 17, 74, 0.2); box-shadow: 0px 0px 15px 0px rgba(9, 17, 74, 0.2); } .pt-blog-post .pt-post-media .menu .submenu { list-style-type: none; padding: 0; margin: 0; } .pt-blog-post .pt-post-media .menu .submenu li { transition: all ease-in-out 0.5s; position: absolute; top: 0; left: 65px; opacity: 0; } .pt-blog-post .pt-post-media .menu .submenu a { height: 60px; width: 60px; text-align: center; line-height: 60px; font-size: 18px; display: inline-block; background-color: var(--white-color); color: var(--dark-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(9, 17, 74, 0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(9, 17, 74, 0.2); box-shadow: 0px 0px 15px 0px rgba(9, 17, 74, 0.2); } .pt-blog-post .pt-post-media .menu .submenu a:hover { background-color: var(--primary-color); color: var(--white-color); } .pt-blog-post .pt-post-media .menu .share .submenu li:nth-child(1) { opacity: 0; left: 65px; } .pt-blog-post .pt-post-media .menu .share .submenu li:nth-child(2) { opacity: 0; left: 65px; transform: rotate(0deg); transition-delay: 0.16s; } .pt-blog-post .pt-post-media .menu .share .submenu li:nth-child(3) { opacity: 0; left: 65px; transform: rotate(0deg); transition-delay: 0.24s; } .pt-blog-post .pt-post-media .menu .share .submenu li:nth-child(4) { opacity: 0; left: 65px; transform: rotate(0deg); transition-delay: 0.32s; } .pt-blog-post .pt-post-media .menu .share .submenu li:nth-child(5) { opacity: 0; left: 65px; transform: rotate(0deg); transition-delay: 0.4s; } .pt-blog-post .pt-post-media .menu .share:hover .submenu li:nth-child(1) { opacity: 1; left: 65px; } .pt-blog-post .pt-post-media .menu .share:hover .submenu li:nth-child(2) { opacity: 1; left: 130px; } .pt-blog-post .pt-post-media .menu .share:hover .submenu li:nth-child(3) { opacity: 1; left: 195px; } .pt-blog-post .pt-post-media .menu .share:hover .submenu li:nth-child(4) { opacity: 1; left: 260px; } .pt-blog-post .pt-post-media .menu .share:hover .submenu li:nth-child(5) { opacity: 1; left: 325px; } @media(max-width:479px) { .pt-blog-post .pt-post-media .menu { display: none; } } /*================================================ Home Blog ================================================*/ .pt-blog .owl-carousel .pt-blog-post { margin-bottom: 0; } .pt-blog .owl-carousel .owl-stage-outer { overflow: inherit; } .pt-blog .owl-carousel .owl-stage-outer .owl-item { opacity: 0; } .pt-blog .owl-carousel .owl-stage-outer .owl-item.active { opacity: 1; } /*================================================ Error ================================================*/ .pt-error-block { text-align: center; } .pt-error-block .pt-errot-text { font-size: 420px; font-family: var(--title-fonts); color: var(--primary-color); line-height: 0.8; margin-bottom: 30px; font-style: normal; text-transform: uppercase; font-weight: 600; } @media(max-width:1023px) { .pt-error-block .pt-errot-text { font-size: 320px; } } @media(max-width:767px) { .pt-error-block .pt-errot-text { font-size: 200px; } .pt-error-block h2 { font-size: 26px; line-height: 34px; } } @media(max-width:479px) { .pt-error-block .pt-errot-text { font-size: 130px; } } /*================================================ Header ================================================*/ .animated { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; } .fadeInDown { animation-name: fadeInDown } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: none } } header#pt-header { position: relative; display: inline-block; width: 100%; clear: both; background: var(--white-color); z-index: 99; } header#pt-header.pt-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); } /*+++++ Header Top Bar +++++*/ header#pt-header .pt-top-header { background: var(--dark-color); padding: 0; font-size: 14px; } header#pt-header .pt-top-header .pt-header-contact.text-right ul { float: right; } header#pt-header .pt-top-header .pt-header-contact ul { margin: 0; padding: 0; } header#pt-header .pt-top-header .pt-header-contact ul li { list-style: none; display: inline-block; color: var(--white-color); border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 20px; float: left; } header#pt-header .pt-top-header .pt-header-contact ul li:last-child { margin-right: 0; border-right: 1px solid rgba(255, 255, 255, 0.1); } header#pt-header .pt-top-header .pt-header-contact ul li i { margin-right: 10px; } header#pt-header .pt-top-header .pt-header-contact ul li a { color: var(--white-color); } header#pt-header .pt-top-header .pt-header-contact ul li a:hover { color: var(--white-color); background: transparent; } header#pt-header .pt-top-header .text-right .pt-header-social ul, header#pt-header .pt-top-header .pt-header-social.text-right ul { float: right; } header#pt-header .pt-top-header .pt-header-social ul { margin: 0; padding: 0; } header#pt-header .pt-top-header .pt-header-social ul li { list-style: none; display: inline-block; float: left; border-left: 1px solid rgba(255, 255, 255, 0.1); } header#pt-header .pt-top-header .pt-header-social ul li a { color: var(--white-color); padding: 10px 20px; display: inline-block; } header#pt-header .pt-top-header ul li a:hover { color: var(--white-color); background: var(--primary-color) } header#pt-header .pt-top-header .pt-header-social ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.1); } /*+++++ Logo +++++*/ header#pt-header .pt-bottom-header .navbar .navbar-brand { line-height: 80px; } header#pt-header .pt-bottom-header .navbar .navbar-brand img { height: 55px; } @media (max-width:767px) { header#pt-header .pt-bottom-header .navbar .navbar-brand img { height: 55px; } } @media (max-width:479px) { header#pt-header .pt-bottom-header .navbar .navbar-brand img { height: 50px; } } /*+++++ Header Navbar Bar +++++*/ header#pt-header .pt-bottom-header { min-height: 90px; } header#pt-header .pt-bottom-header .navbar { padding: 0; } header#pt-header .pt-bottom-header .navbar .pt-menu-contain { display: inline-block; width: 100%; } header#pt-header .pt-bottom-header .navbar .navbar-nav { float: right; } header#pt-header .pt-bottom-header .navbar .navbar-nav li { font-family: var(--title-fonts); position: relative; display: inline-block; float: left; margin-right: 30px; color: var(--dark-color); line-height: 90px; font-weight: 400; } header#pt-header .pt-bottom-header .navbar .navbar-nav li:last-child { margin-right: 0; } header#pt-header .pt-bottom-header .navbar .navbar-nav li a { color: var(--dark-color); font-size: 16px; } /*+++++ Sub Menu Bar +++++*/ header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu { display: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { display: block; background: var(--white-color); position: absolute; top: 90px; left: 0; padding-left: 0; display: inline-block; width: 240px; z-index: 999; padding: 0; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li { line-height: 2; padding: 0; margin: 0; display: inline-block; width: 100%; color: var(--dark-color); transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; border-bottom: 1px solid var(--grey-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li i { margin-left: 10px; font-size: 12px; color: var(--dark-color); opacity: 0.5; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a { line-height: 2; text-transform: capitalize; padding: 10px 15px; display: inline-block; width: 100%; color: var(--dark-color); font-size: 16px; position: relative; overflow: hidden; float: left; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a:focus, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a:hover, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item>a, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-parent>a, header#pt-header .pt-bottom-header .navbar .navbar-nav li.current-menu-ancestor a { color: var(--primary-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a:before { content: ''; position: absolute; top: calc(50% - 3px); height: 5px; width: 5px; background: var(--primary-color); border-radius: 0; left: 0; opacity: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; left: 0; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a:hover:before, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item>a:before, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-parent>a:before { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu>li:hover, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-parent { padding: 0 15px; } @media screen and (max-width:4000px) and (min-width:1023px) { header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover>.sub-menu { display: block !important; } } /*+++++ Navigation Sub Menu +++++*/ header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li>.sub-menu { display: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { position: absolute; top: 0; right: 100%; left: inherit; display: block; background: var(--white-color); display: inline-block; width: 240px; border: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu li.menu-item-has-children>.pt-submenu-icon { opacity: 1; position: absolute; top: 12px; right: 15px; line-height: 2; font-size: 12px; color: var(--secondary-color); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu>li.menu-item-has-children:hover>.pt-submenu-icon, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.menu-item-has-children.current-menu-parent>.pt-submenu-icon { color: var(--primary-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu>li.menu-item-has-children:hover { color: var(--primary-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:hover>a { color: var(--primary-color); transition: all 0s ease-in-out; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; } /*+++++ Navigation search +++++*/ header#pt-header .pt-menu-search-block { position: relative; margin: 0 0 0 30px; } header#pt-header .pt-menu-search-block a { color: var(--dark-color); font-size: 16px; width: 18px; display: inline-block; } header#pt-header .pt-search-form { position: absolute; top: 59px; right: -30px; width: 350px; padding: 15px; z-index: 999; display: none; background: var(--white-color); -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 3px 30px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 3px 30px 0px rgba(0, 33, 85, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header#pt-header .pt-button:hover .pt-button-line-left { width: calc(15px - 1px); } /*+++++ Header Default +++++*/ header#pt-header.pt-header-default .pt-bottom-header.pt-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); background: var(--white-color); } /*+++++ Header Style-1 +++++*/ header#pt-header.pt-header-style-1.pt-has-sticky { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; background: transparent; z-index: 999; padding: 15px 0; box-shadow: none; } header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky { position: fixed; background: var(--white-color); padding: 0; -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 3px 30px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 3px 30px 0px rgba(0, 33, 85, 0.1); } header#pt-header.pt-header-style-1 .pt-bottom-header { min-height: 70px; max-width: 1920px; margin: 0 auto; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-brand { line-height: normal; background: var(--white-color); padding: 10px 15px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li { line-height: 95px; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li>a { color: var(--white-color); } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li.current-menu-ancestor>a { color: var(--primary-color); } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li i { color: var(--white-color); } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { top: 95px; } header#pt-header.pt-header-style-1 .pt-header-info-box { margin: 0 0 0 30px; display: flex; color: var(--white-color); } header#pt-header.pt-header-style-1 .pt-header-call { display: inline-block; float: left; margin-right: 30px; margin-top: 5px; } header#pt-header.pt-header-style-1 .pt-header-call a i { font-size: 48px; margin-right: 15px; line-height: 56px; } header#pt-header.pt-header-style-1 .pt-header-call a { display: flex; align-items: flex-start; } header#pt-header.pt-header-style-1 .pt-header-call a .pt-call-info { flex: 1; text-transform: capitalize; font-size: 14px; color: var(--dark-color); } header#pt-header.pt-header-style-1 .pt-header-call a .pt-call-info span { width: 100%; float: left; display: inline-block; color: rgba(255, 255, 255, 0.8); line-height: normal; } header#pt-header.pt-header-style-1 .pt-header-call a .pt-call-info h5 { font-weight: 700; font-size: 18px; line-height: 26px; color: var(--white-color); } header#pt-header.pt-header-style-1 .pt-button { background: var(--primary-color); } header#pt-header.pt-header-style-1.pt-header-sticky .pt-bottom-header .navbar .navbar-nav li>a, header#pt-header.pt-header-style-1.pt-header-sticky .pt-header-call a .pt-call-info h5 { color: var(--dark-color); } header#pt-header.pt-header-style-1.pt-header-sticky .pt-bottom-header .navbar .navbar-nav li i { color: var(--dark-color); } header#pt-header.pt-header-style-1.pt-header-sticky .pt-header-call a .pt-call-info span { color: var(--primary-color); } header#pt-header .pt-button:before, header#pt-header .pt-button:after { display: none; } /*+++++ Header Style-2 +++++*/ header#pt-header.pt-header-style-2 .pt-top-header { background: var(--dark-color); } header#pt-header.pt-header-style-2 .pt-header-diff-block .navbar-brand img { height: 60px; } header#pt-header.pt-header-style-2 { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; background: var(--white-color); padding: 0; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); } header#pt-header.pt-header-style-2 .navbar-brand { background: var(--primary-color); padding: 15px 30px; margin: 0; line-height: 4.7777; text-align: center; width: 100%; } header#pt-header.pt-header-style-2 .pt-bottom-header { min-height: auto; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li { line-height: 75px; } header#pt-header.pt-header-style-2 .pt-header-info-box { display: flex; } header#pt-header.pt-header-style-2 .pt-menu-search-block { line-height: 76px; padding: 0 30px; background: var(--white-color); border-left: 1px solid var(--grey-color); color: #fff; font-size: 20px; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { top: 75px; } header#pt-header.pt-header-style-2 .pt-search-form { top: 77px; } /*Header Style-2 sticky*/ header#pt-header.pt-header-style-2.pt-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-top-header { display: none; } header#pt-header.pt-header-style-2.pt-header-sticky .navbar-brand { line-height: 2.44444; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-header-diff-block .navbar-brand img { height: 45px; } /*+++++Ttoggle Side Bar +++++*/ header#pt-header.pt-header-style-2 .pt-toggle-btn { line-height: 75px; padding: 22px 25px; background: var(--primary-color); color: #fff; } header#pt-header.pt-header-style-2 .pt-toggle-btn a:before, header#pt-header.pt-header-style-2 .pt-toggle-btn a:after { transform-origin: 50% 0%; } .buttons ol li:before { position: absolute; bottom: 0; left: 0; z-index: -1; display: block; width: 23vw; height: 20vw; content: ""; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .buttons ol li:after { position: absolute; top: 38%; right: 7vw; transform: rotate(-90deg); z-index: 1; display: block; width: 30px; height: 30px; text-align: center; content: counter(list-counter, decimal-leading-zero); font-family: Helvetica; font-size: 20px; line-height: 30px; font-weight: 300; opacity: 0.15; transition: color 0.35s; will-change: color; } header#pt-header.pt-header-style-2 .pt-toggle-btn a { position: relative; display: block; top: 15px; width: 30px; height: 2px; margin: 0 auto; border: none; cursor: pointer; background: currentColor; color: inherit; font-size: 0; transition: 0.35s; } header#pt-header.pt-header-style-2 .pt-toggle-btn a:before, header#pt-header.pt-header-style-2 .pt-toggle-btn a:after { position: absolute; top: 0; left: 50%; display: block; width: 100%; height: 2px; background: currentColor; content: ""; transition: transform 0.35s; } header#pt-header.pt-header-style-2 .pt-toggle-btn a:before { transform: translate(-50%, -10px); } header#pt-header.pt-header-style-2 .pt-toggle-btn a:after { transform: translate(-50%, 10px); } /*++++++++++*/ header#pt-header.pt-header-default .pt-btn-container { margin: 0 0 0 30px; } header#pt-header.pt-header-default .pt-toggle-btn { padding: 0; margin: 0 0 0 30px; } header#pt-header.pt-header-default .pt-toggle-btn a { position: relative; display: inline-block; padding: 0; font-size: 38px; background: var(--primary-color); color: #fff; line-height: 60px; width: 60px; height: 60px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } header#pt-header.pt-header-default .pt-menu-search-block { margin: 0 0 0 30px; } /*+++++ Header Style-1 +++++*/ .admin-bar header#pt-header.pt-header-sticky, .admin-bar header#pt-header.pt-header-style-2, .admin-bar header#pt-header.pt-header-style-1 { top: 32px; } .admin-bar header#pt-header.pt-header-default .pt-bottom-header.pt-header-sticky { top: 32px; } @media(max-width:767px) { .admin-bar header#pt-header.pt-header-sticky, .admin-bar header#pt-header { top: 0; } .admin-bar header#pt-header.pt-header-style-2.pt-header-sticky, .admin-bar header#pt-header.pt-header-style-1.pt-header-sticky { top: 0; } } @media only screen and (min-device-width:601px) and (max-device-width:768px) { .admin-bar header#pt-header.pt-header-sticky, .admin-bar header#pt-header.pt-header-style-2, .admin-bar header#pt-header.pt-header-style-1, .admin-bar header#pt-header.pt-header-default .pt-bottom-header.pt-header-sticky { top: 46px; } .admin-bar header#pt-header.pt-header-style-2.pt-header-sticky, .admin-bar header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky { top: 46px !important; } } @media(max-width:1399px) { header#pt-header.pt-header-style-1 .pt-header-info-box { margin: 0 0 0 20px; } header#pt-header.pt-header-style-2 .pt-header-diff-block .navbar-brand img { height: 55px; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { left: inherit; right: 100%; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-brand { padding: 20px 15px; } } @media(max-width:1365px) { header#pt-header .pt-bottom-header .navbar .navbar-nav li { font-size: 14px; margin-right: 15px; } header#pt-header .pt-top-header .pt-header-social ul li a { font-size: 12px; padding: 10px 15px; } header#pt-header .pt-top-header .pt-header-contact ul li { font-size: 12px; padding: 10px 15px; } header#pt-header.pt-header-default .pt-btn-container { margin: 0 0 0 15px; } header#pt-header.pt-header-style-2 .navbar-brand { padding: 15px 10px; line-height: 3.3555; } header#pt-header.pt-header-style-2 .pt-header-diff-block .navbar-brand img { height: 40px; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li { margin-right: 30px; } header#pt-header.pt-header-style-2 .pt-menu-search-block { margin-left: 30px; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li { line-height: 51px; } header#pt-header.pt-header-style-2 .pt-menu-search-block { line-height: 51px; padding: 0 20px; margin-left: 0; } header#pt-header.pt-header-style-2 .pt-search-form { top: 53px; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { top: 52px; } header#pt-header.pt-header-style-2 .pt-toggle-btn { line-height: 51px; padding: 10px 20px; } header#pt-header.pt-header-style-2 .pt-toggle-btn a { width: 25px; } header#pt-header.pt-header-style-2 .pt-toggle-btn a:before { transform: translate(-50%, -10px); } header#pt-header.pt-header-style-2 .pt-toggle-btn a:after { transform: translate(-50%, 10px); } header#pt-header.pt-header-style-2.pt-header-sticky .navbar-brand { line-height: 1.111; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-header-diff-block .navbar-brand img { height: 30px; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-bottom-header .navbar .navbar-nav li { line-height: 57px; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-menu-search-block, header#pt-header.pt-header-style-2.pt-header-sticky .pt-toggle-btn { line-height: 57px; } /*+++++ Header Style-1 +++++*/ header#pt-header.pt-header-style-1 .pt-header-call { display: none; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li { line-height: 85px; } } @media (min-width: 1024px) and (max-width: 1199px) { header#pt-header .pt-bottom-header .navbar .navbar-nav li {margin-right:10px } } @media(max-width:1023px) { /*+++++ Button Toggler +++++*/ header#pt-header.pt-header-default .pt-toggle-btn { display: none; } header#pt-header .pt-bottom-header .navbar-toggler { font-size: 22px; padding: 14px 20px; line-height: normal; float: right; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 0 30px; color: #ffffff; } header#pt-header .pt-bottom-header .navbar .navbar-collapse { width: 100%; position: absolute; left: 0; top: 100%; background: #fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); max-height: 330px; overflow-y: scroll; overflow-x: hidden; } header#pt-header .pt-bottom-header .navbar .navbar-brand { line-height: 60px; } header#pt-header .pt-bottom-header { min-height: 60px; } header#pt-header .pt-search-form { top: 51px; } header#pt-header .pt-bottom-header .navbar .navbar-nav { float: left; width: 100%; display: inline-block; } header#pt-header .pt-bottom-header .navbar .navbar-nav li { float: left; width: 100%; display: inline-block; line-height: normal; position: relative; font-size: 16px; position: relative; border-bottom: 1px solid var(--grey-color); margin-right: 0; } header#pt-header .pt-bottom-header .navbar .navbar-nav li a { width: 100%; display: inline-block; padding: 15px; } header#pt-header .pt-bottom-header .navbar .navbar-nav li i { margin-left: 0; opacity: 1; font-size: 12px; position: absolute; right: 0; margin-top: 0; top: 0; padding: 21px 20px; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { position: relative; top: 0; left: 0; padding: 0 10px; background: #f5f5f5; box-shadow: none; display: inline-block; width: 100%; float: left; border: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu li.menu-item-has-children>.pt-submenu-icon { opacity: 1; position: absolute; top: 0; right: 0; line-height: 2; font-size: 12px; padding: 12px 30px; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a { padding: 10px 15px; } header#pt-header .pt-bottom-header .navbar .navbar-nav li>a:hover, header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover>a { background: var(--primary-color); color: var(--white-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li.current-menu-ancestor>a { background: var(--primary-color); color: var(--white-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li.current-menu-ancestor>.pt-submenu-icon, header#pt-header .pt-bottom-header .navbar .navbar-nav li:hover>.pt-submenu-icon { color: var(--white-color); } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { position: relative; top: 0; left: 0; background: transparent; display: inline-block; width: 100%; float: left; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu>li>a { background: #f5f5f5; color: var(--secondary-color); } header#pt-header .pt-top-header .pt-header-contact ul li { padding: 10px 10px; } header#pt-header.pt-header-default .pt-menu-search-block { margin-left: auto !important; } header#pt-header.pt-header-default .pt-btn-container { display: none; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu>li:hover, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-parent { padding: 0; } header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item>a, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a:hover, header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-parent a { margin-left: 15px; } /*+++++ Header Style-2 +++++*/ header#pt-header.pt-header-style-2 { position: relative; } .admin-bar header#pt-header.pt-header-style-2 { top: 0; } .admin-bar header#pt-header.pt-header-style-2.pt-header-sticky { top: 32px; } header#pt-header.pt-header-style-2 .pt-top-header, header#pt-header.pt-header-style-2 .pt-toggle-btn { display: none; } header#pt-header.pt-header-style-2 .navbar-brand { padding: 10px; line-height: 2.499999; } header#pt-header.pt-header-style-2.pt-header-sticky .navbar-brand { line-height: 2.499999; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-header-diff-block .navbar-brand img { height: 40px; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-menu-search-block, header#pt-header.pt-header-style-2.pt-header-sticky .pt-toggle-btn { line-height: 3.499999; } header#pt-header.pt-header-style-2 .pt-header-info-box { margin-left: auto !important; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar-toggler { margin: 0 15px 0 0; } header#pt-header.pt-header-style-2 .pt-menu-search-block { line-height: 3.499999; margin-left: 0; margin-right: 0; float: right; display: inline-block; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li { line-height: normal; margin-right: 0; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-collapse { top: 68px; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { top: 0; } header#pt-header.pt-header-style-2.pt-header-sticky .pt-bottom-header .navbar .navbar-nav li { line-height: normal; } /*+++++ Header Style-1 +++++*/ header#pt-header.pt-header-style-1.pt-has-sticky { top: 0; padding: 0; position: relative; background: var(--white-color); } header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky { top: 0; background: var(--white-color); } .admin-bar header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky { top: 32px; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-brand { padding: 18px 0; } header#pt-header.pt-header-style-1 .pt-header-call { margin-top: 0; margin-right: 15px; display: flex; } header#pt-header.pt-header-style-1 .pt-header-info-box { margin-left: auto; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li.current-menu-ancestor>a { color: var(--white-color); } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li { line-height: normal; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li>a, header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li { color: var(--dark-color); } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li:hover .sub-menu { top: 0; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li>a:hover, header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li:hover>a { color: var(--white-color); } header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky .pt-bottom-header .navbar .navbar-collapse { top: 100%; } header#pt-header.pt-header-style-1 .pt-header-call a .pt-call-info h5, header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-nav li i { color: var(--dark-color); } header#pt-header.pt-header-style-1 .pt-header-call a .pt-call-info span { color: var(--primary-color); } } @media(max-width:767px) { header#pt-header.pt-header-style-2 .navbar-brand { padding: 20px 15px; line-height: normal; text-align: left; display: inline-block; width: auto; } header#pt-header.pt-header-style-2 .pt-menu-search-block { display: none; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar .navbar-collapse { top: 0; } header#pt-header.pt-header-style-2 .pt-bottom-header .navbar-toggler, header#pt-header.pt-header-style-2 .pt-menu-search-block { margin-top: -80px; } header#pt-header.pt-header-style-2.pt-header-sticky .navbar-brand { line-height: normal; } header#pt-header.pt-header-style-1 .pt-header-call { display: none; } header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky .pt-bottom-header .navbar .navbar-brand { padding: 18px 18px 18px 0; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-brand { padding: 18px 0; } .admin-bar header#pt-header.pt-header-style-2.pt-header-sticky { top: 0; } header#pt-header.pt-header-default .pt-top-header, header#pt-header.pt-header-default .pt-btn-container { display: none !important; } .admin-bar header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky, .admin-bar header#pt-header.pt-header-default .pt-bottom-header.pt-header-sticky { top: 0; } header#pt-header .pt-bottom-header .navbar-toggler { margin: 0; } header#pt-header.pt-header-style-1 .pt-header-info-box { display: none; } header#pt-header.pt-header-style-1 .pt-header-info-box{ margin: 0; } header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky .pt-bottom-header .navbar .navbar-brand{ margin-right: 0;} } @media(max-width:479px) { .pt-menu-search-block, .pt-sidebar, .pt-toggle-btn, header#pt-header.pt-header-style-1 .pt-header-info-box { display: none !important; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar .navbar-brand { padding: 0; } header#pt-header.pt-header-style-1 .pt-bottom-header .navbar { padding: 10px 0; } header#pt-header.pt-header-style-1.pt-has-sticky.pt-header-sticky .pt-bottom-header .navbar .navbar-brand { padding: 0; } } /*================================================ Sidebar Menu ================================================*/ .pt-background-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-color); z-index: 9999; opacity: 0.8; display: none; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-siderbar-open .pt-background-overlay { display: block; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-siderbar-open .pt-sidebar { right: 0; opacity: 1; } .pt-sidebar { width: 410px; background: var(--white-color); opacity: 0; display: block; position: fixed; top: 0; right: -100%; height: 100%; z-index: 9999; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-sidebar .pt-close-btn .pt-close { position: absolute; left: -45px; background: var(--primary-color); width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; top: 90px; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-sidebar-block { padding: 90px 30px 30px 30px; height: 100%; } .pt-sidebar-header .pt-sidebar-logo { margin-bottom: 15px; height: 60px; } .pt-sidebar h5 { font-size: 36px; margin-bottom: 10px; } .pt-sidebar ul { margin: 0; padding: 0; } .pt-sidebar ul li { list-style: none; margin: 0; padding: 0 0 10px; } .pt-sidebar ul li a { color: var(--secondary-color); } /*===========*/ .pt-sidebar-contact { margin-top: 30px; display: inline-block; width: 100%; } .pt-sidebar-contact li { display: flex; align-items: flex-start; } .pt-sidebar-contact li i { line-height: 2; color: var(--primary-color); } .pt-sidebar-contact li span { margin-left: 15px; flex: 1; } /*===========*/ .pt-sidebar-social ul { margin-top: 30px; display: inline-block; width: 100%; text-align: center; } .pt-sidebar-social ul li { display: inline-block; padding: 0; margin: 0; } .pt-sidebar-social ul li:last-child { margin-right: 0; } .pt-sidebar-social ul li a { background: var(--dark-color); color: #fff; width: 60px; height: 60px; line-height: 60px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-sidebar-social ul li a:hover { background: var(--primary-color); } /*=========*/ .pt-sidebar .widget { background: transparent; padding: 0; } .pt-foote-recent-post { display: flex; align-items: flex-start; } .pt-foote-recent-post:last-child { margin-bottom: 0; } .pt-foote-recent-post .pt-foote-recent-post-media { margin-right: 15px; } .pt-foote-recent-post .pt-foote-recent-post-media img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-foote-recent-post .pt-foote-recent-post-info { flex: 1; align-self: center; } .pt-foote-recent-post .pt-foote-recent-post-info .pt-post-date { color: var(--primary-color); font-size: 12px; line-height: 20px !important; text-transform: uppercase; font-family: var(--title-fonts); float: left; width: 100%; display: inline-block; font-weight: 600; } .pt-foote-recent-post .pt-foote-recent-post-info h6 { font-size: 16px; line-height: 22px; margin-bottom: 0; font-weight: 600; } .pt-foote-recent-post .pt-foote-recent-post-info h6 a:hover { color: var(--primary-color); } .pt-widget-menu .pt-foote-recent-post { padding: 0; margin-bottom: 30px; } .pt-widget-menu .pt-foote-recent-post:last-child { padding: 0; margin: 0; border: unset; } /*================================================ Breadcrumb ================================================*/ .pt-breadcrumb { background: var(--dark-color); color: var(--white-color); padding:50px 0; position: relative; text-align: center; } .pt-breadcrumb:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-color); opacity: 0.95; } .pt-breadcrumb .pt-breadcrumb-title h1 { font-size: 40px; line-height: 40px; margin-bottom: 15px; color: var(--white-color); } .pt-breadcrumb-container .breadcrumb { background: transparent; padding: 0; margin: 0; justify-content: center; } .pt-breadcrumb-container .breadcrumb li { list-style-type: none; margin-right: 15px; padding-left: 0; } .pt-breadcrumb-container .breadcrumb li.active { color: var(--primary-color); } .pt-breadcrumb-container .breadcrumb li a { color: var(--white-color); } .pt-breadcrumb-container .breadcrumb li a:hover { color: var(--primary-color); } .pt-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: "\f125"; font-size: 12px; font-family: "Ionicons"; padding-right: 15px; color: var(--white-color); } .pt-yoest-breadcumbs #breadcrumbs { margin: 0; padding: 0; } .pt-yoest-breadcumbs #breadcrumbs span { color: var(--dark-color); } .pt-yoest-breadcumbs #breadcrumbs span a { padding: 0 5px; } .pt-yoest-breadcumbs #breadcrumbs span strong { font-weight: 400; padding-left: 5px; } @media(max-width:1023px) { .pt-breadcrumb { text-align: center; } .pt-breadcrumb .pt-breadcrumb-title h1 { font-size: 42px; line-height: 50px; } .pt-breadcrumb-container .breadcrumb { display: inline-flex; } .pt-breadcrumb-img.text-right { text-align: center !important; } } @media(max-width:767px) { .pt-breadcrumb { padding: 90px 0; } .pt-breadcrumb .pt-breadcrumb-title h1 { font-size: 34px; line-height: 42px; } .pt-breadcrumb-container .breadcrumb li, .pt-breadcrumb-container .breadcrumb li i { font-size: 14px; } .pt-breadcrumb-container .breadcrumb li { margin-right: 10px; } .pt-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; font-size: 12px; } } @media(max-width:479px) { .pt-breadcrumb .pt-breadcrumb-title h1 { font-size: 30px; line-height: 38px; } } /*================================================ Footer ================================================*/ .page-id-4620 footer#pt-footer.style-1 { margin-top: 0; } footer#pt-footer.style-1 { margin-top: 60px; } footer#pt-footer { background-color: var(--dark-color); color: #cccccc; display: inline-block; width: 100%; float: left; } footer#pt-footer .pt-footer-top { padding: 60px 0 0; } footer#pt-footer .pt-copyright-footer { padding: 20px 0; background: #0d0d0d; } footer#pt-footer .pt-copyright-footer .pt-copyright { text-align: center; display: inline-block; width: 100%; } footer#pt-footer .pt-copyright-footer .pt-copyright a { color: var(--white-color); } footer#pt-footer .pt-copyright-footer .pt-copyright a:hover { color: var(--white-color); text-decoration: underline; } /*======= Footer Top list =======*/ footer#pt-footer .pt-footer-bottom-list { padding: 0 0 60px; margin-top: -60px; position: relative; z-index: 9; } footer#pt-footer .pt-footer-bottom-list .row { background: var(--white-color); -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } footer#pt-footer .pt-footer-bottom-list .row .col-lg-4 { border-right: 1px solid var(--grey-color); } footer#pt-footer .pt-footer-bottom-list .row .col-lg-4:last-child { border-right: none; } footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items { padding: 30px; display: flex; align-items: flex-start; } footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items i { align-self: center; font-size: 48px; line-height: 56px; color: var(--primary-color); } footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items h4 { font-size: 24px; float: left; line-height: 32px; width: 100%; display: inline-block; } footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items .pt-footer-items-info { margin-left: 15px; } footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items .pt-footer-items-info a, footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items .pt-footer-items-info span { color: var(--secondary-color); } /*===== Footer Widget =====*/ footer#pt-footer .widget { background: transparent; padding: 0; box-shadow: none; border: none; margin-bottom: 45px; } footer#pt-footer .widget .footer-title { margin-bottom: 20px; padding: 0; font-size: 26px; position: relative; line-height: 34px; } footer#pt-footer .widget ul li { margin: 0 0 15px 0; } footer#pt-footer .widget ul li a { padding: 0 0 0 15px; display: inline-block; } footer#pt-footer .widget ul li a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; display: inline-block; background: var(--primary-color); margin: auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } footer#pt-footer .widget #recentcomments--1 .recentcomments a:before, footer#pt-footer .widget ul li .rsswidget:before, footer#pt-footer .pt-footer-social ul li a:before { display: none; } footer#pt-footer .widget ul li a:hover { color: var(--primary-color); } footer#pt-footer .widget ul li .comment-author-link a { color: var(--primary-color); } footer#pt-footer table td, footer#pt-footer table th { border: 1px solid var(--secondary-color); } footer#pt-footer .calendar_wrap table caption { caption-side: inherit; padding: 0 0 10px; font-weight: 600; font-family: var(--title-fonts); color: var(--white-color); } footer#pt-footer .calendar_wrap td#today { background: var(--primary-color); color: var(--white-color); } footer#pt-footer .calendar_wrap td#today a { color: var(--white-color); } footer#pt-footer ul li a.rsswidget { padding-left: 0; font-size: 16px; color: var(--dark-color); font-weight: 600; font-family: var(--title-fonts); } footer#pt-footer ul li .rss-date { font-size: 14px; color: var(--primary-color); line-height: 1; float: left; display: inline-block; width: 100%; margin: 5px 0; } footer#pt-footer ul li cite { font-weight: 600; margin-top: 5px; display: inline-block; width: 100%; } footer#pt-footer .search-form { position: relative; } footer#pt-footer .search-form .search-submit { background: var(--primary-color); border: none; position: absolute; text-align: center; line-height: 54px; height: 54px; width: 54px; top: 0; right: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } footer#pt-footer .search-form .search-submit:before { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 600; } footer#pt-footer .search-form .search-submit:hover { background: var(--dark-color); } footer#pt-footer .search-form input { background: var(--white-color); border-color: var(--white-color); } footer#pt-footer .tagcloud .tag-cloud-link { font-size: 14px !important; color: var(--white-color); background: var(--primary-color); margin: 0 10px 10px 0; display: inline-block; float: left; padding: 2px 12px; border-radius: 5px; border: 1px solid var(--primary-color); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } footer#pt-footer .tagcloud .tag-cloud-link:hover { border-color: var(--white-color); background: var(--white-color); color: var(--primary-color); } footer#pt-footer .widget ul.menu li a, footer#pt-footer .pt-widget-menu .pt-service li a { position: relative; border: none; padding: 0 0 0 15px; display: inline-block; width: 100%; } footer#pt-footer .widget ul.menu li a:first-child { padding-top: 0; } footer#pt-footer .widget ul.menu li a:hover, footer#pt-footer .pt-widget-menu .pt-service li a:hover { color: var(--primary-color); } footer#pt-footer .widget ul.menu li a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; display: inline-block; background: var(--primary-color); margin: auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } footer#pt-footer .wp-calendar-nav .wp-calendar-nav-prev, footer#pt-footer .wp-calendar-nav .wp-calendar-nav-next { background: transparent; border: 1px solid var(--secondary-color); border-top: 0; } footer#pt-footer .wp-calendar-nav .wp-calendar-nav-prev a, footer#pt-footer .wp-calendar-nav .wp-calendar-nav-next a { color: var(--white-color); } footer#pt-footer .wp-caption p.wp-caption-text { color: var(--dark-color); } footer#pt-footer .pt-widget-menu .pt-service li a:before { content: ""; position: absolute; top: 18px; bottom: 0; left: 0; width: 5px; height: 5px; display: inline-block; background: var(--primary-color); margin: 0; } /*=========*/ footer#pt-footer .pt-footer-style-1 .widget .pt-footer-social ul { margin: 0; padding: 0 } footer#pt-footer .pt-footer-style-1 .widget .pt-footer-social ul li { list-style: none; float: left; margin: 0 5px 0; } footer#pt-footer .pt-footer-style-1 .widget .pt-footer-social ul li:last-child { margin: 0; } footer#pt-footer .pt-footer-style-1 .widget .pt-footer-social ul li a { background: #0d0d0d; color: var(--white-color); width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } footer#pt-footer .pt-footer-style-1 .widget .pt-footer-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } footer#pt-footer.style-1 .pt-foote-recent-post .pt-foote-recent-post-info h6 { color: #cccccc; } /*=========*/ footer#pt-footer .widget:first-child { margin-bottom: 45px; } footer#pt-footer .pt-footer-logo { height: 60px; margin-bottom: 30px; } footer#pt-footer .widget .footer-title { color: var(--white-color); } footer#pt-footer .widget ul.menu li a, footer#pt-footer .pt-widget-menu .pt-service li a, footer#pt-footer .widget ul li a { color: #cccccc; } footer#pt-footer .widget ul.menu li, footer#pt-footer .pt-widget-menu .pt-service li, footer#pt-footer .widget ul li { color: #cccccc; } footer#pt-footer .widget .pt-footer-form { position: relative; line-height: 1; } footer#pt-footer .widget .pt-footer-form input { background: #0d0d0d; border: 0; color: var(--white-color); } footer#pt-footer .widget .pt-footer-form #submit { position: absolute; width: auto; right: 0; top: 0; line-height: 2; font-size: 0; } footer#pt-footer .widget .pt-footer-form #submit:before { content: "\e610"; font-family: 'themify'; display: inline-block; background: var(--white-color); color: var(--white-color); height: 60px; width: 60px; } footer#pt-footer .widget .pt-footer-form input::placeholder { color: var(--white-color); } footer#pt-footer .pt-footer-social ul li a { padding: 0; } /*=========*/ footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-copyright { text-align: left; } footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link { margin: 0; padding: 0; float: right; } footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link li { list-style: none; margin: 0 15px 0; padding: 0; display: inline-block; float: left; } footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link li a { color: var(--white-color); } footer#pt-footer .pt-footer-style-1 .pt-copyright-footer .pt-footer-link li a:hover { color: var(--primary-color); } footer#pt-footer .pt-footer-style-1 .pt-footer-top { padding: 0; } @media(max-width:1190px) { footer#pt-footer .pt-footer-top .pt-footer-bottom-list .pt-footer-items { padding: 15px; } } @media(max-width:1190px) { footer#pt-footer .pt-footer-top .pt-footer-bottom-list [class*="col-"] { margin-top: 30px; } } /*================================================ Section Title ================================================*/ .pt-section-title-1.text-center { padding: 0 15em; margin-bottom: 40px; } .pt-section-title-1 .pt-section-title { font-weight: 600; font-size: 52px; line-height: 60px; z-index: 9; color: var(--dark-color); margin-bottom: 5px; position: relative; } .pt-section-title-1 .pt-section-title span { position: relative; z-index: 9; } .pt-section-title-1 .pt-section-sub-title { font-family: var(--title-fonts); font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: .2em; position: relative; text-transform: uppercase; color: var(--primary-color); padding: 0; margin: 0 0; display: inline-block; float: left; width: 100%; } .pt-section-title-1 .pt-section-description { font-size: 16px; font-weight: 400; z-index: 9; position: relative; } @media(max-width:1199px) { .pt-section-title-1.text-center { padding: 0; } } @media(max-width:1023px) { .pt-section-title-1 .pt-section-title, .pt-section-title-1 .pt-section-title span { font-size: 44px; line-height: 52px; } } @media(max-width:767px) { .pt-section-title-1 .pt-section-title, .pt-section-title-1 .pt-section-title span { font-size: 38px; line-height: 1.3; } .pt-section-title-1.text-center { margin-bottom: 30px; } } @media(max-width:479px) { .pt-section-title-1 .pt-section-title, .pt-section-title-1 .pt-section-title span { font-size: 30px; line-height: 1.3; } } /*================================================ isotope Portfolio ================================================*/ .pt-grid-item.visible_item, .pt-masonry-item.visible_item { display: none } .pt-filters .pt-filter-button-group ul { margin: 0 0 45px; padding: 0; display: inline-block; width: 100%; text-align: center; } .pt-filters .pt-filter-button-group ul li { list-style: none; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--dark-color); font-family: var(--title-fonts); display: inline-block; cursor: pointer; padding: 10px 30px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-filters .pt-filter-button-group ul li:last-child { margin-right: 0; } .pt-filters .pt-filter-button-group ul li.active, .pt-filters .pt-filter-button-group ul li.active:hover { background: var(--primary-color); color: var(--white-color); } .pt-filters .pt-filter-button-group ul li:hover { color: var(--primary-color); } .pt-grid { display: inline-block; width: 100%; float: left; overflow: hidden; } .pt-grid:after { content: ''; display: block; clear: both; } .pt-col-3 { width: 25%; padding: 0 15px 30px; } .pt-col-6 { width: 50%; padding: 0 15px 30px; } .pt-col-4 { width: 33.33%; padding: 0 15px 30px; } .pt-grid.no-padding .pt-grid-item, .pt-masonry.no-padding .pt-masonry-item { padding: 0; } .pt-grid.no-padding .pt-grid-item .pt-portfoliobox-2, .pt-masonry.no-padding .pt-masonry-item .pt-portfoliobox-2 { border-radius: 0; } .pt-btn-load-container { display: inline-block; width: 100%; } /*=========*/ .pt-masonry { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .pt-masonry .ipt-lg-6 { width: 50%; padding: 0 15px 30px; } .pt-masonry .ipt-lg-3 { width: 25%; padding: 0 15px 30px; } .pt-masonry.no-padding .ipt-lg-6, .pt-masonry.no-padding .ipt-lg-3 { padding: 0; } @media(max-width:1365px) { .pt-col-3 { width: 33.33%; } .pt-masonry .ipt-lg-6 { width: 66.66%; } .pt-masonry .ipt-lg-3 { width: 33.33%; } } @media(max-width:1023px) { .pt-masonry .ipt-lg-6 { width: 100%; } .pt-col-3, .pt-col-4, .pt-masonry .ipt-lg-3 { width: 50%; } } @media(max-width:767px) { .pt-filters .pt-filter-button-group ul li { margin-right: 0; font-size: 14px; } .pt-col-6, .pt-col-4, .pt-col-3, .pt-masonry .ipt-lg-3, .pt-masonry .ipt-lg-6 { width: 100%; padding: 0 0 30px; } } .pt-grid-item { float: left; overflow: hidden; } /*=========*/ .pt-portfolio-info-box { display: inline-block; width: 100%; } .pt-porfolio-info-header h5 { font-size: 40px; line-height: 48px; margin-bottom: 10px; } .pt-porfolio-info .pt-info-list { margin: 0; padding: 0; } .pt-porfolio-info .pt-info-list li { list-style: none; float: left; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid var(--grey-color); display: inline-block; width: 100%; } .pt-porfolio-info .pt-info-list li h5 { display: inline-block; font-size: 16px; line-height: 24px; font-weight: 600; } .pt-porfolio-info .pt-info-list li span { font-family: var(--title-fonts); float: right; color: var(--primary-color); } .Projects-dts .pt-portfolio-block .pt-portfolio-info { padding-bottom: 0; } /*================================================ Porfolio Box ================================================*/ .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-img { position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; z-index: 9; background: var(--dark-color); opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-portfolio-block:hover .pt-portfolio-img:before { opacity: 0.8; } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-info { background: var(--white-color); padding: 15px; text-align: center; color: var(--primary-color); position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 26px; line-height: 34px; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 43, 76, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 43, 76, 0.1); box-shadow: 0px 0px 30px 0px rgba(32, 43, 76, 0.1); opacity: 0; z-index: 99; width: 80%; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-portfolio-2 .pt-portfolio-block:hover .pt-portfolio-info { opacity: 1; } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-info { font-size: 28px; line-height: 36px; } .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a { position: relative; color: var(--primary-color); font-family: var(--title-fonts); font-size: 14px; line-height: 22px; padding: 0px 15px 0 0; text-transform: uppercase; } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:after { position: absolute; content: '/'; top: -2px; margin-left: 7px; font-family: var(--title-fonts); font-size: 12px; line-height: inherit; color: var(--secondary-color); } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:last-child { padding: 0; margin: 0; } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:last-child:after { display: none; } .pt-portfolio-2 .pt-portfolio-block .pt-portfolio-info h5 a { color: var(--dark-color); font-size: 28px; line-height: 36px; } /*======== pt-portfoliobox-1 =================*/ .pt-portfolio .owl-carousel .owl-stage-outer { overflow: inherit; } .pt-portfolio .pt-portfolio-block { display: inline-block; width: 100%; background-color: var(--white-color); -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -moz-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-portfolio .pt-portfolio-block .pt-portfolio-img { position: relative; overflow: hidden; -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pt-portfolio .pt-portfolio-block .pt-portfolio-img:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; width: 100%; height: 100%; background: var(--dark-color); opacity: 0; z-index: 9; } .pt-portfolio .pt-portfolio-block:hover .pt-portfolio-img:before { opacity: 0.6; } .pt-portfolio .pt-portfolio-block .pt-portfolio-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pt-portfolio .pt-portfolio-block:hover .pt-portfolio-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pt-portfolio .pt-portfolio-block .pt-portfolio-img a { background: var(--primary-color); height: 60px; width: 60px; line-height: 60px; text-align: center; z-index: 9; color: var(--white-color); position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 26px; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-portfolio .pt-portfolio-block:hover .pt-portfolio-img a { opacity: 1; } .pt-portfolio .pt-portfolio-block .pt-portfolio-img a:hover { background: var(--white-color); color: var(--primary-color) } .pt-portfolio .pt-portfolio-block .pt-portfolio-info { padding: 30px; display: inline-block; width: 100%; background-color: var(--white-color); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; } .pt-portfolio .pt-portfolio-block .pt-portfolio-info h5 { font-size: 28px; line-height: 36px; } .pt-portfolio .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a { position: relative; color: var(--primary-color); font-family: var(--title-fonts); font-size: 14px; line-height: 22px; padding: 0px 15px 0 0; text-transform: uppercase; margin: 5px 15px 0 0; } .pt-portfolio .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:hover { color: var(--dark-color); } .pt-portfolio .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:after { content: '/'; position: absolute; right: -4px; top: 50%; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); font-size: 12px; line-height: normal; color: var(--secondary-color) } .pt-portfolio .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:last-child { margin-right: 0; padding-right: 0; } .pt-portfolio .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:last-child:after { display: none; } @media(max-width:767px) { .pt-portfolio .pt-portfolio-block .pt-portfolio-info { padding: 30px 15px; } .pt-portfolio .pt-portfolio-block .pt-portfolio-info h5 { font-size: 20px; line-height: 28px; } } /*===== pt-portfoliobox-2 =====*/ .pt-portfoliobox-2 { position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-portfoliobox-2 .pt-portfolio-img { overflow: hidden; } .pt-portfoliobox-2 .pt-portfolio-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; z-index: 9; background: var(--dark-color); opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-portfoliobox-2:hover .pt-portfolio-img:before { opacity: 0.8; } .pt-portfoliobox-2 .pt-portfolio-info { margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; opacity: 0; z-index: 9; background: var(--white-color); padding: 30px; text-align: center; display: inline-block; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-portfoliobox-2 .pt-portfolio-info h5 { font-size: 28px; line-height: 36px; } .pt-portfolio-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; border-radius: 0; } .pt-portfoliobox-2:hover .pt-portfolio-info { opacity: 1; } .pt-portfoliobox-2 .pt-portfolio-info h5 { font-size: 28px; line-height: 36px; } .pt-portfoliobox-2:hover .pt-portfolio-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pt-portfoliobox-2 .pt-portfolio-info .pt-portfolio-link a { position: relative; color: var(--primary-color); padding: 0 16px 0 0; margin: 0 16px 0 0; font-size: 14px; line-height: 22px; text-transform: uppercase; font-family: var(--title-fonts); } .pt-portfoliobox-2 .pt-portfolio-info .pt-portfolio-link a:after { position: absolute; top: -1px; right: -3px; content: '/'; font-family: var(--title-fonts); font-size: 12px; line-height: inherit; color: var(--secondary-color); } .pt-portfoliobox-2 .pt-portfolio-info .pt-portfolio-link a:last-child { padding: 0; margin: 0; } .pt-portfoliobox-2 .pt-portfolio-info .pt-portfolio-link a:last-child:after { display: none; } @media(max-width:1365px) { .pt-portfoliobox-2 .pt-portfolio-info { padding: 30px 15px; } } /*===== pt-portfoliobox-3 =====*/ .pt-portfolio-3 .pt-portfolio-block,.pt-portfolio-3 .pt-portfolio-img{ position: relative; overflow: hidden; } .pt-portfolio-3 .pt-portfolio-block:hover .pt-portfolio-img:before{ opacity: 0.9; } .pt-portfolio-3 .pt-portfolio-block .pt-portfolio-img:before{ content: ""; position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; display: inline-block; z-index: 9; background: var(--dark-color); opacity: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-portfolio-3 .pt-portfolio-block .pt-portfolio-info{ position: absolute; background: transparent; bottom: 0; transform: translate(35%,-100%); z-index: 9; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-portfolio-3 .pt-portfolio-block:hover .pt-portfolio-info{ opacity: 1; visibility: visible; } .pt-portfolio-3 .pt-portfolio-block .pt-portfolio-info>h5{ color: var(--white-color); } .pt-portfolio-3 .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a{ padding: 0 11px 0 0; margin: 0 8px 0 0; position: relative; } .pt-portfolio-3 .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:after { position: absolute; top: -1px; right: -3px; content: '/'; font-family: var(--title-fonts); font-size: 12px; line-height: inherit; color: var(--primary-color); } .pt-portfolio-3 .pt-portfolio-block .pt-portfolio-info .pt-portfolio-link a:last-child:after{ display: none;} /*================================================ Fancy Box-Sliders ================================================*/ /*-------Fancy Box-Sliders-1---------------*/ .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-1 { background: var(--white-color); padding: 45px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-1 .pt-fancy-media i { font-size: 52px; height: 100px; width: 100px; line-height: 100px; text-align: center; display: inline-block; background: var(--primary-color); color: var(--white-color); margin: 15px 0; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; } /*-------Fancy Box-Sliders-2---------------*/ .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-2 { background: var(--white-color); padding: 45px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-2 .pt-fancy-media { margin-bottom: 30px; } .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-2 .pt-fancy-media i { font-size: 60px; line-height: 68px; color: var(--primary-color); margin-right: 35px; vertical-align: middle; } .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-2 .pt-fancy-media h3 { font-weight: 700; right: 15px; font-size: 60px; line-height: 68px; display: inline-block; float: right; color: var(--dark-color); opacity: 0.1; } .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-2 .pt-fancy-info .pt-fancy-title { margin-bottom: 5px; } .pt-fancy-box-swiper .pt-fancybox-boxslider.fancyslider-2 .pt-button.pt-btn-link { border-bottom: unset; } .pt-fancy-box-swiper .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10; width: 100%; position: relative; margin: 30px 0 0; bottom: 0; } .pt-fancy-box-swiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: var(--dark-color); width: 10px; height: 10px; margin: 0 4px; } .pt-fancy-box-swiper .swiper-pagination .swiper-pagination-bullet-active { background: var(--primary-color); } /*================================================ Fancy Box ================================================*/ .pt-fancybox-box { background: #ffffff; padding: 45px 30px; display: inline-block; width: 100%; } .pt-fancybox-box .pt-fancy-media { position: relative; margin-bottom: 30px; display: inline-block; width: 100%; } .pt-fancybox-box .pt-fancy-media i { font-size: 62px; line-height: 80px; color: var(--primary-color); } .pt-fancybox-box .pt-fancy-media span { float: right; font-family: var(--title-fonts); color: var(--grey-color); font-style: normal; text-transform: capitalize; font-weight: 600; font-size: 56px; line-height: 64px; } /*========pt-fancybox-1 =============*/ .pt-fancy-box.pt-fancybox-1 { display: flex; align-items: flex-start; padding: 0; position: relative; } .pt-fancy-box.pt-fancybox-1 .pt-fancy-media { margin-right: 20px; } .pt-fancy-box.pt-fancybox-1 .pt-fancy-media i { font-size: 62px; line-height: 70px; color: var(--primary-color); } .pt-fancy-box.pt-fancybox-1 .pt-fancybox-info { flex: 1; } .pt-fancy-box.pt-fancybox-1 .pt-fancybox-info .pt-fancy-box-title { font-size: 24px; line-height: 32px; margin-bottom: 5px; } .pt-fancy-box.pt-fancybox-1 .pt-fancybox-info p { margin-bottom: 15px; } /*========pt-fancybox-2===============*/ .pt-fancy-box.pt-fancybox-2 { padding: 45px 30px; background: var(--white-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .pt-fancy-box.pt-fancybox-2 .pt-fancy-media { display: flex; margin-bottom: 15px; align-items: center; border-bottom: 1px solid var(--grey-color); padding-bottom: 15px; } .pt-fancy-box.pt-fancybox-2 .pt-fancy-media i { color: var(--primary-color); margin-right: 20px; vertical-align: middle; font-size: 62px; line-height: 70px; text-align: center; } .pt-fancy-box.pt-fancybox-2 .pt-fancy-box-title { font-size: 30px; line-height: 38px; color: var(--dark-color); vertical-align: middle; display: inline-block; padding: 0; } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info .pt-fancy-box-sub-title { font-weight: 600; color: var(--dark-color) } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info .pt-fancy-list-box { margin: 0 0; padding: 0; } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info li { list-style: none; padding: 0; text-align: left; margin: 10px 0px 0 0px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info li:hover { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info li a { font-weight: 400; font-size: 16px; line-height: 24px; list-style: none; margin: 0; position: relative; color: var(--secondary-color); transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; -ms-transition: color 0.5s ease-in-out; -o-transition: color 0.5s ease-in-out; -webkit-transition: color 0.5s ease-in-out; } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info li a:hover { color: var(--primary-color); } .pt-fancy-box.pt-fancybox-2 .pt-fancybox-info li a i { padding-right: 5px; color: var(--primary-color); } @media (max-width:767px) { .pt-fancy-box.pt-fancybox-2 .pt-fancy-box-title { font-size: 24px; line-height: 30px; } .pt-fancy-box.pt-fancybox-2 .pt-fancy-media i { font-size: 72px; line-height: 80px; } } /*==========pt-fancybox-3=============*/ .pt-fancy-box.pt-fancybox-3 { text-align: center; background-color: var(--white-color); padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: box-shadow:0px 0px 30px 0px rgb(21 21 21 / 10%); -moz-box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); } .pt-fancy-box.pt-fancybox-3 .pt-fancy-media { margin-bottom: 30px; } .pt-fancy-box.pt-fancybox-3 .pt-fancy-media i { font-size: 72px; line-height: 80px; color: var(--primary-color); } .pt-fancy-box.pt-fancybox-3 .pt-fancybox-info h5 { color: var(--dark-color); padding: 0 60px; margin-bottom: 30px; } .pt-fancy-box.pt-fancybox-3 .pt-fancybox-info img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*==========pt-fancybox-4===================*/ .pt-fancy-box.pt-fancybox-4 { padding: 45px 30px; background: var(--white-color); box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-fancy-box.pt-fancybox-4 .pt-fancy-media { margin-bottom: 15px; align-items: center; border-bottom: 1px solid var(--grey-color); padding-bottom: 15px; } .pt-fancy-box.pt-fancybox-4 .pt-fancy-media i { font-size: 62px; line-height: 70px; color: var(--primary-color); vertical-align: middle; } .pt-fancy-box.pt-fancybox-4 .pt-fancy-box-title { font-weight: 700; right: 15px; font-size: 62px; line-height: 70px; display: inline-block; float: right; color: var(--dark-color); opacity: 0.1; } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info .pt-fancy-box-sub-title { color: var(--dark-color); margin-bottom: 10px; } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info .pt-fancy-list-box { margin: 0px; padding: 0px; } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info li { list-style: none; padding: 0; text-align: left; margin: 10px 0px 0 0px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info li:hover { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info li a { font-weight: 400; font-size: 16px; line-height: 26px; list-style: none; margin: 0; text-align: left; position: relative; color: var(--secondary-color); } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info li i { color: var(--primary-color); margin-right: 5px; } .pt-fancy-box.pt-fancybox-4 .pt-fancybox-info li:first-child { margin: 0; padding-top: 0; } /*============== pt-fancybox-5 =================*/ .pt-fancybox-5 .pt-fancy-media { display: flex; margin-bottom: 20px; border-bottom: 2px solid var(--grey-color); margin-bottom: 15px; padding-bottom: 15px; } .pt-fancybox-5 .pt-fancy-media i { font-size: 55px; line-height: 63px; color: var(--primary-color); vertical-align: middle; margin-right: 15px; display: inline; } .pt-fancybox-5 .pt-fancy-media .pt-fancy-box-title { font-weight: 600; color: var(--dark-color); align-self: center; } /*============== pt-fancybox-6 =================*/ .pt-fancybox-6 { padding: 60px 30px; background: var(--white-color); display: inline-block; width: 100%; position: relative; -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 1; } .pt-fancybox-6:hover { background: var(--dark-color); opacity: 0.9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-fancybox-6 .pt-fancy-media { font-size: 72px; line-height: 80px; margin-bottom: 30px; color: var(--primary-color); } .pt-fancybox-6 .pt-service-title { margin-bottom: 15px; } .pt-fancybox-6 .pt-button.pt-btn-link { float: none; } .pt-fancybox-6:hover .pt-service-title, .pt-fancybox-6:hover .pt-fancybox-description { color: var(--white-color); } /*============== pt-fancybox-7 =================*/ .pt-fancy-box.pt-fancybox-7 { border-radius: 5px; border: 1px solid #f2f0f0; background-color: var(--white-color); text-align: center; padding: 90px 45px; } .pt-fancy-box.pt-fancybox-7 .pt-fancy-img { margin-bottom: 45px; } /*============== pt-fancybox-8 =================*/ .pt-fancy-box.pt-fancybox-8{ background: var(--white-color); padding: 45px 30px; } .pt-fancy-box.pt-fancybox-8 .pt-fancy-media{ display: flex; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e7e9; } .pt-fancy-box.pt-fancybox-8 .pt-fancy-media i{ font-size: 56px; line-height: 64px; color: var(--primary-color); margin-right: 20px; vertical-align: middle; padding: 15px; background: var(--grey-color); display: inline-block; } .pt-fancy-box.pt-fancybox-8 .pt-fancy-box-meta{ align-self: center; } .pt-fancy-box.pt-fancybox-8 .pt-fancy-box-meta span.pt-fancy-box-subtitle{ font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; margin-bottom: 5px; text-transform: uppercase; font-family: var(--title-fonts); } .pt-fancy-box.pt-fancybox-8 .pt-fancybox-info{ margin-bottom: 30px; } /*============== pt-fancybox-9 =================*/ .pt-fancy-box.pt-fancybox-9{ background: var(--white-color); padding: 45px 30px; box-shadow: 0px 0px 30px 0 rgb(0 20 9 / 10%); } .pt-fancy-box.pt-fancybox-9 .pt-fancy-media{ display: flex; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e7e9; } .pt-fancy-box.pt-fancybox-9 .pt-fancy-media i{ font-size: 56px; line-height: 64px; color: var(--primary-color); margin-right: 20px; vertical-align: middle; padding: 15px; background: var(--grey-color); display: inline-block; } .pt-fancy-box.pt-fancybox-9 .pt-fancy-box-meta{ align-self: center; } .pt-fancy-box.pt-fancybox-9 .pt-fancybox-info{ margin-bottom: 30px; } .pt-fancy-box.pt-fancybox-9 .pt-fancy-box-title-number { position: absolute; right: 30px; bottom: 45px; font-size: 44px; color: var(--grey-color); } @media (min-width: 1024px) and (max-width: 1199px) { .pt-fancy-box.pt-fancybox-9 .pt-fancy-box-title{ font-size: 22px; line-height: 30px;} } /*============== pt-fancybox-10 =================*/ .pt-fancy-box.pt-fancybox-10 { background: var(--white-color); padding: 45px; box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); } .pt-fancy-box.pt-fancybox-10 .pt-fancy-media { margin-right: 20px; } .pt-fancy-box.pt-fancybox-10 .pt-fancy-media i { font-size: 62px; line-height: 70px; color: var(--primary-color); } .pt-fancy-box.pt-fancybox-10 .pt-fancybox-info { flex: 1; } .pt-fancy-box.pt-fancybox-10 .pt-fancybox-info .pt-fancy-box-title { font-size: 24px; line-height: 32px; margin-bottom: 5px; } .pt-fancy-box.pt-fancybox-10 .pt-fancybox-info p { margin-bottom: 15px; } .pt-fancy-box.pt-fancybox-10.active { background: var(--primary-color); } .pt-fancy-box.pt-fancybox-10.active .pt-fancy-media i , .pt-fancy-box.pt-fancybox-10.active .pt-fancybox-info .pt-fancy-box-title , .pt-fancy-box.pt-fancybox-10.active .pt-fancybox-info p { color: var(--white-color); } .pt-fancy-box.pt-fancybox-10.active .pt-button { background: var(--white-color); color: var(--primary-color);} .pt-fancy-box.pt-fancybox-10.active .pt-button:hover, .pt-fancy-box.pt-fancybox-10.active .pt-button:focus { background: var(--dark-color); color: var(--white-color); } .pt-fancy-box.pt-fancybox-10.active .pt-button.pt-btn-link{ background: transparent; color: var(--white-color) !important; } .pt-fancy-box.pt-fancybox-10.active .pt-button.pt-btn-link:hover { color: var(--dark-color);background: transparent; } .pt-fancy-box.pt-fancybox-10.active .pt-button.pt-btn-outline { border: 1px solid var(--white-color); background: transparent; color: var(--white-color); } .pt-fancy-box.pt-fancybox-10.active .pt-button.pt-btn-outline:hover { background: transparent; border: 1px solid var(--dark-color); color: var(--dark-color); } .pt-fancy-box.pt-fancybox-10.active .pt-button.pt-btn-link:before {background: var(--white-color);} @media (min-width: 1024px) and (max-width: 1199px) { .pt-fancy-box.pt-fancybox-10 .pt-fancybox-info .pt-fancy-box-title { font-size: 22px; line-height: 30px;} .pt-fancy-box.pt-fancybox-10{padding: 45px 30px;} } /*================================================ service Box ================================================*/ .pt-service-box.pt-service-box-3 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-service-box .pt-service-box-3 .pt-service-banner { position: relative; overflow: hidden; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-service-box-3 .pt-service-banner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; z-index: 9; background: var(--dark-color); opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-service-box-3 .pt-service-block:hover .pt-service-banner:before { opacity: 0.8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-service-box-3 .pt-service-banner img { width: 100%; height: 100%; } .pt-service-box-3 .pt-service-box-info { color: var(--white-color); text-align: center; position: absolute; top: 50%; left: 45%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 26px; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 43, 76, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 43, 76, 0.1); box-shadow: 0px 0px 30px 0px rgba(32, 43, 76, 0.1); opacity: 0; z-index: 99; width: 80%; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-service-box-3 .pt-service-box-info .pt-service-icon i { background-color: var(--primary-color); padding: 20px 25px; display: inline-block; font-size: 38px; line-height: 46px; border-radius: 50px; } .pt-service-box-3 .pt-service-box-info .pt-service-icon { margin-bottom: 15px; } .pt-service-block:hover .pt-service-box-info { opacity: 1; } .pt-service-box-3 .pt-service-box-info .pt-btn-link { text-transform: uppercase; font-size: 14px; color: var(--primary-color); font-weight: 400; } .pt-service-box-3 .pt-service-box-info h5 { color: var(--white-color); font-size: 22px; line-height: 30px; } /* style 4 */ .pt-service-box.pt-service-box-4 { position: relative; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-service-box.pt-service-box-4 .pt-service-banner { position: relative; overflow: hidden; } .pt-service-box.pt-service-box-4 .pt-service-banner img { width: 100%; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pt-service-box.pt-service-box-4:hover .pt-service-banner img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pt-service-box.pt-service-box-4 .pt-service-box-info { padding: 15px 0px; } .pt-service-box.pt-service-box-4 .pt-service-box-info p { margin-bottom: 15px; margin-top: 10px; color: var(--text-color); } .pt-service-box.pt-service-box-4 .pt-service-sub-title { text-transform: uppercase; font-family: var(--title-font); font-size: 14px; line-height: 22px; color: var(--primary-color); } /*================================================ servicebox Slider ================================================*/ .pt-service-slider-2{ padding: 30px; background: var(--white-color); text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; } .pt-service-slider-2:hover{ background: var(--primary-color); } .pt-service-slider-2:hover .pt-service-media i, .pt-service-slider-2:hover h5{ color: var(--white-color); } .pt-service-slider-2 .pt-service-media { margin-bottom: 15px; } .pt-service-slider-2 .pt-service-media i{ font-size: 62px; line-height: 70px; color: var(--primary-color); } .pt-service-slider-2 .pt-service-media h5{ color: var(--dark-color); } /*================================================ Team ================================================*/ .pt-teambox-1 { position: relative; text-align: center; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-teambox-1 .pt-team-img { position: relative; overflow: hidden; } .pt-teambox-1 .pt-team-img img { -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pt-teambox-1 .pt-team-info { background: #ffdddd; border: 1px solid #ffc6c6; padding: 20px 15px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-teambox-1 .pt-team-info .pt-team-designation { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); text-transform: uppercase; font-family: var(--title-fonts); } .pt-teambox-1:hover .pt-team-info { opacity: 1; } .pt-teambox-1 .pt-team-info .pt-team-social ul { margin: 0; padding: 0; position: absolute; top: 30px; left: 0; } .pt-teambox-1 .pt-team-info .pt-team-social ul li { list-style: none; margin: 0 0 10px; padding: 0; display: block; } .pt-teambox-1 .pt-team-info .pt-team-social ul li a { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: var(--dark-color); color: var(--white-color); -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; transition: transform .5s, opacity .3s, background .5s; opacity: 0; } .pt-teambox-1 .pt-team-info .pt-team-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } .pt-teambox-1:hover .pt-team-info .pt-team-social ul li a { transform: translateX(30px); opacity: 1; } .pt-teambox-1 .pt-team-info .pt-team-social ul li:nth-child(2) a { transition-delay: .1s; } .pt-teambox-1 .pt-team-info .pt-team-social ul li:nth-child(3) a { transition-delay: .2s; } .pt-teambox-1 .pt-team-info .pt-team-social ul li:nth-child(4) a { transition-delay: .3s; } .pt-teambox-1 .pt-team-info .pt-team-social ul li:nth-child(5) a { transition-delay: .4s; } .pt-teambox-1 .pt-team-info .pt-team-social ul li:nth-child(6) a { transition-delay: .5s; } /*===================Team style 2 ======================*/ .pt-teambox-2 { position: relative; text-align: center; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-teambox-2 .pt-team-img { position: relative; overflow: hidden; } .pt-teambox-2 .pt-team-img img { -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pt-teambox-2 .pt-team-info { position: absolute; bottom: 0; left: 30px; right: 30px; background: var(--grey-color); border: 1px solid var(--grey-color); padding: 20px 15px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-teambox-2 .pt-team-info .pt-team-designation { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); text-transform: uppercase; font-family: var(--title-fonts); } .pt-teambox-2:hover .pt-team-info { opacity: 1; } .pt-teambox-2 .pt-team-social ul { margin: 0; padding: 0; position: absolute; top: 30px; left: 0; } .pt-teambox-2 .pt-team-social ul li { list-style: none; margin: 0 0 10px; padding: 0; display: block; } .pt-teambox-2 .pt-team-social ul li a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: var(--dark-color); color: var(--white-color); -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; transition: transform .5s, opacity .3s, background .5s; opacity: 0; } .pt-teambox-2 .pt-team-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } .pt-teambox-2:hover .pt-team-social ul li a { transform: translateX(30px); opacity: 1; } .pt-teambox-2 .pt-team-social ul li:nth-child(2) a { transition-delay: .1s; } .pt-teambox-2 .pt-team-social ul li:nth-child(3) a { transition-delay: .2s; } .pt-teambox-2 .pt-team-social ul li:nth-child(4) a { transition-delay: .3s; } .pt-teambox-2 .pt-team-social ul li:nth-child(5) a { transition-delay: .4s; } .pt-teambox-2 .pt-team-social ul li:nth-child(6) a { transition-delay: .5s; } /*================================================ Video Popup ================================================*/ .pt-popup-video-block .pt-video-icon a { margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-decoration: none; color: var(--primary-color); font-size: 28px; width: 90px; height: 90px; line-height: 90px; text-align: center; display: inline-block; background-color: var(--white-color); border-radius: 90%; -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite; } .pt-primary-videobg .pt-popup-video-block .pt-video-icon a { color: var(--white-color) ;background-color:var(--primary-color);-webkit-animation: rippleprimary 1s linear infinite; animation: rippleprimary 1s linear infinite; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2), 0 0 0 90px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2), 0 0 0 90px rgba(255, 255, 255, 0); } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2), 0 0 0 90px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2), 0 0 0 90px rgba(255, 255, 255, 0); } } .pt-video-icon a.primary { -webkit-animation: rippleprimary 1s linear infinite; animation: rippleprimary 1s linear infinite; } @-webkit-keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2); box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2), 0 0 0 90px rgba(255, 75, 52, 0); box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2), 0 0 0 90px rgba(255, 75, 52, 0); } } @keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2); box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2), 0 0 0 90px rgba(255, 75, 52, 0); box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 30px rgba(255, 75, 52, 0.2), 0 0 0 60px rgba(255, 75, 52, 0.2), 0 0 0 90px rgba(255, 75, 52, 0); } } .pt-video-icon a.blue { -webkit-animation: rippleblue 1s linear infinite; animation: rippleblue 1s linear infinite; } @-webkit-keyframes rippleblue { 0% { -webkit-box-shadow: 0 0 0 0 rgba(67, 78, 255, 0.2), 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2); box-shadow: 0 0 0 0 rgba(67, 78, 255, 0.2), 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2), 0 0 0 90px rgba(67, 78, 255, 0); box-shadow: 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2), 0 0 0 90px rgba(67, 78, 255, 0); } } @keyframes rippleblue { 0% { -webkit-box-shadow: 0 0 0 0 rgba(67, 78, 255, 0.2), 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2); box-shadow: 0 0 0 0 rgba(67, 78, 255, 0.2), 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2), 0 0 0 90px rgba(67, 78, 255, 0); box-shadow: 0 0 0 10px rgba(67, 78, 255, 0.2), 0 0 0 30px rgba(67, 78, 255, 0.2), 0 0 0 60px rgba(67, 78, 255, 0.2), 0 0 0 90px rgba(67, 78, 255, 0); } } /*=====style 2=====*/ .pt-popup-video-block-2 .pt-video-icon a { color: var(--dark-color); font-size: 26px; width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block; background-color: var(--white-color); border-radius: 90%; } /*================================================ Magnific Popup ================================================*/ .mfp-iframe-holder .mfp-close { text-align: center; padding: 0; width: 45px; height: 45px; line-height: 45px; background: var(--primary-color); display: inline-block; opacity: 1; outline: none; } /*================================================ Tabs ================================================*/ .pt-tabs-1 .nav-tabs { border: none; display: flex; } .pt-tabs-1 .nav-tabs .nav-item { background: var(--grey-color); padding: 30px; border: 2px solid var(--grey-color); margin-right: 30px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; flex: 1; } .pt-tabs-1 .nav-tabs .nav-item:last-child { margin-right: 0; } .pt-tabs-1 .nav-tabs .nav-item i { font-size: 62px; line-height: 70px; } .pt-tabs-1 .nav-tabs .nav-item span { display: inline-block; width: 100%; margin-top: 15px; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--dark-color); font-family: var(--title-fonts); } .pt-tabs-1 .nav-tabs .nav-item.active { background: var(--primary-color); color: var(--white-color); position: relative; } .pt-tabs-1 .nav-tabs .nav-item.active span { color: var(--white-color); } .pt-tabs-1 .nav-tabs .nav-item:nth-child(even) { background: var(--grey-color); color: var(--primary-color); } .pt-tabs-1 .nav-tabs .nav-item.active:nth-child(even) { background: var(--primary-color); color: var(--white-color); position: relative; } .pt-tabs-1 .nav-tabs .nav-item:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 75, 54, 0); border-top-color: var(--white-color); border-width: 15px; margin-left: -15px; opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-tabs-1 .nav-tabs .nav-item.active:after { opacity: 1; border-top-color: var(--primary-color); } .pt-tabs-1 .nav-tabs .nav-item.active:nth-child(even):after { opacity: 1; border-top-color: var(--primary-color); } /*=========*/ .pt-tabs-1 .tab-content { margin-top: 45px; } .pt-tabs-1 .tab-content .pt-tab-info h2 { font-size: 44px; line-height: 52px; margin-bottom: 5px; } .pt-tabs-1 .tab-content .pt-tab-info p { margin-bottom: 15px; } .pt-tabs-1 .tab-content .pt-tab-info ul { margin: -45px 0px 0px; padding: 0; } .pt-tabs-1 .tab-content .pt-tab-info ul li { list-style: none; margin: 0; padding: 10px 0 0; } .pt-tabs-1 .tab-content .pt-tab-info ul li:before { font-family: "Ionicons"; content: "\f382"; color: var(--primary-color); margin-right: 10px; } .pt-tabs-1 .tab-content .pt-tab-info .pt-button-block { margin: 30px 0 0; } @media(max-width:1365px) { .pt-tabs-1 .nav-tabs .nav-item { padding: 30px 15px; } } @media(max-width:1023px) { .pt-tabs-1 .tab-content .pt-tab-info h2 { font-size: 38px; line-height: 46px; } .pt-tabs-1 .tab-content .pt-tab-info { margin-top: 30px; } } @media(max-width:767px) { .pt-tabs-1 .nav-tabs .nav-item { padding: 15px; margin: 0 10px 10px 0; } .pt-tabs-1 .nav-tabs .nav-item i { font-size: 40px; line-height: 48px; } .pt-tabs-1 .nav-tabs .nav-item span { display: none; } .pt-tabs-1 .tab-content .pt-tab-info { text-align: center; } .pt-tabs-1 .tab-content .pt-tab-info h2 { font-size: 32px; line-height: 40px; } } @media(max-width:479px) { .pt-tabs-1 .nav-tabs .nav-item i { font-size: 30px; line-height: 38px; } } /*================================================ Testimonial ================================================*/ /*.pt-owl-testimonial-1*/ .pt-testimonial.pt-owl-testimonial-1 { background: var(--white-color); } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 { position: relative; background: var(--white-color); padding: 30px 0; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-info { display: flex; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-info .pt-testimonial-img { display: flex; align-items: flex-start; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-info .pt-testimonial-img img { width: 100px; height: 100px; display: inline-block; float: left; margin-right: 20px; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-info h5 { display: inline-block; float: left; width: 100%; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-info span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; margin-bottom: 5px; float: left; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-img .pt-testimonial-meta { flex: 1; align-self: center; text-align: left; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-img .pt-testimonial-meta .pt-testimonial-star { font-size: 12px; line-height: 20px; color: #FBBF37; display: inline-block; width: 100%; } .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-img .pt-testimonial-meta .pt-testimonial-star i { padding: 0 2px 0 0; } .pt-testimonial.pt-owl-testimonial-1 { position: relative; } .pt-testimonial.pt-owl-testimonial-1::before { content: ""; position: absolute; top: 0; left: 99%; width: 30%; height: 100%; display: inline-block; background: var(--white-color); -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pt-testimonial.pt-owl-testimonial-1::after { content: ""; position: absolute; top: 0; right: 99%; width: 1000%; height: 100%; display: inline-block; background: var(--white-color); } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-dots { position: absolute; padding: 0 20px; margin-top: 20px; line-height: normal; width: 100%; text-indent: inherit; cursor: pointer; } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: rgba(255, 255, 255, 0.6); display: inline-block; padding: 0; margin: 0 5px; height: 10px; width: 10px; border: none; outline: none; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; -webkit-: border-radius 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-dots .owl-dot.active { background-color: var(--white-color); } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-nav { position: absolute; margin-top: 20px; line-height: normal; width: 100%; text-indent: inherit; cursor: pointer; } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-nav .owl-prev { position: absolute; top: 6px; left: 0; } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-nav .owl-next { position: absolute; top: 6px; right: 79%; } .pt-testimonial.pt-owl-testimonial-1 .owl-carousel .owl-nav.disabled+.owl-dots { padding: 0; } @media(max-width:479px) { .pt-testimonial.pt-owl-testimonial-1 .pt-owl-testimonial-style-1 .pt-testimonial-info h5 { width: 100%; } } /*============= testimonial-2 =================*/ .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 { padding: 45px 30px; background-color: var(--white-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testmonial-media { display: flex; margin-bottom: 30px; align-items: center; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testmonial-media span { font-weight: 400; color: var(--primary-color); font-size: 14px; line-height: 22px; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testmonial-media img { width: 90px; height: 90px; margin-right: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testmonial-media .pt-testimonial-info span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testimonial-star { display: inline-block; } .pt-testimonial.pt-owl-testimonial-2 .pt-testimonial-meta .pt-testimonial-content p { margin-bottom: 15px; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testimonial-star i { font-size: 18px; line-height: 26px; color: #FBBF37; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-quote { float: right; margin-top: -25px; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-quote i { font-size: 82px; line-height: 90px; font-weight: 600; opacity: 0.1; color: var(--primary-color); } @media(max-width:479px) { .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 { text-align: center; padding: 30px; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testmonial-media img { margin: 0px auto 15px; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-testmonial-media { display: block; } .pt-testimonial.pt-owl-testimonial-2 .pt-owl-testimonial-style-2 .pt-quote { float: none; } } /*==============Testimonial-3=======================*/ .pt-testimonial-box.pt-owl-testimonial-style-3 { padding: 30px 45px; background-color: var(--white-color); border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); position: relative; text-align: center; } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testmonial-media { margin-bottom: 15px; } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testmonial-media img { width: 90px; height: 90px; display: inline-block; border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testimonial-info { margin-bottom: 15px; } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testimonial-info h5 { font-size: 24px; line-height: 32px; color: var(--dark-color); } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testimonial-info span { font-size: 16px; line-height: 24px; color: var(--primary-color); text-transform: uppercase; font-family: var(--title-fonts); font-weight: 400; } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testimonial-content p { color: var(--secondary-color); } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-testimonial-star { font-size: 14px; line-height: 22px; color: #FBBF37; } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-quote { position: absolute; border-radius: 10px 0; -moz-border-radius: 10px 0; border-radius: 10px 0; bottom: 0; right: 0; padding: 12px 28px; background: var(--primary-color); } .pt-testimonial-box.pt-owl-testimonial-style-3 .pt-quote i { font-size: 18px; line-height: 26px; color: var(--white-color); } .pt-owl-testimonial-3 .owl-stage-outer { overflow: visible; } .pt-owl-testimonial-3 .owl-item { opacity: 0; } .pt-owl-testimonial-3 .owl-item.active { opacity: 1; } /*==============Testimonial-4=======================*/ .pt-testimonial-box.pt-owl-testimonial-style-4{ text-align: center; padding: 0 60px; } .pt-owl-testimonial-style-4-back{ position: relative; } .pt-owl-testimonial-style-4-back:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60%; height: 100%; display: inline-block; background: var(--white-color); z-index: 1; } .pt-testimonial-box.pt-owl-testimonial-style-4 .pt-testimonial-meta .pt-quote{ display: inline-block; margin-bottom: 10px; opacity: 0.3; } .pt-testimonial-box.pt-owl-testimonial-style-4 .pt-testimonial-meta .pt-quote i{ font-size: 40px; line-height: 48px; color: var(--primary-color); } .pt-testimonial-box.pt-owl-testimonial-style-4 .pt-testmonial-media{ display: flex; justify-content: center; } .pt-testimonial-box.pt-owl-testimonial-style-4 .pt-testmonial-media img{ width: 60px; height: 60px; display: inline-block; float: left; margin-right: 15px; } .pt-testimonial-box.pt-owl-testimonial-style-4 .pt-testmonial-media .pt-testimonial-info{ text-align: left; align-self: center; } .pt-testimonial-box.pt-owl-testimonial-style-4 .pt-testimonial-info span{ font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; margin-bottom: 5px; float: left; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-4 .owl-nav .owl-prev{ position: absolute; left: 0; bottom: 165px; width: 30px; height: 30px; font-size: 15px; line-height: 22px; border: 0; background: var(--white-color); } .pt-testimonial.pt-owl-testimonial-4 .owl-nav .owl-next{ position: absolute; right: 0; bottom: 165px; width: 30px; height: 30px; font-size: 15px; line-height: 22px; border: 0; background: var(--white-color); } /*============= testimonial-5 =================*/ .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 { padding: 45px 30px; background-color: var(--white-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testmonial-media { display: flex; margin-bottom: 30px; align-items: center; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testmonial-media span { font-weight: 400; color: var(--primary-color); font-size: 14px; line-height: 22px; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testmonial-media img { width: 90px; height: 90px; margin-right: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testmonial-media .pt-testimonial-info span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; float: left; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testimonial-info{ width: 100%; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testimonial-star { display: inline-block; } .pt-testimonial.pt-owl-testimonial-5 .pt-testimonial-meta .pt-testimonial-content p { margin-bottom: 15px; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testimonial-star i { font-size: 18px; line-height: 26px; color: #FBBF37; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-quote { float: right; margin-top: -25px; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-quote i { font-size: 82px; line-height: 90px; font-weight: 600; opacity: 0.7; color: transparent; -webkit-text-stroke: 1px var(--grey-color); } @media(max-width:479px) { .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 { text-align: center; padding: 30px; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testmonial-media img { margin: 0px auto 15px; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-testmonial-media { display: block; } .pt-testimonial.pt-owl-testimonial-5 .pt-owl-testimonial-style-5 .pt-quote { float: none; } } /*============= testimonial-6 =================*/ .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 { padding: 45px 30px; background-color: var(--white-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media { display: flex; margin-bottom: 30px; align-items: center; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media-detail { margin-right: 15px; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media span { font-weight: 400; color: var(--primary-color); font-size: 14px; line-height: 22px; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media img { width: 90px; height: 90px; margin-right: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 50%; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media .pt-testimonial-info span { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; text-transform: uppercase; font-family: var(--title-fonts); } .pt-testimonial.pt-owl-testimonial-6 .pt-testimonial-meta .pt-testimonial-content p { margin-bottom: 15px; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-quote { float: right; margin-top: -25px; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-quote i { font-size: 22px; line-height: 45px; width: 45px; background: var(--grey-color); height: 45px; text-align: center; border-radius: 50%; font-weight: 600; position: relative; color: var(--primary-color); } @media(max-width:479px) { .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 { text-align: center; padding: 30px; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media img { margin: 0px auto 15px; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-testmonial-media { display: block; } .pt-testimonial.pt-owl-testimonial-6 .pt-owl-testimonial-style-6 .pt-quote { float: none; } } /*=========== Testimonial =========================*/ .pt-testimonialbox-1 { background: var(--white-color); padding: 30px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonialbox-1 .pt-testimonial-info { width: 80%; display: inline-block; } .pt-testimonialbox-1 .pt-testimonial-media { display: flex; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--grey-color); } .pt-testimonialbox-1 .pt-testimonial-media img { width: 100px; height: 100px; display: inline-block; float: left; margin-right: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-testimonialbox-1 .pt-testimonial-meta { flex: 1; align-self: center !important; text-align: left; } .pt-testimonialbox-1 .pt-testimonial-media .pt-testimonial-details { display: inline-block; text-align: right; } .pt-testimonialbox-1 .pt-testimonial-media .pt-testimonial-details span { display: none; } .pt-testimonialbox-1 .pt-testimonial-media .pt-testimonial-details .pt-quote i { font-size: 92px; line-height: 100px; font-weight: 600; opacity: 0.1; color: var(--primary-color); } .pt-testimonialbox-1 .pt-testimonial-content p { margin-bottom: 0; } .pt-testimonialbox-1 .pt-testimonial-meta .pt-testimonial-info h5 { font-size: 24px; } .pt-testimonialbox-1 .pt-testimonial-media .pt-testimonial-info span { font-weight: 600; font-size: 14px; line-height: 22px; color: var(--primary-color); display: inline-block; margin-bottom: 5px; text-transform: uppercase; } .pt-testimonialbox-1 .pt-testimonial-media .pt-testimonial-info p { margin-bottom: 0; line-height: 1; } .pt-testimonialbox-1 .pt-testimonial-info .pt-testimonial-star { font-size: 12px; line-height: 20px; color: #FBBF37; display: inline-block; width: 100%; } @media (max-width:767px) { .pt-testimonialbox-1 { padding: 15px; } .pt-testimonialbox-1 .pt-testimonial-info { width: 100%; display: block; } .pt-testimonialbox-1 .pt-testimonial-media { margin: 0 0 15px 0; padding: 0 0 15px 0; display: block; } .pt-testimonialbox-1 .pt-testimonial-media .pt-testimonial-details { width: 100%; display: inline-block; margin-top: 15px; text-align: left; } } /*================================================ Pricebox ================================================*/ /*===== Pricebox =====*/ .pt-pricebox .pt-pricebox-1 .text-center { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: var(--white-color); } .pt-pricebox-1.active .pt-price-detail { background: var(--primary-color); } .pt-pricebox-1 .pt-price-detail { position: relative; padding: 45px 30px; background: var(--dark-color); z-index: 9; color: var(--white-color); overflow: hidden; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .pt-pricebox-1 .pt-price-detail .pt-price-title { font-family: var(--title-fonts); display: inline-block; width: 100%; margin-bottom: 15px; letter-spacing: 1px; font-size: 18px; line-height: 26px; } .pt-pricebox-1 .pt-price-detail .price { color: var(--white-color); font-size: 60px; line-height: 68px; } .pt-pricebox-1 .pt-price-detail .pt-price-duration { color: var(--white-color); font-weight: normal; margin-bottom: 0; } .pt-pricebox-1 .pt-bg-effect { position: absolute; left: 0; bottom: 0; margin-bottom: 0 !important; z-index: -1; opacity: 0.3; } .pt-pricebox-1 .pt-list-info { margin: 0; padding: 30px; border: 2px solid var(--grey-color); border-top: 0; border-bottom: 0; } .pt-pricebox-1 .pt-list-info li { list-style: none; line-height: 45px; } .pt-pricebox-1 .pt-btn-container { border: 2px solid var(--grey-color); border-top: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .pt-pricebox-1 .pt-button { margin-bottom: 30px; } @media(max-width:767px) { .pt-pricebox-1 .pt-price-detail { padding: 30px 15px; } .pt-pricebox-1 .pt-price-detail .price { font-size: 48px; } .pt-pricebox-1 .pt-bg-effect { width: 135%; } } /*===== Pricebox 2 =====*/ .pt-pricebox-2 { position: relative; background: var(--white-color); text-align: center; -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); } .pt-pricebox-2 .pt-price-detail { margin: 0; padding-bottom: 30px; border-bottom: 1px solid #dddddd; } .pt-pricebox-2 .pt-price-detail .pt-price-title { position: relative; } .pt-pricebox-2 .pt-price-detail .pt-price-title:after { position: absolute; content: ''; height: 15px; width: 11px; background-color: var(--dark-color); right: -10px; top: 0; clip-path: polygon(0 0, 0% 100%, 100% 100%); } .pt-pricebox-2 .pt-price-detail .pt-price-title:before { position: absolute; content: ''; height: 15px; width: 10px; background-color: var(--dark-color); left: -10px; top: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%); } .pt-pricebox-2 .pt-list-content { padding: 30px; } .pt-pricebox-2 .pt-button:hover { background: var(--dark-color); color: var(--white-color); } .pt-pricebox-2 .pt-button-block { text-align: center; } .pt-pricebox-2 .pt-list-content .pt-list-info { padding: 0 25px; margin: 0 0 30px 0 } .pt-pricebox-2 .pt-price-title { font-family: var(--title-fonts); color: var(--white-color); background: var(--dark-color); font-weight: 600; font-size: 20px; line-height: 28px; display: inline-block; padding: 15px 30px; margin-top: -15px; text-transform: uppercase; } .pt-pricebox-2 .pt-service-media { margin: 30px 0 15px; color: var(--primary-color); line-height: 80px; font-size: 72px; text-align: center; } .pt-pricebox-2 .price { font-size: 40px; line-height: 48px; color: var(--dark-color) } .pt-pricebox-2 .pt-price-package { position: relative; color: var(--primary-color); font-family: var(--title-fonts); } .pt-pricebox-2 .price span { font-size: 16px; font-family: var(--body-fonts); color: var(--secondary-color); font-weight: 400; margin-left: 5px; } .pt-pricebox-2 .pt-list-info li { list-style: none; line-height: 45px; } .pt-pricebox-2.active .pt-price-detail .pt-price-title:after { background-color: var(--primary-color); } .pt-pricebox-2.active .pt-price-detail .pt-price-title:before { background-color: var(--primary-color); } .pt-pricebox-2.active .pt-price-title { background-color: var(--primary-color); } .pt-pricebox-2 .pt-button { background: var(--primary-color); color: var(--white-color); text-align: center; } @media(max-width:479px) { .pt-pricebox-2 .pt-price-detail { margin: 0 15px; } } /*===== Pricebox 3 =====*/ .pt-pricebox.pt-pricebox-3 { background: var(--white-color); border-top: 2px solid var(--white-color); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 50px 0px 50px 0px; border-radius: 5px; } .pt-pricebox.pt-pricebox-3 .pt-price-title span { text-transform: uppercase; background-color: var(--grey-color); display: inline-block; padding: 12px 30px; border-radius: 50px; margin-bottom: 20px; font-size: 16px; line-height: 24px; font-family: var(--title-fonts); } .pt-pricebox.pt-pricebox-3 .pt-price { display: inline-block; width: 100%; } .pt-pricebox.pt-pricebox-3 .pt-price h2 { font-size: 62px; line-height: 70px; color: var(--dark-color); font-weight: 600; } .pt-pricebox.pt-pricebox-3 .pt-price-package { color: var(--dark-color); font-weight: 600; font-family: var(--title-fonts); } .pt-pricebox.pt-pricebox-3 .pt-list-content { padding: 30px 0 0 0; } .pt-pricebox.pt-pricebox-3 .pt-list-content .pt-list-info { padding: 0 25px; } .pt-pricebox.pt-pricebox-3 .pt-list-info li { list-style: none; font-size: 16px; line-height: 24px; padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid var(--grey-color); } .pt-pricebox.pt-pricebox-3 .pt-list-info li:last-child { border-bottom: none; padding-bottom: 0; } .pt-pricebox.pt-pricebox-3.active .pt-price h2 { color: var(--primary-color); } .pt-pricebox.pt-pricebox-3.active { border-top: 2px solid var(--primary-color); } .pt-pricebox.pt-pricebox-3.active .pt-price-title span { background-color: var(--primary-color); color: var(--white-color); } .pt-pricebox.pt-pricebox-3 .pt-btn-container { text-align: center; margin-top: 30px; } /*===== Pricebox 4 =====*/ .pt-pricebox-4 { position: relative; text-align: center; background: var(--white-color); padding: 30px 45px; -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); } .pt-pricebox-4 .pt-price-label { color: var(--white-color); background: var(--primary-color); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 26px; right: -15px; padding: 5px 20px; border: 0; font-size: 16px; line-height: 24px; display: block; font-family: var(--body-fonts); clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0 42%, 0% 0%); opacity: 0; } .pt-pricebox-4.active .pt-price-label { opacity: 1; } .pt-pricebox.pt-pricebox-4 .pt-btn-container .pt-button-block .pt-button { width: 100%; } .pt-pricebox-4 .pt-price-detail .pt-price-title { font-family: var(--title-fonts); color: var(--dark-color); font-weight: 600; font-size: 24px; line-height: 32px; display: inline-block; width: 100%; text-transform: capitalize; } .pt-pricebox-4 .pt-price-detail { border-bottom: 1px solid #b39b9b; padding-bottom: 30px; } .pt-pricebox-4 .pt-price-detail .pt-service-media { margin: 15px 0 15px; color: var(--primary-color); line-height: 78px; font-size: 70px; text-align: center; } .pt-pricebox-4 .pt-button-block a:hover { color: var(--white-color); } .pt-pricebox-4 .pt-price-detail .pt-price-duration { margin-bottom: 20px; } .pt-pricebox-4 .pt-list-info { padding: 0 25px; margin: 30px 0 30px 0; } .pt-pricebox-4 .pt-btn-container { display: inline-block; } .pt-pricebox-4 .pt-list-info li { list-style: none; line-height: 45px; } .pt-pricebox-4 .pt-button-block { text-align: center; } .pt-pricebox-4 .pt-button-block a { color: var(--white-color); } .pt-pricebox-4 .pt-price-detail .pt-price-tab .price { display: inline-block; } .pt-pricebox-4 .pt-price-detail .pt-price-tab .price-month { display: inline-block; padding: 0 0 0 5px; } .pt-pricebox-4 .pt-price-detail .pt-price-tab .price-month { font-weight: 600; font-size: 14px; line-height: 22px; display: inline-block; position: relative; } .pt-pricebox-4 .pt-price-detail .pt-price-tab .price-month:before { content: '/'; position: absolute; left: -2px; top: 0; font-size: 14px; line-height: normal; color: var(--secondary-color); } /*===== Pricebox 5 =====*/ .pt-pricebox.pt-pricebox-5{ background: var(--white-color); border-top: 2px solid var(--white-color); padding: 50px 30px 50px 30px; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); } .pt-pricebox.pt-pricebox-5 .pt-price-detail>span{ font-family: var(--title-fonts); font-weight: 600; font-size: 24px; line-height: 32px; color: var(--dark-color); display: inline-block; margin-bottom: 20px; } .pt-pricebox.pt-pricebox-5 .pt-price-media{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d6cecc; } .pt-pricebox.pt-pricebox-5 .pt-price-media .price{ font-size: 36px; line-height: 44px; color: var(--primary-color); } .pt-pricebox.pt-pricebox-5 .pt-price-media .price .pt-price-duration{ font-weight: 400; font-size: 14px; line-height: 22px; color: var(--dark-color); margin-top: 5px; text-transform: uppercase; font-family: var(--title-fonts); display: block; } .pt-pricebox.pt-pricebox-5 .pt-service-media{ padding: 15px; background: var(--grey-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-pricebox.pt-pricebox-5 .pt-service-media i{ font-size: 62px; line-height: 70px; color: var(--primary-color); } .pt-pricebox.pt-pricebox-5 .pt-list-info{ margin: 0px; padding: 0px; } .pt-pricebox.pt-pricebox-5 .pt-list-info li{ list-style: none; padding: 0; text-align: left; margin: 10px 0px 0 0px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt-pricebox.pt-pricebox-5 .pt-list-info li i{ color: var(--primary-color); margin-right: 5px; } .pt-pricebox.pt-pricebox-5 .pt-btn-container{ margin-top: 30px; color: var(--white-color); } /*================================================ Progressbar ================================================*/ .pt-progressbar-style-1 .pt-progressbar-content { margin-bottom: 30px; display: inline-block; float: left; width: 100%; } .pt-progressbar-style-1 .pt-progressbar-content:last-child { margin-bottom: 0; } .pt-progressbar-style-1 .progress-title { margin: 0; font-size: 20px; line-height: 28px; font-family: var(--title-fonts); color: var(--dark-color); font-weight: 700; } .pt-progressbar-style-1 .progress-value { color: var(--dark-color); margin: 0; float: right; font-size: 20px; line-height: 28px; font-weight: 800; } .pt-progressbar-style-1 .pt-progress-bar { display: inline-block; width: 100%; padding: 0; background: var(--grey-color); float: left; margin-top: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-progressbar-style-1 .pt-progress-bar span { height: 5px; display: inline-block; background: var(--primary-color); float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*================================================ Circle-progress ================================================*/ .pt-circle-progress.pt-circle-progress-1 { text-align: center; position: relative; display: inline-block; width: 100%; } .pt-circle-progress-1 .pt-progress-count { color: var(--primary-color); position: absolute; top: 32%; left: 50%; display: inline-block; font-family: var(--title-fonts); font-size: 40px; font-weight: 800; line-height: 48px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pt-circle-progress-1 .pt-progress-details { margin: 15px 0 0 0; color: var(--white-color); display: inline-block; width: 100%; } /*===== Circle Progress 2 =====*/ .pt-progressbar-style-2 .pt-progressbar-content { margin-bottom: 30px; display: inline-block; float: left; width: 100%; } .pt-progressbar-style-2 .pt-progressbar-content:last-child { margin-bottom: 0; } .pt-progressbar-style-2 .progress-title { margin: 0; font-size: 20px; line-height: 28px; font-family: var(--title-fonts); color: var(--dark-color); font-weight: 600; } .pt-progressbar-style-2 .progress-value { font-family: var(--title-fonts); color: var(--primary-color); margin: 0; float: right; font-size: 16px; line-height: 24px; font-weight: 600; } .pt-progressbar-style-2 .pt-progress-bar { display: inline-block; width: 100%; padding: 0; background: var(--grey-color); float: left; margin-top: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-progressbar-style-2 .pt-progress-bar span { height: 5px; display: inline-block; background: var(--primary-color); float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*================================================ Client ================================================*/ .pt-clientbox-1 .pt-client-img { position: relative; display: block; width: auto; margin: 0 auto; -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease } .pt-clientbox-1 a:hover .pt-client-img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%) } .pt-clientbox-1 a:hover .pt-client-hover-img { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0) } .pt-clientbox-1 .pt-client-hover-img { position: absolute; top: 0; left: 50%; width: auto; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease } /*================== client-grid ============================*/ .pt-client-grid { margin: 0 0 45px 0; position: relative; overflow: hidden; display: inline-block; width: 100%; } .pt-client-grid .pt-client-img { position: relative; opacity: 0.2; display: block; width: auto; margin: 0 auto; -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease } .pt-client-grid a:hover .pt-client-img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%) } .pt-client-grid .pt-client-hover-img { position: absolute; top: 0; left: 50%; width: auto; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease } .pt-client-grid a:hover .pt-client-hover-img { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0) } @media(max-width:1024px) { .side-cover { position: relative; } .side-cover:before { content: ""; position: absolute; top: 0; left: 99%; width: 30%; height: 100%; display: inline-block; background: var(--primary-color); } } /*================================================ Advance Tab ================================================*/ .pt-advance-tab { display: inline-block; text-align: center; width: 100%; } .pt-advance-tab .nav-tabs { background: var(--grey-color); border: none; display: inline-block; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-advance-tab .nav-tabs .pt-tabs.nav-link { margin: 0; line-height: 2; display: inline-block; color: var(--dark-color); padding: 12px 45px; text-align: center; border: none; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-advance-tab .nav-tabs .pt-tabs.nav-link.active { background: var(--primary-color); color: var(--white-color); } .pt-advance-tab .tab-content { margin: 45px 0 0; } /*================================================ Counter ================================================*/ .pt-counterbox-1 { display: flex; -ms-flex-pack: center !important; justify-content: center !important; } .pt-counterbox-1 .pt-counter-media { font-size: 72px; line-height: 80px; color: var(--white-color); margin-right: 30px; } .pt-counterbox-1 .pt-counter-info .pt-counter-num-prefix { display: flex; } .pt-counterbox-1 .pt-counter-info .timer { color: var(--white-color); font-size: 40px; line-height: 48px; font-weight: 600; } .pt-counterbox-1 .pt-counter-info .pt-counter-prefix { color: var(--white-color); font-size: 40px; line-height: 48px; font-weight: 600; margin-left: 5px; } .pt-counterbox-1 .pt-counter-description { margin: 0; color: var(--white-color); display: inline-block; width: 100%; float: left; font-size: 14px; line-height: 22px; text-transform: uppercase; } /*=======================Counter style 2 =========================*/ .pt-counterbox-2 { display: flex; -ms-flex-pack: center !important; justify-content: center !important; } .pt-counterbox-2 .pt-counter-media { font-size: 72px; line-height: 80px; color: var(--white-color); margin-right: 30px; } .pt-counterbox-2 .pt-counter-info .pt-counter-num-prefix { display: flex; } .pt-counterbox-2 .pt-counter-info .timer { color: var(--white-color); font-size: 40px; line-height: 48px; font-weight: 600; } .pt-counterbox-2 .pt-counter-info .pt-counter-prefix { color: var(--white-color); font-size: 40px; line-height: 48px; font-weight: 600; margin-left: 5px; } .pt-counterbox-2 .pt-counter-title { color: var(--white-color); margin-top: 10px; margin-bottom: 5px; } .pt-counterbox-2 .pt-counter-description { margin: 0; color: var(--white-color); display: inline-block; width: 100%; float: left; font-size: 14px; line-height: 22px; text-transform: uppercase; } /* =========================countertwo=================== */ .countertwo { padding: 8px 8px 8px 8px; border: 2px solid var(--primary-color); border-radius: 5px; } /*================================================ banner ================================================*/ .banner-text span { color: var(--primary-color); } /*================================================ Process Step ================================================*/ .pt-process-1 { text-align: center; padding: 0 15px; display: inline-block; } .pt-process-1 .pt-process-icon { display: inline-block; position: relative; -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -moz-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -webkit-border-radius: 700px; -moz-border-radius: 700px; border-radius: 700px; } .pt-process-1 .pt-process-icon i { color: var(--primary-color); height: 135px; width: 135px; line-height: 135px; font-size: 52px; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .pt-process-1 .pt-process-icon img { height: 150px; width: 150px; line-height: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-process-1 .pt-process-icon.img .pt-process-number { position: absolute; top: 0; right: 0; } .pt-process-1 .pt-process-icon .pt-process-number { position: absolute; right: 0; border-radius: 999px; background: var(--dark-color); font-size: 18px; color: var(--white-color); height: 45px; width: 45px; text-align: center; line-height: 45px; } .pt-process-1 .pt-process-icon .pt-process-number { bottom: 0; top: auto; } .pt-process-1 .pt-process-info { display: inline-block; width: 100%; margin-top: 30px; } .pt-process-1 .pt-process-info p { margin-top: 5px; margin-bottom: 0; } .pt-process-1 .pt-button { display: none; } .pt-process-1 .pt-before-img { position: absolute; top: 50%; right: -25%; margin-top: -85px; height: 37px; } @media(max-width:979px) { .pt-process-1 .pt-before-img { display: none } } /*--------*/ .pt-process-2 { text-align: center; padding: 0 15px; display: inline-block; } .pt-process-2 .pt-process-icon { display: inline-block; position: relative; -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -moz-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -webkit-border-radius: 700px; -moz-border-radius: 700px; border-radius: 700px; } .pt-process-2 .pt-process-icon i { color: var(--primary-color); height: 135px; width: 135px; line-height: 135px; font-size: 52px; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .pt-process-2 .pt-process-icon img { height: 150px; width: 150px; line-height: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-process-2 .pt-process-icon .pt-process-number { position: absolute; right: 0; border-radius: 999px; background: var(--dark-color); font-size: 18px; color: var(--white-color); height: 45px; width: 45px; text-align: center; line-height: 45px; } .pt-process-2 .pt-process-icon .pt-process-number { top: 0; bottom: auto; } .pt-process-2 .pt-process-info { display: inline-block; width: 100%; margin-top: 30px; } .pt-process-2 .pt-process-info p { margin-top: 5px; margin-bottom: 0; } .pt-process-2 .pt-button { display: none; } .pt-process-2 .pt-before-img { position: absolute; top: 50%; right: -25%; margin-top: -85px; height: 37px; } @media(max-width:979px) { .pt-process-2 .pt-before-img { display: none } } .pt-process-3 { text-align: center; padding: 0 15px; display: inline-block; } .pt-process-3 .pt-process-icon { display: inline-block; position: relative; border: 15px solid var(--grey-color); background: var(--white-color); -webkit-border-radius: 700px; -moz-border-radius: 700px; border-radius: 700px; } .pt-process-3 .pt-process-icon i { color: var(--primary-color); height: 135px; width: 135px; line-height: 135px; font-size: 52px; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .pt-process-3 .pt-process-info { display: inline-block; width: 100%; margin-top: 30px; position: relative; } .pt-process-3 .pt-process-info:after { content: ""; background: var(--grey-color); width: 2px; height: 100%; position: absolute; right: -30px; top: 0; } .pt-process-3 .pt-process-number { color: var(--primary-color); text-transform: uppercase; } .pt-process-3 .pt-process-info p { margin-top: 5px; margin-bottom: 0; } .pt-process-3 .pt-button { display: none; } @media(max-width: 1024px){ .pt-process-3 .pt-process-info:after{ display: none; } } .pt-process-4 { text-align: center; padding: 0 15px; position: relative; } .pt-process-4 .pt-process-icon { display: inline-block; position: relative; -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -moz-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-process-4 .pt-process-icon i { color: var(--primary-color); height: 135px; width: 135px; line-height: 135px; font-size: 52px; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .pt-process-4 .pt-process-icon img { height: 150px; width: 150px; line-height: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-process-4 .pt-process-icon .pt-process-number { position: absolute; right: -20px; top: -20px; border-radius: 999px; background: var(--dark-color); font-size: 18px; color: var(--white-color); height: 45px; width: 45px; text-align: center; line-height: 45px; } .pt-process-4 .pt-process-info { display: inline-block; width: 100%; margin-top: 30px; } .pt-process-4 .pt-process-info p { margin-top: 5px; margin-bottom: 0; } .pt-process-4 .pt-button { display: none; } .pt-process-4:after { content: ""; position: absolute; top: 25%; left: 80%; width: 50%; border-bottom: 2px dashed var(--dark-color); } .pt-process-before-none .pt-process-step.pt-process-4:after{ display: none; } @media(max-width:1024px) { .pt-process-step.pt-process-4:after { display: none } } /*================================================ Swiper Pagination ================================================*/ .swiper-container .swiper-pagination { position: relative; margin: 30px 0 0; bottom: 0; } .swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: var(--dark-color); width: 10px; height: 10px; } .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: var(--primary-color); } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } /*================================================ From ================================================*/ .wpcf7-form input[type="text"], .wpcf7-form textarea, .wpcf7 input[type="email"] { margin-bottom: 30px; background-color: var(--grey-color); } .pt-form .wpcf7-form input[type="text"], .pt-form .wpcf7-form textarea, .pt-form .wpcf7 input[type="email"] { margin-bottom: 20px; background-color: var(--white-color); border-color: var(--white-color); } .pt-form input.wpcf7-form-control.wpcf7-submit { width: 100%; } .pt-free-seo .wpcf7-form-control.wpcf7-text, .pt-free-seo .wpcf7-form-control.wpcf7-textarea { margin-bottom: 20px; background: var(--grey-color); border-color: var(--white-color); } /*================================================ FAQ ================================================*/ .pt-accordion-block .pt-accordion-box { background: var(--white-color); margin-bottom: 30px; position: relative; } .pt-accordion-block .pt-accordion-box:last-child { margin-bottom: 0; } .pt-accordion-block .pt-accordion-box .pt-ad-title { background: var(--grey-color); border: 1px solid var(--grey-color); padding: 15px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-accordion-block .pt-accordion-box .pt-ad-title .ad-title-text { font-size: 24px; line-height: 32px; } .pt-accordion-block .pt-accordion-box .pt-ad-title i { position: absolute; top: 20px; right: 30px; opacity: 1; color: var(--dark-color); } .pt-accordion-block .pt-accordion-box .pt-ad-title i.inactive { opacity: 0; } .pt-accordion-block .pt-accordion-box.pt-active .pt-ad-title i { position: absolute; top: 20px; right: 30px; opacity: 0; color: var(--dark-color); } .pt-accordion-block .pt-accordion-box.pt-active .pt-ad-title i.inactive { opacity: 1; } .pt-accordion-block .pt-accordion-box.pt-active .pt-ad-title i { color: var(--white-color); } .pt-accordion-block .pt-accordion-box .pt-accordion-details { padding: 15px 30px; border: 1px solid var(--grey-color); border-top: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pt-accordion-block .pt-accordion-box .pt-accordion-details p { margin-bottom: 0; } .pt-accordion-block .pt-accordion-box.pt-active .pt-ad-title { background: var(--primary-color); border: 1px solid var(--primary-color); -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pt-accordion-block .pt-accordion-box.pt-active .pt-ad-title .ad-title-text { color: var(--white-color); } @media(max-width:767px) { .pt-accordion-block .pt-accordion-box .pt-ad-title .ad-title-text { font-size: 16px; } } /*================================================ Awardbox ================================================*/ .pt-awardbox-1 { text-align: center; } .pt-awardbox-1 .pt-award-title { font-family: var(--title-fonts); font-weight: 600; color: var(--dark-color); display: block; margin-top: 15px; font-size: 20px; line-height: 28px; } /*=============== landing =================*/ .pt-landing-img .elementor-image-box-img img { box-shadow: 0px 9px 30px 0px rgba(9, 17, 74, 0.1); } .page-id-8082 footer#pt-footer { display: none; } /*==================.pt-left-cover ==========================*/ .pt-left-cover { position: relative; } .pt-left-cover:after { content: ""; position: absolute; top: 0; right: 100%; width: 100%; height: 100%; display: inline-block; background: var(--primary-color); } /* ===================== py-toolbox-home-2 ============================= */ .pt-toolbox { position: relative; } .pt-toolbox:before { content: ''; height: 14px; width: 14px; left: 0; right: 0; margin: auto; bottom: -6px; background-color: var(--white-color); position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); box-shadow: 0px 0px 10px 0px rgb(0 22 71 / 10%); } /*======================================================= pt-bottom-border ======================================================= */ .pt-bottom-border { position: relative; } .pt-bottom:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 25.2%; display: inline-block; background: var(--dark-color); } @media(max-width:1365px) { .pt-bottom:before { height: 12.7%; } } @media(max-width:479px) { .pt-bottom:before { height: 24.8%; } } /*======================================================= widget ======================================================= */ .widget.widget-port { background: var(--grey-color); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: none; } .widget.widget-port .page-title { margin: 0 0 20px 0; } .widget.widget-port .menu li { margin: 0 0 10px 0; } .widget.widget-port .menu li:last-child { margin-bottom: 0; } .widget.widget-port .menu li a { position: relative; background-color: var(--white-color); padding: 15px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .widget.widget-port .menu li.current_page_item a { background: var(--primary-color); color: var(--white-color); } .widget.widget-port:nth-last-child(even) { padding: 0 !important; border: unset; } .widget.widget-port .menu li>a:before { position: absolute; content: '\f054'; font-family: "Font Awesome 5 Free"; font-size: 12px; right: 24px; left: auto; top: 24px; color: inherit; line-height: normal; font-weight: 600; } .mfp-iframe-holder .mfp-close { text-align: center; padding: 0; width: 45px; height: 45px; line-height: 45px; background: var(--primary-color); display: inline-block; opacity: 1; outline: none; } /*================================================ OWL Carousel ================================================*/ .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-nav { position: relative; cursor: pointer; z-index: 99; margin-top: 30px; text-align: center; } .owl-carousel .owl-nav button.owl-prev { outline: none; text-align: center; text-indent: inherit; cursor: pointer; position: relative; font-size: 28px; line-height: 1; padding: 0 !important; margin: 0 10px; background: transparent; height: 60px; border: 2px solid var(--dark-color); width: 60px; line-height: 60px; color: var(--dark-color) !important; } .owl-carousel .owl-nav button.owl-next { outline: none; text-align: center; text-indent: inherit; cursor: pointer; position: relative; font-size: 28px; line-height: 1; padding: 0 !important; margin: 0 10px; background: transparent; height: 60px; border: 2px solid var(--dark-color); width: 60px; line-height: 60px; color: var(--dark-color) !important; } .owl-carousel .owl-nav button:hover { background: transparent; border: 2px solid var(--primary-color); color: var(--primary-color) !important; } /* Dots */ .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-dots { margin-top: 30px; line-height: normal; position: relative; width: 100%; /* display: inline-block; */ text-indent: inherit; text-align: center; cursor: pointer; } .owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: var(--dark-color); display: inline-block; padding: 0; margin: 0px 5px; height: 10px; width: 10px; border: none; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; } .owl-carousel .owl-dots .owl-dot span { display: none; } .owl-carousel .owl-dots .owl-dot:hover { background: var(--primary-color); } .owl-carousel .owl-dots .owl-dot.active { background: var(--primary-color); } /*================================================ Background images ===============================================*/ .pt_background_list_wrapper { position: relative; width: 100%; overflow: hidden; display: flex; } .pt_background_list_column { min-height: 100vh } .pt_background_list_wrapper .pt_background_list_column { min-height: 650px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; position: relative; z-index: 2; background: rgba(24, 24, 24, 0.4); } .pt_background_list_wrapper .pt_background_list_column .pt_background_list_info { position: absolute; top: 40%; left: 15%; right: 15%; text-align: center; } .pt_background_list_wrapper .pt_background_list_column .pt_background_list_info .pt_background_list_title { padding: 15px; border: 1px solid var(--grey-color); } .pt_background_list_wrapper .pt_background_list_column .pt_background_list_info .pt_background_list_title .pt-fancy-media i { font-size: 72px; line-height: 80px; color: var(--primary-color); } .pt_background_list_wrapper .pt_background_list_column.last { border-right: 0 } .pt_background_list_wrapper .pt_background_list_column .pt_background_list_title .title { color: var(--white-color); } .pt_background_list_wrapper .pt_background_list_column .pt_background_list_link { position: absolute; bottom: 45px; left: 60px; opacity: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pt_background_list_wrapper .pt_background_list_column.hover .pt_background_list_link { opacity: 1; left: 30px; } .pt_background_list_wrapper .pt_background_list_overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; overflow: hidden; opacity: 0.5; } .pt_background_list_wrapper .pt_background_list_overlay { visibility: hidden; opacity: 0; transition: all 1s } .pt_background_list_wrapper .pt_background_list_overlay.hover { opacity: 1; visibility: visible; -ms-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05) } .pt_background_list_wrapper .pt_background_list_overlay img { width: 100% !important; height: 100% !important; object-fit: cover } .pt_background_list_wrapper .pt_background_list_column:hover .pt_background_list_overlay, .pt_background_list_wrapper .pt_background_list_column.hover .pt_background_list_overlay { max-height: 100%; opacity: 1; overflow: visible } @media(max-width:1023px) { .pt_background_list_wrapper .pt_background_list_column { padding: 30px 15px; } .pt_background_list_wrapper .pt_background_list_column .pt_background_list_link { position: absolute; bottom: 30px; left: 60px; } .pt_background_list_wrapper .pt_background_list_column.hover .pt_background_list_link { opacity: 1; left: 15px; } } @media(max-width:1023px) { .pt_background_list_wrapper { display: block; } .pt_background_list_wrapper .pt_background_list_column { padding: 60px 15px 75px; flex: 0 0 100%; max-width: 100%; min-height: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-right: none; } } /*================================================ Small Title ===============================================*/ .small-title .pt-section-title-1.text-center { padding: 0; margin-bottom: 15px; } .small-title .pt-section-title-1 .pt-section-title { font-size: 40px; line-height: 48px; } /*================================================ image-slider ===============================================*/ .image-slider img { transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; } .image-slider:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .image-slider-content .image-slider-title a { font-size: 18px; line-height: 26px; padding: 0 20px; margin-top: 20px; display: block; color: var(--dark-color); text-transform: capitalize; } .image-slider:hover .image-slider-content .image-slider-title a { color: var(--primary-color); } .circle--slider .animate-more .middel-title { font-size: 32px; line-height: 40px; text-transform: uppercase; } /*================================================ Intro css ===============================================*/ .page-id-13272 .pt-footer-style-1 { display: none; } .page-id-13272 footer#pt-footer.style-1 { margin-top: 0px; } .intro-img .elementor-image-box-img img { -webkit-box-shadow: 10px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 10px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 10px 0px 30px 0px rgba(21, 21, 21, 0.1); } .intro-features .elementor-image-box-img { width: 120px !important; height: 120px; line-height: 120px; background: var(--white-color); border-radius: 900px; -webkit-box-shadow: 10px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 10px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 10px 0px 30px 0px rgba(21, 21, 21, 0.1); } .intro-features .elementor-image-box-img img { width: 60px; } /*+++++++ left and right side boxes css +++++++++*/ .pt-right-border { position: relative; } .pt-right-border:before { content: ""; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; display: inline-block; background: var(--grey-color); } .pt-right-bg { position: relative; } .pt-right-bg:before { content: ""; position: absolute; left: 35%; top: 0; width: 100%; height: 100%; display: inline-block; background: var(--dark-color); } .pt-primary-left{ position: relative; } .pt-primary-left::before { content: ""; position: absolute; background-color: var(--primary-color); width: 43%; height: 100%; top: 0; left: -15%; } .pt-left-img-border{position: relative;} /*.pt-left-img-border:before { content: ""; position: absolute; left: 50%; top: -70px; left: -30px; width: 80%; height: 100%; display: inline-block; background: var(--primary-color); } */ .pt-left-img-border:before { content: ""; position: absolute; right: 25%; top: -70px; width: 1000%; height: 100%; display: inline-block; background: var(--primary-color); } .pt-right-greybg { position: relative; } .pt-right-greybg:before { content: ""; position: absolute; left: 100%; top: 0; width: 50%; height: 100%; display: inline-block; background: var(--grey-color); } .pt-primary-leftbg{ position: relative; } .pt-primary-leftbg::before { content: ""; position: absolute; background-color: var(--primary-color); width: 49%; height: 100%; top: 0; left: -15%; } @media(max-width: 1680px){ .pt-primary-leftbg::before { width: 46%;} } @media(max-width:1499px) { .pt-primary-left::before { width: 24%; } .pt-primary-leftbg::before { width: 40%;} } @media(max-width:1190px) { .pt-primary-left::before { content: ""; display: none; } } @media(max-width:1024px) { .pt-right-bg::before { content: ""; display: none; } .pt-left-img-border:before { content: ""; display: none; } .pt-primary-leftbg:before{ content: ""; display: none; } } .pt-service-box.pt-service-box-5 { padding: 30px; background: var(--white-color); text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; } .pt-service-box.pt-service-box-5:hover{ background: var(--dark-color); } .pt-service-box.pt-service-box-5:hover .pt-service-icon i, .pt-service-box.pt-service-box-5:hover h5{ color: var(--white-color); } .pt-service-box.pt-service-box-5 .pt-service-icon { margin-bottom: 15px; } .pt-service-box.pt-service-box-5 .pt-service-icon i{ font-size: 62px; line-height: 70px; color: var(--primary-color); } .pt-service-box.pt-service-box-5 .pt-service-icon h5{ color: var(--dark-color); } .pt-applyform { background: var(--white-color); padding:30px; } .pt-applyform textarea { height: 130px; } .pt-applyform select, .pt-applyform select.form-control { border: 1px solid var(--grey-color); color: var(--secondary-color); background-color: var(--grey-color); margin-bottom: 30px; } .pt-requestform textarea { height: 130px; } .pt-requestform select, .pt-requestform select.form-control { margin-bottom: 30px; } .pt-pricebox-6{ text-align: center; background: var(--white-color); border-top: 2px solid var(--white-color); padding:45px; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); } .pt-pricebox-6 .pt-price-media { position: relative; } .pt-pricebox-6 .pt-service-media { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; display: inline-flex; flex-wrap: wrap; position: absolute; top: -47px; left: -47px; background-color: var(--primary-color); width: 100px; height: 100px; clip-path: polygon(100% 0,0% 0%,0 100%); border-radius: 5px 0 0; } .pt-pricebox-6 .pt-price-media .pt-service-media i { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; display: inline-flex; font-size: 32px; color: #fff; margin: 14px 0 0 14px; } .pt-pricebox-6 .pt-price-detail .pt-price-title { font-family: var(--title-fonts); display: inline-block; width: 100%; margin-bottom: 15px; letter-spacing: 1px; font-size: 18px; line-height: 26px; color: var(--primary-color); } .pt-pricebox-6 .price-amount{ font-size: 60px; line-height: 68px; } .pt-pricebox-6 .price-duration { font-size: 16px; line-height: 24px; margin-left: -15px; } .pt-pricebox-6 .price-dollar { font-size: 16px; line-height: 24px;} .pt-pricebox-6 .pt-list-info { margin: 0; padding: 0; padding-bottom: 30px; } .pt-pricebox-6 .pt-list-info li { list-style: none; margin: 0; padding: 10px 0; text-align: left; } .pt-pricebox-6 .pt-list-info li.active i { color: var(--primary-color); } .pt-pricebox-6 .pt-list-info li.active span { opacity: 0.8; } .pt-pricebox-6 .pt-list-info li i { float: right; color: var(--dark-color); } .pt-pricebox-6 .pt-list-info li:first-child { margin: 0; padding-top: 0; } .pt-pricebox-6 .pt-price-detail { border-bottom: 1px solid #d6cecc; margin-bottom: 30px; } .pt-counterbox-2:after { content: ""; width: 15px; height: 15px; top: 0; right: -22px; position: absolute; border-radius: 50%; background: #ffff; } .pt-counterbox-2:before { content: ""; width: 1px; background: #fff; position: absolute; top: 0; right: -15px; height: 100%; } .pt-counter-before-none .pt-counterbox-2:before {display: none;} .pt-counter-before-none .pt-counterbox-2:after{ display: none; } @media(max-width: 1024px){ .pt-counterbox-2:before{ display: none;} .pt-counterbox-2:after{ display: none;} } .pt-pricebox-7{ text-align: center; background: var(--white-color); border-top: 2px solid var(--white-color); padding:45px; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 10%); } .pt-pricebox-7 .pt-price-title { font-family: var(--title-fonts); display: inline-block; width: 100%; margin-bottom: 15px; letter-spacing: 1px; font-size: 24px; line-height: 32px; font-weight: 600; color: var(--dark-color); } .pt-pricebox-7 .pt-price-detail { border-bottom: 1px solid #e5e7e9; } .pt-pricebox-7 .price { padding-bottom: 15px; } .pt-pricebox-7 .pt-price-duration { padding: 10px 20px; color: var(--white-color); background: var(--dark-color); position: relative; top: 15px; } .pt-pricebox-7 .pt-price-duration .price { margin-bottom: 20px; } .pt-pricebox-7 .pt-list-info { margin: 0; padding: 45px 0 30px; border-top: 0; border-bottom: 0; } .pt-pricebox-7 .pt-list-info li { list-style: none; line-height: 45px; } .pt-advancestep-margin .pt-advance-tab .nav-tabs{ background: unset; } .pt-advancestep-margin .pt-advance-tab .nav-tabs .pt-tabs.nav-link { -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); margin: 0 15px; padding: 20px 45px; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--dark-color); font-family: var(--title-fonts); } .pt-advancestep-margin .pt-advance-tab .nav-tabs .pt-tabs.nav-link.active { background: var(--primary-color); color: var(--white-color); } @media(max-width: 1199px){ .pt-advancestep-margin .pt-advance-tab .nav-tabs .pt-tabs.nav-link{ margin: 0 10px; padding: 20px 30px; } } @media(max-width: 1024px){ .pt-advancestep-margin .pt-advance-tab{ text-align: left; } .pt-advancestep-margin .pt-advance-tab .nav-tabs .pt-tabs.nav-link { margin: 0 7px; padding: 15px 30px;} } @media(max-width: 767px){ .pt-advancestep-margin .pt-advance-tab .nav-tabs .pt-tabs.nav-link { margin: 0 7px 15px 7px; padding: 15px 25px; font-size: 16px; line-height: 24px; font-weight: 600; } .pt-advancestep-margin .pt-advance-tab .tab-content{margin: 20px 0 0;} } @media(max-width: 1300px){ .elementor-27165 .elementor-element.elementor-element-faab8c2 .elementor-icon-box-description { font-size: 18px;} } @media(max-width: 1199px){ .elementor-27165 .elementor-element.elementor-element-faab8c2 > .elementor-widget-container{ padding: 0px 0px 0px 15px;} .elementor-27165 .elementor-element.elementor-element-faab8c2 .elementor-icon-box-description{ font-size: 14px; } } #pt-header .container { width: 100%; max-width: 100%; } .wp-block-gallery { display: flex; flex-wrap: wrap; gap: 10px; /* spacing between images */ justify-content: center; } .wp-block-gallery .wp-block-image { margin: 0; flex: 1 1 calc(33.333% - 10px); /* for 3 columns */ box-sizing: border-box; } .wp-block-gallery .wp-block-image img { width: 100%; height: auto; display: block; border-radius: 8px; /* optional rounded corners */ transition: transform 0.3s ease; } .wp-block-gallery .wp-block-image img:hover { transform: scale(1.05); /* zoom on hover */ }