/* Template: Nutritius - Nutrition & Health Services HTML Template Author: peacefulqode.com Version: 1.0 Design and Developed by: PeacefulQode */ /*================================================ [ Table of contents ] ================================================ ==> Moz Selection ==> General ==> Loading ==> Back to Top ==> Button Core ==> Blog Sidebar ==> Blog ==> Pagination ==> Error ==> Header ==> Breadcrumb ==> Footer ==> Section Title ==> Sidebar Menu ==> OWL Carousel ==> Form ==> Animation vector ==> Service Box ==> BMI Calc ==> Team ==> Video Popup ==> Client ==> Pricebox ==> Testimonial ==> Fancy Box ==> Process Step ==> Progressbar ==> Counter ==> Portfolio ==> isotope Portfolio ==> Timelines ==> FAQ ==> Classes Box ==> Blog Single Post ====================================== [ End table content ] ======================================*/ /*================================================== [ Fonts ] ==================================================*/ @import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /*================================================ Moz Selection ================================================*/ :root { --primary-color: #CAB25A; --blue-color: #c10028; --dark-color: #222222; --secondary-color: #6C6C6C; --grey-color: #F8F8F8; --white-color: #ffffff; --body-fonts: 'Montserrat', sans-serif; --title-fonts: 'Kumbh Sans', 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; text-decoration: 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; } a:focus, a:hover { color: var(--primary-color); outline: none; text-decoration: none !important; } 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; } /*===== Table =====*/ table { border: 2px solid var(--grey-color); width: 100%; margin-bottom: 20px; } table td, table th { border: 2px solid var(--grey-color); padding: 8px; text-align: center; } /*===== Input Textarea =====*/ input, input.form-control { background: var(--grey-color); border: 1px solid var(--grey-color); color: var(--dark-color); width: 100%; float: left; margin-bottom: 0px; font-size: 16px; padding: 0 15px; height: 54px; line-height: 54px; outline: none; border-radius: 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; margin-bottom: 20px; } input:focus, input:hover, textarea:focus, textarea:hover, .form-control:focus { border-color: var(--primary-color); outline: none; box-shadow: none; } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; float: none; margin-right: 5px; display: none; } textarea { background: var(--grey-color); border: 1px solid var(--grey-color); color: var(--dark-color); width: 100%; float: left; padding: 10px 15px; outline: 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; margin-bottom: 20px; } /*===== 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; 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 16px bottom 50%; background-size: 20px 20px; } /*============ Container ===================*/ section { position: relative; padding: 130px 0px; } .container { max-width: 1300px; position: relative; z-index: 1; } /*================================================ Loading ================================================*/ #pq-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); } #pq-loading img { height: 60px; } /*================================================ Back to Top ================================================*/ #pq-back-to-top { bottom: 30px; margin: 0; opacity: 0; position: fixed; right: 30px; overflow: hidden; visibility: hidden; width: 45px; height: 45px; line-height: 45px; text-align: center; z-index: 999; } #pq-back-to-top.off { opacity: 0; visibility: hidden; -webkit-transition: opacity .15s ease, visibility 0s .15s; -moz-transition: opacity .15s ease, visibility 0s .15s; transition: opacity .15s ease, visibility 0s .15s; } #pq-back-to-top.on { opacity: 1; visibility: visible; transition: all 0.5s ease; } #pq-back-to-top>span { background: var(--primary-color); color: var(--white-color); display: block; font-size: 22px; width: 45px; height: 45px; line-height: 45px; overflow: hidden; position: relative; text-align: center; transition: all 0.5s ease-in-out; } #pq-back-to-top .pq-icon-up-hover { background: var(--dark-color); position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } #pq-back-to-top .pq-icon-up-hover span { opacity: 0; } #pq-back-to-top span span { display: block; line-height: inherit; transition: all 0.5s ease-in-out; } #pq-back-to-top:hover .epq-icon-up { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #pq-back-to-top:hover .pq-icon-up span { opacity: 0; } #pq-back-to-top:hover .pq-icon-up-hover { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #pq-back-to-top:hover .pq-icon-up-hover span { opacity: 1; } /*================================================ Button Core ================================================*/ [type="button"], [type="reset"], [type="submit"] { padding: 14px 24px; text-transform: capitalize; font-size: 12px; background: var(--primary-color); color: var(--white-color); text-transform: uppercase; display: inline-block; border: none; width: auto; height: auto; line-height: 2; 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; letter-spacing: 0.1em; font-weight: 500; } [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover { color: var(--white-color); background: var(--dark-color); } .pq-button { position: relative; display: inline-block; vertical-align: middle; width: auto; outline: 0; font-size: 14px; line-height: 2; letter-spacing: 0.1em; font-weight: 500; text-transform: uppercase; box-sizing: border-box; margin: 0; border-radius: 0; border: none; background: var(--primary-color); color: var(--white-color); padding: 14px 24px; cursor: pointer; } .pq-button:hover { color: var(--white-color); background: var(--dark-color); } .pq-button:focus { color: var(--white-color); } .pq-button .pq-btn-text { display: flex; align-items: center; position: relative; } .pq-button .pq-btn-cover { position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none; } .pq-button .pq-btn-cover .pq-btn-cover-text { opacity: 0; color: #fff; -webkit-transform: translate3d(-20px, 0, 0); -moz-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); -webkit-transition: all 0s .2s; -moz-transition: all 0s .2s; transition: all 0s .2s; z-index: 20; } .pq-button .pq-btn-cover .pq-btn-cover-bgrnd { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--dark-color); border: 2px solid var(--dark-color); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .35s cubic-bezier(.86, 0, .07, 1); -moz-transition: -moz-transform .35s cubic-bezier(.86, 0, .07, 1); transition: transform .35s cubic-bezier(.86, 0, .07, 1); will-change: transform; } /* slider */ .pq-button.pq-btn-flat.btn-bg-primary:hover .pq-btn-cover-bgrnd { background: var(--primary-color) !important; border: 2px solid var(--primary-color) !important; } /* end slider*/ .pq-button .pq-btn-text:not(.pq-btn-cover-text) { -webkit-transition: -webkit-transform .2s cubic-bezier(.23, .71, .55, .99), opacity .15s; transition: transform .2s cubic-bezier(.23, .71, .55, .99), opacity .15s; } .pq-button.pq-btn-flat:hover .pq-btn-text:not(.pq-btn-cover-text) { opacity: 0; -webkit-transform: translate3d(15px, 0, 0); -moz-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } .pq-button:hover .pq-btn-cover-bgrnd { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1); -moz-transition: -moz-transform .5s cubic-bezier(.86, 0, .07, 1); transition: transform .5s cubic-bezier(.86, 0, .07, 1); } .pq-button:hover .pq-btn-cover-text { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s cubic-bezier(.28, 1.04, .49, .9) .2s, opacity .6s .15s; transition: transform .4s cubic-bezier(.28, 1.04, .49, .9) .2s, opacity .6s .15s; } .pq-button img, .pq-button i { margin-right: 8px; } .pq-button img { width: 16px !important; } /*Button link*/ .pq-button.pq-btn-link { background: transparent; color: var(--primary-color); padding: 0; } .pq-button.pq-btn-link .pq-btn-text:after, .pq-button.pq-btn-link .pq-btn-text:before { content: ''; position: absolute; left: 0; bottom: 2px; height: 1px; width: 100%; background: var(--primary-color); transition: all 0.5s ease; } .pq-button.pq-btn-link .pq-btn-text:before { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; } .pq-button.pq-btn-link .pq-btn-text:after { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); } .pq-button.pq-btn-link:hover .pq-btn-text:before { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1); -moz-transition: -moz-transform .5s cubic-bezier(.86, 0, .07, 1); transition: transform .5s cubic-bezier(.86, 0, .07, 1); } .pq-button.pq-btn-link:hover .pq-btn-text:after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) .25s; -moz-transition: -moz-transform .5s cubic-bezier(.86, 0, .07, 1) .25s; transition: transform .5s cubic-bezier(.86, 0, .07, 1) .25s; } /*Button dark*/ .pq-button.pq-button-dark { background: var(--dark-color); } .pq-button.pq-button-dark .pq-btn-cover .pq-btn-cover-bgrnd { background: var(--primary-color); border: 2px solid var(--primary-color); } /*Button primary on hover*/ .pq-button.pq-button-primary .pq-btn-cover .pq-btn-cover-bgrnd { background: var(--primary-color); border: 2px solid var(--primary-color); } /*background-color*/ .pq-grey-bg-color { background-color: var(--grey-color); } .pq-bg-primary { background-color: var(--primary-color); } /*================================================== Blog Sidebar ==================================================*/ .pq-menu-blog-search-block { margin-bottom: 30px; display: inline-block; width: 100%; float: left; position: relative; padding: 30px; background: var(--grey-color); } ul.menu{ margin: 0; padding: 0; } /*=====================SideBar-Search=====================*/ .pq-menu-blog-search-block input { background: var(--white-color); border: 1px solid var(--grey-color); padding: 0 15px; border-radius: 3px; } .pq-block-search.pq-block-search__button-inside .pq-block-search__inside-wrapper .pq-block-search__input { background: var(--white-color); border: 1px solid var(--grey-color); border-radius: 3px; padding: 0 15px; } .pq-block-categories-list{ margin: 0; padding: 0; } .pq-block-categories-list li{ list-style: none; } .pq-block-meta-list{ margin: 0; padding: 0; } .pq-block-meta-list li{ list-style: none; } .pq-block-search .pq-block-search__inside-wrapper { position: relative; } .pq-block-search .pq-block-search__inside-wrapper .pq-block-search__input { background: var(--white-color); border: 1px solid var(--grey-color); padding: 0 15px; margin-bottom: 0; } .pq-block-search .pq-block-search__button { background: var(--primary-color); border: none; padding: 0; margin-left: 0; padding: 0; width: 54px; height: 54px; line-height: 54px; position: absolute; right: 0; font-size: 0; } .pq-block-search .pq-block-search__button:before { content: "\e610"; font-family: 'themify'; font-weight: 400; font-size: 14px; } .pq-block-search .pq-block-search__button:hover { background: var(--dark-color); outline: none; } .search-form { position: relative; } .search-form label { width: 100%; margin-bottom: 0; float: left; width: 100%; } .search-submit { background: var(--primary-color); border: none; padding: 0; position: absolute; text-align: center; color: var(--grey-color); 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; } .pq-about-info-box1.d-flex { margin: 30px 0px 0px 0px; padding: 0px 15px 0px 0px; } .pq-about-info-box2.d-flex { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 15px; } .pq-main-about-img { display: flex; } .pq-single-blog-info p { margin: 0 0 30px 0; } .pq-single-blog-title h3 { margin: 30px 0 5px 0; font-family: var(--title-fonts); } .pq-single-blog-member { margin: 30px 0 0 0; } 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; font-weight: 600; } .pt-blog-post .pt-blog-contain blockquote p { margin-bottom: 0; } .pq-single-blog-img { display: flex; margin: 30px 0; } .pq-single-blog-img-1 { margin: 0 15px 0 0; } .pq-single-blog-img-2 { margin: 0 0 0 15px; } .pq-single-blog-title2 { margin-bottom: 5px; } .pq-single-blog-item-list, .pq-portfolio-single-list-item { list-style-type: none; margin: 0; padding: 0; } ul.pq-single-blog-item-list li img, ul.pq-portfolio-single-list-item li img { margin: 0 5px 0 0; } ul.pq-single-blog-item-list li:not(:last-child) { padding-bottom: calc(15px/2); } ul.pq-single-blog-item-list li:not(:first-child) { margin-top: calc(15px/2); } .pq-single-blog-list { margin: 30px 0 30px 0; } /*===== Service Detail =====*/ .service-type.service-port { background: var(--grey-color); box-shadow: none; margin-bottom: 30px; padding: 30px; } .service-type.service-port:nth-child(2) { padding: 0; background: unset; } .service-type.service-port .page-title { margin: 0 0 20px 0; } .service-type.service-port .menu li { margin: 0 0 10px 0; list-style-type: none; } .service-type.service-port .menu li:last-child { margin-bottom: 0; } .service-type.service-port .menu li a { position: relative; background-color: var(--white-color); color: var(--dark-color); padding: 16px 24px; border: none; display: block; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; font-size: 16px; font-family: var(--title-fonts); } .service-type.service-port .menu li a:hover { color: var(--primary-color); } .service-type.service-port .menu li.current_page_item a { background: var(--primary-color); color: var(--white-color); } .service-type.service-port .menu li>a:before { position: absolute; content: "\f125"; font-family: "Ionicons"; font-size: 12px; right: 24px; left: auto; top: 24px; color: inherit; line-height: normal; font-weight: 500; } .wp-block-button__link, .wp-block-file a.wp-block-file__button { background: var(--primary-color); color: var(--white-color) !important; font-size: 16px; } .wp-block-button__link:hover, .wp-block-file a.wp-block-file__button:hover { background: var(--dark-color); color: var(--white-color); } .service-type:last-child { margin-bottom: 0; } p.pq-service-description { margin-bottom: 30px; } h4.pq-service-tittle{ margin-bottom: 5px; } ul.pq-service-list-item li:not(:last-child) { padding-bottom: calc(10px/2); } ul.pq-service-list-item li:not(:first-child) { margin-top: calc(10px/2); } ul.pq-service-list-item { padding-left: 0; list-style: none; margin-bottom: 0; } ul.pq-service-list-item li span { padding-left: 5px; } .pq-service-img { margin-bottom: 30px; } /*================================================ Blog ================================================*/ .pq-blog1-bg-color { margin-top: 0px; margin-bottom: 0px; padding: 30px 0px 30px 0px; background-color: var(--grey-color); } .pq-blog-bg-color { background-color: var(--grey-color); } .pq-blog-bg-color .pq-blog-post, .pq-blog1-bg-color .pq-blog-post { background-color: var(--white-color); } .blog .owl-carousel .pq-blog-post { margin-bottom: 0; } .pq-blog-post { background-color: var(--grey-color); display: inline-block; width: 100%; margin-bottom: 45px; } .pq-blog-post .pq-post-media { overflow: hidden; margin-bottom: 0; position: relative; } .pq-blog-post .pq-post-media img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; } .pq-blog-post:hover .pq-post-media img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pq-blog-post .pq-blog-contain { padding: 30px; display: inline-block; position: relative; width: 100%; } .blog.pq-white-bg-color .pq-blog-post .pq-blog-contain { background: var(--white-color); } .pq-blog-post .pq-blog-contain .pq-blog-title { font-size: 24px; line-height: 32px; margin: 0 0 5px; } .pq-blog-post .pq-blog-info p { margin-top: 10px; } .pq-blog-post .pq-post-meta { display: flex; align-items: center; margin-bottom: 20px; } .pq-blog-post .pq-post-meta .pq-post-date { background: var(--primary-color); display: inline-block; width: 60px; height: 60px; padding: 10px; margin-right: 15px; } .pq-blog-post .pq-post-meta .pq-post-date span { background: var(--primary-color); color: var(--white-color); display: inline-block; font-size: 14px; line-height: 22px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; } .pq-blog-post .pq-post-meta ul { margin: 0; padding: 0; width: 100%; display: flex; } .pq-blog-post .pq-post-meta ul li { list-style: none; float: left; display: inline-block; margin-right: 15px; align-self: center; font-family: var(--title-fonts); font-size: 16px; line-height: 24px; text-transform: capitalize; } .pq-blog-post .pq-post-meta ul li:last-child { margin-right: 0; margin-top: 0px; } .pq-blog-post .pq-post-meta ul li+li { position: relative; padding-left: 15px; } .pq-blog-post .pq-post-meta ul li+li:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 70%; background: rgba(0, 0, 0, .1); } .pq-blog-post .pq-post-meta ul li a { color: var(--secondary-color); } .pq-blog-post .pq-post-meta ul li a:hover { color: var(--primary-color); } .pq-blog-post .pq-post-meta ul li i { margin-right: 10px; color: var(--primary-color); } .pq-blog-col-1 .pq-blog-post, .pq-blog-col-2 .pq-blog-post, .pq-blog-col-3 .pq-blog-post { background-color: var(--grey-color); } .pq-blog-col-2 .pq-blog-post .pq-blog-contain .pq-blog-title { font-size: 28px; line-height: 36px; } .pq-blog-col-3 .pq-blog-post .pq-blog-contain .pq-blog-title { font-size: 22px; line-height: 30px; } /*================================================ Pagination ================================================*/ .pq-pagination { margin-top: 15px; } .pq-pagination .page-numbers { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; padding: 0; margin: 0; } .pq-pagination .page-numbers li:first-child .page-numbers { margin-left: 0; } .pq-pagination .page-numbers li .page-numbers { position: relative; display: block; padding: 0px 15px; height: 45px; width: 45px; text-align: center; line-height: 40px; margin: 0 5px; color: var(--dark-color); background-color: var(--white-color); border: 1px solid var(--grey-color); } .pq-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; } .pq-pagination .page-numbers li .page-numbers:focus { box-shadow: none; outline: 0; z-index: 2; } .pq-pagination .page-numbers li .page-numbers:not(:disabled):not(.disabled) { cursor: pointer } .pq-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; } .pq-pagination .page-numbers li .next.page-numbers, .pq-pagination .page-numbers li .prev.page-numbers { width: auto; } /*================================================== Error ==================================================+*/ .pq-error-block { text-align: center; padding-bottom: 80px; } .pq-error-block .pq-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; } /*================================================ Header ================================================*/ .animated { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; } .fadeInDown { animation-name: fadeInDown } .fadeInRight{ animation-name: fadeInRight; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: none } } header#pq-header { position: relative; display: inline-block; width: 100%; clear: both; background: var(--white-color); z-index: 99; } header#pq-header.pq-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#pq-header .pq-top-header { background: var(--dark-color); padding: 0; font-size: 14px; } header#pq-header.pq-header-sticky .pq-top-header{ display: none; } header#pq-header .pq-top-header .pq-header-contact.text-right ul { float: right; } header#pq-header .pq-top-header .pq-header-contact ul { margin: 0; padding: 0; } header#pq-header .pq-top-header .pq-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#pq-header .pq-top-header .pq-header-contact ul li:last-child { margin-right: 0; border-right: 1px solid rgba(255, 255, 255, 0.1); } header#pq-header .pq-top-header .pq-header-contact ul li i { margin-right: 10px; } header#pq-header .pq-top-header .pq-header-contact ul li a { color: var(--white-color); } header#pq-header .pq-top-header .pq-header-contact ul li a:hover { color: var(--white-color); background: transparent; } header#pq-header .pq-top-header .text-right .pq-header-social ul, header#pq-header .pq-top-header .pq-header-social.text-right ul { float: right; } header#pq-header .pq-top-header .pq-header-social ul { margin: 0; padding: 0; } header#pq-header .pq-top-header .pq-header-social ul li { list-style: none; display: inline-block; float: left; border-left: 1px solid rgba(255, 255, 255, 0.1); } header#pq-header .pq-top-header .pq-header-social ul li a { color: var(--white-color); padding: 10px 20px; display: inline-block; } header#pq-header .pq-top-header ul li a:hover { color: var(--white-color); background: var(--primary-color) } header#pq-header .pq-top-header .pq-header-social ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.1); } /*===== Logo =====*/ header#pq-header .pq-bottom-header .navbar .navbar-brand { line-height: 80px; } header#pq-header .pq-bottom-header .navbar .navbar-brand img { height: 60px; } /*===== Header Navbar Bar =====*/ header#pq-header .pq-bottom-header { min-height: 90px; } header#pq-header .pq-bottom-header .navbar { padding: 0; } header#pq-header .pq-bottom-header .navbar .pq-menu-contain { display: inline-block; width: 100%; } header#pq-header .pq-bottom-header .navbar .navbar-nav { float: right; } header#pq-header .pq-bottom-header .navbar .navbar-nav li { position: relative; display: inline-block; float: left; margin-right: 30px; color: var(--dark-color); line-height: 90px; font-weight: 400; } header#pq-header .pq-bottom-header .navbar .navbar-nav li:last-child { margin-right: 0; } header#pq-header .pq-bottom-header .navbar .navbar-nav li a { color: var(--dark-color); font-family: var(--title-fonts); text-decoration: none; font-weight: 400; } header#pq-header .pq-bottom-header .navbar .navbar-nav li a:focus, header#pq-header .pq-bottom-header .navbar .navbar-nav li a:hover, header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-item a, header#pq-header .pq-bottom-header .navbar .navbar-nav li.current_page_item a, header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover a, header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-ancestor a { color: var(--primary-color); } /*===== Sub Menu Bar =====*/ header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu { display: none; } header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover .sub-menu { display: block; background: var(--white-color); position: absolute; top: 100%; left: 0; padding-left: 0; display: inline-block; width: 210px; z-index: 999; -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#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li { line-height: 2; padding: 0; margin: 0; display: inline-block; width: 100%; color: var(--secondary-color); } header#pq-header .pq-bottom-header .navbar .navbar-nav li i { margin-left: 10px; font-size: 12px; color: var(--dark-color); opacity: 0.8; } header#pq-header .pq-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(--secondary-color); font-size: 14px; } header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a:focus, header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a:hover, header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item>a { background: var(--primary-color); color: var(--white-color); } header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li.current-menu-item.menu-item-has-children>a+.pq-submenu-icon { color: var(--white-color); } /*===== Navigation Sub Menu =====*/ header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li>.sub-menu { display: none; } header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { position: absolute; top: 0; left: 100%; display: block; background: var(--white-color); padding-left: 0; display: inline-block; width: 200px; } header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover .sub-menu li.menu-item-has-children>.pq-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#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li.menu-item-has-children:hover>.pq-submenu-icon { color: var(--white-color); } header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li.menu-item-has-children:hover { background: var(--primary-color); color: var(--white-color); } header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:hover>a { color: var(--white-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#pq-header .pq-menu-search-block { position: relative; margin: 0 0 0 30px; } header#pq-header .pq-menu-search-block a { color: var(--dark-color); font-size: 20px; width: 18px; display: inline-block; } header#pq-header .pq-menu-search-block a i { position: relative; top: 3px; } header#pq-header .pq-search-form { position: absolute; top: 65px; right: 0px; width: 350px; padding: 15px; z-index: 999; line-height: 0px; 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); } header#pq-header .pq-button:hover .pq-button-line-left { width: calc(15px - 1px); } /*===== Text meant only for screen readers =====*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; white-space: nowrap; height: 0px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: var(--grey-color); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; 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; } .search-form { position: relative; } .search-submit:before { content: "\e610"; font-family: 'themify'; font-weight: 400; font-size: 18px; } form.search-form { line-height: 0px; } .search-form { position: relative; } .search-form label { width: 100%; margin-bottom: 0; float: left; width: 100%; } .search-form .search-field{ margin-bottom: 0; } .search-submit { background: var(--primary-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:hover { color: var(--white-color) !important; background: var(--dark-color); outline: none; } /*===== Header Default =====*/ header#pq-header.pq-header-default .pq-bottom-header.pq-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#pq-header.pq-header-default .pq-btn-container { margin: 0 0 0 30px; } header#pq-header.pq-header-default .pq-btn-container .pq-button { background: var(--primary-color); } header#pq-header.pq-header-default .pq-btn-container .pq-button:hover { background: var(--primary-color); } header#pq-header.pq-header-default .pq-toggle-btn { padding: 0; margin: 0 0 0 30px; } header#pq-header.pq-header-default .pq-toggle-btn a { position: relative; display: inline-block; padding: 0; font-size: 38px; background: var(--primary-color); color: #fff; line-height: 52px; width: 52px; height: 52px; text-align: center; } header#pq-header.pq-header-default .pq-menu-search-block { margin: 0 30px; } header#pq-header.pq-header-default .pq-menu-search-block a:hover { color: var(--primary-color); } /*===== Header style 1 =====*/ header#pq-header.pq-header-style-1 .pq-top-header { color: var(--white-color); padding: 0 15px; } header#pq-header.pq-header-style-1 .pq-top-header.top-style-1 .row { align-items: center; } header#pq-header.pq-header-style-1 .pq-top-header.top-style-1 .pq-header-contact { float: right; } header#pq-header.pq-header-style-1 .pq-top-header.top-style-1 .flex-row-reverse .pq-header-contact { float: none; } header#pq-header.pq-header-style-1 .pq-bottom-header { min-height: 80px; } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand { border-right: 1px solid var(--grey-color); line-height: 80px; padding-right: 30px; padding-left: 15px; padding-top: 0; padding-bottom: 0; } header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-social { display: inline-block; } header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-social ul { padding: 0; margin: 0; list-style-type: none; } header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-social ul li { display: inline-block; float: left; } header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-social ul li+li { margin-left: 10px; } header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-social ul li a { width: 40px; height: 40px; line-height: 40px; display: inline-block; border: 1px solid var(--grey-color); border-radius: 100%; text-align: center; background: var(--grey-color); color: var(--dark-color); } header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-nav { float: none; justify-content: center; } header#pq-header.pq-header-style-1 .pq-menu-search-block { border-left: 1px solid var(--grey-color); border-right: 1px solid var(--grey-color); padding: 0 30px; /*line-height: 80px;*/ } header#pq-header.pq-header-style-1 .pq-menu-search-block a:hover { color: var(--primary-color); } /*+++++++++++++Toggle Side Bar++++++++++++++*/ header#pq-header.pq-header-style-1 .pq-toggle-btn { line-height: 75px; padding: 26px 14px; background: var(--primary-color); color: #fff; cursor: pointer; /* margin-left: 30px; */ position: relative; transition: all 0.5s ease; margin-right: 15px; } header#pq-header.pq-header-style-1 .pq-toggle-btn:hover { background: var(--dark-color); } header#pq-header.pq-header-style-1 .pq-toggle-btn a:before, header#pq-header.pq-header-style-1 .pq-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#pq-header.pq-header-style-1 .pq-toggle-btn a { position: relative; display: block; top: 0; width: 30px; height: 2px; margin: 0 auto; border: none; cursor: pointer; background: currentColor; color: inherit; font-size: 0; transition: 0.35s; } header#pq-header.pq-header-style-1 .pq-toggle-btn a:before, header#pq-header.pq-header-style-1 .pq-toggle-btn a:after { position: absolute; top: 0; left: 50%; display: block; width: 100%; height: 2px; background: currentColor; content: ""; transition: transform 0.35s; } header#pq-header.pq-header-style-1 .pq-toggle-btn a:before { transform: translate(-50%, -10px); } header#pq-header.pq-header-style-1 .pq-toggle-btn a:after { transform: translate(-50%, 10px); } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar-toggler { background: var(--primary-color); } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar-toggler:hover { background: var(--dark-color); } /*================================================ Breadcrumb ================================================*/ .pq-breadcrumb { background: var(--grey-color); color: var(--white-color); padding: 130px 0; position: relative; background-position: center center; } .pq-breadcrumb .container { position: relative; } .pq-breadcrumb .pq-breadcrumb-title h1 { font-size: 56px; line-height: 64px; margin-bottom: 15px; color: var(--dark-color); } .pq-breadcrumb-container .breadcrumb { background: transparent; padding: 0; margin: 0; } .pq-breadcrumb-container .breadcrumb li { list-style-type: none; margin-right: 15px; padding-left: 0; } .pq-breadcrumb-container .breadcrumb li.active { color: var(--primary-color); } .pq-breadcrumb-container .breadcrumb li a { color: var(--dark-color); } .pq-breadcrumb-container .breadcrumb li a:hover { color: var(--primary-color); } .pq-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: "\f125"; font-size: 12px; font-family: "Ionicons"; padding-right: 15px; float: none; color: var(--dark-color); } .pq-yoest-breadcumbs #breadcrumbs { margin: 0; padding: 0; } .pq-yoest-breadcumbs #breadcrumbs span { color: var(--dark-color); } .pq-yoest-breadcumbs #breadcrumbs span a { padding: 0 5px; } .pq-yoest-breadcumbs #breadcrumbs span strong { font-weight: 400; padding-left: 5px; } /*================================================ Footer ================================================*/ .pq-footer { background-repeat: repeat; background-attachment: scroll; background-position: center center; background-image: url(../images/footer-img/1.png); background-size: cover; position: relative; background-color: var(--dark-color); display: inline-block; width: 100%; } .pq-footer:before{ background-image: linear-gradient(to top, rgba(27,26,26,0.95) 0%, rgba(27,26,26,1) 100%); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pq-footer-logo { height: 50px; margin-bottom: 30px; width: auto; border-radius: 0; } .pq-footer-style-1 .pq-footer-social ul { margin: 0; padding: 0 } .pq-footer-style-1 .pq-footer-social ul li { list-style: none; float: left; margin-right: 10px; } .pq-footer-style-1 .pq-footer-social ul li:last-child { margin-right: 0; } .pq-footer-style-1 .pq-footer-social ul li a { background: rgba(255, 255, 255, 0.1); color: var(--white-color); width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; padding: 0; } .pq-footer-style-1 .pq-footer-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } .footer-title { margin-bottom: 15px; padding: 0; font-size: 26px; position: relative; line-height: 34px; color: var(--white-color); } .pq-footer-style-1 ul li a { color: var(--white-color); } .pq-footer-style-1 ul li a:hover { color: var(--primary-color); } .pq-footer-style-1 ul.menu li:not(:last-child) { margin: 0 0 12px 0; } .pq-footer-style-1 ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .pq-footer-style-1 .menu-useful-link-container ul li a:before { top: 4px; bottom: 0; left: 0; width: auto; height: auto; display: inline; background: transparent; margin: auto 0; content: '\f054'; margin-right: 10px; font-family: "Font Awesome 6 Free"; font-size: 11px; font-weight: 900; color: var(--primary-color); } ul.pq-contact li a { padding: 0; text-decoration: none; color: var(--white-color); } ul.pq-contact li a:hover { color: var(--primary-color); } ul.pq-contact li { display: flex; align-items: center; color: var(--white-color); } ul.pq-contact li a:before { display: none; } ul.pq-contact li i { margin-right: 20px; } ul.pq-contact li:not(:first-child) { padding-top: 10px; } p.pq-footer-disc { color: var(--white-color); } .pq-footer-top { padding: 60px 0; } .pq-copyright-footer { padding: 15px 0; background: transparent; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); } .pq-copyright-footer .pq-copyright { text-align: center; display: inline-block; width: 100%; } .pq-copyright-footer span.pq-copyright { color: var(--white-color); } .pq-foote-recent-post { display: flex; align-items: flex-start; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 15px; } .pq-foote-recent-post:last-child { margin-bottom: 0; border: none; padding: 0; } .pq-foote-recent-post .pq-foote-recent-post-media { margin-right: 15px; } .pq-foote-recent-post .pq-foote-recent-post-media img { width: 80px; height: 80px; } .pq-foote-recent-post .pq-foote-recent-post-info { flex: 1; align-self: center; } .pq-foote-recent-post .pq-foote-recent-post-info .pq-post-date { font-family: var(--title-fonts); font-weight: 400; color: var(--primary-color); width: 100%; display: inline-block; text-transform: uppercase; font-size: 12px; line-height: 22px; letter-spacing: 0.1em; } .pq-foote-recent-post .pq-foote-recent-post-info h6 { font-size: 16px; line-height: 1.5; margin-bottom: 0; } .pq-foote-recent-post .pq-foote-recent-post-info h6 a:hover { color: var(--primary-color); } /*+++++++++++ Subscribe++++++++++++++++*/ .pq-subscribe-from .form-fields { display: flex; } input.pq-bg-transparent { border-radius: 0; background: transparent; color: var(--white-color) !important; border-color: rgba(255, 255, 255, 0.14); margin: 0; } .pq-subscribe-from .pq-button { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); border-left: 0; width: auto; font-size: 12px; } .pq-subscribe { display: inline-block; width: 100%; color: var(--white-color); padding: 90px 0; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .pq-subscribe-block .pq-subscribe-details h5 { color: var(--white-color); font-size: 40px; line-height: 48px; margin-bottom: 5px; } /*================================================ Section Title ================================================*/ .pq-section-title-style-1.text-center { padding: 0 15em; margin-bottom: 60px; } .pq-section-title-style-1 .pq-section-sub-title { font-family: var(--title-fonts); font-weight: 600; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--primary-color); letter-spacing: 0.1em; margin: 0 0 15px; display: inline-block; position: relative; padding-left: 15px; } .pq-section-title-style-1 .pq-section-sub-title::before { content: ""; position: absolute; left: 0; top: 0; background: var(--primary-color); height: 100%; width: 2px; } .pq-section-title-style-1 .pq-section-title { font-family: var(--title-fonts); font-weight: 600; font-size: 48px; line-height: 56px; z-index: 9; color: var(--dark-color); padding: 0; margin: 0 0; position: relative; display: block; text-transform: capitalize; } .pq-section-title-style-1 .pq-section-description { z-index: 9; position: relative; margin: 15px 0 0; } /*================================================ Sidebar Menu ================================================*/ .pq-background-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-color); z-index: 100; 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; } .pq-siderbar-open .pq-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; } .pq-siderbar-open .pq-sidebar { right: 0; opacity: 1; } .pq-sidebar { width: 410px; background: var(--white-color); opacity: 0; display: block; position: fixed; top: 0; right: -100%; height: 100%; z-index: 101; 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; } .pq-sidebar .pq-close-btn .pq-close { position: absolute; left: -50px; background: var(--grey-color); width: 50px; height: 50px; line-height: 50px; text-align: center; color: var(--dark-color); top: 90px; font-size: 18px; } .pq-sidebar .pq-close-btn .pq-close:hover { background: var(--dark-color); color: var(--white-color); } .pq-sidebar-block { padding: 60px 30px 30px 30px; height: 100%; } .pq-sidebar-header .pq-sidebar-logo { margin-bottom: 15px; height: 50px; } .pq-sidebar h5, .pq-sidebar h4 { font-size: 24px; line-height: 32px; margin-bottom: 20px; } .pq-sidebar .pq-foote-recent-post .pq-foote-recent-post-info .pq-post-date:hover { color: var(--primary-color); } .pq-sidebar .pq-sidebar-form span.wpcf7-form-control-wrap { margin-bottom: 30px; display: block; } .pq-sidebar .pq-sidebar-form .wpcf7-form-control { float: none; } .pq-sidebar ul { margin: 0; padding: 0; } .pq-sidebar ul li { list-style: none; margin: 0; padding: 0 0 10px; } .pq-sidebar ul li a { color: var(--dark-color); } .pq-sidebar-contact { display: inline-block; width: 100%; } .pq-sidebar-contact li { display: flex; align-items: flex-start; } .pq-sidebar-contact li i { line-height: 2; color: var(--primary-color); } .pq-sidebar-contact li span { margin-left: 15px; flex: 1; } .pq-sidebar-contact ul li a { color: var(--secondary-color); } .pq-sidebar-contact ul li a:hover { color: var(--primary-color); } .pq-sidebar-social ul { margin-top: 30px; display: inline-block; width: 100%; } .pq-sidebar-social ul li { display: inline-block; padding: 0; margin: 0; margin-right: 5px; } .pq-sidebar-social ul li:last-child { margin-right: 0; } .pq-sidebar-social ul li a { background: var(--grey-color); color: var(--dark-color); width: 50px; height: 50px; line-height: 50px; display: inline-block; text-align: center; position: relative; } .pq-sidebar-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } .pq-sidebar .sidebar { background: transparent; padding: 0; border: none; } .pq-sidebars { margin-bottom: 30px; display: inline-block; width: 100%; float: left; position: relative; padding: 30px; background: var(--grey-color); } .pq-sidebars ul li a { color: var(--dark-color); position: relative; word-wrap: break-word; padding: 0 0 0 15px; text-transform: capitalize; } .pq-block-group__inner-container h4 { color: var(--dark-color); } .pq-sidebars ul.pq-block-categories-list li>a:before, .pq-sidebars ul.pq-block-meta-list li>a:before { position: absolute; content: '\f054'; left: 0; font-size: 10px; top: 5px; font-family: "Font Awesome 6 Free"; line-height: normal; font-weight: 600; color: var(--primary-color); } .pq-block-tag-cloud .tag-cloud-link { font-size: 14px; background: var(--white-color); margin: 0 10px 0 0; display: inline-block; float: left; color: var(--dark-color); padding: 5px 10px; transition: all 0.5s ease-in-out; text-transform: capitalize; } .pq-block-tag-cloud .tag-cloud-link:hover { color: var(--white-color); background: var(--dark-color); } .pq-sidebars.pq-side-header { background: none; padding: 0; } .pq-sidebar .sidebar .wp-block-image { margin-bottom: 30px; } .pq-main-menu.sidebar h4 { color: var(--dark-color); } .pq-sidebar-contact .pq-contact span { color: var(--secondary-color); } /*================================================ Owl Carousel ================================================*/ .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; } .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { font-size: 34px; } .owl-carousel .owl-nav button.owl-next { margin-right: -50px; } .owl-carousel .owl-nav button.owl-prev { margin-left: -50px; } /*+++++++++++++Dots++++++++++++++*/ .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-dots { margin-top: 30px; line-height: normal; position: relative; width: 100%; text-indent: inherit; text-align: center; cursor: pointer; } .owl-carousel .owl-dots .owl-dot { -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; box-shadow: none; outline: none; background: var(--dark-color); opacity: 1; display: inline-block; padding: 0; margin: 0px 8px; height: 8px; width: 8px; border: none; cursor: pointer; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .owl-carousel .owl-dots .owl-dot span { display: none; } .owl-carousel .owl-dots .owl-dot:hover { background: var(--primary-color); opacity: 1; -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); } .owl-carousel .owl-dots .owl-dot.active { background: var(--primary-color); opacity: 1; -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); } /*================================================== Forms ==================================================*/ input.pq-bg-transparent::placeholder { color: var(--white-color); } [type="submit"].pq-bg-transparent { background: var(--white-color); color: var(--dark-color); margin-bottom: 0; } [type="submit"].pq-bg-transparent:hover { background: var(--dark-color); color: var(--white-color); } .pq-form { margin: -375px 0; z-index: 1; } .pq-form-img-overflow { margin-top: -100px; padding: 0 30px; } .pq-form-box { width: 100%; padding: 45px 45px; margin: 0 auto; position: relative; } .pq-form3-img { width: 75%; } .pq-formbox { box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 11%); background: var(--white-color); } .pq-p-45 { padding: 45px 60px 0 45px; } .pq-form-location { position: relative; } .pq-location-box { position: absolute; right: 0; background: var(--grey-color); padding: 30px; width: 45%; text-align: center; } .pq-location-box1 { top: 17%; } .pq-location-box2 { bottom: 10%; } .apply-form { z-index: 9; } .pq-form-title { padding: 8px 30px; background: var(--primary-color); color: var(--white-color); font-family: var(--title-fonts); font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 2; } /*===== Home 1 =====*/ .pq-appointmentform { padding-top: 30px; } .pq-appointmentform textarea { height: 130px; background-color: transparent; border: 1px solid rgba( 255, 255, 255, 0.2); color: var(--white-color); } .pq-appointmentform textarea::placeholder{ color: var(--white-color); } .pq-appointmentform .pq-button { background: var(--white-color); color: var(--dark-color); margin-top: 45px; width: auto; } .pq-appointmentform .pq-button .pq-button-text{ font-size: 12px; line-height: 20px; text-transform: uppercase; } .pq-appointmentform .pq-button:hover { background: var(--dark-color); color: var(--white-color); } /*form-section*/ .pq-section-title-style-1.pq-form-block .pq-section-sub-title::before { background: var(--white-color); } .pq-section-title-style-1.pq-form-block .pq-section-sub-title { color: var(--white-color); } .pq-section-title-style-1.pq-form-block .pq-section-title { color: var(--white-color); } .pq-bg-primary-form { background-color: var(--primary-color); } .pq-bg-primary-form input{ background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; color: var(--white-color); } .pq-bg-primary-form input::placeholder{ color: var(--white-color); } .pq-applyform input:last-child { margin-bottom: 0; } .pq-applyform { border-radius: 3px; } .pq-applyform span { color: red; } .pq-applyform .pq-button-text { color: var(--white-color); } .pq-applyform span { position: relative; bottom: 13%; } .form-select { margin-bottom: 30px; background-color: var(--grey-color); } ul.time { list-style-type: none; padding: 0; margin: 0; } ul.time li { padding: 5px 15px; border: 1px solid var(--grey-color); background: var(--grey-color); display: inline-block; cursor: pointer; transition: all 0.5s ease; } ul.time li:hover, ul.time li.active { background: var(--primary-color); color: var(--white-color); } ul.time li+li { margin-left: 5px; } .pq-appointment-time { display: flex; align-items: center; margin-top: 15px; margin-bottom: 20px; } .pq-appointment-time .appointment { margin-right: 10px; } .appoinment-form .appoinment-box { background-color: var(--grey-color); padding: 45px 45px 45px 45px; } .appoinment-form input{ background-color: var(--white-color); } .form-control.pq-bg-white.paitent-name-field, .form-control.pq-bg-white.phone-number-field, .form-control.pq-bg-white.time-field { margin-bottom: 30px; } .pq-appointment label { width: 100%; display: inline-block; } .pq-appointment-title { color: var(--dark-color) !important; font-weight: 500; display: inline-block; margin-bottom: 5px; } .pq-appointment .form-control-wrap input, .pq-appointment .form-control-wrap select { background-color: var(--white-color); border-radius: 0px; border-color: transparent; margin-bottom: 30px; } .pq-appointment textarea { height: 100px; margin-bottom: 15px; border-radius: 0px; background-color: var(--white-color); border: 1px solid var(--grey-color); } /*===== Contact Us =====*/ .pq-contactform input, .pq-contactform select, .pq-contactform textarea { background: var(--white-color); margin-bottom: 20px; } .pq-contactform textarea { height: 130px; } .pq-contactform { margin: 15px 0 0 0; } .pq-contact-img { margin-bottom: 30px; } .pq-map{ line-height: 0; } .pq-map .img-fluid { height: 450px; } .pq-form-box-img { margin-top: 0px; margin-bottom: -260px; padding: 0px 0px 0px 0px; z-index: 1; } .pq-button-container.pq-service-btn { margin-top: 60px; } input.search-field { background: white; } /*================================================ Animation Vector ================================================*/ .vector { position: absolute; right: 0; text-align: right; } .vector img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: TopBottom; animation-timing-function: ease-in-out; } .vector-1 { width: 450px; max-width: 450px; top: -5%; } .vector-2 { left: 0; text-align: left; width: 200px; max-width: 200px; top: -33%; } .vector-3 { width: 200px; max-width: 200px; bottom: 0; } .vector-4 { width: 230px; max-width: 230px; top: 17%; } .vector-5 { left: 0; text-align: left; width: 350px; max-width: 350px; top: -13%; } .vector-6 { width: 250px; max-width: 250px; top: -12%; } .vector-7 { left: -3%; text-align: left; width: 350px; max-width: 350px; top: -5%; } .vector-8 { left: 0; text-align: left; width: 200px; max-width: 200px; bottom: 0; } .vector-9 { width: 200px; max-width: 200px; top: 0; z-index: 9; } .vector-10 { top: -10%; left: 0; text-align: left; } .vector-11 { left: 0; text-align: left; top: -100%; z-index: -1; } .vector-11 img { width: 195px; } @keyframes TopBottom { 0% { transform: translate(0px, 0px) } 65% { transform: translate(0, 30px) } 100% { transform: translate(0px, 0px) } } /*================================================ Service Box ================================================*/ .pq-service-style-1 { padding: 30px; background: var(--grey-color); } .pq-service-style-1 .pq-service-title { margin-bottom: 5px; font-size: 22px; line-height: 30px; } .pq-service-style-1 .pq-service-number { font-size: 36px; line-height: 44px; text-align: center; opacity: 0.5; -webkit-text-stroke-width: 2px; } .pq-service-style-1 .pq-service-media { position: relative; } .pq-service-style-1 .pq-service-description { margin-bottom: 0; } .pq-service-style-1 .pq-service-icon { display: inline-block; color: var(--primary-color); width: 100px; height: 100px; line-height: 100px; border-radius: 100%; z-index: 9; background: var(--white-color); position: relative; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-style-1 .pq-service-icon i { font-size: 48px; line-height: 56px; vertical-align: middle; } .pq-service-style-1 .pq-service-media-img { overflow: hidden; margin-top: -45px; } .pq-service-style-1 .pq-service-media-img img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-style-1:hover .pq-service-media-img img { -webkit-transform: scale(1); transform: scale(1.2); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-style-1 .pq-service-info { padding-top: 30px; } .pq-service-style-1:hover .pq-service-icon { background: var(--primary-color); color: var(--white-color); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-style-1:hover .pq-service-number { color: var(--dark-color); opacity: 1; } /*Service Box 2*/ .pq-service2-main-box { margin-top: -220px; } .pq-service-box-2 .pq-service-media { display: flex; align-items: center; } .pq-service-box-2 .pq-service-icon { background: var(--primary-color); color: var(--white-color); width: 100px; height: 80px; text-align: center; transition: 0.5s ease-in-out; } .pq-service-box-2 .pq-service-icon i { font-size: 48px; line-height: inherit; vertical-align: middle; transition: all 0.5s ease; } .pq-service-box-2 .pq-service-title { background: var(--grey-color); color: var(--dark-color); font-size: 22px; line-height: 30px; padding: 25px; width: 100%; transition: 0.5s ease-in-out; } .pq-service-box-2 .pq-service-info { background: var(--white-color); padding: 30px; } .pq-service-box-2 .pq-service-description { margin-bottom: 0; } .pq-service-box-2 .pq-btn-container { margin-top: 30px; } .pq-service-box-2 .pq-service-media-img img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-box-2 .pq-service-media-img { overflow: hidden; } .pq-service-box-2:hover .pq-service-media-img img { -webkit-transform: scale(1); transform: scale(1.2); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-box-2:hover .pq-service-title { background: var(--primary-color); color: var(--white-color); transition: 0.5s ease-in-out; } .pq-service-box-2:hover .pq-service-icon { background: var(--dark-color); transition: 0.5s ease-in-out; } .owl-item.active.center .pq-service-box-2:hover .pq-service-icon { background: var(--dark-color); transition: 0.5s ease-in-out; } .owl-item.active.center .pq-service-box-2 .pq-service-title { background: var(--dark-color); color: var(--white-color); transition: 0.5s ease-in-out; } .owl-item.active.center .pq-service-box-2:hover .pq-service-title { background: var(--primary-color); color: var(--white-color); transition: 0.5s ease-in-out; } .pq-service-box-2.active:hover .pq-service-title { background: var(--primary-color); color: var(--white-color); transition: 0.5s ease-in-out; } /*================================================ BMI Calc ================================================*/ .pq-bg-calculater-color { background: var(--dark-color); margin-bottom: 0px; padding: 390px 0px 130px 0px; } .pq-bg-img:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; opacity: 0.03; background-image: url(../images/video/png-img.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .pq-section-title.pq-calculater-title { color: var(--white-color); } .pq-bmi-calc .pq-radio-box { margin-bottom: 15px; } .pq-bmi-calc .pq-radio-box .pq-checkcontainer { display: inline-block; padding-left: 24px; margin-right: 20px; cursor: pointer; position: relative; color: var(--white-color); } .pq-bmi-calc .pq-radio-box input.pq-bmi-calc { position: absolute; opacity: 0; cursor: pointer; } .pq-bmi-calc .pq-radio-box .pq-checkcontainer .pq-radiobtn { width: 15px; height: 15px; background: var(--white-color); border-radius: 100%; position: absolute; top: 8px; left: 0; } .pq-bmi-calc .pq-radio-box input.pq-bmi-calc:checked+.pq-radiobtn:after { position: absolute; content: ""; width: 5px; height: 5px; background: var(--dark-color); border-radius: 100%; top: 5px; left: 5px; } .pq-bmi-calc .pq-imp-box { display: flex; } .pq-bmi-calc .pq-imp-box .pq-input-box { width: 50%; margin-right: 5px; } .pq-bmi-calc .pq-label { color: var(--white-color); margin-top: 10px; } .pq-bmi-calc .pq-input-box input { -webkit-appearance: none; background: rgba(104, 99, 99, 0.8); color: var(--white-color); border: none; margin-bottom: 0; -moz-appearance: textfield; } .pq-bmi-calc .pq-input-box input[type=number]::-webkit-inner-spin-button, .pq-bmi-calc .pq-input-box input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pq-bmi-calc .pq-input-box .pq-button { width: 100%; } .pq-bmi-calc .pq-input-box .pq-button:hover { background: var(--primary-color); } .pq-bmi-calc .pq-bmi-result.pq-hide { display: none; } .pq-bmi-calc .pq-bmi-result { background: var(--white-color); padding: 15px 30px; width: 98%; margin: 0 auto; margin-top: 15px; text-align: center; } .pq-bmi-metric { display: none; } .pq-bmi-calc .pq-input-box input::placeholder { color: var(--white-color); } /*================================================ Team ================================================*/ .pq-team-box-1 { position: relative; z-index: 1; padding: 0px 40px; transition: 0.3s; } .pq-team-box-1 .pq-team-img { position: relative; } .pq-team-box-1 .pq-team-icons li { list-style: none; } .pq-team-box-1 .team-inner-img img { display: block; border-radius: 50%; } .pq-team-box-1 .pq-team-info { text-align: center; margin-top: 20px; } .pq-team-box-1 .pq-team-info .pq-member-name { font-size: 22px; line-height: 30px; } .pq-team-box-1 .pq-team-info .pq-team-designation { font-family: var(--title-fonts); font-weight: 400; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--primary-color); letter-spacing: 0.1em; } .pq-team-box-1:hover .pq-team-img .team-icons .team-icon { opacity: 1; } .pq-team-box-1 .pq-team-icons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 0.4s; } .pq-team-box-1 .pq-team-icons li, .pq-team-box-1 .pq-team-icons .team-icon { position: absolute; z-index: 3; top: calc(50% - 20px); left: calc(50% - 20px); margin-top: -40%; margin-left: 30%; color: #ffffff; } .pq-team-box-1 .pq-team-icons ul { margin: 0; padding: 0; } .pq-team-box-1 .pq-team-icons ul li { list-style: none; opacity: 0; transition: all 0.5s ease; } .pq-team-box-1:hover .pq-team-icons ul li { opacity: 1; } .pq-team-box-1 .team-icon, .pq-team-box-1 li a { width: 36px; height: 36px; margin: 0; border-radius: 50%; font-size: 14px; line-height: 36px; text-align: center; color: #fff; background: var(--primary-color); display: inline-block; } .pq-team-box-1 .team-icon:hover, .pq-team-box-1 li a:hover { background-color: var(--dark-color); } .pq-team-box-1 .pq-team-icons ul li:nth-child(2) { margin-top: -15%; margin-left: 50%; } .pq-team-box-1 .pq-team-icons ul li:nth-child(3) { margin-top: 16%; margin-left: 50%; } .pq-team-box-1:hover .pq-team-icons ul li:nth-child(1) { margin-top: -15%; margin-left: 50%; } .pq-team-box-1:hover .pq-team-icons ul li:nth-child(2) { margin-top: 16%; margin-left: 50%; } .pq-team-box-1:hover .pq-team-icons ul li:nth-child(3) { margin-top: 42%; margin-left: 30%; } .pq-team-box-2 { position: relative; overflow: hidden; } .pq-team-box-2 .pq-team-img img { width: 100%; } .pq-team-box-2:before { content: ""; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; opacity: 0; visibility: hidden; background-image: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%); transition: all 0.5s ease; } .pq-team-box-2:hover:before { top: 0; visibility: visible; opacity: 1; } .pq-team-box-2 .pq-team-info { position: absolute; width: 100%; text-align: center; bottom: -30px; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .pq-team-box-2:hover .pq-team-info { bottom: 45px; opacity: 1; visibility: visible; } .pq-team-box-2 .pq-team-info .pq-member-name { color: var(--white-color); } .pq-team-box-2 .pq-team-info .pq-team-designation { letter-spacing: 0.1em; font-size: 14px; line-height: 22px; font-weight: 400; display: inline-block; width: 100%; text-transform: uppercase; color: var(--primary-color); font-family: var(--sub-title-fonts); margin-bottom: 15px; } .pq-team-box-2 .pq-team-icons ul { padding: 0; margin: 0; } .pq-team-box-2 .pq-team-icons ul li { list-style: none; display: inline-block; } .pq-team-box-2 .pq-team-icons ul li { margin-right: 15px; } .pq-team-box-2 .pq-team-icons ul li:last-child { margin-right: 0; } .pq-team-box-2 .pq-team-icons ul li a { color: var(--white-color); text-align: center; transition: all 0.5s ease; display: inline-block; } .pq-team-box-2 .pq-team-icons ul li a:hover { color: var(--primary-color); transform: translateY(-5px); } /*================================================ Video Popup ================================================*/ .video { margin-top: 0; margin-bottom: -260px; padding: 0px 0px 0px 0px; z-index: 1; position: relative; } .pq-video-img { background-image: url(../images/video/video.jpg); background-position: top center; background-repeat: no-repeat; padding: 300px 0px 300px 0px; } .pq-button-container.pq-video-btn { margin: 45px 0px 0px 0px; } .pq-popup-video-block-style .pq-video { text-align: center; } .pq-popup-video-block-style .pq-video a { margin: auto; text-decoration: none; color: var(--white-color); font-size: 28px; width: 80px; height: 80px; line-height: 80px; text-align: center; display: inline-flex; background-color: var(--primary-color); align-items: center; justify-content: center; padding: 0; border-radius: 0; } .pq-popup-video-block { width: 30%; position: relative; margin: 0 auto; height: 260px; } .pq-popup-video-block-style .pq-button img, .pq-popup-video-block-style .pq-button i { margin-right: 0px; } .pq-popup-video-block-style .pq-video-icon { display: inline-block; position: relative; top: 50%; left: 50%; font-size: 14px; text-transform: uppercase; transform: translateY(-50%) translateX(-50%); } .pq-popup-whitebg .pq-popup-video-block-style .pq-video a:hover .pq-btn-cover .pq-btn-cover-text { color: var(--primary-color); } .pq-popup-whitebg .pq-popup-video-block-style .pq-video a:hover .pq-btn-cover-bgrnd { background: var(--white-color); border-color: var(--white-color); } /*video-home-3*/ .pq-bg-video-color { background: var(--dark-color); } .pq-section-title-style-1.pq-video-tittle { text-align: center; } .pq-section-title-style-1.pq-video-tittle .pq-section-title, .pq-section-title-style-1.pq-video-tittle .pq-section-description { color: var(--white-color); } .pq-section-title-style-1.pq-video-tittle .pq-section-description { margin: 0px 0px 0px 0px; padding: 0% 20% 0% 20%; } .pq-section-title-style-1.pq-video-tittle .pq-section-title { margin: 30px 0px 15px 0px; padding: 0px 0px 0px 0px; } .pq-video-btn .pq-button { color: var(--primary-color); background: var(--white-color); } .pq-video-btn .pq-button .pq-btn-cover .pq-btn-cover-bgrnd { background: var(--primary-color); border: 2px solid var(--primary-color); } .mfp-wrap .mfp-close { padding: 0 !important; top: -50px !important; right: 0 !important; font-size: 24px; opacity: 1; height: 50px; width: 50px !important; line-height: 50px; text-align: center !important; color: var(--white-color); background-color: var(--primary-color); position: absolute; letter-spacing: 0; } .mfp-wrap .mfp-close:hover { background: var(--dark-color); } .mfp-wrap .mfp-close:focus { outline: none; } /*================================================ Client ================================================*/ .client { padding: 60px 0px 60px 0px; } .pq-bg-color { background-color: var(--dark-color); } .pq-client-box.pq-client-style-1 .pq-client-img1 { position: relative; display: block; width: auto; margin: 0 auto; } .pq-client-box.pq-client-style-1 .pq-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; } .pq-client-box.pq-client-style-1:hover .pq-client-img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%) } .pq-client-box.pq-client-style-1:hover .pq-client-hover-img { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } .pq-client-box.pq-client-style-1 .pq-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 } /*================================================ Pricebox ================================================*/ .pq-pricebox-style-1 { background: var(--white-color); padding: 45px; } .pq-pricebox-style-1 .pq-price-detail { position: relative; font-family: var(--title-fonts); border-bottom: 1px solid var(--grey-color); padding-bottom: 30px; } .pq-pricebox-style-1 .pq-price-detail .pq-price-title { display: inline-block; width: 100%; margin-bottom: 5px; letter-spacing: 0.1em; color: var(--dark-color); text-transform: capitalize; font-size: 24px; line-height: 32px; font-weight: 600; } .pq-pricebox-style-1 .pq-price-detail .pricing-descripqion { margin-bottom: 0; } .pq-pricebox-style-1 .pq-price-detail .pq-price-media { margin: 20px 0 30px; } .pq-pricebox-style-1 .pq-price-media i { font-size: 64px; line-height: 72px; color: var(--primary-color); } .pq-pricebox-style-1 .pq-price-detail .price { font-size: 48px; line-height: 56px; display: inline-block; } .pq-pricebox-style-1 .pq-price-detail .pq-price-duration { margin-bottom: 0; font-size: 16px; font-weight: 600; display: inline-block; text-transform: capitalize; } .pq-pricebox-style-1 .pq-list-info { margin: 0; padding: 15px 0 0px 0; } .pq-pricebox-style-1 .pq-list-info li { list-style: none; line-height: 45px; } .pq-pricebox-style-1 .pq-button { margin-top: 30px; } .pq-pricebox-style-2 { background: var(--grey-color); padding-bottom: 45px; } .pq-pricebox-style-2 .pq-price-detail { background: var(--dark-color); padding: 30px; position: relative; font-family: var(--title-fonts); } .pq-pricebox-style-2.active .pq-price-detail { background: var(--primary-color); } .pq-pricebox-style-2 .pq-price-detail .pq-price-title { display: inline-block; width: 100%; margin-bottom: 15px; letter-spacing: 0.1em; color: var(--white-color); font-family: var(--title-fonts); text-transform: capitalize; font-size: 24px; font-weight: 600; line-height: 32px; } .pq-pricebox-style-2 .pq-price-detail .pricing-descripqion { margin-bottom: 0; } .pq-pricebox-style-2 .pq-price-media i { font-size: 100px; line-height: 108px; color: rgb(255 255 255 / 10%); position: absolute; right: 15px; bottom: 15px; } .pq-pricebox-style-2 .pq-price-detail .price { font-size: 48px; line-height: 56px; display: inline-block; color: var(--white-color); } .pq-pricebox-style-2 .pq-price-detail .pq-price-duration { margin-bottom: 0; font-size: 16px; display: inline-block; color: var(--white-color); text-transform: capitalize; } .pq-pricebox-style-2 .pq-list-info { margin: 0; padding: 30px; } .pq-pricebox-style-2 .pq-list-info li { list-style: none; line-height: 45px; display: flex; align-items: center; justify-content: space-between; } .pq-pricebox-style-2 .pq-list-info li i { margin-left: 30px; color: var(--primary-color); } /*================================================ Testimonial ================================================*/ .pq-testimonial-box-1 { background: var(--grey-color); padding: 60px 45px; } .pq-testimonial-box-1 .pq-testimonial-media { display: flex; position: relative; align-items: center; margin-left: 60px; } .pq-testimonial-box-1 .pq-testimonial-media .pq-testimonial-img { margin-right: 15px; } .pq-testimonial-box-1 .pq-testimonial-media .pq-testimonial-img img { width: 80px; height: 80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .pq-testimonial-box-1 .pq-testmonial-title { font-size: 22px; line-height: 30px; } .pq-testimonial-box-1 .pq-testimonial-media .pq-testimonial-meta span { color: var(--primary-color); letter-spacing: 0.1em; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--title-fonts); text-transform: uppercase; } .pq-testimonial-box-1 .pq-testimonial-content { display: flex; } .pq-testimonial-box-1 .pq-testimonial-content .pq-testimonial-icon { margin-right: 30px; } .pq-testimonial-box-1 .pq-testimonial-content .pq-testimonial-icon i { color: var(--primary-color); font-size: 36px; line-height: 44px; -webkit-text-stroke: 2px var(--primary-color); } .pq-testimonial-media.d-flex { margin: 45px 0 0 45px; } .pq-testimonial-box-2 { background: var(--white-color); padding: 0 30px 45px 30px; margin-top: 45px; } .pq-testimonial-box-2 .pq-testimonial-media { margin-bottom: 20px; } .pq-testimonial-box-2 .pq-testimonial-media .pq-testimonial-img { position: relative; display: inline-block; margin-top: -45px; } .pq-testimonial-box-2 .pq-testimonial-media .pq-testimonial-img img { width: 100px; height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .pq-testimonial-box-2 .pq-testimonial-media .pq-testimonial-icon { position: absolute; right: 0; bottom: 0; } .pq-testimonial-box-2 .pq-testimonial-media .pq-testimonial-icon i { width: 24px; height: 24px; background: var(--primary-color); color: var(--white-color); font-size: 10px; line-height: 24px; border-radius: 100%; } .pq-testimonial-box-2 .pq-testmonial-title { font-size: 22px; line-height: 30px; } .pq-testimonial-box-2 .pq-testimonial-meta span { color: var(--primary-color); letter-spacing: 0.1em; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--title-fonts); text-transform: uppercase; } .pq-testimonial-box-2 .pq-testimonial-content .pq-testimonial-description { margin-top: 5px; margin-bottom: 20px; } .pq-testimonial-star i { color: #FFB425; } .testimonal-3 { padding: 130px 0 390px 0; } /*================================================ Fancybox ================================================*/ .pq-fancy-box-1 { background: var(--white-color); padding: 45px 30px; position: relative; } .pq-fancy-box-1 .pq-icon { position: relative; font-size: 64px; line-height: 72px; margin-bottom: 15px; display: inline-block; margin-left: 15px; } .pq-fancy-box-1 .pq-icon:before { content: ""; position: absolute; top: -10px; left: -15px; display: inline-block; width: 45px; height: 45px; background: var(--primary-color); border-radius: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease; } .pq-fancy-box-1:hover .pq-icon:before { -webkit-transform: scale(1.2); transform: scale(1.2); } .pq-fancy-box-1 .pq-icon i { position: relative; z-index: 9; color: var(--dark-color); } .pq-fancy-box-1 .pq-right-icon { font-size: 100px; line-height: 100px; position: absolute; right: 0; bottom: 0; visibility: hidden; opacity: 0; color: var(--primary-color); transition: all 0.5s ease; } .pq-fancy-box-1:hover .pq-right-icon { visibility: visible; opacity: 0.2; right: 15px; } .pq-fancy-box-1 .pq-fancy-box-info { position: relative; } .pq-fancy-box-1 .pq-fancy-box-info .pq-fancy-box-title { font-size: 22px; line-height: 30px; } .pq-fancy-box-1 .pq-fancy-box-info .pq-fancybox-description { margin-bottom: 15px; } .pq-whitout-bg .pq-fancy-box-2 .pq-fancy-box-hoverbg:before { display: none; } .pq-whitout-bg .pq-fancy-box-2 .pq-fancy-box-title { color: var(--dark-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-icon i { color: var(--primary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-fancybox-description { color: var(--secondary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-button.pq-btn-link { color: var(--primary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-button.pq-btn-link .pq-btn-text:after, .pq-whitout-bg .pq-fancy-box-2 .pq-button.pq-btn-link .pq-btn-text:before { background: var(--primary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-fancy-box-content { padding-top: 0; margin-top: 15px; border-top: none; } .pq-whitout-bg .pq-fancy-box-2 { background-color: var(--white-color); } .pq-fancy-box-2 { padding: 45px 30px; transition: all 0.5s ease; background: var(--grey-color); overflow: hidden; position: relative; } .pq-fancy-box-2 .pq-fancy-box-hoverbg img { width: 100%; height: 100%; } .pq-fancy-box-2 .pq-fancy-box-hoverbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background-position: top center; background-size: cover; } .pq-fancy-box-2 .pq-fancy-box-hoverbg:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; background: var(--primary-color); opacity: 0.9; transform-origin: 0 0; transform: scaleX(0); transition: 0.5s ease-in-out; } .pq-fancy-box-2:hover .pq-fancy-box-hoverbg:before { opacity: 0.9; transform: scaleX(1); transition: 0.5s ease-in-out; } .pq-fancy-box-2:hover .pq-fancy-box-hoverbg { opacity: 1; } .pq-fancy-box-2 .pq-fancy-box-info { position: relative; } .pq-fancy-box-2 .pq-fancy-box-content { padding-top: 15px; margin-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .pq-fancy-box-2:hover .pq-fancy-box-content { border-color: #cdef9c47; } .pq-fancy-box-2 .pq-icon i { font-size: 64px; line-height: 72px; transition: all 0.5s ease; display: inline-block; color: var(--primary-color); } .pq-fancy-box-2:hover .pq-icon i { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); color: var(--white-color); } .pq-fancy-box-2:hover .pq-fancybox-link, .pq-active .pq-fancy-box-2 .pq-fancybox-link { color: var(--white-color); border-color: var(--white-color); } .pq-fancy-box-2 .pq-fancy-box-title { color: var(--dark-color); text-transform: capitalize; margin-top: 15px; font-size: 22px; line-height: 30px; 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; } .pq-fancy-box-2 .pq-fancybox-description { margin-bottom: 15px; 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; } .pq-fancy-box-2 .pq-fancy-box-info .pq-button { transition: none; 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; } .pq-fancy-box-2:hover .pq-fancy-box-title { color: var(--white-color); } .pq-fancy-box-2:hover .pq-fancybox-description { color: var(--white-color); } .pq-fancy-box-2:hover .pq-btn.pq-button-link:hover .pq-btn-text:before { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1); -moz-transition: -moz-transform .5s cubic-bezier(.86, 0, .07, 1); transition: transform .5s cubic-bezier(.86, 0, .07, 1); } .pq-fancy-box-2:hover .pq-button.pq-btn-link { color: var(--white-color); } .pq-fancy-box-2:hover .pq-button.pq-btn-link .pq-btn-text:after, .pq-fancy-box-2:hover .pq-button.pq-btn-link .pq-btn-text:before { background: var(--white-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-fancy-box-hoverbg:before { display: none; } .pq-whitout-bg .pq-fancy-box-2 .pq-fancy-box-title { color: var(--dark-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-icon i { color: var(--primary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-fancybox-description { color: var(--secondary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-button.pq-btn-link { color: var(--primary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-button.pq-btn-link .pq-btn-text:after, .pq-whitout-bg .pq-fancy-box-2 .pq-button.pq-btn-link .pq-btn-text:before { background: var(--primary-color); } .pq-whitout-bg .pq-fancy-box-2 .pq-fancy-box-content { padding-top: 0; margin-top: 15px; border-top: none; } .pq-fancy-box-3 { background: var(--white-color); padding: 45px 30px; position: relative; z-index: 9; } .pq-fancy-box-3 .pq-icon { margin-bottom: 15px; } .pq-fancy-box-3 .pq-icon i { font-size: 64px; line-height: 72px; transition: all 0.5s ease; display: inline-block; color: var(--primary-color); } .pq-fancy-box-3 .pq-right-icon { font-size: 100px; line-height: 100px; position: absolute; opacity: 0.1; right: 20px; top: 20px; color: var(--primary-color); transition: all 0.5s ease; } .pq-fancy-box-3:hover .pq-right-icon { right: 30px; } .pq-fancy-box-3 .pq-fancy-box-info .pq-fancy-box-title { font-size: 24px; line-height: 32px; } .pq-fancy-box-3 .pq-fancy-box-info .pq-fancybox-description { margin-top: 5px; margin-bottom: 0; } .pq-service3-main-box { margin-top: -50px; margin-bottom: 0; padding: 0 0 130px 0; } .pq-fancy-box-4 { padding: 60px; } .pq-fancy-box-4 .pq-icon { margin-bottom: 10px; } .pq-fancy-box-4 .pq-icon i { font-size: 64px; line-height: 72px; color: var(--primary-color); } .pq-fancy-box-4 .pq-fancy-box-info .pq-fancy-box-title { font-size: 24px; line-height: 32px; } .pq-fancy-box-4 .pq-fancy-box-info .pq-fancy-box-subtitle { color: var(--primary-color); letter-spacing: 0.1em; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--title-fonts); text-transform: uppercase; margin-bottom: 5px; } .pq-fancy-box-4 .pq-fancy-box-info .pq-fancybox-description { margin-top: 10px; margin-bottom: 0; } .pq-fancy-box-4.text-center.pq-fancy-bg-color { background-color: var(--primary-color); } .pq-fancy-box-4.text-center.pq-fancy-bg-grey{ background-color: var(--grey-color); } .pq-fancy-box-4.pq-fancy-bg-color .pq-icon i, .pq-fancy-box-4.pq-fancy-bg-color .pq-fancy-box-info .pq-fancy-box-title, .pq-fancy-box-4.pq-fancy-bg-color .pq-fancy-box-subtitle, .pq-fancy-box-4.pq-fancy-bg-color .pq-fancy-box-content .pq-fancybox-description { color: var(--white-color); } .pq-fancy-box-5 { display: flex; align-items: flex-start; background: var(--white-color); } .pq-fancy-box-5 .pq-fancy-box-media { font-size: 64px; line-height: 72px; height: 94px; width: 94px; text-align: center; color: var(--white-color); background-color: var(--primary-color); padding: 15px; position: relative; margin-right: 15px; } .pq-fancy-box-5 .pq-fancy-box-media i:after { content: ''; position: absolute; top: 4px; left: 100%; margin: auto; width: 30px; height: 50px; clip-path: polygon(100% 48%, 0 0, 0 100%); background-color: var(--primary-color); font-weight: 600; } .pq-fancy-box-5 .pq-fancy-box-media .pq-icon { position: relative; } .pq-fancy-box-5 .pq-fancy-box-info { margin-left: 20px; } .pq-fancy-box-5 .pq-fancy-box-info .pq-fancy-box-title { font-size: 24px; line-height: 32px; margin-bottom: 5px; position: relative; font-weight: 600; } .pq-fancy-box-5 .pq-fancy-box-info .pq-fancy-box-content p.pq-fancybox-descripqion { margin-top: 5px; margin-bottom: 10px; } .pq-fancy-box-5 .pq-button.pq-btn-link { color: var(--dark-color); } .pq-fancy-box-5 .pq-button.pq-btn-link .pq-btn-text:after, .pq-fancy-box-5 .pq-button.pq-btn-link .pq-btn-text:before { background: var(--dark-color); } .pq-fancy-box-5 { flex-direction: row-reverse; text-align: right; } .pq-fancy-box-5 .pq-fancy-box-media { margin-right: 0; margin-left: 15px; } .pq-fancy-box-5 .pq-fancy-box-info { margin-left: 0; margin-right: 20px; } .pq-fancy-box-5 .pq-fancy-box-media i:after { clip-path: polygon(0 48%, 100% 100%, 100% 0); left: inherit; right: 100%; } .pq-fancy-box-5.pq-service-box3 { margin: 90px 0 0 0; } /*================================================ Process Step ================================================*/ .pq-process-1 { padding: 0 30px; position: relative; } .pq-process-1 .pq-process-img { position: relative; } .pq-process-1 .pq-process-img img { border-radius: 50%; position: relative; } .pq-process-1 .pq-process-img .pq-process-number { position: absolute; left: 50%; bottom: -5%; transform: translateX(-50%); border-radius: 50%; background: var(--primary-color); font-size: 18px; color: var(--white-color); height: 45px; width: 45px; text-align: center; line-height: 45px; display: inline-block; } .pq-process-1 .pq-process-info { display: inline-block; width: 100%; margin-top: 30px; } .pq-process-1 .pq-process-info p { margin-top: 5px; margin-bottom: 0; } .pq-process-1 .pq-button { display: none; } .pq-process-1 .pq-before-img { position: absolute; top: 50%; right: -15%; margin-top: -85px; height: 37px; } .pq-process-2 { position: relative; z-index: 1; padding: 10px 0 10px; } .pq-process-2 .pq-process-item { position: relative; display: flex; align-items: center; padding: 15px; } .pq-process-2 .pq-process-image-content { display: flex; flex-direction: column; flex-basis: content; align-items: center; } .pq-process-2 .pq-process-img { width: 45px; height: 45px; line-height: 45px; background-color: var(--primary-color); color: var(--white-color); position: relative; font-size: 20px; transition: all 0.5s; border-radius: 50%; text-align: center; } .pq-process-2 .pq-process-img:before { content: ''; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: all 0.4s ease; width: 75px; height: 75px; line-height: 75px; transform: translate(-50%, -50%); background: var(--primary-color); opacity: 0.2; } .pq-step-before-none .pq-process-2 .pq-process-image-curve .pq-process-image-curve-inner:before { display: none; } .pq-process-2 .pq-process-item:hover .pq-process-img:before { width: 65px; height: 65px; } .pq-process-2 .pq-process-img .pq-process-number { font-size: 22px; } .pq-process-2 .pq-process-image-curve .pq-process-image-curve-inner { position: relative; } .pq-process-2 .pq-process-image-curve .pq-process-image-curve-inner:before { position: absolute; left: 0; right: 0; top: 25px; width: 2px; height: 20px; bottom: 0; content: ''; display: block; border-radius: 0; background: var(--primary-color); } .pq-process-2 .pq-process-image-curve .pq-process-image-curve-inner.pq-last-line:before { display: none; } .pq-process-2 .pq-process-info { flex-grow: 1; flex-basis: 50%; color: var(--white-color); margin: 0 20px 0 40px; } .pq-process-2 .pq-process-item.item_show .pq-process-content { opacity: 1; transform: translateX(0); color: var(--white-color); } .pq-process-2 .pq-process-info .pq-process-title { font-size: 22px; color: var(--white-color); } .pq-process-2 .pq-process-description p { margin-bottom: 0; } .pq-process-3 { background: var(--grey-color); padding: 45px 30px; position: relative; } .pq-process-3 .pq-process-icon i { font-size: 64px; line-height: 72px; color: var(--primary-color); } .pq-process-3 .pq-process-number { position: absolute; right: 30px; top: 45px; font-size: 52px; line-height: 60px; color: var(--dark-color); opacity: 0.1; font-family: var(--title-fonts); font-weight: 600; -webkit-text-stroke: 1px; } .pq-process-3 .pq-process-info { margin-top: 15px; } .pq-process-3 .pq-process-title { font-size: 22px; line-height: 30px; } .pq-process-3 .pq-process-info p { margin-top: 5px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 20px; } /*================================================ Progressbar ================================================*/ .pq-progressbar-box-1 .pq-progressbar-content { padding-bottom: 20px; display: inline-block; float: left; width: 100%; } .pq-progressbar-box-1 .pq-progressbar-content .sonny_progressbar { margin-bottom: 0; } .pq-progressbar-box-1 .pq-progressbar-content .bar-container { height: 12px; } .pq-progressbar-box-1 .pq-progressbar-content:last-child { margin-bottom: 0; } .pq-progressbar-box-1 .progress-title { margin: 0; font-size: 16px; line-height: 24px; font-family: var(--title-fonts); color: var(--dark-color); font-weight: 600; text-transform: capitalize; } .pq-progressbar-box-1 .progress-value { color: var(--dark-color); margin: 0; float: right; font-size: 16px; line-height: 24px; font-weight: 600; } .pq-progressbar-box-1 .pq-progress-bar { display: inline-block; width: 100%; padding: 0; background: var(--grey-color); float: left; margin-top: 5px; } .pq-progressbar-box-1 .pq-progress-bar span { display: inline-block; background: var(--grey-color); float: left; } .pq-progressbar-box-1 .pq-progressbar-content .pq-progress-bar span { height: 10px; line-height: 10px; background: var(--grey-color); } .pq-progressbar-box-1 .pq-progress-bar .bar { background-color: #7FB82D !important; } .pq-progressbar-box-1 { margin: 30px 0 0 0; } /*================================================ Counter ================================================*/ .pq-counter.pq-counter-1 .pq-counter-contain .pq-counter-media i { font-size: 80px; line-height: 88px; color: var(--primary-color); } .pq-counter.pq-counter-1 .pq-counter-contain .pq-counter-info .timer { font-size: 40px; line-height: 48px; display: inline-block; margin-top: 10px; } .pq-counter.pq-counter-1 .pq-counter-contain .pq-counter-info .pq-counter-prefix { color: var(--dark-color); font-size: 44px; line-height: 52px; font-weight: 600; } .pq-counter.pq-counter-1 .pq-counter-contain .pq-counter-info h5.pq-counter-title { font-size: 22px; line-height: 28px; display: inline-block; margin-top: 10px; margin-bottom: 5px; } .pq-counter.pq-counter-1 .pq-counter-contain .pq-counter-info p { margin-bottom: 0; } .pq-about-counter-box:not(:last-child) { margin: 0px 15px 30px 15px; padding: 0px 0px 20px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #22222229; } .pq-counter.pq-style-2 .pq-counter-contain .pq-counter-info .timer { font-size: 44px; line-height: 52px; display: inline-block; } .pq-counter.pq-style-2 .pq-counter-contain .pq-counter-info .pq-counter-prefix { color: var(--dark-color); font-size: 44px; line-height: 52px; font-weight: 600; } .pq-counter.pq-style-2 .pq-counter-contain .pq-counter-info h5.pq-counter-title { margin-top: 5px; letter-spacing: 0.1em; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--title-fonts); text-transform: uppercase; } .counter.pq-bg-color.pq-bg-img { padding-top: 60px; padding-bottom: 60px; } .counter.pq-bg-color.pq-bg-img .pq-counter-contain .pq-counter-info .pq-counter-prefix, .counter.pq-bg-color.pq-bg-img .pq-counter-contain .pq-counter-info .pq-counter-num-prefix .timer, .counter.pq-bg-color.pq-bg-img .pq-counter-contain .pq-counter-info h5.pq-counter-title { color: var(--white-color); } /*================================================ Portfolio ================================================*/ .pq-section-description.pq-protfolio-descrition { margin-top: 40px; } .pq-main-portfoliobox { margin-top: 30px; margin-bottom: 0px; padding: 0px 0px 0px 0px; } .pq-portfoliobox-2 { position: relative; overflow: hidden; display: inline-block; width: 100%; float: left; 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; } .pq-portfoliobox-2 .pq-portfolio-img img { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease; } .pq-portfoliobox-2 .pq-portfolio-img { position: relative; } .pq-portfoliobox-2 .pq-portfolio-img:before { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; display: inline-block; z-index: 9; background: var(--primary-color); opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pq-portfoliobox-2:hover .pq-portfolio-img:before { opacity: 0.9; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pq-portfoliobox-2 .pq-portfolio-info span { font-family: var(--title-fonts); font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white-color); } .pq-portfoliobox-2:hover .pq-portfolio-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pq-portfoliobox-2 .pq-portfolio-info { margin: auto; position: absolute; bottom: 45px; z-index: 10; left: 45px; opacity: 0; background: transparent; text-align: left; color: var(--white-color); display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; 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; } .pq-portfoliobox-2:hover .pq-portfolio-info { opacity: 1; z-index: 10; } .pq-portfoliobox-2 .pq-portfolio-info .pq-portfolio-link a { color: var(--white-color); font-family: var(--title-fonts); font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; } .pq-portfoliobox-2 .pq-portfolio-info h5 a { color: var(--white-color); font-weight: 600; font-size: 26px; line-height: 34px; } .pq-portfoliobox-2 .pq-portfolio-info h5 a:hover { color: var(--white-color); text-decoration: none } .pq-portfoliobox-2 .pq-portfolio-icon { position: absolute; top: 30px; right: 30px; width: 60px; height: 60px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; justify-content: center; transform: scale(1); opacity: 0; transition: all 300ms linear 0s; } .pq-portfoliobox-2:hover .pq-portfolio-icon { opacity: 1; transform: scale(1); z-index: 9; } .pq-portfoliobox-2 .pq-portfolio-icon i { display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 40px; background-color: var(--white-color); align-items: center; justify-content: center; } .pq-portfoliobox-2 .pq-portfolio-icon i { position: relative; padding: 12px; color: var(--primary-color); line-height: normal; } .pq-portfoliobox-2 .pq-portfolio-icon i { color: var(--white-color); background-color: #222222; } .pq-portfoliobox-2 .pq-portfolio-icon img { width: 35px; height: 35px; padding: 10px; background: var(--dark-color); } .pq-portfoliobox .owl-nav { position: absolute; margin-top: 0; text-align: center; left: -76.5%; top: 75%; } .pq-portfoliobox .owl-carousel .owl-nav button { background: var(--white-color); color: var(--dark-color) !important; border: 1px solid #88888838; } .pq-portfoliobox .owl-carousel .owl-nav button:hover { background: var(--primary-color); color: var(--white-color) !important; border: 1px solid var(--primary-color); } .pq-portfoliobox-1 { position: relative; overflow: hidden; display: inline-block; width: 100%; float: left; 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; } .pq-portfoliobox-1 .pq-portfolio-img img { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease; } .pq-portfoliobox-1 .pq-portfolio-img { position: relative; } .pq-portfoliobox-1 .pq-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; -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; } .pq-portfoliobox-1:hover .pq-portfolio-img:before { opacity: 0.01; } .pq-portfoliobox-1 .pq-portfolio-info span { font-family: var(--title-fonts); font-weight: 400; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--primary-color); } .pq-portfoliobox-1:hover .pq-portfolio-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pq-portfoliobox-1 .pq-portfolio-info { padding: 15px 20px; padding-bottom: 20px; position: absolute; bottom: 5%; z-index: 2; left: 5%; width: 90%; opacity: 0; background: var(--white-color); text-align: left; color: var(--white-color); 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; transform: translateY(30px); -moz-transform: translate(30px); -webkit-transform: translate(30px); -o-transform: translate(30px); -ms-transform: translate(30px); transform: translateY(30px); } .pq-portfoliobox-1:hover .pq-portfolio-info { opacity: 1; z-index: 99; transform: translateY(0); -moz-transform: translate(0); -webkit-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); transform: translateY(0); } .pq-portfoliobox-1 .pq-portfolio-info .pq-portfolio-link a { font-family: var(--title-fonts); font-weight: 400; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--primary-color); letter-spacing: 0.1em; } .pq-portfoliobox-1 .pq-portfolio-info h5 a { color: var(--dark-color); font-weight: 600; } .pq-portfoliobox-1 .pq-portfolio-info h5 a:hover { color: var(--primary-color); text-decoration: none } .pq-portfoliobox-1 .pq-portfolio-icon { position: absolute; top: 30px; right: 30px; width: 60px; height: 60px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; justify-content: center; transform: scale(0); opacity: 0; transition: all 300ms linear 0s; } .pq-portfoliobox-1:hover .pq-portfolio-icon { opacity: 1; transform: scale(1); z-index: 99; } .pq-portfoliobox-1 .pq-portfolio-icon i { display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 40px; background-color: var(--white-color); align-items: center; justify-content: center; } .pq-portfoliobox-1 .pq-portfolio-icon i { position: relative; padding: 12px; color: var(--white-color); line-height: normal; background-color: var(--dark-color); } .pq-portfoliobox-1 .pq-portfolio-icon img { width: 35px; height: 35px; padding: 10px; background: var(--white-color); } .pq-main-portfoliobox-1.pq-bg-primary { padding: 130px 60px 130px 0; } .pq-main-images-box { margin: 0 0 0 -60px; } .pq-project-description { padding: 0 90px 0 60px; } /*===== portfolio single =====*/ .pq-portfolio-info-box { display: inline-block; width: 100%; } .pq-porfolio-info-header h5 { font-size: 32px; line-height: 40px; margin-bottom: 0; } .pq-porfolio-info .pq-info-list { margin: 0; padding: 0; } .pq-porfolio-info .pq-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%; } .pq-porfolio-info .pq-info-list li h5 { display: inline-block; font-size: 16px; line-height: 24px; font-weight: 600; } .pq-porfolio-info .pq-info-list li span { float: right; color: var(--primary-color); text-transform: capitalize; } .Projects-dts .pq-portfolio-block .pq-portfolio-info { padding-bottom: 0; } .pq-porfolio-info .pq-info-list li:last-child { border-bottom: none; } ul.pq-portfolio-single-list-item li:not(:last-child) { padding-bottom: calc(5px/2); } ul.pq-portfolio-single-list-item li:not(:first-child) { margin-top: calc(5px/2); } p.pq-portfolio-single-discription { margin-bottom: 30px; } .pq-portfolio-single-list { margin: 0 0 30px 0; } .pq-portfolio-single-img, .pq-portfolio-single-img2 { margin-bottom: 30px; } h4.pq-portfolio-single-title, h4.pq-portfolio-single-img2-title { margin: 0 0 5px 0; } /*================================================= isotope Portfolio =================================================*/ .pq-grid-item.visible_item, .pq-masonry-item.visible_item { display: none } .pq-filters .pq-filter-button-group ul { margin: 0 0 45px; padding: 0; display: inline-block; width: 100%; text-align: center; } .pq-filters .pq-filter-button-group ul li { font-size: 14px; line-height: 22px; font-family: var(--title-fonts); font-weight: 600; letter-spacing: 0.1em; list-style: none; text-transform: uppercase; color: var(--dark-color); 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; } .pq-filters .pq-filter-button-group ul li:last-child { margin-bottom: 0; } .pq-filters .pq-filter-button-group ul li:hover { background: var(--primary-color); color: var(--white-color); } .pq-filters .pq-filter-button-group ul li.active, .pq-filters .pq-filter-button-group ul li.active:hover { background: var(--primary-color); color: var(--white-color); } .pq-grid { display: inline-block; width: 100%; float: left; } .pq-grid-item { float: left; } .pq-grid:after { content: ''; display: block; clear: both; } .pq-col-3 { width: 25%; padding: 0 15px 30px; } .pq-col-6 { width: 50%; padding: 0 15px 30px; } .pq-col-4 { width: 33.33%; padding: 0 15px 30px; } .pq-grid.no-padding .pq-grid-item, .pq-masonry.no-padding .pq-masonry-item { padding: 0; } .pq-btn-load-container { margin-top: 45px; display: inline-block; width: 100%; } .pq-masonry { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pq-masonry .ipt-lg-6 { width: 50%; padding: 0 15px 30px; } .pq-masonry .ipt-lg-3 { width: 25%; padding: 0 15px 30px; } .pq-masonry.no-padding .ipt-lg-6, .pq-masonry.no-padding .ipt-lg-3 { padding: 0; } .pq-grid-item { float: left; } .contact-container { padding: 60px 30px 60px 30px; background-color: var(--grey-color); } .contact-icon-box { text-align: center; } .contact-icon i { background-color: var(--primary-color); color: var(--white-color); font-size: 40px; line-height: 80px; display: inline-block; border-radius: 50%; transition: all 0.5s ease-in-out; width: 80px; height: 80px; } .contact-icon i:hover{ background-color: var(--dark-color); } .contact-icon-box-content { margin-top: 15px; } .contact-icon-box-content .contact-icon-box-title{ margin-bottom: 5px; } /*================================================ Timelines ================================================*/ .pq-timelines .cntl-icon { font-family: var(--title-fonts); font-weight: 600; font-size: 20px; background: var(--dark-color); border-color: var(--primary-color); line-height: 70px; } .pq-timelines .cntl-bar { box-shadow: none; background: var(--primary-color); width: 5px; border-radius: 5px; } .pq-timelines .cntl-bar-fill { background: var(--primary-color); } .pq-timelines .cntl-content { padding: 30px; background: var(--grey-color); border-color: var(--primary-color); } .pq-timelines .cntl-content p { margin-bottom: 0; } .pq-timelines .cntl-content h4 { font-weight: 600; font-size: 26px; line-height: 32px; } .pq-timelines .cntl-image { padding: 0; } /*================================================== FAQ ====================================================*/ .pq-accordion-block .pq-accordion-box { background: var(--white-color); margin-bottom: 30px; position: relative; } .pq-accordion-block .pq-accordion-box:last-child { margin-bottom: 0; } .pq-accordion-block .pq-accordion-box .pq-ad-title { background: var(--grey-color); border: 1px solid var(--grey-color); padding: 15px 30px; cursor: pointer; position: relative; } .pq-accordion-block .pq-accordion-box .pq-ad-title .ad-title-text { font-size: 18px; line-height: 26px; } .pq-accordion-block .pq-accordion-box .pq-ad-title i { position: absolute; top: 20px; right: 30px; opacity: 1; color: var(--dark-color); font-size: 16px; } .pq-accordion-block .pq-accordion-box .pq-ad-title i.inactive { opacity: 0; } .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; opacity: 0; color: var(--dark-color); } .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i.inactive { opacity: 1; } .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title i { color: var(--white-color); } .pq-accordion-block .pq-accordion-box .pq-accordion-details { padding: 15px 30px; border-top: 0; } .pq-faq2-info { margin-top: 45px; margin-bottom: 0; } .pq-accordion-block .pq-accordion-box .pq-accordion-details p { margin-bottom: 0; } .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title { background: var(--primary-color); border: 1px solid var(--primary-color); } .pq-accordion-block .pq-accordion-box.pq-active .pq-ad-title .ad-title-text { color: var(--white-color); } /*================================================ Classes Box ================================================*/ .pq-class-box-1 .pq-class-box-media{ overflow: hidden; position: relative; } .pq-class-box-1 .pq-class-box-media:before{ content: ""; position: absolute; width: 100%; height: 100%; display: inline-block; z-index: 9; background: var(--primary-color); opacity: 0; transform-origin: 0 0; transform: scaleX(0); transition: all 0.5s ease-in-out; } .pq-class-box-1 .pq-class-box-media img{ width: 100%; transform: scale(1); transition: all 0.5 ease-in-out; } .pq-class-box-1 .pq-class-box-info{ padding: 30px; background-color: var(--grey-color); } .pq-class-box-1 .pq-class-box-info .pq-class-box-title{ font-size: 22px; line-height: 30px; margin-bottom: 5px; } .pq-class-box-1 .pq-class-box-info .pq-class-box-subtitle{ text-transform: capitalize; display: inline-block; color: var(--primary-color); margin-bottom: 15px; font-size: 14px; line-height: 22px; } .pq-class-box-1 .pq-class-box-info .pq-class-box-subtitle i{ margin-right: 10px; } .pq-class-box-1 .pq-class-box-name{ margin-left: 5px; } .pq-class-box-1 .pq-class-box-description{ margin-bottom: 15px; } .pq-class-box-1:hover .pq-class-box-media:before{ opacity: 0.9; transform: scale(1); } /*================================================ Blog Single Post ================================================*/ .pq-single-post-bottom-holder { margin: 0; padding: 0 0 45px; display: flex; align-items: center; justify-content: space-between; align-content: center; } .pq-single-post-bottom-holder .pq-single-post-tags { display: flex; align-items: center; } .pq-single-post-bottom-holder .pq-single-post-tags-title { font-size: 18px; line-height: 26px; font-family: var(--title-fonts); color: var(--dark-color); text-transform: capitalize; font-weight: 600; display: inline-block; } .pq-single-post-bottom-holder ul.pq-single-post-tags-list { margin: 0; padding: 0; list-style: none; display: inline-block; } .pq-single-post-bottom-holder ul.pq-single-post-tags-list li { margin: 0 0 0 8px; padding: 0; list-style: none; display: inline-flex; } .pq-single-post-bottom-holder ul.pq-single-post-tags-list li a { font-size: 14px; text-transform: capitalize; margin: 0; display: inline-block; float: left; color: var(--dark-color); padding: 4px 10px; border: 1px solid var(--grey-color); background: 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; } .pq-single-post-bottom-holder ul.pq-single-post-tags-list li a:hover { border-color: var(--dark-color); background: var(--dark-color); color: var(--white-color); } .pq-single-post-bottom-holder .pq-single-post-social-title { font-size: 18px; line-height: 26px; font-family: var(--title-fonts); color: var(--dark-color); text-transform: capitalize; font-weight: 500; display: inline-block; } .pq-single-post-bottom-holder ul.pq-single-post-social-list { margin: 0; padding: 0; list-style: none; display: inline-flex; } .pq-single-post-bottom-holder ul.pq-single-post-social-list li { margin: 0 0 0 8px; padding: 0; list-style: none; } .pq-single-post-bottom-holder ul.pq-single-post-social-list li a { width: 45px; height: 45px; background: var(--grey-color); color: var(--dark-color); display: inline-block; text-align: center; line-height: 45px; } .pq-single-post-bottom-holder ul.pq-single-post-social-list li a:hover { background: var(--primary-color); color: var(--white-color); } .pq-single-post-navigation { margin: 0; padding: 0 0 45px; display: flex; align-items: center; justify-content: space-between; align-content: center; border-top: 1px solid var(--dark-grey-color); border-bottom: 1px solid var(--dark-grey-color); } .pq-single-post-navigation .pq-single-post-nav { position: relative; display: flex; align-items: center; width: 45%; } .pq-single-post-navigation .pq-single-post-nav.pq-next { justify-content: flex-end; } .pq-single-post-navigation .pq-single-post-nav.pq-prev .pq-single-post-nav-image-holder { margin-right: 30px; } .pq-single-post-navigation .pq-single-post-nav.pq-next .pq-single-post-nav-image-holder { margin-left: 30px; } .pq-single-post-navigation .pq-single-post-nav .pq-single-post-nav-image-holder img { height: 120px; max-width: 120px; } .pq-single-post-navigation .pq-single-post-nav.pq-next .pq-single-post-nav-content { text-align: right; } .pq-single-post-navigation .pq-single-post-nav-content .pq-single-post-nav-title h4 { font-size: 18px; line-height: 26px; word-break: break-all; } .pq-single-post-navigation .pq-single-post-nav-content .pq-single-post-nav-label { font-size: 14px; color: var(--primary-color); font-weight: 600; line-height: 22px; text-transform: uppercase; letter-spacing: 0.1em; } .pq-single-post-navigation .pq-single-post-nav:hover .pq-single-post-nav-content .pq-single-post-nav-title h4 { color: var(--primary-color); } /*===== Comments Box =====*/ .comment-respond { margin-top: 0; display: inline-block; width: 100%; } .pq-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 { margin-left: 30px; font-family: var(--title-fonts); font-weight: 600; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--primary-color); letter-spacing: 0.1em; } .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 .pq-comment-info { padding: 30px; border: 1px solid var(--grey-color); position: relative; background: var(--grey-color); } .commentlist ol.children { padding-left: 60px; } .commentlist .pq-comment-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .commentlist .pq-comment-avatar { padding-right: 15px; } .commentlist .pq-comment-avatar img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 90px; } .commentlist .pq-comment-box { position: relative; display: inline-block; width: 100%; } .commentlist .pq-comment-box .title:hover { text-decoration: none; color: var(--primary-color); } .commentlist .comment-content p { margin: 0; } .commentlist .pq-comment-info .reply a { position: absolute; right: 30px; top: 30px; margin: 0; font-family: var(--title-fonts); font-weight: 600; font-size: 14px; line-height: 22px; text-transform: uppercase; color: var(--primary-color); letter-spacing: 0.1em; } .commentlist .pq-comment-info .reply a:hover { color: var(--primary-color); text-decoration: none; } .no-comments, .comment-awaiting-moderation { font-style: italic; margin: 15px 0; } .comment-respond .comment-notes, .comment-respond .logged-in-as { padding: 0; margin: 0 0 30px; } /*================================================ Form ================================================*/ .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; } .comment-form-author input, .comment-form-email input, .comment-form-url input { background: var(--grey-color); } .comment-form-comment textarea { background: var(--grey-color); } /*about-section*/ .pq-main-about { margin: 0px 0px 0px 0px; padding: 0px 15px 0px 45px; } .pq-about-icon-list-text { font-family: var(--title-fonts); font-size: 18px; font-weight: 600; text-transform: capitalize; color: #222222; padding-left: 15px; } .pq-about-img-member { margin-right: 15px; } span.pq-about-testimonal-member-name { color: var(--primary-color); font-family: var(--body-fonts); font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 22px; letter-spacing: 1.6px; } .pq-about-box .pq-about-box-title { background-color: var(--primary-color); margin: 0px 0px 0px 0px; padding: 15px 45px 15px 45px; } .pq-about-box { text-align: center; width: 48%; position: absolute; bottom: 6px; } .pq-about1-img { position: relative; } .pq-about-box-title { color: #FFFFFF; font-family: var(--title-fonts); font-size: 24px; font-weight: 500; line-height: 32px; } .pq-about-item { margin-top: 30px; } ul.pq-icon-list-item { margin: 0; padding: 0; } .pq-about-item ul li { list-style: none; } span.pq-about-icon-list-icon { font-size: 24px; font-weight: 400; line-height: 32px; color: var(--primary-color); } li.pq-about-icon-list-item:not(:last-child) { padding-bottom: 5px; } li.pq-about-icon-list-item:not(:first-child) { margin-top: 5px; } ul li.pq-about-icon-list-item { display: flex; align-items: center; } .pq-main-about-img { margin-left: -170px; } .pq-about-img1 { margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; } .pq-about-img2 { margin-right: 30px; } .pq-section-title.pq-about-title, .pq-section-description.pq-about-description { color: var(--white-color); } .pq-dark-bg-side-right:before { content: ""; position: absolute; left: 35%; top: 0; z-index: -1; display: inline-block; width: 65%; height: 100%; background: var(--dark-color); } .pq-about-main-container { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; } .pq-about-counter-container { margin: 30px 0px 15px 0px; } .pq-button-container.pq-about-main-btn { margin: 30px 0 0 0; } .pq-about-us-img1 { position: relative; } .pq-about-us-img1 .pq-image2{ width: 75%; } .pq-about-us-img1 .pq-image3{ position: absolute; text-align: right; right: 5%; width: 50%; max-width: 100%; bottom: -1%; z-index: 1; border-style: solid; border-width: 10px 10px 10px 10px; border-color: #FFFFFF; border-radius: 5px 5px 5px 5px; } ul.pq-list-check.pq-about-us-check { margin: 30px 0 5px 0; } .pq-info-box1.d-flex { margin: 30px 30px 0px 0px; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #22222226; align-items: center; } .pq-info-box-icon { margin-right: 15px; margin-left: 0; } .pq-info-box-icon i { font-size: 50px; line-height: 58px; color: var(--primary-color); } .pq-info-box2.d-flex { margin: 30px 0px 0px 0px; padding: 0px 45px 0px 15px; align-items: center; } .pq-button-container.pq-about-btn { margin: 45px 0px 0px 0px; } .pq-service-link.text-center { margin-top: 45px; margin-bottom: 0; padding: 0; } .pq-main2-fancy-box-4, .pq-main2-fancy-box-5, .pq-main2-fancy-box-6 { margin-top: 30px; } /*services-img-section*/ .cta .pq-button-container { text-align: center; } /*skill-section*/ .pq-progressbar-img { margin: 0px -330px 0 0; } .pq-price-main-box { align-items: center; } /*diet-plan*/ .pq-about-info-box { display: flex; } .pq-about-info-box-icon { margin-right: 30px; } .pq-about-info-box-icon i { font-size: 42px; line-height: 50px; color: var(--white-color); background: var(--primary-color); display: inline-block; padding: 15px 20px; border-radius: 50%; } .pq-section-title-style-1.text-left.pq-diet-title { margin: 0 0 30px 0; } .pq-about-fancy-bg-color .pq-fancy-box-1 { background-color: var(--grey-color); } .cta { margin-top: -260px; } .cta.pq-bg-color.pq-bg-img { padding: 90px 0; } .cta .pq-button .pq-btn-cover .pq-btn-cover-bgrnd{ background-color: var(--primary-color); } h5.pq-section-title.pq-cta-title { color: var(--white-color); } /*================================================== List Check ==================================================*/ .pq-list-check { margin: 0; padding: 0; list-style: none; } .pq-list-check li { margin: 0; padding: 0; list-style: none; } .pq-list-check li:not(:last-child) { padding-bottom: 4px; } .pq-list-check li:not(:first-child) { margin-top: 4px; } .pq-list-check li i { color: var(--primary-color); margin-right: 10px; } .pq-list-check li span { font-family: var(--body-fonts); } /*---right space fullbg------*/ .pq-cta-img { margin-right: calc((100% - 1300px)/ 2); position: relative; } .pq-call-box .pq-call-title { font-size: 42px; line-height: 50px; margin-bottom: 5px; color: var(--white-color); } .pq-call-box .pq-call-discription { color: var(--white-color); } .pq-call-box p { margin-bottom: 0; } .pq-call-box .pq-call-info { margin-top: 20px; margin-bottom: 20px; font-size: 20px; font-weight: 500; color: var(--white-color); } .pq-call-box .pq-call-info span.pq-primary-text { margin: 0 15px; font-size: 18px; } .pq-call-box .pq-call-info span.pq-call-email { color: var(--white-color); font-size: 18px; } span.pq-call-number { color: var(--primary-color); } .pq-main-call-box { position: absolute; bottom: 0; width: 40%; background: var(--dark-color); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0px 0px 0px 0px; padding: 60px 20px 60px 130px; } /*service-bg-img*/ .pq-project-img1 { background-image: url(../images/service/9.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; width: auto; height: 100%; } .pq-project-img2 { background-image: url(../images/service/10.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; width: auto; height: 100%; } .pq-section-title.pq-project-title { color: var(--white-color); } .pq-mb-130 { margin-bottom: -130px; } .pq-pt-diet-130 { margin-top: 130px; } .pq-py-130 { padding: 130px 0; } .about-box .pq-fancy-box-1 { background-color: var(--grey-color); } /* Genel d�zenlemeler */ .portfolio__img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 100%; /* Kare sekli vermek i�in */ display: block; } .portfolio__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-in-out; } .portfolio__plus { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 50%; opacity: 0; transition: opacity 0.3s ease; } .portfolio__plus a { color: white; font-size: 24px; text-decoration: none; } .portfolio__img:hover .portfolio__plus { opacity: 1; } .portfolio__img:hover img { transform: scale(1.05); } /* Modal i�in stil */ .modal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; } .modal img { max-width: 90%; max-height: 90%; object-fit: contain; } /* Responsive tasarim */ @media (max-width: 768px) { .portfolio__img img { width: 100%; height: auto; } }