/* all custom styles for the baseClass company */


/*
Name: 			baseClass
Author: 		Atri Banerjee
Version: 		latest
*/


/*------------------------------------------------------------------
[Table of contents]

1. General styles and resets
2. Bordered Document / .bordered-document
3. Header / .main-header
4. Banner
5. Buttons / .btn
6. Search form / .search-form
7. Content block / .content-block
8. Block Heading / .block-heading
9. Parallax / .parallax
10. Gallery list / .gallery-list
11. Team / .team-container
12. Count Block / .count-block
13. Testimonial / .testimonial-container
14. Logo Block / .logo-container
15. Newsletter form / .waituk_newsletter-form
16. Post Block / .post-grid
17. Elements / .demo-wrapper
18. Blog
19. Footer
20. Utilities
21. All Customizations html

===========================================================================

font-family: 'Zilla Slab Highlight', cursive;
font-family: 'Ubuntu', sans-serif;
font-family: 'Passion One', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Courgette', cursive;
font-family: 'Kaushan Script', cursive;
font-family: 'Philosopher', sans-serif;
font-family: 'Bangers', cursive;
font-family: 'Luckiest Guy', cursive;
font-family: 'Sigmar One', cursive;
font-family: 'Bowlby One SC', cursive;
font-family: 'Raleway', sans-serif;
font-family: 'Julius Sans One', sans-serif;
font-family: 'Strait', sans-serif;

-----------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Bangers|Bowlby+One+SC|Courgette|Julius+Sans+One|Kaushan+Script|Luckiest+Guy|Montserrat:700,800,900|Muli:600,700,900|Passion+One:700,900|Philosopher:700|Raleway:500,600,700,900|Sigmar+One|Strait|Ubuntu:300,500,700|Zilla+Slab+Highlight:700'); */


@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,400i,500,500i,700');

/* wirn - testimonial font - testing list */
@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap'); /* font-family: 'Vujahday Script', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Luxurious+Script&display=swap'); /* font-family: 'Luxurious Script', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap'); /* font-family: 'Pinyon Script', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap'); /* font-family: 'Rouge Script', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap'); /* font-family: 'Petit Formal Script', cursive; */

/* ----------- applied for -------------- */
.testimonial-container .testimonial-slide .team-wrap .text-wrap p{ /*font-family: 'Vujahday Script', cursive;*/}
.testimonial-container .testimonial-slide .team-wrap .text-wrap p{ /*font-weight: bold; letter-spacing: 0.13rem;*/ text-align: left;}
.testimonial-container .testimonial-slide .team-wrap .text-wrap.blockquote-block blockquote { font-size: .9375rem;}
/* wirn - testimonial font */

