/* 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'); @media (min-width: 1899px) and (max-width: 1920px) { .main-header.with-side-panel-ico .nav-trigger.navbar-pos-search a.navbar-link { margin-top: -.4375rem;} .main-header .navbar-pos-search { margin-top: -48px; } } @media only screen and (min-width: 576px) { .pricing-block .col-wrap { padding-bottom: 0; } .pricing-block .col-wrap:first-child { border-width: 0 .07143rem 0 0;} .video-bg .centered-wrap { padding-top: 0; } .blog-lists .blog-list-items li { display: inline-block; } .blog-lists .blog-list-items li:before { position: absolute; content: '|'; right: -9px; top: 0; } .blog-lists .blog-list-items li:last-child:before { display: none; } .about-author .author-av { width: 8.75rem; } } @media screen and (min-width: 576px) { h1 { font-size: 2.25rem; } h2 { font-size: 1.875rem; } h3 { font-size: 1.25rem; } .visual-title { font-size: 2.25rem; } .visual-title.text-white { font-size: 1.875rem; } .visual-text-v1 { font-size: .875rem;} .visual-text-v2 { font-size: 1.125rem; } .visual-text-v3 { font-size: 1.125rem; } .visual-subtitle { font-size: 2.25rem; } .visual-no-bg .visual-title { font-size: 1.875rem; } .visual-bottom-block h4 { font-size: .9375rem;} .btn { font-size: .9375rem;} .btn-alternate.btn { font-size: .9375rem;} .description { font-size: .875rem;} .content-title { font-size: .9375rem;} .information-block .info-block .block-title { font-size: 1.125rem; } .content-slot span { font-size: 1.125rem; } .alternate-block-v2 h3 { font-size: 2.25rem; } .big-font { font-size: .9375rem;} .widget-block h4 { font-size: .9375rem;} .block-sub-heading { font-size: .9375rem;} .block-sub-heading big { font-size: 1.125rem; } .block-heading .content-title { font-size: .875rem;} .info-list [class^='custom-'] { font-size: .9375rem;} .count-block .number { font-size: 1.5rem; } .count-block .text { font-size: .9375rem;} .social-network { font-size: 1.5rem; } .social-network.with-text li { font-size: .9375rem;} .social-network.with-text li span { font-size: 1.125rem; } a.full-width-icon .social-icon { font-size: 1.5rem; } .caption-hover-full .content-title { font-size: 1.125rem; } .pricing-block h3 { font-size: 1.5rem; } .pricing-block .price { font-size: 1.5rem; } .pricing-box-v1 .price { font-size: 1.5rem; } .data-table .table>thead>tr>th { font-size: .875rem;} .blockquote-block blockquote { font-size: .9375rem;} .slider-title { font-size: 2.25rem; } .slider-title.text-white { font-size: 1.875rem; } .slider-main-title { font-size: 2.25rem; } .slider-sub-title { font-size: 1.25rem; } .about-author h4 { font-size: .9375rem;} .footer .footer-main .icon { font-size: 1.875rem; } } @media screen and (min-width: 767px) { body { font-size: .8571rem;} h1 { font-size: 2.625rem; } h2 { font-size: 2.25rem; } h3 { font-size: 1.5rem; } .visual-title { font-size: 2.625rem; } .visual-title.text-white { font-size: 2.25rem; } .visual-text-v1 { font-size: 1rem; } .visual-text-v2 { font-size: 1.25rem; } .visual-text-v3 { font-size: 1.25rem; } .visual-subtitle { font-size: 2.625rem; } .visual-no-bg .visual-title { font-size: 2.25rem; } .visual-bottom-block h4 { font-size: 1rem; } .btn { font-size: 1rem; } .btn-alternate.btn { font-size: 1rem; } .description { font-size: 1rem; } .content-title { font-size: 1rem; } .information-block .info-block .block-title { font-size: 1.25rem; } .content-slot span { font-size: 1.25rem; } .alternate-block-v2 h3 { font-size: 2.625rem; } .big-font { font-size: 1rem; } .widget-block h4 { font-size: 1rem; } .block-sub-heading { font-size: 1rem; } .block-sub-heading big { font-size: 1.25rem; } .block-heading .content-title { font-size: 1rem; } .info-list [class^='custom-'] { font-size: 1rem; } .count-block .number { font-size: 1.625rem; } .count-block .text { font-size: 1rem; } .social-network { font-size: 1.625rem; } .social-network.with-text li { font-size: 1rem; } .social-network.with-text li span { font-size: 1.25rem; } a.full-width-icon .social-icon { font-size: 1.625rem; } .caption-hover-full .content-title { font-size: 1.25rem; } .pricing-block h3 { font-size: 1.625rem; } .pricing-block .price { font-size: 1.625rem; } .pricing-box-v1 .price { font-size: 1.625rem; } .data-table .table>thead>tr>th { font-size: 1rem; } .blockquote-block blockquote { font-size: 1rem; } .slider-title { font-size: 2.625rem; } .slider-title.text-white { font-size: 2.25rem; } .slider-main-title { font-size: 2.625rem; } .slider-sub-title { font-size: 1.5rem; } .about-author h4 { font-size: 1rem; } .footer .footer-main .icon { font-size: 2.25rem; } } @media only screen and (min-width: 767px) { .bordered-document { margin: 1.875rem; } .bordered-document .main-header { top: 1.875rem; left: 1.875rem; right: 1.875rem; } .bordered-document .top-spaced-line { height: 1.875rem; } .bordered-document .left-spaced-line { width: 1.875rem; } .bordered-document .bottom-spaced-line { height: 1.875rem; } .bordered-document .right-spaced-line { width: 1.875rem; } .bordered-document #wrapper { padding: 0 0 1.875rem; } .bordered-document #top-search { margin: 0 -1.938rem !important; } .visual-inner { padding: 3.75rem 0; height: 34.38rem; max-height: 34.38rem; } .visual-sub .visual-inner { height: 60.71rem; } .visual-title { margin-bottom: 1.875rem; } .visual-text-v1 p, .visual-text-v2 p, .visual-text-v3 p { margin-bottom: 6.875rem; } .visual-no-bg .visual-inner { height: auto; } .search-form-wrapper input[type='search'] { padding-right: 4rem; } .search-form-wrapper .holder { width: 80%; } .search-form-wrapper .close { right: 2rem; } .search-form-wrapper .form-control, .search-form-wrapper button { font-size: 3rem; } .content-block { padding-top: 5rem; padding-bottom: 5rem; } .col-wrap { margin-bottom: 3.125rem; } .multiple-row { margin-bottom: -2.5rem; } .content-slot span { margin-top: 1.875rem; } .alternate-block-v2 h3 { margin: 0; } .alternate-block-v2 .text-wrap { padding-top: 5rem; padding-bottom: 5rem; } .element-type { padding-top: 6.25rem; padding-bottom: 4.6875rem; } .demo-wrapper .element-heading { margin-bottom: 6.25rem; } .filter-nav { margin-bottom: 3.125rem; font-size: .875rem;} .filter-nav li:not(:first-child):before { margin: 0 .875rem;} .filter-nav-v2 { margin-bottom: 3.125rem; } .picture-item { margin-top: 1.25rem; } .count-block .col-wrap { padding-top: 3.125rem; padding-bottom: 3.125rem; } .testimonial-container { padding-left: 3.571rem; padding-right: 3.571rem; } .testimonial-container .text-wrap { margin-left: -90%; margin-right: -90%; } .waituk_newsletter-form .input-holder { float: left; width: 100%; max-width: calc(100% - 12.38rem); margin: 0 1.875rem 0 0; } .waituk_newsletter-form .btn { min-width: 10.5rem; } .waituk_newsletter-form .btn.btn-trans-dark-gray { padding: .8rem 1.071rem .7rem;} .waituk_newsletter-form .btn.btn-trans-dark-gray:hover { color: #fff; } .waituk_newsletter-form.newsletter-v2 .input-holder { max-width: calc(100% - 8.40rem); } .social-network li { /*padding: 0 2rem 0 0;*/padding: 0 1.3rem 0 0; } .social-network.round-icon li { padding: 0 0rem; } .social-network.square-icon li { padding: 0 0rem; } a.full-width-icon { height: 7.5rem; line-height: 7.5rem; } .breadcrumb-block .breadcrumb { font-size: .875rem;} .waituk_contact-form { margin-bottom: 0; } .waituk_contact-form .form-group { margin-bottom: 1.875rem; } .tab-container .nav-tabs { font-size: .875rem;} .tab-container .tab-button-nav .nav-link { padding: .6375rem 2.813rem;} .tab-container .tab-text-nav .nav-link { padding: .6375rem 2.813rem;} .tab-container .tab-icon-nav .nav-link { padding: .75rem 2rem;} .tab-container.tab-secondary .nav-tabs { font-size: .875rem;} .tab-container.tab-secondary .tab-button-nav .nav-link { padding: .6375rem 2.813rem;} .tab-container.tab-secondary .tab-text-nav .nav-link { padding: .6375rem 2.813rem;} .tab-container.tab-secondary .tab-icon-nav .nav-link { padding: .75rem 2rem;} .accordion-container .card .card-header { padding: .875rem 1.875rem;} .accordion-container .card .card-header h5 a { font-size: .875rem;} .accordion-container .card .card-block { padding: 1.563rem 1.875rem; } .accordion-container .panel-icon .card .card-header h5 a:before { /* left: -2rem; font-size: 1.3rem; */} .accordion-container.accordion-secondary .card .card-header { padding: .875rem 1.875rem;} .accordion-container.accordion-secondary .card .card-header h5 a { font-size: .875rem;} .accordion-container.accordion-secondary .card .card-block { padding: 1.563rem 1.875rem; } .accordion-container.accordion-secondary .panel-icon .card .card-header h5 a:before { left: -2rem; font-size: 1.3rem; } .pricing-block { padding: 4.5rem 1rem; } .pricing-block h3 { margin-bottom: 2rem; } .pricing-box-v1 { margin-top: 0; } .pricing-box-v1.pricing-box-v2 { margin-top: 5rem; } .demo-wrapper .row [class*='col-']:nth-of-type(1) .pricing-box-v1:first-child { margin-top: 0; } .demo-wrapper .row [class*='col-']:nth-of-type(1) .pricing-box-v2:first-child { margin-top: 5rem; } .icon-lists.inline-block ul li { display: inline-block; margin-right: 1.25rem; } .icon-lists.inline-block ul li:last-child { margin-right: 0; } .icon-border span { font-size: 2rem; } .icon-border-right span { font-size: 2rem; } .mid-icon-border span { font-size: 2rem; } .blockquote-block.blockquote-block-v3 blockquote { padding: 1.875rem 3.125rem; } .modal-wrap .form-group { margin-bottom: 1.375rem; } .modal-wrap.large-modal .modal-dialog { max-width: 1170px; } .signup-block .signup-wrap .circular-icon { width: 5rem; height: 5rem; line-height: 5.313rem; border-width: 2px; font-size: 2.375rem; } .signup-block .signup-wrap .form-group { margin-bottom: 1.25rem; } .slide-bg { margin-top: 0; } .video-bg .embed-responsive { min-height: 42.19rem; max-height: 42.19rem; } .colored-bg { min-height: 42.19rem; max-height: 42.19rem; } .fullscreen-bg { min-height: 100vh; max-height: 100vh; } .search-form-wrapper.fullscreen-search .holder { max-width: 1200px; background: #000; padding: 50px; } .search-form-wrapper.fullscreen-search .holder .close { top: 0; right: 0; font-size: 2rem; } .search-form-wrapper.fullscreen-search .holder input[type='search'] { padding-right: 4rem; } .search-form-wrapper.fullscreen-search .holder button { right: 50px; font-size: 3rem; } .slider-title { margin-bottom: 1.875rem; } .slider-main-title { margin-bottom: 3.125rem; } .slider-sub-title { margin-bottom: 2.5rem; } .slider-text { margin-bottom: 3.75rem; } .blog-holder .col-wrap { margin-bottom: 0; } .footer .divider-border { margin: 3.125rem auto; } .footer-v2 .btn { min-width: 8.9rem; line-height: 1; } .top-m1-space { margin-top: 5.625rem; } .top-l-space { margin-top: 5rem; } .top-space { margin-top: 3.75rem; } .top-space-medium-only { margin-top: 0; } .v-space { padding: 3.75rem 0; } .bottom-space-small-only { margin-bottom: 0; } } @media (min-width: 768px) { .visual-bottom-block .item-box { min-height: 6.25rem; } .visual-bottom-block .owl-item+.owl-item .item-box:before, .visual-bottom-block .owl-item+.owl-item .item-box:after { display: block; } .sticky-nav~main.no-banner.no-top-header { padding-top: 4rem; } .center-aligned-3-col { max-width: 25%; margin: 0 auto; } .center-aligned-4-col { max-width: 33.33%; margin: 0 auto; } .center-aligned-6-col { max-width: 50%; margin: 0 auto; } .center-aligned-8-col { max-width: 66.66%; margin: 0 auto; } } @media screen and (min-width: 991px) { h1 { font-size: 3rem; } h2 { font-size: 2.625rem; } h3 { font-size: 1.75rem; } .visual-title { font-size: 3rem; } .visual-title.text-white { font-size: 2.625rem; } .visual-text-v2 { font-size: 1.375rem; } .visual-text-v3 { font-size: 1.375rem; } .visual-subtitle { font-size: 3rem; } .visual-no-bg .visual-title { font-size: 2.625rem; } .visual-bottom-block h4 { font-size: 1.063rem; } .btn { font-size: 1.063rem; } .btn-alternate.btn { font-size: 1.063rem; } .content-title { font-size: 1.063rem; } .information-block .info-block .block-title { font-size: 1.375rem; } .content-slot span { font-size: 1.375rem; } .alternate-block-v2 h3 { font-size: 3rem; } .big-font { font-size: 1.063rem; } .widget-block h4 { font-size: 1.063rem; } .block-sub-heading { font-size: 1.063rem; } .block-sub-heading big { font-size: 1.375rem; } .info-list [class^='custom-'] { font-size: 1.063rem; } .count-block .number { font-size: 1.75rem; } .count-block .text { font-size: 1.063rem; } .social-network { font-size: 1.75rem; } .social-network.with-text li { font-size: 1.063rem; } .social-network.with-text li span { font-size: 1.375rem; } a.full-width-icon .social-icon { font-size: 1.75rem; } .caption-hover-full .content-title { font-size: 1.375rem; } .pricing-block h3 { font-size: 1.75rem; } .pricing-block .price { font-size: 1.75rem; } .pricing-box-v1 .price { font-size: 1.75rem; } .blockquote-block blockquote { font-size: 1.063rem; } .slider-title { font-size: 3rem; } .slider-title.text-white { font-size: 2.625rem; } .slider-main-title { font-size: 3rem; } .slider-sub-title { font-size: 1.75rem; } .about-author h4 { font-size: 1.063rem; } .footer .footer-main .icon { font-size: 2.625rem; } } @media only screen and (min-width: 991px) { .main-header.header-white.transparent { background: transparent; } .main-header.header-white.transparent .navbar .navbar-brand img:first-child { display: block; } .main-header.header-white.transparent .navbar .navbar-brand img:last-child { display: none; } .main-header.header-white.transparent .navbar .navbar-nav > li > a { color: #fff; } .main-header.header-white.transparent .navbar-pos-search a.x-search-trigger, .main-header.header-white.transparent .navbar-pos-search .navbar-link { color: #fff; } .main-header.header-white.transparent .navbar-pos-search a.icon-close-round { color: #c1c5cd; } .main-header.header-white.transparent.sticky-nav { background: #fff; } .main-header.header-white.transparent.sticky-nav .navbar .navbar-brand img:first-child { display: none; } .main-header.header-white.transparent.sticky-nav .navbar .navbar-brand img:last-child { display: block; } .main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > a { color: #55565b; } .main-header.header-white.transparent.sticky-nav .navbar-pos-search a.x-search-trigger, .main-header.header-white.transparent.sticky-nav .navbar-pos-search .icon-sort-1 { color: #55565b; } .main-header .top-header.mega-menus .i-list.i-list-i-block.i-list-i-block-sm > li a span { margin-right: .625rem; font-size: .875rem;} .main-header .top-header~.bottom-header { margin-top: 42px; } .main-header .bottom-header.container { padding-left: 30px; padding-right: 30px; } .main-header .navbar .navbar-nav li .dropdown-menu .s-list.s-list-mb-10 li { padding-top: .4375rem; padding-bottom: .4375rem;} .main-header .navbar .navbar-nav li .dropdown-menu { min-width: 13rem; } .main-header .navbar .navbar-nav li .dropdown-menu li { font-size: .6875rem;} .main-header .s-list.s-list-mb-10>li a { font-size: .6875rem;} .main-header .mega-menus .mega-menu-multiple .cart-list, .main-header .main-header .navbar .navbar-nav > li:last-child { margin-right: 2rem; } .main-header .with-side-panel.navbar-pos-search.nav-trigger { margin-top: -39px; } .main-header .image-wrap h5 { margin: 0 0 1.5rem; } .main-header.sticky-nav .bottom-header { margin-top: 0; } .main-header.sticky-nav .navbar-pos-search a { top: .5rem;} .mega-menus .mega-menu-multiple .cart-list { margin-right: 2rem; } .visual-inner { padding: 5rem 0; } .visual-title { margin-bottom: 1.875rem; } .visual-sub-title { margin-bottom: 1rem; } .visual-text-v1 p, .visual-text-v2 p, .visual-text-v3 p { margin-bottom: 7.5rem; } .visual-no-bg .visual-inner { padding-top: 5.625rem; padding-bottom: 2.8125rem; } .btn { min-width: 15.63rem; line-height: 1.3; } .btn { min-width: 16.9rem; } .btn.btn-sm { min-width: 11rem; } .btn-alternate.btn { min-width: 16.9rem; } .content-block { padding-top: 6.25rem; padding-bottom: 6.25rem; } .col-wrap { margin-bottom: 3.75rem; } .multiple-row { margin-bottom: -3.75rem; } .information-block .info-block { padding: 5.25rem 1.75rem; } .content-slot h3 { margin-bottom: 3.75rem; } .content-slot p { margin-bottom: 2rem; } .content-slot .text-wrap { max-width: 31.25rem; margin-left: 8%; padding: 6rem 0; } .content-slot .row:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .alternate-block-v2 h3 { margin: 0; } .alternate-block-v2 .text-wrap { padding-top: 7.5rem; padding-bottom: 7.5rem; } .portfolio-block .no-gutters { padding: 1.875rem 0 0; } main.no-banner { padding-top: 8.5rem; } .no-top-header~.no-banner { padding-top: 6rem; } .ico-box { padding: 2.8125rem 3.125rem 1.2rem; } .icon-v1 .ico-box { padding: 0; } .icon-box-v2 .ico-box { padding: 0; } .icon-box-v2 .ico-box .icon-desc { padding: 2rem .9375rem; padding-left: 7.813rem; } .flipped-box .ico-box, .flipped-box .front-box, .flipped-box .back-box { min-height: 11.25rem; } .picture-item { margin-top: 1.875rem; } .count-block .col-wrap { padding-top: 4.375rem; padding-bottom: 4.375rem; } .testimonial-container .text-wrap { margin-left: -100%; margin-right: -100%; } .waituk_contact-form .form-group { margin-bottom: 1.875rem; } .contact-title { margin-bottom: 4.6875rem; } .info-slot { margin-bottom: 5.625rem; margin-top: -1.25rem; } .info-slot .icon { font-size: 6.571rem; width: 7.286rem; } .info-slot .text { width: calc(100% - 7.643rem); } .pricing-block { padding: 5.5rem 1rem; } .pricing-block h3 { margin-bottom: 3rem; } .full-map .img-wrap { min-height: inherit; position: absolute; } .signup-block .signup-wrap h2 { font-size: 2.375rem; } .signup-block .signup-wrap .circular-icon.bottom-space { margin-bottom: 1.875rem; } .signup-block .signup-wrap .form-group { margin-bottom: 1.875rem; } .slider-title { margin-bottom: 1.875rem; } .slider-main-title { font-size: 10rem; line-height: 10rem; letter-spacing: 1.563rem; margin-bottom: 4.375rem; } .slider-sub-title { margin-bottom: 3.75rem; } .slider-text { margin-bottom: 6.25rem; } .blog-grid figure, .blog-grid .blog-img { margin: 0; } .comment-block { padding: 1.25rem .9375rem; } .comment-block .comment-slot { padding-left: 4.375rem; } .comment-block .comment-slot .thumb { position: absolute; top: 0; left: 0; } .comment-block .comment-slot .comment-desc { margin-top: 0; } .comment-block .comment-slot .comment-desc:before { position: absolute; top: .9375rem; right: 100%; content: ''; } .comment-block .comment-reply { margin: 3.125rem 0 0 3.125rem; } .comment-block .comment-reply .comment-desc { border-left: 1px solid #f8f8f8; } .author-posts { padding-bottom: 1.875rem; } .footer .footer-main h4 { margin-top: 0; } .footer .footer-logo { margin-bottom: 0; } .bottom-m-space { margin-bottom: 3.75rem; } .bottom-m-space-low { margin-bottom: 1.75rem; } .top-m1-space { margin-top: 6.25rem; } .top-l-space { margin-top: 6.25rem; } .top-space { margin-top: 5.625rem; } .v-space { padding: 5rem 0; } .top-m-space { margin-top: 3.75rem; } .bottom-space-medium-only { margin-bottom: 0; } .main-header.header-white.transparent .nav-section-profile .navbar .navbar-brand img { display: block; } main.profile.no-banner { padding-top: 6.6rem; /*3.8rem*/ } .profile .visual-no-bg .visual-inner { padding-top: 1.325rem; padding-bottom: 0.3125rem; height: 97px; } .profile .visual-no-bg .visual-title { font-size: 2rem; margin-bottom: 0rem; } .profile .content-wrapper .content-block { padding-top: 1.5rem;} } @media only screen and (min-width: 992px) and (max-width: 991px) { .main-header.header-logo-center .navbar .navbar-nav>li a { padding-left: .4rem; padding-right: .4rem;} } @media only screen and (min-width: 992px) and (min-width: 991px) { .main-header.header-logo-center .navbar .navbar-nav>li.p-static { position: relative; } .main-header.sticky-nav.header-logo-center .navbar .navbar-nav>li.p-static .dropdown-menu { left: auto; -webkit-transform: none; -o-transform: none; transform: none; } } @media (min-width: 992px) { .main-header.header-logo-center .navbar { float: none; text-align: center; } .main-header.header-logo-center .navbar .navbar-brand { float: none; margin-right: 0; padding: 1.875rem 0 0; } .main-header.header-logo-center .navbar .navbar-nav.float-right { float: none; text-align: center; } .main-header.header-logo-center .navbar .navbar-nav>li { float: none; display: inline-block; } .main-header.header-logo-center .navbar .navbar-nav>li a { padding: 1.875rem 1rem; } .main-header.header-logo-center .navbar .navbar-nav>li a .icon-search { vertical-align: middle; } .main-header.header-logo-center~.no-banner { padding-top: 11.17rem; } .main-header.header-logo-center~.no-banner.no-top-header { padding-top: 8.17rem; } .main-header.sticky-nav.header-logo-center .navbar { text-align: left; } .main-header.sticky-nav.header-logo-center .navbar .navbar-brand { float: left; margin-right: 0; padding-top: 1.1rem; padding-bottom: 1.25rem; } .main-header.sticky-nav.header-logo-center .navbar.flex-column { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .main-header.sticky-nav.header-logo-center .navbar .justify-content-center { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .main-header.sticky-nav.header-logo-center .navbar .navbar-nav.float-right { float: right; } .main-header.sticky-nav.header-logo-center .navbar .navbar-nav>li { float: left; display: block; } .main-header.sticky-nav.header-logo-center .navbar .navbar-nav>li a { padding-top: 1.25rem; padding-bottom: 1.25rem; } .main-header.sticky-nav.header-logo-center .navbar .navbar-nav>li .dropdown-menu li a { padding: 0; } .main-header.sticky-nav.header-logo-center~.no-banner { padding-top: 4.17rem; } .signup-block { height: 100vh; } .signup-block .signup-wrap { position: absolute; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; left: 0; width: 100%; padding: 0; } } @media screen and (min-width: 1230px) { h1 { font-size: 3.375rem; } h2 { font-size: 3rem; } h3 { font-size: 1.875rem; } .visual-title { font-size: 3.375rem; } .visual-title.text-white { font-size: 3rem; } .visual-text-v2 { font-size: 1.5rem; } .visual-text-v3 { font-size: 1.5rem; } .visual-subtitle { font-size: 3.375rem; } .visual-no-bg .visual-title { font-size: 3rem; } .visual-bottom-block h4 { font-size: 1.125rem; } .btn { font-size: 1.125rem; } .btn-alternate.btn { font-size: 1.125rem; } .content-title { font-size: 1.125rem; } .information-block .info-block .block-title { font-size: 1.5rem; } .content-slot span { font-size: 1.5rem; } .alternate-block-v2 h3 { font-size: 3.375rem; } .big-font { font-size: 1.125rem; } .widget-block h4 { font-size: 1.125rem; } .block-sub-heading { font-size: 1.125rem; } .block-sub-heading big { font-size: 1.5rem; } .info-list [class^='custom-'] { font-size: 1.125rem; } .count-block .number { font-size: 1.875rem; } .count-block .text { font-size: 1.125rem; } .social-network { font-size: 1.875rem; } .social-network.with-text li { font-size: 1.125rem; } .social-network.with-text li span { font-size: 1.5rem; } a.full-width-icon .social-icon { font-size: 1.875rem; } .caption-hover-full .content-title { font-size: 1.5rem; } .pricing-block h3 { font-size: 1.875rem; } .pricing-block .price { font-size: 1.875rem; } .pricing-box-v1 .price { font-size: 1.875rem; } .blockquote-block blockquote { font-size: 1.125rem; } .slider-title { font-size: 3.375rem; } .slider-title.text-white { font-size: 3rem; } .slider-main-title { font-size: 3.375rem; } .slider-sub-title { font-size: 1.875rem; } .about-author h4 { font-size: 1.125rem; } .footer .footer-main .icon { font-size: 3rem; } } @media only screen and (min-width: 1230px) { .bordered-document #top-search { margin: 0 -3.2rem !important; } .main-header .container-fluid, .main-header .container { padding-left: 3.125rem; padding-right: 3.125rem; } .main-header .container-fluid .container-fluid, .main-header .container-fluid .container, .main-header .container .container-fluid, .main-header .container .container { padding-left: 0; padding-right: 0; } .main-header .navbar .navbar-nav li .dropdown-menu { min-width: 16.88rem; } .main-header .i-list.i-list-i-block.i-list-i-block-sm li:first-child a { padding-left: 0; } .visual-inner { padding: 6.25rem 0; } .visual-text-v1 p, .visual-text-v2 p, .visual-text-v3 p { margin-bottom: 8.125rem; } .visual-bottom-block { padding: 0 0rem; } .visual-bottom-block p { font-size: .875rem;} .content-block { padding-top: 7.5rem; padding-bottom: 7.5rem; } .block-gap{ padding-top: 0.5rem;} .work-block { min-height: 1240px; } .content-block-v4 { padding-top: 12.5rem; padding-bottom: 12.5rem; } .information-block .info-block.info-block-v2 { padding: 5.25rem 1.75rem; } .consult-block { padding-top: 9.375rem; padding-bottom: 9.375rem; } .alternate-block-v2 .text-wrap { padding-top: 2.625rem /*10.625rem*/; padding-bottom: 3.625rem /*10.625rem*/; } .picture-item { margin-top: 1.875rem; } .info-list .text { margin-left: 5rem; } .count-block .col-wrap { padding-top: 5.625rem; padding-bottom: 5.625rem; } .waituk_newsletter-form input[type='email'] { letter-spacing: .2429rem;} .social-network.with-text li { padding: 0 1.5rem 0 0; } .pricing-block { padding: 5.625rem 1rem 7.5rem; } .pricing-block h3 { margin-bottom: 4rem; } .owl-carousel .owl-nav .owl-prev { right: calc(100%); } .owl-carousel .owl-nav .owl-next { left: calc(100%); } .signup-block .signup-wrap .circular-icon.bottom-space { margin-bottom: 1.875rem; } .signup-block .signup-wrap .form-group { margin-bottom: 1.875rem; } .blog-holder .blog-share .social-network.with-text li { font-size: .875rem;} .blog-holder .blog-share .social-network.with-text li:before { right: 3px; } .instagram-widget ul li { margin: 0 .9% 2.5% 0; } .footer .footer-main { padding-bottom: 5rem; } .footer .instagram-widget ul li { margin: 0 .9% 2.5% 0; } .bottom-space { margin-bottom: 4.375rem; } .top-xl-space { margin-top: 11.25rem; } .top-l-space { margin-top: 7.5rem; } } @media screen and (min-width: 1600px) { h1 { font-size: 3.75rem; } .visual-title { font-size: 3.75rem; } .visual-subtitle { font-size: 3.75rem; } .alternate-block-v2 h3 { font-size: 3.75rem; } .slider-title { font-size: 3.75rem; } .slider-main-title { font-size: 3.75rem; } } @media only screen and (min-width: 1600px) { .quotation-block { padding-top: 9.375rem; padding-bottom: 9.375rem; } .information-block .info-block.info-block-v2 { padding: 9.375rem 5rem 12.5rem; } .eighty-percent>div { width: 80%; } .testimonial-container { padding-left: 14.29rem; padding-right: 14.29rem; max-width: 75rem; } .testimonial-container .text-wrap { margin-left: -110%; margin-right: -110%; } .owl-carousel .owl-nav .owl-prev { right: calc(100% + 8.571rem); } .owl-carousel .owl-nav .owl-next { left: calc(100% + 8.571rem); } .signup-block .signup-wrap .inner-wrap { max-width: 36.25rem; } .signup-block .signup-wrap .circular-icon.bottom-space { margin-bottom: 4.375rem; } .signup-block .signup-wrap .form-group { margin-bottom: 4.375rem; } .instagram-widget ul li { margin: 0 1.9% 2.5% 0; } .footer .instagram-widget ul li { margin: 0 4% 6% 0; } } @media (max-width: 1899px) { .alternate-block-v2 .text-wrap.gap-lg{ padding-top: 19rem;} } @media only screen and (max-width: 1600px) { .caption-hover-full .trigger { font-size: 1rem; } .caption-hover-full .content-title { letter-spacing: 0; font-size: 1rem; } } @media (max-width: 1499px) { .section-scroll{ bottom: 5rem;} .logo-container .logo-slide .owl-item{ width: auto !important;} .logo-container .logo-slide .owl-item{ margin: 0 3rem !important;} .logo-container .logo-slide .item{ flex-wrap: nowrap;} .testimonial-container .testimonial-slide .team-wrap .text-wrap p{ text-align: center;} .alternate-block-v2 .text-wrap.gap-lg{ padding-top: 14rem;} } @media (max-width: 1299px) { .logo-container .logo-slide .owl-item{ width: auto !important;} .logo-container .logo-slide .owl-item{ margin: 0 2rem !important;} .logo-container .logo-slide .item{ flex-wrap: nowrap;} .demo-wrapper:nth-child(4) .element-heading{ padding-top: 2.5rem;} } @media (max-width: 1199px) { .parallax{ background-repeat: repeat !important; background-attachment: fixed !important; } .wrapper-justify-small-device .content-block p{ text-align: justify;} } @media (max-width: 1064px) { .mega-menus .dropdown.p-static.p-static-to-fw .dropdown-menu-container .dropdown-menu { left: -1px; right: -1px; } } @media only screen and (max-width: 991px) { .main-header.header-logo-center~.no-banner { padding-top: 3.17rem; } .main-header.header-logo-center~.no-banner.no-top-header { padding-top: 3.9rem; } .main-header.sticky-nav.header-logo-center~.no-banner { padding-top: 3.17rem; } .main-header.sticky-nav .navbar .navbar-nav li a { padding: .625rem 0;} .main-header.sticky-nav .navbar .navbar-nav li a { padding: .4rem .9375rem;} .main-header.sticky-nav .navbar .navbar-nav .dropdown-menu li { padding: 0; } .main-header.sticky-nav .navbar .navbar-nav .dropdown-menu li a { padding: .4rem .9375rem;} .main-header.sticky-nav .navbar-pos-search { top: 0; margin-top: 0; } .main-header.sticky-nav .navbar-pos-search.nav-trigger { margin-top: 8px; } .main-header .bottom-header.container-fluid { padding: 0; } .main-header .navbar { min-height: 3.875rem; } .main-header .navbar .navbar-nav li { font-size: .65rem;} .main-header .navbar-pos-search a { top: .3rem; width: 1rem; right: .9375rem;} .main-header #top-search input { height: 3.875rem; padding: 0 1rem; font-size: 1rem; line-height: 2rem; } .main-header #top-search { margin: 0 0; } .main-header .navbar .navbar-brand { margin-left: auto; padding: 0.5rem 0; width: 12rem; display: block; } .main-header .navbar .navbar-nav li { padding: 0; border-bottom: .07143rem solid #272727;} .main-header .navbar .navbar-nav li:last-child { border: none; } .main-header .navbar .navbar-nav li u { display: block; padding: .4rem .9375rem;} .main-header .navbar .navbar-nav li a { padding: .4rem .9375rem; line-height: 2.1; display: block; } .main-header .navbar .navbar-nav li a:hover { background: #272727; } .main-header .navbar .navbar-nav li .dropdown-parent>a { background: none; } .main-header .navbar .navbar-nav li .dropdown-menu { position: relative; float: none; min-width: 100%; background: #313131; padding: 0; -webkit-box-shadow: none; box-shadow: none; top: 0; } .main-header .navbar .navbar-nav li .dropdown-menu li { padding: 0; } .main-header .navbar .navbar-nav li .dropdown-menu li a, .main-header.sticky-nav .navbar .navbar-nav li .dropdown-menu li a { padding: .4rem 1.9375rem;} .main-header.header-white .navbar .navbar-nav li .dropdown-menu li a { text-align: left; } .main-header .navbar .navbar-nav li .dropdown-menu li:hover { background: none; } .main-header .navbar .navbar-nav li .dropdown-menu li:hover>a { padding-left: 1.25rem; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu li:hover a { color: #55565b; } .main-header .navbar .navbar-nav li .dropdown-menu .dropdown-right .icn-right { top: .7rem; right: 0; } .main-header .navbar .navbar-nav li .dropdown-menu .l-block { background: #242424; } .main-header .navbar .navbar-nav li .dropdown-menu .dropdown-left>.dropdown-menu { border-top: .07143rem solid #272727;} .main-header .navbar .navbar-nav li .m-marker { top: .4rem;} .main-header .navbar .navbar-nav li.cart-list.show .dropdown-menu { display: block; } .main-header .navbar .navbar-collapse { -webkit-box-shadow: none; box-shadow: none; max-height: 80vh; } .main-header .navbar .navbar-collapse.show { overflow-y: auto; /* has to be scroll, not auto */-webkit-overflow-scrolling: touch; } .main-header .row-autoheight .col-autoheight:not(:first-child) { border-left: none; } .main-header .mega-menus .widget-default { padding: 0; } .main-header .s-list.s-list-mb-10>li { padding-left: 0; padding-right: 0; } .main-header .s-list.s-list-mb-10>li a { margin-left: 0; } .main-header .s-list.s-list-mb-10>li a:hover { background: #272727; } .main-header .dropdown-full-width-g .dropdown-menu { left: 0; right: 0; } .main-header .dropdown-full-width-g .s-list { border-bottom: .07143rem solid #272727;} .main-header .navbar-toggler { padding: 0; top: 13px; margin-top: 0; outline: none; cursor: pointer; } .main-header .navbar-toggler .navbar-toggler-icon { height: 2px; background: #fff; position: relative; } .main-header .navbar-toggler .navbar-toggler-icon:before, .main-header .navbar-toggler .navbar-toggler-icon:after { position: absolute; width: 100%; top: 6px; left: 0; background: #fff; height: 2px; content: ''; } .main-header .navbar-toggler .navbar-toggler-icon:after { top: 12px; } .main-header .navbar-pos-search { margin-top: 0; top: 0; } .main-header .navbar-pos-search.nav-trigger { margin-top: 8px; } .main-header .float-right { float: none !important; } .main-header .float-right.text-muted { float: right !important; } .main-header { background: #212121; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu { background: #f8f8f8; -webkit-box-shadow: none; box-shadow: none; } .main-header.header-white .navbar .navbar-nav li { border-color: whitesmoke; } .main-header.header-white .navbar .navbar-nav li a:hover { background: #fbfbfb; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu .l-block { background: #ebebeb; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu .dropdown-left>.dropdown-menu { border-color: whitesmoke; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu li:hover { background: none; } .main-header.header-white .dropdown-full-width-g .s-list { border-color: whitesmoke; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 { margin: 0; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 strong, .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 a { margin: 0 0 .625rem; padding-right: 2rem; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .text-muted { margin: -1.3rem 0 0; } .alternate-block .row:last-child .text-wrap { padding-bottom: 0; } .alternate-block .row:nth-child(even) .text-wrap { margin-left: 0; margin-right: 0; } .alternate-block-v2 .row:nth-child(odd) .text-wrap { margin-left: 0; margin-right: 0; padding-top: 0; } .text-block p { margin-bottom: 1.5rem; } .comment-block .rating-block.float-right { float: left !important; } .footer .footer-logo.text-right { text-align: left !important; margin: 1.25rem 0 0; } .footer .text-right { text-align: left !important; } } @media (max-width: 991px) { .mega-menus .mega-menu-multiple .nav>li>a { padding-left: 15px; padding-right: 15px; } .mega-menus .navbar-default-light .navbar-nav { margin-top: 0; margin-bottom: 0; } .mega-menus .navbar-default-light .navbar-nav>li { border-bottom: 1px solid #c2c2c2; } .mega-menus .navbar-default-light .navbar-nav>li:first-child { border-top: 1px solid #c2c2c2; } .mega-menus .navbar-default-light .navbar-nav>li:last-child { border-bottom: 0; } .mega-menus .navbar-default-light .navbar-nav.navbar-right { margin-top: 0; margin-bottom: 0; } .mega-menus .navbar-default-light.navbar-push.navbar-fixed-top .navbar-collapse, .mega-menus .navbar-default-light.navbar-push.navbar-static-top .navbar-collapse { background: #fff; border-top: 5px solid #fff; border-right: 1px solid #c2c2c2; } .mega-menus .navbar-default-light.navbar-off-canvas.navbar-fixed-top .navbar-collapse { background: white; border-right: 1px solid #c2c2c2; } .mega-menus .navbar-default-light.navbar-off-canvas.navbar-fixed-top .off-canvas-close p a { color: #08013c; } .mega-menus .navbar-default-dark.navbar-push.navbar-fixed-top .navbar-collapse, .mega-menus .navbar-default-dark.navbar-push.navbar-static-top .navbar-collapse { border-top: 5px solid #2c2c2c; } .mega-menus .navbar-default-dark.navbar-off-canvas.navbar-fixed-top .navbar-collapse { background: #151515; } .mega-menus .navbar-default-dark.navbar-off-canvas.navbar-fixed-top .off-canvas-close p a { color: #fb4f4f; } .mega-menus .navbar-default-blue.navbar-push.navbar-fixed-top .navbar-collapse, .mega-menus .navbar-default-blue.navbar-push.navbar-static-top .navbar-collapse { background: #05668d; border-top: 5px solid #1e7598; } .mega-menus .navbar-default-blue.navbar-off-canvas.navbar-fixed-top .navbar-collapse { background: #05648b; } .mega-menus .navbar-default-blue.navbar-off-canvas.navbar-fixed-top .off-canvas-close p a { color: #e8da11; } .mega-menus .navbar-default-dark, .mega-menus .navbar-default-blue { border: 0; } .mega-menus .navbar-default-dark .dropdown-menu, .mega-menus .navbar-default-blue .dropdown-menu { border: 0; } .mega-menus .navbar-default-dark .dropdown .dropdown-right .dropdown-menu, .mega-menus .navbar-default-blue .dropdown .dropdown-right .dropdown-menu { top: 0; } .mega-menus .navbar-default-dark .navbar-pos-search .x-search, .mega-menus .navbar-default-blue .navbar-pos-search .x-search { top: -1px; } .mega-menus .navbar-default-dark .navbar-pos-search .x-search.x-search-close, .mega-menus .navbar-default-blue .navbar-pos-search .x-search.x-search-close { top: 2px; margin-top: -2px; line-height: 53px; } .mega-menus .navbar-header { display: block; } .mega-menus .nav>li>a { padding-left: 15px; padding-right: 15px; } .mega-menus .nav>li .m-marker { float: right; position: relative; top: 0; right: 3px; } .mega-menus .dropdown .dropdown-right>a i.icn-right { right: 10px; top: 11px; -webkit-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .mega-menus .dropdown .dropdown-right>a.pad-narrow { line-height: 18px; } .mega-menus .dropdown .dropdown-right>a.pad-narrow i.icn-right { top: 9px; } .mega-menus .dropdown .dropdown-right.dropdown-wide>.dropdown-menu { padding-top: 10px; padding-bottom: 5px; } .mega-menus .dropdown .dropdown-right.dropdown-wide>a i.icn-right { top: 25px; right: 9px; } .mega-menus .dropdown .dropdown-right.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li a, .mega-menus .dropdown .dropdown-left.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li a { padding-left: 40px; } .mega-menus .dropdown .dropdown-right.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li .dropdown-menu.dropdown-menu-indent-sm>li a, .mega-menus .dropdown .dropdown-left.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li .dropdown-menu.dropdown-menu-indent-sm>li a { padding-left: 50px; } .mega-menus .dropdown .dropdown-right.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li .dropdown-menu.dropdown-menu-indent-sm>li .dropdown-menu.dropdown-menu-indent-sm>li a, .mega-menus .dropdown .dropdown-left.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li .dropdown-menu.dropdown-menu-indent-sm>li .dropdown-menu.dropdown-menu-indent-sm>li a { padding-left: 60px; } .mega-menus .dropdown .dropdown-right .dropdown-menu, .mega-menus .dropdown .dropdown-left .dropdown-menu { position: relative; top: 0; left: 0; } .mega-menus .dropdown .dropdown-left>a i.icn-right { right: 10px; top: 1px; -webkit-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .mega-menus .dropdown.dropdown-parent>a { background: #e7e7e7; } .mega-menus .dropdown.dropdown-autoheight .dropdown-menu, .mega-menus .dropdown.dropdown-autoheight .col-autoheight { height: auto; } .mega-menus .dropdown .dropdown-menu-container { float: none; } .mega-menus .dropdown .dropdown-menu.l-table { display: none; } .mega-menus .dropdown .dropdown-menu.l-table .tile-container { width: 100%; display: block; } .mega-menus .dropdown .dropdown-menu.l-table .tile-container .tile { border: 0; display: block; } .mega-menus .dropdown .dropdown-menu.l-table .tile-container .tile h5 { text-align: left; } .mega-menus .dropdown-custom>.dropdown-menu { top: auto; width: 100%; } .mega-menus .navbar-right { padding: 0; } .mega-menus .navbar-right>li:last-child { padding-right: 0; } .mega-menus .navbar-brand.navbar-brand-center { position: absolute; left: 0; right: 0; margin: auto; text-align: center; z-index: 0; } .mega-menus .navbar-link.navbar-link-adjust { padding-top: 10px; } .mega-menus .navbar-fixed-top .navbar-right, .mega-menus .navbar-static-top .navbar-right { margin-right: -15px; } .mega-menus .tabs.side-tabs .tab-nav { display: block; float: none; width: 100%; border-right: 0; } .mega-menus .tabs.side-tabs .tab-nav>li { display: inline-block; margin-bottom: 3px; border: 1px solid #ddd; width: 49.5%; } .mega-menus .tabs.side-tabs .tab-nav>li.ui-tabs-active a { right: 0; } .mega-menus .navbar-push .tabs.side-tabs .tab-nav>li, .mega-menus .navbar-off-canvas .tabs.side-tabs .tab-nav>li { width: 100%; } .mega-menus .i-list.i-list-i-block { float: none; } .mega-menus .i-list.i-list-i-block>li { display: block; } .mega-menus .i-list.i-list-i-block.i-list-i-block-strict { float: none; } .mega-menus .i-list.i-list-i-block.i-list-i-block-strict>li { display: inline-block; } .mega-menus .widget-default { padding: 1em .5em; } .mega-menus .mini-nav .dropdown-menu { display: none; } .mega-menus .no-float-sm { float: none; } .mega-menus .margin-0-sm, .mega-menus .margin-0-xs { margin: 0; } .mega-menus .margin-10px-xs { margin: 10px; } .mega-menus .margin-10px-b-sm { margin-bottom: 10px; } .mega-menus .pad-0-sm { padding: 0; } .mega-menus .pad-0-5-sm { padding: .5em; } .mega-menus .pad-0-25-sm { padding: .25em; } .mega-menus .pad-1-sm { padding: 1em; } .mega-menus .pad-1-2-sm { padding: 1em 2em; } .mega-menus .pad-left-1-sm { padding-left: 1em; } .mega-menus .pad-lr-2-sm { padding-left: 2em; padding-right: 2em; } .mega-menus .pad-top-0-sm { padding-top: 0; } .mega-menus .pull-left-sm { float: left; } .mega-menus .text-center-sm { text-align: center; } .mega-menus .text-xs-left { text-align: left; } .mega-menus .width-100-sm { width: 100%; min-width: 100%; } .mega-menus .l-flex-to-block-sm { display: block; width: auto; } .mega-menus .navbar-push.navbar-static-top .navbar-collapse, .mega-menus .navbar-push.navbar-fixed-top .navbar-collapse { width: 260px; position: fixed; top: 50px; bottom: 0; max-height: 100%; background: #151515; border-top: 0; -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); transform: translateX(-280px); -webkit-transition: height .01s linear, -webkit-transform .48s ease; transition: height .01s linear, -webkit-transform .48s ease; -o-transition: height .01s linear, -o-transform .48s ease; transition: transform .48s ease, height .01s linear; transition: transform .48s ease, height .01s linear, -webkit-transform .48s ease, -o-transform .48s ease; } .mega-menus .navbar-push.navbar-static-top .navbar-collapse:after, .mega-menus .navbar-push.navbar-fixed-top .navbar-collapse:after { width: 260px; background: #151515; display: block; } .mega-menus .navbar-push.navbar-static-top .navbar-collapse.collapse.in, .mega-menus .navbar-push.navbar-fixed-top .navbar-collapse.collapse.in { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mega-menus .navbar-off-canvas.navbar-fixed-top { top: 0; } .mega-menus .navbar-off-canvas.navbar-fixed-top .navbar-collapse { width: 260px; position: fixed; top: 0; bottom: 0; z-index: 25; border: 0; max-height: 100%; background: #151515; -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); transform: translateX(-280px); -webkit-transition: height .01s linear, -webkit-transform .48s ease; transition: height .01s linear, -webkit-transform .48s ease; -o-transition: height .01s linear, -o-transform .48s ease; transition: transform .48s ease, height .01s linear; transition: transform .48s ease, height .01s linear, -webkit-transform .48s ease, -o-transform .48s ease; } .mega-menus .navbar-off-canvas.navbar-fixed-top .navbar-collapse.collapse.in { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mega-menus .navbar-off-canvas.navbar-fixed-top .off-canvas-close p { color: red; display: block; padding: 15px 3px 15px 15px; margin: 0; } .mega-menus .navbar-off-canvas.navbar-fixed-top .off-canvas-close p a { text-decoration: none; } .main-header .navbar-pos-search.nav-trigger { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important;} .main-header .navbar .navbar-brand { margin-top: 0em !important; } .main-header .navbar-toggler { top: 0.55em; margin: auto; height: 32px; bottom: auto; right: auto;} .footer .footer-main .social-network { float: none; text-align: center;} .caption-hover-full .image-details, .caption-hover-full .image-details .figcaption { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important;} .content-block .block-heading { padding-top: 0rem !important; } main.profile.no-banner { padding-top: 4.5rem; } .footer .footer-main h4.text-social{ text-align: center;} .portfolio-block .portfolio-gallery .inner{ padding: 0 !important; margin: 0 !important;} .portfolio-block .portfolio-gallery .img-block:hover img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .portfolio-block .portfolio-gallery .shine-effect:before{ display: none;} .portfolio-block .portfolio-gallery .shine-effect:hover{ background-color: transparent;} .portfolio-block .portfolio-gallery .shine-effect:hover:before{ background-color: transparent;} .portfolio-block .portfolio-gallery .img-block.image-zoom:hover img{ opacity:1;} .alternate-block-v2 h3{ padding-top: 1.875rem;} .alternate-block-v2 .row:first-child .img-wrap{ padding: 2.625rem 0 0 0;} .alternate-block-v2 .row:nth-child(2) .img-wrap{ padding: 4.625rem 0 0 0;} .alternate-block-v2 .row:last-child .img-wrap{ padding: 5.625rem 0 0 0;} .alternate-block-v2 .row:nth-child(3) .img-wrap{ padding: 6.625rem 0 0 0;} .alternate-block-v2 .row:nth-child(4) .img-wrap{ padding: 4.625rem 0 0 0;} .alternate-block .row:last-child .text-wrap{ padding-bottom: 2.625rem;} .alternate-block-v2 .row:nth-child(odd) .text-wrap .mt-5{ margin-top: 1rem !important;} .info-slot{ padding: 0 0 0 1rem;} .alternate-block-v2 .text-wrap.gap-lg{ padding-top: 3rem;} .demo-wrapper:nth-child(4) .element-heading{ padding-top: 2.5rem;} } @media (max-width: 767px) { .logo-container .logo-slide .owl-item{ width: auto !important;} .logo-container .logo-slide .owl-item{ margin: 0 1rem !important;} .logo-container .logo-slide .item{ flex-wrap: nowrap;} .alternate-block-v2 .text-wrap.gap-lg{ padding-top: 0.7rem;} .alternate-block-v2 .img-wrap.wrap-gap{ padding: 1.625rem 0;} .demo-wrapper:nth-child(4) .element-heading{ padding-top: 2.5rem;} .demo-wrapper .element-heading.mb-3{ margin-bottom: 0.5rem !important;} .content-block h2.block-main-heading.mb-5{ margin-bottom: 1rem !important;} } @media only screen and (max-width: 990px) { .content-slot .bg-stretch { position: static; } .content-slot .bg-stretch img { margin: 0 !important; width: 100% !important; height: auto !important; } .content-slot .img-wrap { margin-left: -.9375rem; margin-right: -.9375rem;} .masonary-block .gallery-item { width: 100%; } } @media (max-width: 894px) { .mega-menus .mega-menu-multiple .nav>li>a { padding-left: 15px; padding-right: 15px; } .mega-menus .bb-2px { margin-top: 15px; } } @media only screen and (max-width: 767px) { .parallax { background-attachment: scroll; background-position: 50% 50% !important; -webkit-background-size: cover; background-size: cover; } .footer-nav.inline-nav.text-center { text-align: left !important; } .footer .footer-logo, .footer .footer-main h4, .footer-nav ul li { text-align: center; } .portfolio-block .portfolio-gallery .content-list .col{ flex-basis:auto; /*flex-direction: column;*/} .portfolio-block .portfolio-gallery .img-block:hover img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } } @media (max-width: 699px) { .alternate-block-v2 h3{ padding-top: 1.875rem;} .alternate-block-v2 .row:first-child .img-wrap, .alternate-block-v2 .row:nth-child(2) .img-wrap, .alternate-block-v2 .row:last-child .img-wrap{ padding: 1.625rem 0;} .alternate-block .row:last-child .text-wrap{ padding-bottom: 2.625rem;} .alternate-block-v2 .row:nth-child(odd) .text-wrap .mt-5{ margin-top: 1rem !important;} } @media only screen and (max-width: 576px) { .data-table .table { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 575px) { .portfolio-block .portfolio-gallery .push-7 { left: 0; } .portfolio-block .portfolio-gallery .pull-5 { right: 0; } } @media (max-width: 540px) { .mega-menus .tabs.top-tabs-bdr .tab-nav { display: block; } .mega-menus .tabs.top-tabs-bdr .tab-nav>li { display: block; width: 100%; border-left: 1px solid #ddd; } .mega-menus .tabs.top-tabs-bdr .tab-nav>li.ui-tabs-active a { background: #fff; top: 0; } } @media (max-width: 494px) { .mega-menus .tabs.side-tabs .tab-nav>li { width: 100%; } .owl-carousel.owl-custom-nav .owl-controls { display: none; } } @media (max-width: 1299px) { } @media (max-width: 1199px) { .caption-hover-full .image-details, .caption-hover-full .image-details .figcaption { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important;} .content-block .block-heading { padding-top: 1rem !important; } } /* coffee cup start */ @media (max-width: 1920px) { .coffee_cup { width: 30px; height: 30px; border-top: 5px #c0a397 solid; border-radius: 0; position: relative; margin: 0px auto; border-left: 5px #c0a397 solid; transform: rotate(-45deg); border-bottom: 5px transparent none; border-right: 5px transparent none; padding: 1.5em; } .coffee_cup1 { width: 30px; height: 30px; border-bottom: 5px #c0a397 solid; border-radius: 0; position: relative; margin: 0px auto; border-right: 5px #c0a397 solid; transform: rotate(0deg); border-top: 5px transparent none; border-left: 5px transparent none; padding: 1.5em; } .coffee_cup1:after { content: ""; width: 5px; height: 80px; position: absolute; left: 0; right: 1em; top: -1em; bottom: 0; margin: auto; border: none; border-radius: 0; z-index: 56; background-color: #664b3f; display: inline-block; transform: rotate(55deg); } .coffee_cup:before { content: ""; position: absolute; width: 130px; height: 130px; background-color: transparent; border-radius: 100%; top: -34px; left: -34px; bottom: auto; right: auto; display: inline-block; z-index: 98; border-top: 5px #fff solid; border-left: 5px #fff solid; border-right: 5px #fff solid; border-bottom: 5px #525252 solid; /* box-shadow: 0px 0px 0px 4px #525252, 0px 0px 0px 0px #FFF, 0px 0px 0px 0px #FFF, 0px 0px 0px 0px #FFF ; */} .coffee_cup:before { animation: rotat 1s linear infinite; -webkit-animation: rotat 1s linear infinite; } @keyframes rotat { 0% { opacity: 1; transform: rotate(0deg);} 100% { opacity: 1; transform: rotate(359deg);} } } @media (min-width: 300px) and (max-width: 767px) { .coffee_cup { width: 30px; height: 30px; border-top: 5px #c0a397 solid; border-radius: 0; position: relative; margin: 0px auto; border-left: 5px #c0a397 solid; transform: rotate(-45deg); border-bottom: 5px transparent none; border-right: 5px transparent none; padding: 1.5em; } .coffee_cup1 { width: 30px; height: 30px; border-bottom: 5px #c0a397 solid; border-radius: 0; position: relative; margin: 0px auto; border-right: 5px #c0a397 solid; transform: rotate(0deg); border-top: 5px transparent none; border-left: 5px transparent none; padding: 1.5em; } .coffee_cup1:after { content: ""; width: 5px; height: 80px; position: absolute; left: 0; right: 1em; top: -1em; bottom: 0; margin: auto; border: none; border-radius: 0; z-index: 56; background-color: #664b3f; display: inline-block; transform: rotate(55deg); } .coffee_cup:before { content: ""; position: absolute; width: 130px; height: 130px; background-color: transparent; border-radius: 100%; top: -35px; left: -35px; bottom: auto; right: auto; display: inline-block; z-index: 98; border-top: 5px #fff solid; border-left: 5px #fff solid; border-right: 5px #fff solid; border-bottom: 5px #525252 solid; /* box-shadow: 0px 0px 0px 4px #525252, 0px 0px 0px 0px #FFF, 0px 0px 0px 0px #FFF, 0px 0px 0px 0px #FFF ; */} .coffee_cup:before { animation: rotat 1s linear infinite; -webkit-animation: rotat 1s linear infinite; } @keyframes rotat { 0% { opacity: 1; transform: rotate(0deg);} 100% { opacity: 1; transform: rotate(359deg);} } } /* coffee cup end */