Server IP : 103.53.40.154 / Your IP : 3.145.57.41 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/sainicraneservice.in/../snackpoint.co.nz/js/../css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
/* Template: Millennium - Restaurant HTML Template Author: Peacefulqode.com Version: 1.1 Design and Developed by: Peaceful Qode NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*+++++++++++++++++++++++++++++++++++++++++++++++ [ Table of contents ] +++++++++++++++++++++++++++++++++++++++ ==> Moz Selection ==> General ==> Loading ==> Back to Top ==> Button Core ==> Blog Sidebar ==> Blog ==> Pagination ==> Error ==> isotope Portfolio ==> Header ==> Breadcrumb ==> Footer ==> OWL Carousel ==> Section Title ==> Service Box ==> Fancy Box ==> Portfoliobox ==> Counter ==> Team ==> Menu Price ==> Testimonialbox ==> Process Step ==> Rotate Animation ==> Progressbar ==> Advance Tab ==> Video Popup ==> FAQ ==> custom css ++++++++++++++++++++++++++++++++++++ [ End table content ] +++++++++++++++++++++++++++++++*/ /*================================================== [ Fonts ] ==================================================*/ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Miniver&display=swap'); /*================================================ /*+++++++++++++++++++++++++ Moz Selection ++++++++++++++++++++++*/ :root { /* --primary-color: #c6a87d; */ --primary-color: #758336; --secondary-color: #101418; --dark-color: #080b0e; --grey-color: #777777; --white-color: #ffffff; --text-color: #ffffffcc; --custom-bg-color: #13181c; --body-fonts: 'Josefin Sans', sans-serif; --title-fonts: 'Josefin Sans', sans-serif; --sub-title-fonts: 'Miniver', cursive; } ::-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(--secondary-color); font-family: var(--body-fonts); font-size: 18px; font-style: normal; font-weight: 300; line-height: 28px; color: var(--text-color); overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: var(--title-fonts); color: var(--white-color); font-style: normal; text-transform: capitalize; font-weight: 400; 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; } p { margin-bottom: 30px; } img { max-width: 100%; height: auto; } pre { background: var(--dark-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: 400; } /*+++++++++++++ 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: 1px solid var(--grey-color); width: 100%; margin-bottom: 20px; } table td, table th { border: 1px solid var(--grey-color); padding: 8px; text-align: center; } /*++++++++++Input Textarea +++++++++++++*/ input, input.form-control { background: transparent; border: 1px solid var(--white-color); color: var(--white-color); width: 100%; float: left; font-size: 16px; padding: 0 15px; height: 52px; line-height: 52px; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; 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; font-weight: 300; margin-bottom: 30px; color-scheme: dark; } input:focus, input:hover, textarea:focus, textarea:hover, .form-control:focus { border-color: var(--primary-color); outline: none; box-shadow: none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--white-color); } input[type="radio"], input[type="checkbox"] { width: auto; height: auto; float: none; margin-right: 5px; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } textarea { background: transparent; border: 1px solid var(--white-color); color: var(--white-color); width: 100%; float: left; padding: 10px 15px; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; 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; font-weight: 300; margin-bottom: 30px; } /*+++++++++++++ Select +++++++++++++++*/ select, select.form-control { border: 1px solid var(--white-color); color: var(--white-color); background: transparent; width: 100%; float: left; padding: 0 30px 0 15px; height: 51px; line-height: 48px; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; 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; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill=\'%23999999\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/><path d=\'M0 0h24v24H0z\' fill=\'none\'/></svg>'); background-repeat: no-repeat; background-position: right 16px bottom 50%; background-size: 20px 20px; font-weight: 300; font-size: 16px; } /*+++++++++++++Container +++++++++++++++*/ .container { max-width: 1300px; } /*+++++++++++++Section +++++++++++++++*/ section { padding: 60px 0; position: relative; } /*++++++++++++++Text meant only for screen readers ++++++++++++++++++++++*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 0px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: var(--grey-color); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 400; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .search-submit { background-color: transparent; border: none; padding: 0; font-size: 20px; position: absolute; text-align: center; color: var(--white-color) !important; line-height: 54px; height: 54px; width: 54px; top: 0; right: 0; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .search-submit:before { content: "\e610"; font-family: 'themify'; font-weight: 400; } .search-submit:hover { color: var(--primary-color) !important; background: transparent !important; outline: none; border: none; } /*+++++++++++++++++++++++++++++++++++++ Button Core ++++++++++++++++++++++++++++++++++++++++*/ [type="button"], [type="reset"], [type="submit"] { font-family: var(--title-fonts); overflow: inherit; position: relative; width: auto; background: transparent; border: 1px solid var(--white-color); color: var(--white-color); text-transform: capitalize; font-size: 14px; padding: 10px 30px; font-weight: 300; line-height: 2; vertical-align: middle; display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 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; font-size: 18px; font-weight: 300; height: auto; } [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover { color: var(--white-color); background: var(--primary-color); border: 1px solid var(--primary-color); } .pq-button { position: relative; width: auto; background: transparent; border: 1px solid var(--white-color); color: var(--white-color); padding: 10px 30px; line-height: 2; vertical-align: middle; display: inline-block; cursor: pointer; text-transform: capitalize; font-size: 18px; font-weight: 300; } .pq-button:hover, .pq-button:focus { background: var(--primary-color); color: var(--white-color); border: 1px solid var(--primary-color); } .pq-button .pq-button-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pq-button span { 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-button:hover .pq-button-text { -moz-transform: translate(45px, 0px); -webkit-transform: translate(45px, 0px); -o-transform: translate(45px, 0px); -ms-transform: translate(45px, 0px); transform: translate(45px, 0px); } .pq-button .pq-button-line-left { position: absolute; top: 50%; left: 0; margin-top: -1px; background: var(--white-color); width: 0; display: inline-block; height: 1px; vertical-align: middle; opacity: 0; } .pq-button:hover .pq-button-line-left { width: 30px; opacity: 1; -moz-transform: translate(30px, 0px); -webkit-transform: translate(30px, 0px); -o-transform: translate(30px, 0px); -ms-transform: translate(30px, 0px); transform: translate(30px, 0px); } .pq-button .pq-button-line-right { background: var(--white-color); width: 29px; display: inline-block; height: 1px; vertical-align: middle; opacity: 1; margin-left: 15px; } .pq-button:hover .pq-button-line-right { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } /*===== Button link =====*/ .pq-button.pq-btn-link { padding: 0; background: transparent; color: var(--primary-color); line-height: 1; border: none; } .pq-button.pq-btn-link .pq-button-line-left, .pq-button.pq-btn-link .pq-button-line-right { background: var(--primary-color); } .pq-button.pq-btn-link:hover .pq-button-line-left { -moz-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); -o-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); } /*===== Button link =====*/ .pq-button.pq-btn-outline { background: transparent; color: var(--primary-color); border: 1px solid var(--primary-color); } .pq-button.pq-btn-outline .pq-button-line-left, .pq-button.pq-btn-outline .pq-button-line-right { background: var(--primary-color); } /*================================================ Loading ================================================*/ #pq-loading { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: var(--secondary-color); } #pq-loading img { height: 60px; width: auto; } /*================================================ 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; } /*================================================ Blog Sidebar ================================================*/ .pq-menu-blog-search-block { margin-bottom: 30px; display: inline-block; width: 100%; float: left; position: relative; padding: 30px; background: var(--dark-color); } .pq-block-search.pq-block-search__button-inside .pq-block-search__inside-wrapper .pq-block-search__input { border: 1px solid var(--grey-color); border-radius: 3px; padding: 0 15px; } .pq-block-search .pq-block-search__inside-wrapper { position: relative; } .pq-block-search .pq-block-search__inside-wrapper .pq-block-search__input { border: 1px solid var(--grey-color); padding: 0 15px; margin-bottom: 0; } .pq-block-search .pq-block-search__button { 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: 22px; } .pq-block-search .pq-block-search__button:hover { background: transparent; color: var(--primary-color); outline: none; } .pq-sidebars ul li:not(:last-child) { margin: 0 0 10px 0; } .pq-sidebars ul li { list-style-type: none; } .pq-sidebars ul li a { color: var(--text-color); position: relative; word-wrap: break-word; padding: 0 0 0 15px; text-transform: capitalize; } .pq-sidebars ul li a:hover { color: var(--primary-color); } .pq-sidebars { margin-bottom: 30px; display: inline-block; width: 100%; float: left; position: relative; padding: 30px; background: var(--dark-color); } .pq-sidebars ul { padding-left: 0; margin-bottom: 0; } .pq-sidebars ul.pq-block-recent-post-list li>a:before, .pq-sidebars ul.pq-block-categories-list li>a:before, .pq-sidebars ul.pq-block-meta-list li>a:before, .pq-sidebars ul.pq-block-archive-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); } /*+++++++++++++++++++++++++++++++++++++++++++++ Blog ++++++++++++++++++++++++++++++++++++++++++*/ .pq-blog .owl-carousel .pq-blog-post { margin-bottom: 0; } .single-post .pq-blog-post { margin-bottom: 0; } .pq-blog-post { margin-bottom: 30px; background: var(--dark-color); display: inline-block; width: 100%; } .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-post-media .pq-post-date { font-family: var(--title-fonts); background: var(--primary-color); padding: 5px 15px; color: var(--white-color); text-align: center; position: absolute; top: 15px; left: 15px; } .pq-blog-post .pq-post-media .pq-post-date a { color: var(--white-color); font-size: 14px; font-weight: 300; } .pq-blog-post .pq-blog-contain { padding: 30px; display: inline-block; position: relative; width: 100%; } .pq-blog-post .pq-blog-contain .pq-blog-title { font-size: 22px; line-height: 30px; } .pq-blog .owl-carousel .pq-blog-post .pq-blog-contain .pq-blog-title { font-size: 24px; line-height: 32px; } .pq-blog-post .pq-blog-contain .pq-blog-info p { border-bottom: 1px solid var(--grey-color); margin-bottom: 20px; padding-bottom: 20px; } .pq-blog-post .pq-blog-contain .pq-btn-container { margin-top: 10px; } .pq-blog-post .pq-blog-contain .pq-btn-container .pq-button:hover { background: var(--dark-color); } .pq-blog-post .pq-blog-contain .pq-btn-container .pq-button.pq-button-link { color: var(--primary-color); } .pq-blog-post .pq-blog-contain .pq-btn-container .pq-button.pq-button-link:hover { color: var(--white-color); } .owl-carousel .pq-blog-post .pq-blog-contain .pq-blog-title{ font-size: 24px; line-height: 32px; margin-bottom: 10px; } .pq-blog-post .pq-post-meta ul { margin: 0 0 20px; padding: 0; width: 100%; display: -ms-flexbox !important; display: flex !important; } .pq-blog-post .pq-post-meta ul li { font-family: var(--title-fonts); list-style: none; float: left; display: inline-block; margin-right: 20px; align-self: center !important; font-size: 16px; line-height: 24px; text-transform: capitalize; letter-spacing: 0.1em; font-weight: 300; } .pq-blog-post .pq-post-meta ul li:last-child { margin-right: 0; } .pq-blog-post .pq-post-meta ul li a { color: var(--white-color); text-decoration: none; } .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-light-bg .pq-blog-post { background: var(--white-color); } /*++++++++++++++++++++++++++++++++++++++++ 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: 45px; margin: 0 5px; color: var(--white-color); background-color: var(--dark-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; } .pq-error-block .pq-error-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: 400; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++ 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-family: var(--title-fonts); text-transform: capitalize; list-style: none; color: var(--white-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; font-weight: 300; } .pq-filters .pq-filter-button-group ul li:last-child { margin-right: 0; } .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-filters .pq-filter-button-group ul li:hover { color: var(--primary-color); } .pq-grid { display: inline-block; width: 100%; float: left; } .pq-grid:after { content: ''; display: block; clear: both; } .pq-grid.no-padding .pq-grid-item, .pq-masonry.no-padding .pq-masonry-item { padding: 0; } .pq-btn-load-container { margin-top: 0; display: inline-block; width: 100%; } .pq-btn-load-container a.pq-button { cursor: pointer; } /*=========*/ .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 .ipt-lg-4 { width: 33.333%; padding: 0 15px 30px; } .pq-masonry.no-padding .ipt-lg-6, .pq-masonry.no-padding .ipt-lg-3 { padding: 0; } /*====portfolio single=====*/ .pq-portfolio-info-box { display: inline-block; width: 100%; } .pq-porfolio-info-header h5 { font-size: 40px; line-height: 48px; 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 20px; padding: 0 0 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: inline-block; width: 100%; } .pq-porfolio-info .pq-info-list li:last-child { margin-bottom: 0; padding: 0; border: none; } .pq-porfolio-info .pq-info-list li h5 { display: inline-block; font-size: 18px; line-height: 26px; } .pq-porfolio-info .pq-info-list li span { float: right; color: var(--text-color); } .Projects-dts .pq-portfolio-block .pq-portfolio-info { padding-bottom: 0; } .pq-portfolio-single-img2, .pq-portfolio-single-img { margin-bottom: 30px; } .pq-portfolio-single-img2 img{ width: 100%; } .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; } /*++++++++++++++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++++++++++++++*/ .animated { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; } .fadeInDown { animation-name: fadeInDown } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: none } } header#pq-header { position: relative; display: inline-block; width: 100%; clear: both; background: var(--secondary-color); z-index: 99; } header#pq-header.pq-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; border-bottom: 1px solid rgba(72, 78, 80, 0.2); } header#pq-header.pq-header-sticky .pq-top-header { display: none; } /*+++++++++ Header Top Bar +++++++++*/ header#pq-header .pq-top-header { background: var(--dark-color); padding: 0; font-weight: 300; font-size: 16px; } header#pq-header .pq-header-social.tagline { color: var(--white-color); padding-top: 13px; display: block; font-family: var(--title-fonts); font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 22px; } header#pq-header .pq-top-header .text-left .pq-header-social.text-left { color: var(--white-color); padding-top: 10px; display: inline-block; } header#pq-header .pq-top-header a.pq-header-contact { color: var(--white-color); padding: 10px 0; display: inline-block; margin-right: 10px; border-right: 1px solid rgba(255, 255, 255, 0.04); padding-right: 15px; font-family: var(--title-fonts); font-weight: 400; font-size: 14px; text-transform: uppercase; } header#pq-header .pq-top-header a.pq-header-contact i { margin-right: 5px; } 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 30px; 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.04); } header#pq-header .pq-top-header .pq-header-contact ul li i { margin-right: 8px; } header#pq-header .pq-top-header .pq-header-contact ul li a { color: var(--white-color); font-size:15px !important; } 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.04); } /*++++++++ Logo +++++++++++*/ header#pq-header .pq-bottom-header .navbar .navbar-brand { line-height: 80px; } header#pq-header .pq-bottom-header .navbar .navbar-brand img { height: 100px; width: 100px; } /*++++++ Header Navbar Bar +++++*/ 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); /*color: var(--white-color);*/ font-family: var(--title-fonts); font-size: 16px; text-transform: capitalize; line-height: 24px; } 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; overflow-y: scroll; height: 400px; } header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover .sub-menu { display: block; background: var(--secondary-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); border: 1px solid var(--primary-color); } 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); border-bottom: 1px solid var(--grey-color); } header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:last-child { border: none; } header#pq-header .pq-bottom-header .navbar .navbar-nav li i { margin-left: 10px; font-size: 12px; /*color: var(--white-color);*/ } 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(--white-color); font-size: 16px; font-weight: 300; } 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); } @media screen and (max-width:4000px) and (min-width:1023px) { header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover>.sub-menu { display: block !important; } } /*+++++++ 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: -1px; left: 100%; display: block; background: var(--secondary-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(--white-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(--primary-color); font-size: 22px; text-align: center; display: inline-block; } header#pq-header .pq-search-form { position: absolute; top: 60px; right: -15px; width: 350px; padding: 15px; z-index: 999; display: none; background: var(--secondary-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); border: 1px solid var(--primary-color); } .search-form { position: relative; } .search-form input { margin-bottom: 0; } .search-form label { /* width: 100%; */ margin-bottom: 0; float: left; width: 100%; } /*+++++++++++++ Header Default +++++++++++++++++*/ header#pq-header.pq-header-default .pq-top-header a.pq-header-contact { border: none; } header#pq-header.pq-header-default .pq-bottom-header.pq-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; background: var(--dark-color); border-bottom: 1px solid rgba(72, 78, 80, 0.2); } /*+++++++++++++++*/ 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 span { margin-right: 0; } header#pq-header.pq-header-default .pq-btn-container .pq-button { background: var(--primary-color); border: none; } header#pq-header.pq-header-default .pq-btn-container .pq-button:hover { background: var(--primary-color); border: none; } 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 0 0 30px; } header#pq-header.pq-header-style-1 .pq-top-header a.pq-header-contact { border: none; } header#pq-header.pq-header-style-1 .pq-bottom-header.pq-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; background: var(--dark-color); border-bottom: 1px solid rgba(72, 78, 80, 0.2); } header#pq-header.pq-header-style-1 .pq-bottom-header.pq-header-sticky .navbar { background: transparent; } /*+++++++++++++++*/ header#pq-header.pq-header-style-1 { position: absolute; background: transparent; } header#pq-header.pq-header-style-1 .pq-top-header { background: transparent; } header#pq-header.pq-header-style-1 .pq-top-header .pq-header-contact ul li { border: none; padding: 15px 0; padding-right: 30px; } header#pq-header.pq-header-style-1 .pq-top-header .pq-header-contact ul li:last-child { border: none; } header#pq-header.pq-header-style-1 .pq-top-header .pq-header-contact ul li i { color: var(--primary-color); margin-right: 10px; } header#pq-header.pq-header-style-1 .pq-top-header .pq-header-social ul li { border: none; padding: 15px 12px; } header#pq-header.pq-header-style-1 .pq-top-header .pq-header-social ul li a { padding: 0; } header#pq-header.pq-header-style-1 .pq-top-header .pq-header-social ul li:last-child { padding-right: 0; } header#pq-header.pq-header-style-1 .pq-top-header ul li a:hover { color: var(--primary-color); background: transparent; } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar { background: var(--dark-color); } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand { padding-left: 15px; } header#pq-header.pq-header-style-1 .pq-bottom-header.pq-header-sticky .navbar .navbar-brand { padding-left: 0; } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand { line-height: 70px; } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-nav li { line-height: 70px; } header#pq-header.pq-header-style-1 .pq-menu-search-block { margin: 0 0 0 30px; } header#pq-header.pq-header-style-1 .pq-search-form { top: 50px; } header#pq-header.pq-header-style-1 .dropdown-menu-mini-cart, header#pq-header.pq-header-style-1 .dropdown-menu[data-bs-popper] { top: 71px; } header#pq-header.pq-header-style-1 .pq-btn-container { margin: 0 0 0 30px; } header#pq-header.pq-header-style-1 .pq-btn-container .pq-button { padding: 18px 30px; } header#pq-header.pq-header-style-1 .pq-btn-container .pq-button:hover { background: var(--primary-color); } header#pq-header.pq-header-style-1 .pq-toggle-btn { padding: 0; margin: 0 0 0 30px; } header#pq-header.pq-header-style-1 .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 Style-1 +++++*/ header#pq-header.pq-header-style-1 .pq-top-header a.pq-header-contact { border: none; } header#pq-header.pq-header-style-1.pq-has-sticky.pq-header-sticky { position: fixed; padding: 0; background: var(--dark-color); border-bottom: 1px solid rgba(72, 78, 80, 0.2); } header#pq-header.pq-header-style-1 .pq-bottom-header { min-height: 70px; max-width: 1920px; margin: 0 auto; } header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand { line-height: normal; position: relative; } header#pq-header.pq-header-style-1 .pq-header-info-box { margin: 0 0 0 30px; display: flex; color: var(--white-color); } header#pq-header.pq-header-style-1 .pq-header-call { display: inline-block; float: left; margin-right: 30px; margin-top: 5px; } header#pq-header.pq-header-style-1 .pq-header-call a i { font-size: 48px; margin-right: 15px; line-height: 56px; } header#pq-header.pq-header-style-1 .pq-header-call a { display: flex; align-items: flex-start; } header#pq-header.pq-header-style-1 .pq-header-call a .pq-call-info { flex: 1; text-transform: capitalize; font-size: 14px; color: var(--dark-color); } header#pq-header.pq-header-style-1 .pq-header-call a .pq-call-info span { width: 100%; float: left; display: inline-block; color: var(--primary-color); line-height: normal; } header#pq-header.pq-header-style-1 .pq-header-call a .pq-call-info h5 { font-weight: 400; font-size: 16px; line-height: 24px; } header#pq-header.pq-header-style-1 .pq-btn-container { margin-left: 30px; } header#pq-header.pq-header-style-1 .pq-button { background: var(--primary-color); border: none; } header#pq-header.pq-header-style-1 .pq-button:hover { background: var(--primary-color); border: none; } header#pq-header .pq-button:before, header#pq-header .pq-button:after { display: none; } /*+++++ Header Style-2 +++++*/ header#pq-header.pq-header-style-2 .pq-top-header a.pq-header-contact { border: none; } header#pq-header.pq-header-style-2 .pq-top-header { background: var(--secondary-color); } header#pq-header.pq-header-style-2 .pq-top-header .text-left .pq-header-social { padding-top: 11px; color: var(--white-color); display: inline-block; } header#pq-header.pq-header-style-2 .pq-header-diff-block .navbar-brand img { height: 60px; } header#pq-header.pq-header-style-2 { position: absolute; left: 0; display: inline-block; width: 100%; background: transparent; padding: 0; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1); } header#pq-header.pq-header-style-2 .no-gutters { margin-right: 0; margin-left: 0; } header#pq-header.pq-header-style-2 .no-gutters>.col, header#pq-header.pq-header-style-2 .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; } header#pq-header.pq-header-style-2 .navbar-brand { display: inline-block; } header#pq-header.pq-header-style-2 .pq-bottom-header { min-height: auto; background: var(--dark-color); } header#pq-header.pq-header-style-2 .pq-bottom-header .navbar .navbar-nav li { line-height: 75px; } header#pq-header.pq-header-style-2 .pq-bottom-header .navbar { padding: 10px 0; } header#pq-header.pq-header-style-2 .pq-bottom-header .pq-btn-container .pq-button { background: var(--primary-color); border: none; } header#pq-header.pq-header-style-2 .pq-bottom-header .pq-btn-container .pq-button:hover { border: none; background: var(--primary-color); } header#pq-header.pq-header-style-2 .pq-menu-search-block { line-height: 76px; padding: 0 30px; background: var(--white-color); border-left: 1px solid var(--grey-color); border-right: 1px solid var(--grey-color); color: #fff; font-size: 20px; } header#pq-header.pq-header-style-2 .pq-contact-header { background: var(--secondary-color); margin-bottom: -30px; } header#pq-header.pq-header-style-2 .pq-contact-header ul { list-style-type: none; padding: 0; margin: 0; clear: both; overflow: hidden; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-contact-info>ul>li { color: var(--white-color); border-right: 1px solid rgba(255, 255, 255, 0.04); float: left; text-align: center; padding: 15px 5px; width: 25%; font-weight: 300; font-size: 16px; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-contact-info>ul>li:last-child { border: none; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-contact-info>ul>li.address-text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; display: inline-flex; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-contact-info li a { color: var(--white-color); } header#pq-header.pq-header-style-2 .pq-contact-header .pq-contact-info li a:hover { color: var(--primary-color); } header#pq-header.pq-header-style-2 .pq-contact-header .pq-contact-info li i { color: var(--primary-color); margin-right: 10px; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-header-social li { display: inline-block; padding: 0 10px; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-header-social li a i { color: var(--white-color); transition: all 0.5s ease; } header#pq-header.pq-header-style-2 .pq-contact-header .pq-header-social li a:hover i { color: var(--primary-color); } header#pq-header.pq-header-style-2 .pq-contact-header .pq-header-social li a i { margin-right: 0; } header#pq-header.pq-header-style-2 .pq-btn-container{ margin-left: 30px; } /*Header Style-2 sticky*/ header#pq-header.pq-header-style-2.pq-header-sticky { position: fixed; top: 0; left: 0; display: inline-block; width: 100%; } header#pq-header.pq-header-style-2.pq-header-sticky .pq-top-header { display: none; } header#pq-header.pq-header-style-2.pq-header-sticky .navbar-brand { line-height: 2.44444; } header#pq-header.pq-header-style-2.pq-header-sticky .pq-header-diff-block .navbar-brand img { height: 55px; } header#pq-header.pq-header-style-2.pq-header-sticky .pq-menu-search-block { line-height: 85px; } header#pq-header.pq-header-style-2.pq-header-sticky .pq-toggle-btn { padding: 25px; } /*+++++Ttoggle Side Bar +++++*/ header#pq-header.pq-header-style-2 .pq-toggle-btn { line-height: 75px; padding: 22px 25px; background: var(--primary-color); color: #fff; cursor: pointer; } header#pq-header.pq-header-style-2 .pq-toggle-btn a:before, header#pq-header.pq-header-style-2 .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-2 .pq-toggle-btn a { position: relative; display: block; top: 15px; width: 30px; height: 2px; margin: 0 auto; border: none; cursor: pointer; background: currentColor; color: inherit; font-size: 0; transition: 0.35s; } header#pq-header.pq-header-style-2 .pq-toggle-btn a:before, header#pq-header.pq-header-style-2 .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-2 .pq-toggle-btn a:before { transform: translate(-50%, -10px); } header#pq-header.pq-header-style-2 .pq-toggle-btn a:after { transform: translate(-50%, 10px); } /*++++++++++++++++++++++++++++++++++++++ Breadcrumb ++++++++++++++++++++++++++++++*/ .pq-breadcrumb { background: var(--dark-color); color: var(--white-color); padding: 130px 0; position: relative; text-align: left; background-size: cover; background-position: top center; } .pq-breadcrumb .pq-breadcrumb-title, .pq-breadcrumb .pq-breadcrumb-container { position: relative; z-index: 9; } .pq-breadcrumb .pq-breadcrumb-title h1 { font-size: 56px; line-height: 64px; margin-bottom: 15px; } .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(--white-color); } .pq-breadcrumb-container .breadcrumb li a:hover { color: var(--primary-color); } .pq-breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before { font-size: 12px; font-family: "Ionicons"; padding-right: 15px; content: "\f125"; color: var(--white-color); float: none; } /*+++++++++++++++++++++++++++++++++++++ Footer ++++++++++++++++++++++++++++*/ /*+++++++++++ Subscribe++++++++++++++++*/ .pq-subscribe { display: inline-block; width: 100%; background: var(--secondary-color); color: var(--white-color); padding: 30px 0; position: relative; z-index: 10; } .pq-subscribe-block { display: flex; align-items: center; } .pq-subscribe-block .pq-subscribe-img { width: 55px; color: var(--primary-color); } .pq-subscribe-block .pq-subscribe-details { margin-left: 30px; color: var(--white-color); flex: 1; } .pq-subscribe-block .pq-subscribe-details h5 { color: var(--white-color); } .pq-subscribe-form input { border-radius: 0; background: transparent; color: var(--white-color); border: 1px solid var(--grey-color); font-weight: 300; } .pq-subscribe-form .pq-button { border-color: var(--primary-color); background: var(--primary-color); margin-left: 15px; padding: 7px 30px; } .pq-subscribe-form .pq-button:hover { background: transparent; border-color: var(--primary-color); } footer#pq-footer.style-1 { margin-top: 60px; } footer#pq-footer { background: var(--dark-color); display: inline-block; width: 100%; color: var(--text-color); float: left; position: relative; } footer#pq-footer:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; opacity: 0.1; background-position: center; background-size: cover; background-repeat: no-repeat; } footer#pq-footer .pq-footer-top { padding: 40px 0; position: relative; z-index: 9; } footer#pq-footer .pq-copyright-footer { padding: 30px 0; background: var(--dark-color); position: relative; z-index: 9; text-align: center; border-top: 1px solid var(--secondary-color); } footer#pq-footer .pq-copyright-footer .pq-copyright { display: inline-block; width: 100%; color: var(--white-color); } footer#pq-footer .pq-copyright-footer .pq-copyright a { color: var(--white-color); } footer#pq-footer .pq-copyright-footer .pq-copyright a:hover { color: var(--white-color); text-decoration: underline; } /*======= Footer Top list =======*/ footer#pq-footer .pq-footer-bottom-list { padding: 0 0 60px; margin-top: -60px; position: relative; z-index: 9; } footer#pq-footer .pq-footer-bottom-list .row { background: var(--white-color); -webkit-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); box-shadow: 0px 0px 30px 0px rgba(21, 21, 21, 0.1); } footer#pq-footer .pq-footer-bottom-list .row .col-lg-4 { border-right: 1px solid var(--grey-color); } footer#pq-footer .pq-footer-bottom-list .row .col-lg-4:last-child { border-right: none; } footer#pq-footer .pq-footer-top .pq-footer-bottom-list .pq-footer-items { padding: 30px; display: flex; align-items: flex-start; } footer#pq-footer .pq-footer-top .pq-footer-bottom-list .pq-footer-items i { align-self: center; font-size: 48px; line-height: 56px; color: var(--primary-color); } footer#pq-footer .pq-footer-top .pq-footer-bottom-list .pq-footer-items h4 { font-size: 24px; float: left; line-height: 32px; width: 100%; display: inline-block; } footer#pq-footer .pq-footer-top .pq-footer-bottom-list .pq-footer-items .pq-footer-items-info { margin-left: 15px; } footer#pq-footer .pq-footer-top .pq-footer-bottom-list .pq-footer-items .pq-footer-items-info a, footer#pq-footer .pq-footer-top .pq-footer-bottom-list .pq-footer-items .pq-footer-items-info span { color: var(--white-color); } /*===== Footer footer =====*/ footer#pq-footer .footer { background: transparent; padding: 0; box-shadow: none; border: none; } footer#pq-footer .footer .footer-title { margin-bottom: 30px; padding: 0; font-size: 24px; position: relative; line-height: 32px; } footer#pq-footer .footer ul#menu-useful-links li { display: inline-block; width: 48%; margin-bottom: 12px; } footer#pq-footer .pq-foote-recent-post { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 15px; } footer#pq-footer .pq-foote-recent-post:last-child { border: none; padding: 0; } footer#pq-footer .footer ul li { margin: 0 0 15px 0; } footer#pq-footer .footer ul li a { padding: 0 0 0 15px; display: inline-block; } footer#pq-footer .footer ul li a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; display: inline-block; background: var(--primary-color); margin: auto 0; } footer#pq-footer .footer ul.pq-contact li a { padding: 0; } footer#pq-footer .footer ul.pq-contact li { display: flex; align-items: center; } footer#pq-footer .footer ul.pq-contact li a:before { display: none; } footer#pq-footer .footer ul.pq-contact li i { margin-right: 20px; color: var(--primary-color); } footer#pq-footer .footer select opqion { background: var(--dark-color); font-weight: 300; padding: 0 3px; } footer#pq-footer .footer #recentcomments--1 .recentcomments a { padding: 0; } footer#pq-footer .footer #recentcomments--1 .recentcomments a:before, footer#pq-footer .footer ul li .rssfooter:before, footer#pq-footer .pq-footer-social ul li a:before { display: none; } footer#pq-footer .footer ul li a:hover { color: var(--primary-color); } footer#pq-footer .footer ul li .comment-author-link a { color: var(--primary-color); } footer#pq-footer table td, footer#pq-footer table th { border: 1px solid var(--white-color); } footer#pq-footer .calendar_wrap table caption { padding: 0 0 10px; font-weight: 400; font-family: var(--title-fonts); color: var(--white-color); } footer#pq-footer .calendar_wrap td#today { background: var(--primary-color); color: var(--white-color); } footer#pq-footer .calendar_wrap td#today a { color: var(--white-color); } footer#pq-footer ul li a.rssfooter { padding-left: 0; font-size: 16px; color: var(--dark-color); font-weight: 400; font-family: var(--title-fonts); } footer#pq-footer ul li .rss-date { font-size: 14px; color: var(--primary-color); line-height: 1; float: left; display: inline-block; width: 100%; margin: 5px 0; } footer#pq-footer ul li cite { font-weight: 400; margin-top: 5px; display: inline-block; width: 100%; } footer#pq-footer .search-form { position: relative; } footer#pq-footer .footer ul.menu li a, footer#pq-footer .pq-footer-menu .pq-service li a { position: relative; border: none; padding: 0 0 0 15px; display: inline-block; width: 100%; } footer#pq-footer .footer ul.menu li a:first-child { padding-top: 0; } footer#pq-footer .footer ul.menu li a:hover, footer#pq-footer .pq-footer-menu .pq-service li a:hover { color: var(--primary-color); } footer#pq-footer .footer ul.menu li a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; display: inline-block; background: var(--primary-color); margin: auto 0; } footer#pq-footer .wp-calendar-nav .wp-calendar-nav-prev, footer#pq-footer .wp-calendar-nav .wp-calendar-nav-next { background: transparent; border: 1px solid var(--white-color); border-top: 0; } footer#pq-footer .wp-calendar-nav .wp-calendar-nav-prev a, footer#pq-footer .wp-calendar-nav .wp-calendar-nav-next a { color: var(--primary-color); } footer#pq-footer .pq-footer-menu .pq-service li a:before { content: ""; position: absolute; top: 18px; bottom: 0; left: 0; width: 5px; height: 5px; display: inline-block; background: var(--primary-color); margin: 0; } /*=========*/ footer#pq-footer .pq-footer-style-1 .pq-footer-social { display: inline-block; } footer#pq-footer .pq-footer-style-1 .pq-footer-social ul { margin: 0; padding: 0 } footer#pq-footer .pq-footer-style-1 .pq-footer-social ul li { list-style: none; float: left; margin-right: 10px; } footer#pq-footer .pq-footer-style-1 .pq-footer-social ul li:last-child { margin: 0; } footer#pq-footer .pq-footer-style-1 .pq-footer-social ul li a { background: var(--secondary-color); color: var(--text-color); width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; } footer#pq-footer .pq-footer-style-1 .pq-footer-social ul li a:hover { background: var(--primary-color); color: var(--white-color); } footer#pq-footer .pq-footer-style-1 .pq-foote-recent-post .pq-foote-recent-post-info h6 { color: var(--white-color); } /*=========*/ footer#pq-footer .pq-footer-logo { /* height: 50px; */ margin-bottom: 5px; /*max-width: 220px;*/ width: 150px; } footer#pq-footer .footer .footer-title { color: var(--white-color); } footer#pq-footer .footer ul.menu li a, footer#pq-footer .pq-footer-menu .pq-service li a, footer#pq-footer .footer ul li a { color: var(--text-color); } footer#pq-footer .footer ul.menu li { width: 48%; float: left; list-style-type: none; } footer#pq-footer .footer ul.menu li, footer#pq-footer .pq-footer-menu .pq-service li, footer#pq-footer .footer ul li { color: var(--text-color); } footer#pq-footer .pq-footer-social ul li a { padding: 0; } footer#pq-footer .footer.opening-hours { margin-bottom: 0; } footer#pq-footer .footer.opening-hours+.footer.opening-hours .footer-title { margin-top: 30px; } footer#pq-footer .footer .pq-time li { display: flex; justify-content: space-between; border-bottom: 1px solid var(--grey-color); margin-bottom: 5px; padding-bottom: 5px; } ul.pq-contact, ul.pq-time, ul.menu { padding-left: 0; margin: 0; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++ OWL Carousel +++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-nav { position: relative; cursor: pointer; z-index: 99; margin-top: 30px; text-align: center; } .owl-carousel .owl-nav button.owl-prev { outline: none; text-align: center; text-indent: inherit; cursor: pointer; position: relative; font-size: 20px; line-height: 1; width: 45px; height: 45px; line-height: 45px; padding: 0 !important; margin: 0 10px; background: var(--dark-color); color: var(--white-color); transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .owl-carousel .owl-nav button.owl-next { outline: none; text-align: center; text-indent: inherit; cursor: pointer; position: relative; font-size: 20px; line-height: 1; width: 45px; height: 45px; line-height: 45px; padding: 0 !important; margin: 0 10px; background: var(--dark-color); color: var(--white-color); transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .owl-carousel .owl-nav button:hover { background: var(--primary-color); } /* Dots */ .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-dots { margin-top: 45px; line-height: normal; position: relative; width: 100%; text-indent: inherit; text-align: center; cursor: pointer; } .owl-carousel .owl-dots .owl-dot { box-shadow: none; outline: none; background: transparent; opacity: 0.6; display: inline-block; padding: 0; margin: 0px 5px; height: 15px; width: 15px; border: 1px solid var(--primary-color); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; } .owl-carousel .owl-dots .owl-dot span { display: none; } .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot.active { background: var(--primary-color); border-color: var(--primary-color); opacity: 1; } /*+++++++++++++++++++++++++++++++++++ Section Title +++++++++++++++++++++++++++++++++++++++*/ .pq-section-title-style-1.text-center { padding: 0 15em; margin-bottom: 60px; } .pq-section-title-style-1 { margin-bottom: 30px; } .pq-section-title-style-1 p { margin-bottom: 0; } /*===== Sub Title Left =====*/ .pq-section-title-style-1 .pq-section-sub-title { font-family: var(--sub-title-fonts); font-weight: 300; font-size: 18px; line-height: 28px; letter-spacing: 0.1em; text-transform: capitalize; color: var(--primary-color); padding: 0; margin: 0 0 5px; display: inline-block; position: relative; z-index: 9; } .pq-section-title-style-1 .pq-section-title { font-weight: 400; font-size: 48px; line-height: 56px; z-index: 9; padding: 0; margin: 0 0; position: relative; display: block; } .pq-section-title-style-1 .pq-section-svg { overflow: hidden; } .pq-section-title-style-1 .pq-section-svg svg { fill: var(--primary-color); width: 180px; margin-left: -73px; } .pq-section-title-style-1.text-center .pq-section-svg svg { margin-left: 0; } /*background-color*/ .pq-bg-dark-color { background-color: var(--dark-color); } .pq-secondary-dark-color { background-color: var(--secondary-color); z-index: 9; position: relative; padding: 30px 15px 30px 15px; margin-top: 45px; margin-bottom: 0px; } .pq-fancybox-style-2.text-center { padding: 30px 0; } /*//////about//////*/ .pq-about-btn { margin: 45px 0 0 0; } .pq-about1-btn { margin: 15px 0 0 0; } .pq-about-img { margin: 0px 0px 0px 0px; padding: 0px 90px 0px 45px; position: relative; } .pq-about-bg-svg .pq-svg { position: absolute; right: -18%; width: auto; top: 4%; z-index: -1; } .discover .pq-about-bg-svg .pq-svg { position: absolute; right: -18%; top: 4%; z-index: 0; } .discover .pq-about-img img{ position: relative; z-index: 1; } .pq-about-bg-svg .pq-svg svg { border-radius: 100%; } .pq-svg svg g path { stroke: var(--primary-color) !important; } .about-container.text-center { padding: 0; } .about-icon-container { margin: 15px 0px 0px 0px; } .about-icon-box-icon { margin-right: 15px; margin-left: 0; } .about-icon { color: var(--primary-color); display: inline-block; line-height: 1; transition: all .3s; font-size: 50px; } p.about-icon-box-description { margin-bottom: 0; } .pq-about-list-container { margin: 40px 0 0 0; } ul.pq-about-icon-list-items { padding: 0; list-style-type: none; } .pq-about-icon-list-item:not(:last-child) { padding-bottom: calc(15px/2); } .pq-about-icon-list-item:not(:first-child) { margin-top: calc(15px/2); } /*+++++++++++++++++++++++++++++++++++++ Service Box ++++++++++++++++++++++++++++++++++++++*/ .pq-service-box-style-1 { position: relative; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .pq-service-box-style-1 .pq-service-img { position: relative; overflow: hidden; } .pq-service-box-style-1 .pq-service-img img { width: 100%; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-service-box-style-1:hover .pq-service-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .pq-service-box-style-1 .pq-service-info { padding: 30px 0px; } .pq-service-box-style-1 .pq-service-info p { margin-bottom: 30px; margin-top: 10px; color: var(--text-color); } .pq-service-bg-dark-color { background-image: linear-gradient(90deg, var(--dark-color) 70%, #F2295B00 0%); } .pq-service-bg-img { margin: -190px 0px 0px 0px; padding: 0px 15px 0px 15px; position: absolute; right: -1%; width: 900px; max-width: 900px; } .pq-service-box.pq-service-box-style-2 { background: var(--dark-color); padding: 30px; } .pq-service-box.pq-service-box-style-2 .pq-service-media { display: inline-flex; align-items: center; padding-bottom: 30px; width: 100%; border-bottom: 1px solid #FFFFFF0F; } .pq-service-box.pq-service-box-style-2 .pq-service-icon i { font-size: 44px; line-height: 52px; background: var(--secondary-color); width: 80px; height: 80px; color: var(--primary-color); align-items: center; justify-content: center; display: inline-flex; border-radius: 0; } .pq-service-box.pq-service-box-style-2 .pq-service-content { margin-left: 30px; } .pq-service-box.pq-service-box-style-2 .pq-service-sub-title { font-family: var(--body-fonts); font-size: 18px; line-height: 26px; font-style: normal; font-weight: 300; padding-bottom: 5px; text-transform: capitalize; color: var(--text-color); } .pq-service-box.pq-service-box-style-2 .pq-service-description { margin-top: 30px; } /*+++++++++++++++++++++++++++++++++++++ Fancy Box ++++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++ fancybox-style 1 +++++++++++++++++++++++++*/ .pq-fancybox-style-1 { background: var(--secondary-color); padding: 60px 45px; position: relative; border: 1px solid var(--grey-color); } .pq-fancy-box-image { margin-bottom: 30px; } .pq-fancy-box-image img { height: 120px; line-height: 128px; } .pq-fancybox-style-1:before { content: " "; width: calc(100% - 20px); height: calc(100% + 24px); position: absolute; transition: all 0.5s; top: -12px; bottom: 10px; left: 10px; right: 10px; border: 1px solid var(--primary-color); opacity: 0; transition: all 0.8s ease; } .pq-fancybox-style-1:hover:before { opacity: 1; } .pq-fancybox-style-1 .pq-fancy-box-iconbg { font-size: 112px; position: absolute; right: 30px; top: 45px; line-height: 120px; color: var(--grey-color); transform: rotate(20deg); transition: all 0.5s ease; opacity: 0.4; } .pq-fancybox-style-1:hover .pq-fancy-box-iconbg { transform: rotate(0deg); } .pq-fancybox-style-1 .pq-fancy-box-icon { display: inline-block; font-size: 64px; line-height: 72px; margin-bottom: 15px; } .pq-fancybox-style-1 .pq-fancy-box-icon i { color: var(--primary-color); } .pq-fancybox-style-1 .pq-fancy-box-info .pq-fancy-box-title { margin-top: 45px; margin-bottom: 5px; font-size: 26px; line-height: 34px; } .pq-fancybox-style-1 .pq-fancy-box-info .pq-fancybox-description { margin-bottom: 0; } .pq-service-svg svg { height: 120px !important; } .pq-service-svg svg g path { stroke: var(--primary-color); } .pq-reservation-img { position: relative; z-index: 1; } .pq-reservation-img img { width: 85%; } .pq-reservation-img .pq-svg { position: absolute; bottom: 0; left: -130px; z-index: -1; } .pq-reservation-img .pq-svg svg { border-radius: 100%; } .pq-fancybox-style-2 .pq-btn-container { margin: 20px 0 0 0; } .pq-service-icon i { background-color: var(--dark-color); color: var(--primary-color); font-size: 60px; padding: 20px; border-radius: 50%; display: inline-block; } .pq-service-icon-main { margin-bottom: 20px; } .pq-reservation-main-form { background-color: var(--secondary-color); padding: 45px 45px 45px 45px; margin-bottom: 90px; } /*+++++++++++++++++++++++++++++++++++++++++++++++ Portfoliobox ++++++++++++++++++++++++++++++++++++++++++++++++*/ .portfolio { overflow: hidden; } .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 { position: relative; } .pq-portfoliobox-1 .pq-portfolio-img img { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-portfoliobox-1 .pq-portfolio-info { margin: auto; position: absolute; z-index: 10; opacity: 0; padding: 0; background: rgba(13, 17, 21, 0.9); 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; left: 30px; right: 30px; top: 30px; bottom: 30px; transform: scale(0.6); display: flex; align-items: center; justify-content: center; text-align: center; } .pq-portfoliobox-1:hover .pq-portfolio-info { opacity: 1; transform: scale(1); } .pq-portfoliobox-1 .pq-portfolio-info .pq-portfolio-info-content { transition: all 0.3s ease; transform: translateY(60px); } .pq-portfoliobox-1:hover .pq-portfolio-info .pq-portfolio-info-content { transform: translateY(0px); } .pq-portfoliobox-1 .pq-portfolio-info .pq-portfolio-link a { color: var(--primary-color); font-family: var(--title-fonts); font-size: 18px; line-height: 28px; letter-spacing: 0.1em; text-transform: capitalize; margin-bottom: 5px; display: block; } .pq-portfoliobox-1 .pq-portfolio-info h5 a { color: var(--white-color); } .pq-portfoliobox-1 .pq-portfolio-info h5 a:hover { color: rgba(255, 255, 255, 0.9); text-decoration: none } .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-portfolio-box-img { margin-bottom: 20px; } .pq-main-portfolio-box { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; background-color: #080B0E; } .pq-portfolio-image-box-content { text-align: center; } .pq-portfolio-image-box-title { color: var(--white-color); font-family: var(--title-fonts); font-weight: 400; } .pq-mt-60 { margin-top: -60px; margin-bottom: 0px; position: relative; z-index: 9; } .pq-main-portfolio-box:hover .animation-bob { animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: toptobottom; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes toptobottom { 0% { transform: translate(0px, 0px); } 65% { transform: translate(0, 10px); } 100% { transform: translate(0px, 0px); } } /*++++++++++++++++++++++++++++++++++++++ Counter +++++++++++++++++++++++++++++++++++++++*/ .counter.pq-bt-60 { padding: 60px 0; } .pq-counter.pq-counter-style-1 { display: flex; align-items: flex-start; } .pq-counter-style-1 .pq-counter-info { flex: 1; margin-left: 20px; } .pq-counter-style-1 .pq-counter-media i { font-size: 70px; line-height: 78px; color: var(--white-color); } .pq-counter-style-1 .pq-counter-info h5 { font-size: 48px; line-height: 54px; display: inline-block; font-weight: 400; color: var(--white-color); } .pq-counter-style-1 .pq-counter-info .pq-counter-prefix { font-size: 48px; line-height: 54px; font-family: var(--title-fonts); font-weight: 400; color: var(--white-color); } .pq-counter-style-1 .pq-counter-info p { margin-bottom: 0; text-transform: capitalize; font-size: 18px; line-height: 28px; letter-spacing: 0.1em; color: var(--white-color); } .pq-icon-top .pq-counter.pq-counter-style-1 { display: block; text-align: center; } .pq-icon-top .pq-counter.pq-counter-style-1 .pq-counter-media { margin-bottom: 10px; } .pq-icon-top .pq-counter.pq-counter-style-1 .pq-counter-info { margin-left: 0; } .pq-counter .pq-counter-media i { color: var(--primary-color); } .pq-counter.pq-counter-style-2 { text-align: center; } .pq-counter-style-2 .pq-counter-info { flex: 1; margin-left: 20px; } .pq-counter-style-2 .pq-counter-media i { font-size: 70px; line-height: 78px; color: var(--white-color); } .pq-counter-style-2 .pq-counter-info h5 { font-size: 48px; line-height: 54px; display: inline-block; font-weight: 400; color: var(--primary-color); } .pq-counter-style-2 .pq-counter-info .pq-counter-prefix { font-size: 48px; line-height: 54px; font-family: var(--title-fonts); font-weight: 400; color: var(--primary-color); } .pq-counter-style-2 .pq-counter-info .pq-counter-num-prefix { position: relative; } .pq-counter-style-2 .pq-counter-info .pq-counter-num-prefix:after { content: ''; width: 30px; height: 1px; background: var(--grey-color); display: block; position: absolute; left: 45%; margin-top: 15px; } .pq-counter-style-2 .pq-counter-info p { margin-bottom: 0; margin-top: 45px; text-transform: capitalize; font-size: 18px; line-height: 28px; letter-spacing: 0.1em; color: var(--white-color); } .counter2 { margin-top: 0px; margin-bottom: 0px; padding: 430px 0px 130px 0px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++ Team +++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .team2 { margin-bottom: -330px; padding: 130px 0 0 0; } .pq-team-style-1 .pq-team-img { position: relative; overflow: hidden; } .pq-team-style-1 .pq-team-img img { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .pq-team-style-1 .pq-team-social ul { margin: 0; padding: 0; position: absolute; top: 30px; left: -75px; display: inline-block; width: 60px; 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-team-style-1:hover .pq-team-social ul { left: 30px; } .pq-team-style-1 .pq-team-social ul li { list-style: none; display: inline-flex; margin: 0 0 5px; } .pq-team-style-1 .pq-team-social ul li:last-child { margin: 0; } .pq-team-style-1 .pq-team-social ul li a { background: var(--dark-color); color: var(--white-color); text-align: center; width: 60px; height: 60px; line-height: 60px; } .pq-team-style-1 .pq-team-social ul li a:hover { background: var(--primary-color); } .pq-team-style-1 .pq-team-info { background: transparent; padding: 30px 15px 0; margin: 0px; text-align: center; position: relative; } .pq-team-style-1 .pq-team-info h5 { font-size: 28px; line-height: 36px; margin-bottom: 0; } .pq-team-style-1 .pq-team-info h5 a { color: var(--dark-color); } .pq-team-style-1 .pq-team-info .pq-team-designation { font-size: 18px; line-height: 28px; font-weight: 300; letter-spacing: 0.1em; display: inline-block; width: 100%; text-transform: capitalize; color: var(--primary-color); } .pq-style-1-overlay.pq-team-style-1 .pq-team-info { background: var(--secondary-color); padding: 15px 0; text-align: center; position: relative; margin: 0 30px; margin-top: -45px; } /*+++++++++++++++++++++++++++++++++ Menu Price +++++++++++++++++++++++++++++++++++++++++*/ .pq-food-price-item { clear: both; margin-bottom: 45px; position: relative; cursor: pointer; display: inline-block; width: 100%; } .pq-food-price-item:last-child { margin-bottom: 0; } .pq-food-price-item .pq-food-price-hoverimg { position: absolute; z-index: 9; width: 160px; height: 160px; transition: all 0.5s ease; left: 60%; top: 50%; transform: translateY(-50%); opacity: 0; background: var(--dark-color); } .pq-food-price-item:hover .pq-food-price-hoverimg { opacity: 1; left: 50%; } .pq-food-price-item .pq-food-price-hoverimg:before { content: " "; width: calc(100% - 10px); height: calc(100% + 12px); position: absolute; transition: all 0.5s; top: -6px; bottom: 5px; left: 5px; right: 5px; border: 1px solid var(--primary-color); } .pq-food-price-item .pq-food-price-img { float: left; width: 80px; } .pq-food-price-content { padding: 10px 15px 0px 100px; } .pq-food-price-top { display: flex; justify-content: space-between; } .pq-food-title { font-size: 22px; line-height: 30px; } .pq-food-price-line { height: 1px; width: 100%; border-bottom: 1px solid var(--primary-color); flex: 1; margin-top: 10px; margin: 0 10px; position: relative; bottom: -15px; opacity: 0.7; } .pq-food-price-main { font-family: var(--title-fonts); font-size: 22px; font-weight: 400; color: var(--primary-color); line-height: 30px; } .pq-dubble-line .pq-food-price-content { padding: 10px 15px 0px 15px; } .pq-dubble-line .pq-food-price-line:before { content: ""; position: absolute; width: 100%; height: 1px; border: 1; border-bottom: 1px solid var(--primary-color); bottom: -8px; } .pq-menu-btn { text-align: center; margin-top: 60px; } .pq-mb-30 { margin-bottom: 30px; } .pq-mb-45{ margin-bottom: 45px; } .pq-menu-img { position: relative; text-align: end; } .pq-menu-img .pq-menu-img-1 { width: 70%; } .pq-menu-img .pq-menu-img-2 { width: 70%; position: absolute; right: 26%; bottom: -32%; } .pq-food-price-style-2 { padding: 20px 0 0 0; } .pq-menu-bg-img { background-image: url(../images/1-2.png); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.8; background-attachment: fixed; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; padding: 300px 0; } .pq-menu2-bg-img { background-image: url(../images/2-1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.8; background-attachment: fixed; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; padding: 300px 0; } /*+++++++++++++++++++++++++++++++++++++++++++++++ Testimonialbox ++++++++++++++++++++++++++++++++++++++++++++++++*/ .pq-bg-img { background-image: url(../images/testimonal/bg-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 1; padding: 130px 0; position: relative; } .pq-bg-img-1:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/background-images/testimonial-bg-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.2; } .pq-left-fullbg:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 100%; background: var(--dark-color); } .pq-testimonial-bg-color { background-image: linear-gradient(90deg, #080B0E 30%, #101418 0%); margin-top: 0px; margin-bottom: 0px; padding: 130px 0px 90px 0px; position: relative; } .pq-testimonial-padding{ padding: 60px 15px; } .pq-testimonial-bg-img { position: absolute; width: 900px; max-width: 900px; top: 10%; left: -5%; z-index: 1; } .pq-testimonial-bg-img-2:before{ content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-image: url(../images/testimonal/bg-img-2.jpg); background-position: top right; background-repeat: no-repeat; background-size: auto; opacity: 0.5; } .pq-testimonial-bg-img img { height: 895px; } .pq-testimonialbox-1 { background: var(--secondary-color); padding: 45px; } .pq-testimonialbox-1 .pq-testimonial-info .pq-quote i { color: transparent; font-size: 56px; line-height: 64px; position: absolute; right: 45px; top: 45px; z-index: 1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--primary-color); } .pq-testimonialbox-1 .pq-testimonial-info .pq-testimonial-img { display: flex; align-items: center; } .pq-testimonialbox-1 .pq-testimonial-info .pq-testimonial-img img { width: 80px; height: 80px; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; margin-right: 15px; } .pq-testimonialbox-1 .pq-testimonial-meta h5 { color: var(--white-color); font-size: 26px; line-height: 34px; } .pq-testimonialbox-1 .pq-testimonial-meta span { color: var(--primary-color); text-transform: capitalize; font-size: 18px; line-height: 28px; letter-spacing: 0.1em; font-weight: 400; } .pq-testimonialbox-1 .pq-testimonial-content { color: var(--white-color); margin-top: 20px; } .pq-testimonialbox-1 .pq-testimonial-content p { margin-bottom: 20px; } .pq-testimonialbox-1 .pq-testimonial-content .pq-testimonial-star i { color: var(--primary-color); font-size: 16px; line-height: 24px; } .pq-testimonal-main .owl-carousel .owl-dots { text-align: right; position: absolute; bottom: 30px; right: 30px; } .owl-dots-bottom .pq-testimonialbox-style-1 .owl-carousel .owl-dots { position: relative; bottom: inherit; right: inherit; text-align: center; } .pq-testimonialbox-2 { background: var(--secondary-color); padding: 45px; } .pq-testimonialbox-2 .pq-testimonial-info .pq-quote i { color: transparent; font-size: 52px; line-height: 1; position: absolute; right: -20px; bottom: 0; z-index: 1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--primary-color); opacity: 0.2; } .pq-testimonialbox-2 .pq-testimonial-info .pq-testimonial-img { display: flex; align-items: center; } .pq-testimonialbox-2 .pq-testimonial-info .pq-testimonial-img img { width: 80px; height: 80px; -webkit-border-radius: 900px; -moz-border-radius: 900px; border-radius: 900px; margin-right: 15px; } .pq-testimonialbox-2 .pq-testimonial-meta h5 { color: var(--white-color); font-size: 22px; line-height: 30px; } .pq-testimonialbox-2 .pq-testimonial-meta span { color: var(--primary-color); text-transform: capitalize; font-size: 18px; line-height: 28px; letter-spacing: 0.1em; } .pq-testimonialbox-2 .pq-testimonial-content { color: var(--text-color); margin-top: 15px; position: relative; } .pq-testimonialbox-2 .pq-testimonial-content p { margin-bottom: 30px; } .pq-testimonialbox-2 .pq-testimonial-star i { color: var(--primary-color); font-size: 16px; line-height: 24px; } .pq-dark-bg .pq-testimonialbox-2 { padding: 45px; background-color: var(--dark-color); } .pq-dark-bg .owl-carousel .owl-dots { margin-bottom: 30px; } .pq-dark-bg { position: relative; background: var(--dark-color); margin: 30px 0px 0px 0px; padding: 30px 0px 45px 0px; z-index: 1; } .pq-dark-bg .pq-testimonial-box.pq-testimonialbox-2 { position: relative; } .pq-dark-bg .pq-testimonial-box.pq-testimonialbox-2:after { content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.06); display: block; position: absolute; right: -2px; top: 18%; } .pq-dark-bg .pq-testimonialbox-2 .pq-testimonial-info .pq-quote i { font-size: 48px; right: 10px; bottom: -100px; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 { background: unset; text-align: center; padding: 0; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-info .pq-testimonial-img { display: block; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-info .pq-quote i { color: var(--primary-color); font-size: 2.5em; line-height: 1; position: unset; margin-bottom: 30px; opacity: 1; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-meta h5 { margin-top: 15px; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-info .pq-testimonial-img img { margin: 0 auto; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .owl-carousel .owl-nav { position: unset; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 30%; left: -130px; } .pq-testimonial-box-slider.pq-testimonialbox-style-3 .owl-carousel .owl-nav button.owl-next { position: absolute; top: 30%; right: -130px; } .pq-testimonial-title .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 { padding: 45px; } .pq-testimonial-title .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-info .pq-testimonial-img { display: flex; } .pq-testimonial-title .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-info .pq-testimonial-img img { margin: 0; margin-right: 15px; } .pq-testimonial-title .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 { text-align: left; } .pq-testimonial-title .pq-testimonial-box-slider.pq-testimonialbox-style-3 .pq-testimonialbox-2 .pq-testimonial-info .pq-quote i { color: transparent; } /*+++++++++++++++++++++++++++++++++++++++++++++++ Process Step ++++++++++++++++++++++++++++++++++++++++++++++++*/ .pq-list-container { margin: 0 0 45px 0; } ul.pq-icon-list-items { padding: 0; list-style-type: none; } .pq-icon-list-item { display: flex; align-items: center; } .pq-icon-list-item:not(:last-child) { padding-bottom: calc(5px/2); } .pq-icon-list-item:not(:first-child) { margin-top: calc(5px/2); } .pq-icon-list-icon i { color: var(--primary-color); font-size: 14px; } .pq-icon-list-text { padding-left: 5px; } .pq-process-style-1 { padding: 30px; position: relative; overflow: hidden; background: var(--dark-color); } .pq-process-style-1 .pq-process-media { position: relative; margin-bottom: 30px; } .pq-process-style-1 .pq-process-media .pq-process-img img { border-radius: 100%; width: 225px; height: 225px; border: 15px solid #fff; } .pq-process-style-1 .pq-process-media .pq-process-icon i { font-size: 45px; color: var(--white-color); background-color: var(--primary-color); padding: 20px; display: inline-block; transition: all 0.5s ease; } .pq-process-style-1:hover .pq-process-media .pq-process-icon i { transform: rotateY(180deg); } .pq-process-style-1 .pq-process-media .pq-process-number { position: absolute; top: 15px; right: 0; font-size: 48px; line-height: 56px; color: transparent; text-align: center; font-weight: 400; opacity: 1; font-family: var(--title-fonts); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--primary-color); } .pq-process-style-1 .pq-process-description p { margin-bottom: 20px; margin-top: 10px; } .pq-process-style-1.pq-process-30 { margin: 30px 0 0 0; } /*================================================ Icon Box ================================================*/ .pq-icon-box.pq-style-1{ background-color: var(--secondary-color); padding: 45px; } .pq-icon-box.pq-style-1 .pq-icon-box-wrapper i{ font-size: 56px; line-height: 1; color: var(--primary-color); } .pq-icon-box.pq-style-1 .pq-icon-box-wrapper .pq-icon-box-title{ color: var(--white-color); font-family: var(--title-fonts); font-size: 26px; line-height: 34px; margin-top: 30px; padding-bottom: 20px; } .pq-icon-box.pq-style-1 .pq-icon-box-wrapper{ border-bottom: 1px solid #ffffff14; margin-bottom: 20px; } .pq-icon-box.pq-style-2{ display: flex; } .pq-icon-box.pq-style-2 .pq-icon{ margin-right: 15px; } .pq-icon-box.pq-style-2 .pq-icon i{ font-size: 50px; line-height: 1; color: var(--primary-color); } .pq-icon-box.pq-style-2 .pq-icon-box-content .pq-icon-box-description{ margin-bottom: 0; } /*+++++++++++++++++++++++++++++++++ rotate animation +++++++++++++++++++++++++++++++++++++++++*/ .pq-spinning-img img { animation-duration: 10s; animation-name: spin; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); transform: rotate(0deg) } to { -o-transform: rotate(1turn); transform: rotate(1turn) } } /*+++++++++++++++++++++++++++++++++ Progressbar +++++++++++++++++++++++++++++++++++++++++*/ /*---ProgressBar-style-1------*/ h2.pq-progressbar-detail-hading { margin: 0 0 10px 0; } .pq-progressbar-box-1 { display: inline-block; width: 100%; margin: 30px 0px 60px 0px; } .pq-progressbar-reservation-form-title { margin-bottom: 30px; } .pq-progressbar-box-1 .pq-progressbar-content, .pq-progressbar-style-2 .pq-progressbar-content { margin-bottom: 30px; display: inline-block; float: left; width: 100%; } .pq-progressbar-box-1 .pq-progressbar-content .sonny_progressbar, .pq-progressbar-style-2 .pq-progressbar-content .sonny_progressbar { margin-bottom: 0; } .pq-progressbar-box-1 .pq-progressbar-content .bar-container { height: 8px; } .pq-progressbar-box-1 .pq-progressbar-content:last-child, .pq-progressbar-style-2 .pq-progressbar-content:last-child { margin-bottom: 0; } .pq-progressbar-box-1 .progress-title { margin: 0; font-size: 18px; line-height: 26px; font-family: var(--title-fonts); color: var(--white-color); } .pq-progressbar-box-1 .progress-value, .pq-progressbar-style-2 .progress-value { color: var(--primary-color); margin: 0; float: right; font-size: 16px; line-height: 24px; font-weight: 400; font-family: var(--title-fonts); } .pq-progressbar-box-1 .pq-progress-bar, .pq-progressbar-style-2 .pq-progress-bar { display: inline-block; width: 100%; padding: 0; background: var(--primary-color); float: left; margin-top: 5px; } .pq-progressbar-box-1 .pq-progress-bar .bar { background-color: var(--primary-color) !important; } .pq-progressbar-box-1 .pq-progress-bar span, .pq-progressbar-style-2 .pq-progress-bar span { display: inline-block; background: var(--grey-color); float: left; } .pq-btn-container.pq-section-btn { margin: 45px 0 0 0; } .pq-section-location-container { margin: 0px 15px 0px 0px; padding: 45px 30px 45px 30px; background-color: #101418; } .pq-section-location-icon-box { display: block; text-align: center; } .pq-section-location-icon-box-icon { margin-bottom: 15px; } .pq-section-location-icon { font-size: 60px; color: var(--primary-color); } /*================================================ Advance Tab ================================================*/ .pq-advance-tab .nav-tabs { border-bottom: unset; } .nav-tabs .nav-link { border-top-right-radius: 0; border-top-left-radius: 0; margin-bottom: 0; } .pq-advance-tab .nav-tabs .nav-item { background: var(--dark-color); color: var(--white-color); padding: 5px 0px; border: none; margin-right: 15px; position: relative; flex: 1; font-size: 20px; line-height: 18px; font-weight: 400; margin-bottom: 15px; text-transform: capitalize; } .pq-advance-tab .nav-tabs .nav-item i { color: var(--primary-color); } .pq-advance-tab .nav-tabs .nav-item:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(198, 168, 125, 0); border-top-color: var(--secondary-color); border-width: 15px; margin-left: -15px; margin-top: -2px; opacity: 0; z-index: 9; transition: none; } .pq-advance-tab .nav-tabs .nav-item.active:after { opacity: 1; border-top-color: var(--primary-color); } .pq-advance-tab .nav-tabs .nav-item i { font-size: 48px; line-height: 56px; display: inline-block; } .pq-advance-tab .nav-tabs .nav-item.active { background: var(--primary-color); color: var(--white-color); position: relative; } .pq-advance-tab .nav-tabs .nav-item.active i { color: var(--white-color); } .pq-about-tab .nav-tabs .nav-link.active{ color: var(--white-color); border-bottom: 1px solid var(--grey-color); background: transparent; } .pq-advance-tab.pq-about-tab .nav-tabs .nav-item:after{ content: none; } .pq-about-tab .nav-tabs .nav-link{ padding: 8px 16px; background: transparent; margin: 15px; } .pq-tab-padding{ padding: 90px 15px 90px 45px; } /*================================================ Video Popup ================================================*/ .pq-popup-video-block .pq-video-icon { text-align: center; } .video.pq-video-bg-img { background-image: url(../images/video/video.jpg); background-position: 195px top; background-repeat: no-repeat; background-size: cover; opacity: 1; padding: 260px 0; position: relative; } .pq-popup-video-bg-img{ background-image: url(../images/video/video-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .pq-popup-video-bg-img-dark-layer:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-color: var(--dark-color); } .popup .pq-popup-video-block .pq-video-icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pq-video-popup-bg-img{ background-image: url(../images/video/video-2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; position: relative; width: 100%; height: 100%; } .pq-video-bg-img-2{ position: relative; min-height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pq-video-bg-img-2:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/video/video-1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; } .video.pq-video-bg-img .pq-svg { position: absolute; z-index: -1; left: 40px; bottom: 100px; } .pq-video-popup-2.video.pq-video-bg-img .pq-svg { position: absolute; z-index: 1; } .video.pq-video-bg-img .pq-svg svg { border-radius: 100%; } .pq-popup-video-block .pq-video-icon a { margin: auto; text-decoration: none; color: var(--primary-color); font-size: 28px; width: 90px; height: 90px; line-height: 90px; text-align: center; display: inline-block; background-color: var(--white-color); border-radius: 90%; -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite; position: relative; z-index: 1; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); } } .pq-video-icon a.primary { -webkit-animation: rippleprimary 1s linear infinite; animation: rippleprimary 1s linear infinite; } @-webkit-keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); } } @keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0); } } .pq-video-primary{ padding: 60px 0; } .pq-video-primary .pq-popup-video-block .pq-video-icon a { background: var(--primary-color); color: var(--white-color); -webkit-animation: rippleprimary 1s linear infinite; animation: rippleprimary 1s linear infinite; } .pq-video-primary .pq-video-icon a.primary { -webkit-animation: rippleprimary 1s linear infinite; animation: rippleprimary 1s linear infinite; } @-webkit-keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(198, 168, 125, 0.2), 0 0 0 5px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2); box-shadow: 0 0 0 0 rgba(198, 168, 125, 0.2), 0 0 0 5px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2), 0 0 0 45px rgba(198, 168, 125, 0); box-shadow: 0 0 0 5px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2), 0 0 0 45px rgba(198, 168, 125, 0); } } @keyframes rippleprimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(198, 168, 125, 0.2), 0 0 0 5px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2); box-shadow: 0 0 0 0 rgba(198, 168, 125, 0.2), 0 0 0 5px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2), 0 0 0 45px rgba(198, 168, 125, 0.2); box-shadow: 0 0 0 10px rgba(198, 168, 125, 0.2), 0 0 0 20px rgba(198, 168, 125, 0.2), 0 0 0 35px rgba(198, 168, 125, 0.2), 0 0 0 45px rgba(198, 168, 125, 0); } } /*================================================ FAQ ================================================*/ .pq-accordion-block .pq-accordion-box { 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: transparent; border: 1px solid var(--grey-color); padding: 15px 30px; cursor: pointer; } .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(--white-color); } .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: 20px; 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: 1px solid var(--grey-color); border-top: 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); } /*================================================ CTA ================================================*/ .cta { padding: 90px 0; } .pq-cta-bg-img:before { background-image: url(../images/cta.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.8; background-attachment: fixed; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; } .cta .pq-btn-container { text-align: end; } .location { margin-top: 0px; margin-bottom: 0px; padding: 210px 0px 130px 0px; } .map-chart { height: 450px; } ul.location-icon-list-items { padding: 0; list-style-type: none; margin: 0; } .pq-location-main-list { margin: 30px 0 0 0; } span.location-icon-list-icon { font-size: 14px; } span.location-icon-list-text { padding-left: 5px; } .pq-call i, .pq-email i, .pq-link i { font-size: 30px; margin-right: 15px; } .pq-call h4, .pq-email h4, .pq-link h4 { font-family: var(--body-fonts); color: var(--white-color); font-size: 18px; font-weight: 300; line-height: 26px; } .pq-email { margin: 20px 0 20px 0; } .pq-link { margin: 0 0 30px 0; } /*=========*/ .pq-social-icon-box { display: inline-block; margin: 15px 0 0 0; } .pq-social-icon-box ul { margin: 0; padding: 0 } .pq-social-icon-box ul li { list-style: none; float: left; margin-right: 10px; } .pq-social-icon-box ul li:last-child { margin: 0; } .pq-social-icon-box ul li a { background: var(--dark-color); color: var(--text-color); width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; display: inline-block; } .pq-social-icon-box ul li a:hover { background: var(--primary-color); color: var(--white-color); } .pq-single-team-detail h4 { margin: 0 0 10px 0; } .pq-single-team-detail { padding: 45px 0px 60px 0px; } .contact-container { padding: 60px; background-color: var(--dark-color); } .contact-icon-box { text-align: center; } .contact-icon i { background-color: var(--primary-color); color: var(--white-color); font-size: 30px; line-height: 60px; display: inline-block; width: 60px; height: 60px; } .contact-icon-box-content { margin-top: 15px; } .contact-icon-box-title{ color: var(--primary-color); margin-bottom: 5px; } .pq-blog-post .pq-blog-contain .pq-blog-title.pq-col-1 { font-size: 32px; line-height: 40px; } /*=====================SideBar-Search=====================*/ h4.footer-title { margin-bottom: 30px; } .pq-block-tag-cloud .tag-cloud-link { font-size: 16px; background: transparent; margin: 0 10px 10px 0; display: inline-block; float: left; color: var(--white-color); text-transform: capitalize; padding: 4px 16px; border: 1px solid var(--grey-color); } .pq-block-tag-cloud .tag-cloud-link:hover { background: var(--primary-color); } .pq-sidebar-comment.pq-sidebars li a { color: var(--primary-color); padding: 0; } .pq-sidebar-comment.pq-sidebars li a:hover { text-decoration: underline !important; } .pq-sidebar-comment.pq-sidebars li span:hover { text-decoration: underline !important; color: var(--primary-color); } blockquote { background: var(--secondary-color); padding: 30px; border: 1px solid var(--grey-color); border-left: 5px solid var(--primary-color); margin-bottom: 30px; } blockquote strong { font-family: var(--title-fonts); color: var(--primary-color); font-style: italic; font-weight: 400; display: block; } .pq-single-blog-title2 { margin: 30px 0 5px 0; } .pq-single-blog-title { margin: 0 0 10px 0; } .pq-single-blog-img img{ width: 100%; } 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-item-list i { color: var(--primary-color); } ul.pq-single-blog-item-list { list-style-type: none; padding: 0; margin: 0 0 30px 0; } ul.pq-single-blog-item-list li span { margin: 0 0 0 5px; } /*commentlist*/ .comments-title, .comment-respond .comment-reply-title { padding-top: 30px; position: relative; margin: 0; padding-bottom: 0; } .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(--dark-color); position: relative; background: var(--dark-color); } .commentlist .pq-comment-wrap { display: flex; align-items: flex-start; } .commentlist .pq-comment-avatar { padding-right: 15px; } .commentlist .pq-comment-box { position: relative; display: inline-block; width: 100%; } .commentlist .pq-comment-box .comment-content p{ margin-bottom: 0; } ol.commentlist { padding: 0; margin: 0; } .commentlist .pq-comment-info .reply a { position: absolute; right: 30px; top: 30px; margin: 0; font-size: 14px; line-height: 22px; text-transform: capitalize; font-family: var(--title-fonts); } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { float: left; width: 31.7%; display: inline-block; margin: 0 15px 30px 0; } .comment-respond .comment-form-url { margin-right: 0; } .comment-respond .comment-form-comment { margin-top: 0; margin-bottom: 30px; display: inline-block; width: 100%; float: left; } /* Custom Css */ .about { overflow: hidden; } .about .pq-ps-30 { padding: 0 15px 0 30px; } #chartdiv { height: 450px; } .pq-map { overflow: hidden; line-height: 0; } .pq-map iframe{ height: 450px; width: 100%; } .about-us-img{ position: relative; } .pq-about-img-1{ position: relative; width: 75%; } .pq-about-img-2{ position: absolute; width: 50%; right: 0; top: 14%; } .pq-pe-30{ padding-right: 30px; } .pq-video-title-1{ color: var(--primary-color); font-family: var(--title-fonts); font-size: 48px; font-weight: 400; line-height: 56px; text-align: center; position: relative; z-index: 1; } .pq-video-title-2{ color: var(--white-color); font-family: var(--title-fonts); font-size: 48px; font-weight: 400; line-height: 56px; padding-top: 30px; text-align: center; position: relative; z-index: 1; } .video-popup{ position: relative; } .pq-working-hours{ position: relative; padding-left: 45px; padding-right: 45px; min-height: 100%; display: flex; flex-direction: column; justify-content: center; } .pq-working-hours .pq-working-hours-title{ position: relative; text-align: center; color: var(--primary-color); margin-bottom: 30px; } .pq-working-hours ul{ padding: 0; margin: 0; position: relative; } .pq-working-hours ul li{ list-style: none; display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } .pq-working-hours ul li:last-child{ margin-bottom: 0; } .pq-working-hours ul li span{ color: var(--primary-color); font-weight: 300; } .pq-working-hours ul li .closed{ color: #FF0000; font-family: var(--title-fonts); font-size: 16px; font-weight: 400; text-transform: uppercase; } .pq-reservation-drink{ position: relative; padding: 60px 45px; min-height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pq-reservation-title{ position: relative; color: var(--primary-color); margin-bottom: 45px; } .pq-contact-number{ position: relative; } .pq-contact-number+.pq-contact-number{ margin-top: 15px; } .pq-contact-mail{ position: relative; margin-top: 15px; margin-bottom: 60px; } .pq-ingredient{ position: relative; padding: 190px 15px; min-height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pq-ingredient .pq-ingreident-title-1{ position: relative; color: var(--primary-color); font-weight: 400; } .pq-ingredient .pq-ingredient-title-2{ position: relative; color: var(--white-color); } .pq-coffee{ position: relative; padding: 150px 45px; min-height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pq-coffee .pq-coffee-title{ position: relative; font-family: var(--sub-title-fonts); font-weight: 400; color: var(--primary-color); } .pq-coffee .pq-coffee-title-2{ position: relative; font-family: var(--sub-title-fonts); font-weight: 400; color: var(--primary-color); align-self: end; padding-right: 65px; } .pq-coffee .pq-coffee-title-3{ position: relative; color: var(--white-color); font-family: var(--sub-title-fonts); font-weight: 400; text-transform: lowercase; } .pq-coffee .pq-coffee-title-4{ position: relative; margin-top: 5px; padding-left: 10px; color: var(--white-color); font-family: var(--sub-title-fonts); font-weight: 400; text-transform: lowercase; } .pq-working-hours:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/background-images/1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.05; } .pq-reservation-drink:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/background-images/2.jpg); background-repeat: no-repeat; background-position: bottom right; opacity: 0.3; } .pq-ingredient:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/background-images/3.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.3; } .pq-coffee:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/background-images/1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.05; } .pq-dark-section-side-right:before{ content: ''; position: absolute; left: 84%; top: 12.1%; display: inline-block; width: 100%; height: 75.8%; z-index: 1; background: var(--dark-color); } .pq-list-check{ margin: 0; padding: 0; } .pq-list-check li{ list-style: none; display: flex; align-items: center; margin-top: 5px; padding-bottom: 5px; } .pq-list-check li:first-child{ margin-top: 0; } .pq-list-check li:last-child{ padding-bottom: 0; } .pq-list-check li i{ font-size: 30px; line-height: 1; color: var(--white-color); } .pq-list-check li span{ padding-left: 15px; } .pq-mt-30{ margin-top: 30px; }