* { scrollbar-width: thin; scrollbar-color: #664b3f #c1a498; /*scroll-direction: horizontal;*/}
*::-webkit-scrollbar { width: 11px; height: 11px;}
*::-webkit-scrollbar-track { background: #c1a397; border-radius: 1px; border: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; }
*::-webkit-scrollbar-thumb { background-color: #664b40; border-radius: 3px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
*::-webkit-scrollbar-thumb { width: 13px; height: 13px;}

html, body { -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
html:hover, body:hover{ -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
body a:focus{ outline: none !important;}
body img:focus{ outline: none !important;}
a img:focus{ outline: none !important;}
button.btn:focus{ outline:none !important;}
a { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a:hover, a:focus { -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
a i{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a:hover i, a:focus i{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

body { font-family: 'Ubuntu', sans-serif; }
button, input, optgroup, select, textarea, a.btn { font-family: 'Raleway', sans-serif; }
.tp-caption.BigBold-Button, .BigBold-Button { font-family: 'Raleway', sans-serif; }
/* wirn */
a { color: #d44c0f ; }
a:hover, a:focus { color: #000000 ; }
.icon-lists ul li a:hover{ color: #d44c0f ;}
.relative{ position: relative !important;}
.none { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important; }
.btn.btn-primary { background: #664b3f; border-color: #664b3f; color: #fbfbfb; }
.btn.btn-primary:hover { background: #896e62; border-color: #896e62; }
.btn.btn-black { background: #664b3f;  border: .1429rem solid #664b3f; color: #fbfbfb; }
.btn.btn-black:hover { background: none; color: #664b3f; }
.btn.btn-white { border: 0.1429rem solid #fff; color: #55565b; background: #fff; }
.btn.btn-white:hover { background: none; color: #fff; border-color: #fff; }
.main-header.sticky-nav .navbar .navbar-brand { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.main-header.header-white #top-search input { background: #fbfbfb; }
.main-header.header-white.sticky-nav #top-search input { background: none; }
.filter-nav button.is-checked, 
.ico-box:hover .icon, 
.ico-box:hover .content-title, 
.ico-box:hover .icon a, 
.ico-box:hover .content-title a, 
.testimonial-container h2 { color: #d44c0f; }
.filter-nav button:hover { color: #896e62; }
.port-v2 figcaption .link-box a { background: #d44c0f; }
.picture-item .link-box a:hover { background: #fbfbfb /*#664b3f*/; color: #d44c0f; }
.count-block .col-wrap:hover { background: #fbfbfb /*#664b3f*/; color: #fbfbfb; }
.team-box figcaption, .team-box .figcaption { background: #664b3f; }
.main-header.header-white .navbar .navbar-nav li a:hover, 
.main-header.header-white .navbar .navbar-nav li a:focus { color: #c0a397; }
.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > a:hover, 
.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > a:focus { color: #d44c0f; }
.footer-nav.inline-nav li { line-height: 3.6; margin: 0 0.75em; }
.social-network.with-text li { line-height: 3.3; }
.main-header .navbar .navbar-brand { margin-top: 1.3em !important; }
.main-header.sticky-nav .navbar .navbar-brand { margin-top: 0em !important; }
.main-header.header-white .navbar .navbar-nav li .dropdown-menu li a { text-align: right; }
.main-header .navbar .navbar-nav li .dropdown-menu li:hover > a {  padding-right: .3125rem;}
.social-network li { padding: 0 0.35em 0 0; }
.main-header.sticky-nav #top-search input { height: 6.063rem; }
.main-header.header-white .navbar .navbar-nav li .dropdown-menu li:hover { background: #b99e93; color: #fbfbfb; }
.main-header.header-white .navbar .navbar-nav li .dropdown-menu li:hover a { color: #fbfbfb; }
.main-header.header-white.transparent .navbar-pos-search .navbar-link:hover { color: #b99e93; }
.f-log .content-block { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.main-header.header-white.f-log { background: rgba(255, 255, 255, 0.67); }
.circular-icon { color: #d44c0f; border: 1px solid #d44c0f; }
.main-header.header-white.transparent.sticky-nav .navbar-pos-search a.x-search-trigger:hover, 
.main-header.header-white.transparent.sticky-nav .navbar-pos-search a.x-search-trigger:focus { color: #d44c0f; }
.main-header.header-white.transparent.sticky-nav .nav-trigger a.navbar-link:hover i, 
.main-header.header-white.transparent.sticky-nav .nav-trigger a.navbar-link:focus i { color: #d44c0f; }
.tp-caption.BigBold-Title, .BigBold-Title { font-family: 'Passion One', cursive; letter-spacing: 0.045em; }
.tp-caption.BigBold-SubTitle, .BigBold-SubTitle { font-family: 'Muli', sans-serif; font-weight: normal; }
audio { opacity: 0 !important; position: absolute; margin: auto; top: 0; left: 0; right: auto; bottom: auto; z-index: -123456789 !important; color: #fbfbfb; }
.main-header .navbar-pos-search { margin-top: -50px; }
.main-header.with-side-panel-ico .nav-trigger.navbar-pos-search a.navbar-link { margin-top: -10px; }
.white-overlay .nav-wrap ul.side-nav > li > a:hover, 
.white-overlay .nav-wrap .header-links ul > li > a:hover, 
.white-overlay .nav-wrap ul.side-nav > li > a:focus, 
.white-overlay .nav-wrap .header-links ul > li > a:focus { color: #fbfbfb; background: #c0a397; }
.white-overlay .nav-wrap ul.side-nav > li > a:hover:before, 
.white-overlay .nav-wrap .header-links ul > li > a:hover:before { background: #c0a397; }
.footer .footer-main p a.text-orange { color: #d44c0f; }
.footer .footer-main p a.text-orange:hover, 
.footer .footer-main p a.text-orange:focus { color: #c0a397; }
.contact-list a { color: #d44c0f; }
.contact-list a:hover { color: #000000; }
.heading h2 span { color: #664b3f; }
.btn.btn-arrow:after { top: 48%; font-size: 1.4rem; }
.testimonial-container .owl-item.center .img-block, 
.testimonial-container .img-block { display: none; }
.content-wrapper a.navbar-brand { position: absolute; z-index: 987; padding: 1.6em 2.3em 2.3em 1.2em; margin: auto; left: 0; top: 0; bottom: auto; right: auto; background: rgba(255, 255, 255, 0.75); border-radius: 0 0 75px 0; }
.nav-wrap .header-links ul>li:last-child { display: none; }
.accordion-container { max-width: 55.63rem; }
.accordion-container .panel-icon .card .card-header { background: #674d41; border-bottom: none; }
.accordion-container .panel-icon .card .card-header h5 a:before { left: auto; right: 0rem; color: #fbfbfb; }
.accordion-container .panel-icon .card .card-header h5 a { color: #fbfbfb; }
.team-box:hover .team-des-v2 .name { color: #d4431b; }
.ico-box .link-holder .link-more:hover { color: #d44c0f; }
.inner-wrapper h2 { text-transform: uppercase; }
.team-content .block-heading h3 { font-size: 1.5rem; margin-top: 1.5em; }
.content-block h2.block-main-heading { text-transform: uppercase; }
.alternate-block-v2 .img-wrap { padding-top: 7.625rem; padding-bottom: 5.625rem; }
.alternate-block-v2 .exp-about .img-wrap { padding-top: 5.625rem; padding-bottom: 5.625rem; }
.alternate-block-v2 .row:first-child .img-wrap { padding-top: 3.625rem; }
.alternate-block-v2 .row:nth-child(2) .img-wrap { padding-top: 1.405rem; }
.alternate-block-v2 .row:nth-child(3) .img-wrap { padding-top: 1.405rem; }
.alternate-block-v2 .row:last-child .img-wrap { padding-top: 2.405rem; }
.career-panel h3 { width: 65%; margin: 0 auto; }
.career-panel h3 small { font-weight: 400; line-height: 1.65; }
.career-panel .ico-box .icon { display: none; }
.career .description h4 { line-height: 1.6; }
.contact-container .info-slot .icon { margin: 0 auto; text-align: center; }
.contact-container .info-slot .icon span.india-icon-map img { margin-top: -0.15em; }
.contact-container .info-slot .icon span.paris-icon-map img { margin-top: -0.25em; }
.nav-wrap { overflow-x: hidden !important; }
.nav-wrap{ display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important;}
/* wirn - custom */
.profile .caption-hover-full figcaption, .profile .caption-hover-full .figcaption{ background: rgb(255 255 255 / 90%);}
.profile .info-list .text{ margin-left: 0rem; }
.profile .text-block .text-block-title{ font-size: 1.275rem;}
.profile .text-block .text-block-title-sm{ font-size: 1.15rem;}
.profile .blockquote-block blockquote{ font-size: 0.925rem; }
.profile .blockquote-block blockquote{ margin-bottom: 0.95rem;}
.profile .icon-lists ul li em{ font-style: normal; font-weight: 500; font-size: .85rem; padding: 0 0.75em;}
.main-header.header-white.transparent .nav-section-profile .navbar .navbar-nav > li > a { color: #55565b;}
main.profile.no-banner { padding-top: 6.6rem;}
.img-block.image-zoom img { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }
.img-block.image-zoom:hover img { -webkit-transform: scale(1.45); -o-transform: scale(1.45); transform: scale(1.45); -moz-transform: scale(1.45); -ms-transform: scale(1.45); }
.filter-nav button{ text-transform: uppercase;}
.visual-small-top .visual-inner{ height:auto !important; max-height: none !important; min-height: auto !important; padding: 7rem 0 0.25rem 0 !important;}
.portfolio-block .portfolio-gallery .img-block{ height: 555px; overflow-y: hidden;}
.portfolio-block .portfolio-gallery .img-block.blok-md{ height: 444px; overflow-y: hidden;}
.portfolio-block .portfolio-gallery .img-block.blok-sm{ height: 333px; overflow-y: hidden;}
.portfolio-block .portfolio-gallery .img-block.blok-xs{ height: 222px; overflow-y: hidden;}
.portfolio-block .portfolio-gallery .inner .info-list .font-weight-bold{ font-weight: bold; font-size: 0.9rem; letter-spacing: .01rem; text-transform: uppercase;}
.portfolio-block .portfolio-gallery .img-block img{ /*transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);*/ transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; }
.portfolio-block .portfolio-gallery .img-block:hover img{ /*transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);*/ transition:all .25s ease-out; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; }
.portfolio-block .portfolio-gallery .block-top-heading{ font-size: 1.5rem;}
.portfolio-block .portfolio-gallery .block-main-heading{ font-size: 2rem;}
.portfolio-block .portfolio-gallery .gap-by-side{ padding-left: 3.3rem;}
.logo-container .logo-slide .owl-stage-outer{ flex-direction: column; display: flex;}
.logo-container .logo-slide .owl-stage{ grid-column-gap: 1rem; flex-direction: row; align-items: stretch; display: flex;}
.logo-container .logo-slide .owl-item{ flex-direction: column; align-items: center; display: flex;}
.logo-container .logo-slide .item{ width: 175px; height: 175px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.logo-container .logo-slide .item img{ max-width: 100%; height: 100%; width: 100%; display: inline-block; vertical-align: middle; object-fit: contain;}
.info-slot address{ padding: 1.35rem 0 0 0;}
.info-slot{ padding: 0 0 0 8rem;}
.waituk_contact-form .form-control{ resize: none;}
.section-scroll{ background: #f4f4f4; color: #c0a397;}
.section-scroll i{ color: #c0a397;}
.section-scroll:hover i,
.section-scroll:focus i,
.section-scroll:active i,
.section-scroll.active i{ color: #664b3f;}
.wrapper-device-support .demo-wrapper .icon-lists ul li span{ line-height: 2.4987rem;}
.content-links .sod-height{ line-height: 1.359rem;}
.post-text-block{ /*min-height: 433px;*/}
/*
.post-grid:hover .post-text-block[href="#WebDesignDevelopment"] ~ .post-grid .post-text-block[name="WebDesignDevelopment"] {
    background: #fff;
}
.reverse-grid:hover .post-img img[href="#WebDesignDevelopment"] ~ .reverse-grid .post-img img[name="WebDesignDevelopment"] {
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
*/
.alternate-block-v2 .text-wrap.gap-lg{ padding-top: 15rem;}
.grayscaled-custom{ -webkit-filter: grayscale(66%); filter: grayscale(66%); }






























/* wirn - overwrite */
.height-200 { height: 200px!important;}
.height-175 { height: 175px!important;}
.height-150 { height: 150px!important;}
.height-125 { height: 125px!important;}
.height-100 { height: 100px!important;}
.height-95 { height: 95px!important;}
.height-90 { height: 90px!important;}
.height-85 { height: 85px!important;}
.height-80 { height: 80px!important;}
.height-75 { height: 75px!important;}
.height-70 { height: 70px!important;}
.height-65 { height: 65px!important;}
.height-60 { height: 60px!important;}
.height-55 { height: 55px!important;}
.height-50 { height: 50px!important;}
.height-45 { height: 45px!important;}
.height-40 { height: 40px!important;}
.height-35 { height: 35px!important;}
.height-30 { height: 30px!important;}
.height-25 { height: 25px!important;}
.height-20 { height: 20px!important;}
.height-15 { height: 15px!important;}
.height-10 { height: 10px!important;}
.height-05 { height: 5px!important;}
.height-zero { height: 0px!important;}
.overflow-HY{ overflow-y: hidden !important;}
.overflow-HX{ overflow-x: hidden !important;}
.overflow-HYX{ overflow-y: hidden !important; overflow-x: hidden !important;}
.overflow-AY{ overflow-y: auto !important;}
.overflow-AX{ overflow-x: auto !important;}
.overflow-AYX{ overflow-y: auto !important; overflow-x: hidden !important;}
.overflow-VY{ overflow-y: visible !important;}
.overflow-VX{ overflow-x: visible !important;}
.overflow-VYX{ overflow-y: visible !important; overflow-x: hidden !important;}
.overflow-SY{ overflow-y: scroll !important;}
.overflow-SX{ overflow-x: scroll !important;}
.overflow-SYX{ overflow-y: scroll !important; overflow-x: hidden !important;}
.gap-infini{ padding-bottom: 1.5rem !important;/*1.5rem*/ margin-bottom: 3.5rem !important;/*3.5rem*/}
.no-gap-infini{ padding-bottom: 0rem !important; margin-bottom: 0rem !important;}
.devd{ border-bottom: .0825rem #ebedef solid;}
.devd-1{ border-bottom: 2px #ebedef solid;}
.proper-gap{ display: inline-block; width: 100%; height: 100px;}