/* Template Name: Spa Magic - Spa & Beauty Salon Landing Page Template Theme URL: https://themeforest.net/user/jthemes Description: Spa Magic - Spa & Beauty Salon Landing Page Template Author: Jthemes Author URL: https://themeforest.net/user/jthemes Version: 1.0.0 Website: www.jthemes.net Tags: Jthemes, Beauty, Cosmetic, Girly, Hair, Health, Healthy Care, Massage, Make Up, Salon, Spa, Skincare, Wellness */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1921px) { } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1440px) and (max-width: 1920.95px) { } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1440px) and (max-width: 1920.95px) { } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 1200px) { } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 992px) and (max-width: 1199.95px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .pl-5, .pl-10, .pl-15, .pl-20, .pl-25, .pl-30, .pl-35, .pl-40, .pl-45 { padding-left: 0; } .pr-5, .pr-10, .pr-15, .pr-20, .pr-25, .pr-30, .pr-35, .pr-40, .pr-45 { padding-right: 0; } .pc-10, .pc-15, .pc-20,.pc-25, .pc-30, .pc-35, .pc-40, .pc-45, .pc-50, .pc-55, .pc-60 { padding-left: 0; padding-right: 0; } .pc-04, .pc-05, .pc-06, .pc-07, .pc-08, .pc-09 { padding-right: 0; padding-left: 0; } /* Header H6 */ h6.h6-xs { font-size: 0.95rem; } h6.h6-sm { font-size: 1rem; } h6.h6-md { font-size: 1.028rem; } h6.h6-lg { font-size: 1.056rem; } h6.h6-xl { font-size: 1.083rem; } /* Header H5 */ h5.h5-xs { font-size: 1.11rem; } h5.h5-sm { font-size: 1.22rem; } h5.h5-md { font-size: 1.33rem; } h5.h5-lg { font-size: 1.44rem; } h5.h5-xl { font-size: 1.56rem; } /* Header H4 */ h4.h4-xs { font-size: 1.67rem; } h4.h4-sm { font-size: 1.78rem; } h4.h4-md { font-size: 1.89rem; } h4.h4-lg { font-size: 2rem; } h4.h4-xl { font-size: 2.11rem; } h3.h3-xs { font-size: 2.2rem; } h3.h3-sm { font-size: 2.33rem; } h3.h3-md { font-size: 2.44rem; } h3.h3-lg { font-size: 2.56rem; } h3.h3-xl { font-size: 2.67rem; } /* Header H2 */ h2.h2-xs { font-size: 2.78rem; } h2.h2-sm { font-size: 2.89rem; } h2.h2-md { font-size: 3rem; } h2.h2-lg { font-size: 3.11rem; } h2.h2-xl { font-size: 3.35rem; } /* Paragraphs */ p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; } p.p-md { font-size: 1.025rem; } p.p-lg { font-size: 1.08rem; } p.p-xl { font-size: 1.14rem; } /* Buttons */ .btn.btn-md { font-size: 17px; padding: 13px 32px; } .btn.btn-lg { font-size: 19px; padding: 13px 40px; } /* Section Title */ .section-title.mb-60 { margin-bottom: 50px; } .section-title.mb-50 { margin-bottom: 40px; } .tra-header { font-size: 4.75rem; margin-bottom: -35px; } .section-id { font-size: 2.35rem; } /* Content Image */ .content-img.pt-40 { padding-top: 30px; } .ab-img-01 img, .ab-img-02 img, .ab-img-03 img { width: 75%; height: 75%; } .ab-img-01 { left: 30px; top: -55px; } .ab-img-02 { right: -15px; bottom: -45px; } .ab-img-03 { left: 30px; bottom: -45px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .wsmenu > .wsmenu-list > li > a { font-size: 14px; margin: 0 3px; padding: 10px 12px; } .header-socials a { font-size: 19px; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 50%; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 { width: 80%;left: 15%; } /* Text Block Typography */ .txt-block h4, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } .txt-block .btn { margin-top: 10px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ #hero-2 { padding-top: 170px; padding-bottom: 435px; } #hero-5-content { padding-top: 160px; padding-bottom: 370px; } #hero-6 { padding-top: 170px; padding-bottom: 100px; } #hero-11 { padding-top: 150px; padding-bottom: 100px; } /* Hero Slider */ .slider, .slider .slides, .slideshow, .slideshow .slides { height: 550px; } .slider.mt-80, .slideshow.mt-80 {height: 550px; margin-top: 80px; } .slider.mt-80 .slides, .slideshow.mt-80 .slides { margin: 0; height: 550px; } /* Hero Text Rotator */ .hero-txt-rotator, .hero-txt-rotator .slides { height: 600px; } .slideshow .arrows .arrow { padding: 20px; } .slideshow .arrows .prev { left: 0; } .slideshow .arrows .next { right: 0; } /* Hero Text */ .hero-6-content { margin: 0; padding: 55px; } .hero-10-txt { padding-left: 0; } /* Hero Headers */ #hero-1 h2 { font-size: 5rem; line-height: 1.15; margin-bottom: 15px; } #hero-2 h2 { font-size: 3.5rem; line-height: 1.15; margin-bottom: 15px; } #hero-3 h2 { font-size: 5.5rem; margin-bottom: 10px; } #hero-4 h2 { font-size: 7rem; line-height: 1; margin-bottom: 15px; } #hero-5 h3 { font-size: 3rem; margin-bottom: 20px; } #hero-7 h2 { font-size: 4.25rem; margin-bottom: 15px; } #hero-8 h3 { font-size: 3.5rem; padding: 0 3%; margin-bottom: 15px; } #hero-9 h2 { font-size: 8rem; letter-spacing: 3px; margin-bottom: 30px; } #hero-10 h2 { font-size: 3.5rem; line-height: 1.18; margin-bottom: 15px; } #hero-11 h2 { font-size: 6.5rem; line-height: 1.15; margin-bottom: 15px; } #hero-12 h2 { font-size: 8rem; letter-spacing: 3px; margin-bottom: 30px; } /* Hero Paragraphs */ #hero-1 .caption-txt p { font-size: 1.15rem; margin-bottom: 30px; } .hero-2-txt p { font-size: 1.15rem; padding: 0 10%; } #hero-3 .caption-txt p, #hero-7 .caption-txt p { font-size: 1.15rem; padding: 0 15%; margin-bottom: 30px; } #hero-4 .caption p { font-size: 1.15rem; padding: 0 20%; margin-bottom: 30px; } .hero-6-txt p { font-size: 1.15rem; margin-bottom: 30px; } #hero-8 .caption p { font-size: 1.15rem; padding: 0 14%; margin-bottom: 30px; } .hero-10-txt p { font-size: 1.15rem; padding-right: 0; margin-bottom: 30px; } .hero-11-txt p { font-size: 1.15rem; padding: 0 15%; margin-bottom: 30px; } #hero-12 .caption-txt p {font-size: 1.15rem; padding: 0 18%; margin-bottom: 35px; } .hero-form { padding: 45px 25px 40px; margin: 0 0 0 10px; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* About */ .abox-1-wrapper { padding: 0; margin-top: 70px; } .abox-2 { padding: 0 5px; } #a4-1.abox-2 { padding: 0 15px; } .about-5-banner { width: 32%; padding: 35px 30px; } #about-7 .txt-block { padding: 0 30px; } .abox-2 h5, .abox-2 h4 { margin-bottom: 10px; } .about-5-banner h4 { margin-bottom: 15px; } .abox-2 .btn { margin-top: 10px; } #about-6 .txt-block { padding: 0 20px; } #about-7 .txt-block h4 { font-size: 1.56rem; margin-bottom: 10px; } #about-7 .txt-block .btn { margin-top: 3px; } .abox-4-txt { width: 74%; left: 13%; } .abox-4 span { font-size: 3.5rem; margin-top: 10px; } /* Services */ #services-3, #services-11, #services-13, #services-15, #services-18 { padding-bottom: 80px; } #services-8 { padding-top: 70px; padding-bottom: 30px; } .sbox-3-wrapper .col-lg-4, .sbox-9-wrapper .col-lg-4, .sbox-10-wrapper .col-lg-4, .sbox-12-wrapper .col-lg-4, #services-11 .col-md-6, #services-13 .col-md-6 ,#services-15 .col-md-6, .sbox-18-wrapper .col-lg-4 { padding-left: 10px; padding-right: 10px; } .sbox-4-wrapper .col-lg-3, #services-14 .col-lg-4 { padding-left: 8px; padding-right: 8px; } .sbox-3 { padding: 40px 20px; margin-bottom: 20px; } .sbox-4 { padding: 40px 20px; } .sbox-7 { padding: 50px 15px; } .sbox-11, .sbox-13 { margin-bottom: 20px; } .sbox-13-txt { padding: 50px 35% 50px 30px; } .sbox-14 { padding: 30px 25px; } .sbox-15 { margin-bottom: 20px; } .sbox-17 { padding: 60px 30px; } #s17-2.sbox-17 { padding: 90px 30px; } .sbox-18 { margin-bottom: 20px; } .sbox-5-wrapper { padding: 55px 35px 15px; } .sbox-5-wrapper .col-md-6 { padding-left: 5px; padding-right: 5px; } #services-5 .img-block { margin-top: 25px; margin-right: -80px; } #services-5 .img-block img { max-width: 130%; } #services-6 .inner-block { padding: 80px 60px; } .sbox-9-img-meta { padding: 80px 20px 30px; } .sbox-10-txt { padding: 35px 15px 40px; } .sbox-12-txt { padding: 20px 0 0; } .sbox-1 h5, .sbox-2 h5 { margin-top: 30px; } .sbox-4 h5, .sbox-5 h5 { margin-top: 25px; } .sbox-10 h5 { margin-bottom: 10px; } .sbox-10 h4 { margin-bottom: 12px; } .sbox-14 p { font-size: 1.2rem; margin-bottom: 20px; } .sbox-15-txt p { padding: 0 18%; } .sbox-3-img { width: 160px; height: 160px; } .sbox-8-img { width: 120px; height: 120px; } /* Gallery */ .masonry-filter button { font-size: 1.1rem; margin: 0 15px; } .item-overlay::before, .item-overlay::after { top: 20px; right: 20px; bottom: 20px; left: 20px; } .carousel-image .item-overlay::before, .carousel-image .item-overlay::after { top: 10px; right: 10px; bottom: 10px; left: 10px; } #gallery-2 .col-lg-4 { padding-left: 10px; padding-right: 10px; } .gallery-item { margin-bottom: 20px; } #gallery-3 .col-md-6.mb-30 { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .carousel-image { padding: 0 10px; } #gallery-3 .col-md-12 { padding-left: 0; padding-right: 0; } /* Video */ #video-1 { padding-top: 200px; padding-bottom: 200px; } #video-2-content {padding-top: 100px; padding-bottom: 300px; } .video-2-link { margin-top: -270px; } /* Team */ .tm-wrapper .col-lg-3 { padding-left: 10px; padding-right: 10px; } /* Pricing */ .pricing-2-table { padding: 40px 20px 20px; } .pricing-3-txt { padding: 30px 20px 50px; } .pricing-plan.mb-20 { margin-bottom: 15px; } .price.mb-20 { margin-bottom: 10px; } .pricing-2-banner { padding: 35px 30px; } /* Reviews */ .testimonial-avatar img { width: 110px; height: 110px; } #reviews-1 .testimonial-avatar img { width: 95px; height: 95px; } .review-1-txt p { font-size: 1.125rem; padding: 0 8%; } /* Banner */ #banner-4 { padding-top: 100px; padding-bottom: 100px; } .banner-2-txt {padding-left: 15px; padding-right: 15px; } .banner-3-txt { padding-right: 0; } .banner-1-txt h2 { font-size: 4.5rem; } .banner-2-txt h2, .banner-3-txt h2 { font-size: 3.5rem; } .banner-4-txt h3 { font-size: 2.75rem; } .banner-6-txt h2 { font-size: 7.35rem; } .banner-6-txt h3 {font-size: 2.25em;} .banner-1-txt p { padding: 0 8%; } .banner-4-txt p { font-size: 1.125rem; padding: 0 10%; } .banner-5-txt p { padding: 0; } .banner-6-txt p { font-size: 1.4rem; } /* FAQs */ .faqs-1-questions .col-lg-6 { padding-left: 10px; padding-right: 10px; } .question p { padding-right: 5%; } /* Blog */ #blog-1 .col-md-6 { padding-left: 10px; padding-right: 10px; } .quote p { font-size: 1.125rem!important; } .post-tags-list span a { font-size: 0.95rem;padding: 8px 12px; } .post-share-links .share-social-icons a.share-ico i { width: 35px; font-size: 22px; } .author-senoff img { width: 110px; height: 110px; } .comment-form .form-control { font-size: 17px; } /* Contacts */ #contacts-3 .form-holder { padding-right: 15px; } .contacts-info.mt-35 { margin-top: 0; padding-left: 15px; } #contacts-2 .contacts-info { padding-left: 15px; } /* Google Map */ .google-map.mb-80 { margin-bottom: 60px; } #contacts-3 h4.h4-xs { font-size: 1.56rem; } /* Footer */ #footer-3 .footer-info { padding-right: 0; } .latest-news img { width: 80px; height: 80px; margin-top: 7px; } .footer-img img.insta-img { width: 64px; height: 64px; margin: 3px; } /* Page Hero */ .page-hero-section p { padding: 0 20%; } /* Sidebar */ #search-field .form-control, #search-field .btn { height: 54px; font-size: 17px; } ul.blog-category-list > li a { font-size: 1.05rem; } .popular-posts img { width: 90px; height: 90px; } .post-summary a { font-size: 1rem; } .popular-posts p { font-size: 0.925rem; margin-top: 5px; } .badge {margin-bottom: 8px; padding: 8px 12px; margin-right: 3px; } .badge a { font-size: 0.95rem; } img.insta-img { width: 88px; height: 88px; margin: 4px; } #sb-box { padding: 50px 15px; } .sidebar-table .table td, .sidebar-table .table th { font-size: 1.05rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 768px) and (max-width: 991.95px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .wide-100 { padding-top: 80px; padding-bottom: 80px; } .wide-90 { padding-top: 80px; padding-bottom: 70px; } .wide-80 { padding-top: 80px; padding-bottom: 60px; } .wide-70 { padding-top: 80px; padding-bottom: 50px; } .wide-60 { padding-top: 80px; padding-bottom: 40px; } .wide-50 { padding-top: 80px; padding-bottom: 30px; } .wide-40 { padding-top: 80px; padding-bottom: 20px; } .wide-30 { padding-top: 80px; padding-bottom: 10px; } .wide-20 { padding-top: 80px; padding-bottom: 0; } .pt-100 { padding-top: 80px; } .pb-100 { padding-bottom: 80px; } .pt-80 { padding-top: 60px; } .pb-80 { padding-bottom: 60px; } .pt-60 { padding-top: 40px; } .pb-60 { padding-bottom: 40px; } .pb-50 { padding-bottom: 30px; } .pl-5, .pl-10, .pl-15, .pl-20, .pl-25, .pl-30, .pl-35, .pl-40, .pl-45 { padding-left: 0; } .pr-5, .pr-10, .pr-15, .pr-20, .pr-25, .pr-30, .pr-35, .pr-40, .pr-45 { padding-right: 0; } .pc-10, .pc-15, .pc-20,.pc-25, .pc-30, .pc-35, .pc-40, .pc-45, .pc-50, .pc-55, .pc-60 { padding-left: 0; padding-right: 0; } .pc-04, .pc-05, .pc-06, .pc-07, .pc-08, .pc-09 { padding-right: 0; padding-left: 0; } .bg-scroll, .bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .tra-map, .tra-lines, .tra-pattern { background-attachment: scroll!important; } /* Header H6 */ h6.h6-xs { font-size: 1rem; } h6.h6-sm { font-size: 1.05rem; } h6.h6-md { font-size: 1.1rem; } h6.h6-lg { font-size: 1.15rem; } h6.h6-xl { font-size: 1.2rem; } /* Header H5 */ h5.h5-xs { font-size: 1.2rem; } h5.h5-sm { font-size: 1.3rem; } h5.h5-md { font-size: 1.35rem; } h5.h5-lg { font-size: 1.4rem; } h5.h5-xl { font-size: 1.5rem; } /* Header H4 */ h4.h4-xs { font-size: 1.6rem; } h4.h4-sm { font-size: 1.7rem; } h4.h4-md { font-size: 1.6rem; } h4.h4-lg { font-size: 1.7rem; } h4.h4-xl { font-size: 1.8rem; } h3.h3-xs { font-size: 1.9rem; } h3.h3-sm { font-size: 2rem; } h3.h3-md { font-size: 2.1rem; } h3.h3-lg { font-size: 2.2rem; } h3.h3-xl { font-size: 2.3rem; } /* Header H2 */ h2.h2-xs { font-size: 2.4rem; } h2.h2-sm { font-size: 2.5rem; } h2.h2-md { font-size: 2.6rem; } h2.h2-lg { font-size: 2.7rem; } h2.h2-xl { font-size: 2.8rem; } /* Paragraphs */ p.p-sm { font-size: 0.95rem; } p { font-size: 1rem; } p.p-md { font-size: 1.025rem; } p.p-lg { font-size: 1.08rem; } p.p-xl { font-size: 1.14rem; } /* Button */ .btn, .btn.btn-md, .btn.btn-lg { font-size: 17px; } .btn.btn-sm { font-size: 16px; padding: 12px 24px; } .btn.btn-md, .btn.btn-lg { padding: 13px 30px; } .btn.btn-tra.btn-md, .btn.btn-tra.btn-lg { padding: 13px 24px; } /* Box Icons */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.6875rem; } .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 5rem; } /* Section Title */ .section-title.mb-60 { margin-bottom: 50px; } .section-title p { padding: 0 10%; } .tra-header { font-size: 4.35rem; margin-bottom: -35px; } /* Content Image */ .content-img.pt-25 { padding-top: 10px; } .content-img.pt-40 { padding-top: 30px; } .ab-img-01 img, .ab-img-02 img, .ab-img-03 img { width: 70%; height: 70%; } .ab-img-01 { left: 30px; top: -60px; } .ab-img-02 { right: -60px; bottom: -30px; } .ab-img-03 { left: 25px; bottom: -30px; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .headtoppart { display: none; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; } .dark-menu .wsmobileheader { background-color: #222438; } .wsanimated-arrow { padding: 14px 28px 14px 0px; margin: 24px 28px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, .dark-menu .wsanimated-arrow span:after { background: #eee; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } .wsmenu > .wsmenu-list > li > a { font-size: 19px; padding: 7px 32px 6px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a { color: #666; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { margin: 23px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:before { font-size: 1.05rem; left: 5px; top: 14px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:hover:before { left: 17px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { padding: 10px 0; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 { width: 100%; left: 0; padding: 10px 0; } .wsmegamenu.w-70 .col-md-12 { padding-right: 0; padding-left: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: #9099a4; font-size: 18px; padding: 14px 20px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { background-color: transparent; padding: 14px 20px 14px 32px; text-decoration: none; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 .title p, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p { display: block; font-size: 19px; margin: 10px 0 5px 20px; } .header-socials { margin-top: 30px; } .header-socials a { font-size: 28px; line-height: 90px!important; margin-left: 22px; } .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 22px; padding: 7px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li.header-phone > a span { width: 36px; height: 36px; line-height: 36px; } .wsmenu > .wsmenu-list > li.header-phone > a span i { font-size: 18px; } .wsmenu > .wsmenu-list > li a.btn { height: 60px; font-size: 19px; line-height: 60px; font-weight: 500; padding: 0 17px; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.btn-tra-white { background-color: #eee; border-color: #eee; color: #666; } .wsmobileheader .smllogo { display: block; margin-top: 15px; padding-left: 28px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section { margin-top: 80px; } #hero-1, #hero-10 { text-align: center; } #hero-2 { padding-top: 80px; padding-bottom: 340px; } #hero-5-content { padding-top: 80px; padding-bottom: 360px; } #hero-6 { padding-top: 80px; padding-bottom: 80px; } #hero-10 { padding-top: 90px; padding-bottom: 50px; } #hero-11 { padding-top: 70px; padding-bottom: 90px; } /* Hero Slider */ .slider, .slider .slides, .slideshow, .slideshow .slides { height: 480px; } .slider.mt-80, .slideshow.mt-80 { height: 480px; margin-top: 0; } .slider.mt-80 .slides, .slideshow.mt-80 .slides { height: 480px; margin: 0; } .slideshow .img-fluid { max-width: 100%; height: 480px; } .arrows.ico-45 [class*="flaticon-"]:before, .arrows.ico-45 [class*="flaticon-"]:after { font-size: 2.5rem; } /* Hero Text Rotator */ .hero-txt-rotator, .hero-txt-rotator .slides { height: 480px; } .slideshow .arrows .arrow { padding: 10px; } .slideshow .arrows .prev { left: 0; } .slideshow .arrows .next { right: 0; } /* Hero Text */ #hero-3 .caption-txt { margin-top: -20px; } .slideshow .slide .caption { padding-top: 0; } .hero-6-content { margin: 0; padding: 55px 60px; } #hero-7 .caption-txt { margin-top: -20px; } #hero-8 .caption, #hero-9 .caption, #hero-12 .caption-txt { margin-top: 0; } .hero-10-txt { padding-left: 0; } /* Hero Headers */ #hero-1 h2 { font-size: 3.35rem; line-height: 1.15; margin-bottom: 15px; } #hero-2 h2 { font-size: 3rem; line-height: 1.15; margin-bottom: 15px; } #hero-3 h2 { font-size: 4rem; margin-bottom: 10px; } #hero-4 h2 { font-size: 5.5rem; line-height: 1; margin-bottom: 15px; } #hero-5 h3 { font-size: 2.5rem; padding: 0 5%; margin-bottom: 20px; } #hero-7 h2 { font-size: 3.35rem; margin-bottom: 15px; } #hero-7 h3 { font-size: 2.5rem; } #hero-8 h3 { font-size: 3rem; padding: 0 5%; margin-bottom: 10px; } #hero-9 h2 { font-size: 6.25rem; letter-spacing: 3px; margin-bottom: 25px; } #hero-10 h2 { font-size: 3rem; line-height: 1.25; margin-bottom: 15px; } #hero-11 h2 { font-size: 5rem; line-height: 1.15; margin-bottom: 15px; } #hero-12 h2 { font-size: 6.25rem; letter-spacing: 3px; margin-bottom: 25px; } /* Hero Paragraphs */ #hero-1 .caption-txt p { font-size: 1.15rem; padding: 0 10%; margin-bottom: 30px; } .hero-2-txt p { font-size: 1.15rem; padding: 0 5%; } #hero-3 .caption-txt p, #hero-7 .caption-txt p { font-size: 1.15rem; padding: 0 5%; margin-bottom: 30px; } #hero-4 .caption p { font-size: 1.15rem; padding: 0 10%; margin-bottom: 30px; } .hero-6-txt p { font-size: 1.15rem; margin-bottom: 30px; } #hero-8 .caption p { font-size: 1.15rem; padding: 0 10%; margin-bottom: 25px; } .hero-10-txt p { font-size: 1.15rem; padding: 0 10%; margin-bottom: 30px; } .hero-11-txt p { font-size: 1.15rem; padding: 0 5%; margin-bottom: 30px; } #hero-12 .caption-txt p {font-size: 1.15rem; padding: 0 8%; margin-bottom: 30px; } /* Hero Icons */ .title-before.ico-70 { margin-top: -10px; margin-bottom: 15px; } .title-before.ico-70 [class*="flaticon-"]:before, .title-before.ico-70 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* Hero Form */ .hero-form h5 { font-size: 1.85rem; } .hero-form { padding: 50px 40px 45px; margin: 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* About */ .abox-1-wrapper { padding: 0; margin-top: 60px; } .abox-1-wrapper .col-md-4 { padding: 0 5px; } .abox-1 { text-align: center; padding: 0; } .abox-1-txt { padding-left: 0; } .abox-1 h5 {margin-top: 25px; margin-bottom: 10px; } .abox-1 span { float: none; margin-top: 0; } #a4-1.abox-2 { padding: 60px 25px; } #about-6 .txt-block { padding: 0 50px 0 25px; } #about-7 .txt-block { padding: 0 45px; } .about-5-banner { width: 45%; padding: 45px 40px; } #about-1 .img-block img { width: 200%; left: -100%; position: relative; max-width: none; display: inline-block; } #about-2 .img-block img { width: 200%; position: relative; max-width: none; display: inline-block; } .about-6-img img { width: 280%; } #a7-3, #s8-2 { display: none; } .abox-4 { width: 215px; height: 215px; } .abox-4-txt { width: 74%; left: 13%; } .abox-4-txt h5 { font-size: 1.15rem; } .abox-4 span { font-size: 3rem; margin-top: 10px; } #about-9 { padding-top: 0; padding-bottom: 0; } #about-9 .bg-inner { padding-top: 80px; padding-bottom: 80px; } .about-9-img { margin-top: 0; margin-bottom: 0; } /* Services */ #services-4:after { width: 89%; height: 90%; bottom: 10%; } .sbox-4-wrapper .col-lg-3 { padding-left: 15px; padding-right: 15px; } #services-5 .col-lg-7 { padding-left: 0; padding-right: 0; } .sbox-5-wrapper { padding: 80px 45px 40px; } .sbox-5-wrapper .col-md-6 { padding-left: 5px; padding-right: 5px; } #services-5 .img-block { display: none; } #services-6 .inner-block { padding: 80px 45px 50px; } .sbox-10-wrapper .col-lg-3 { padding-left: 15px; padding-right: 15px; } .sbox-11-img-meta { padding: 80px 20px 30px; } .sbox-2 { padding: 0 5%; } .sbox-4 { padding: 40px 20px; margin-bottom: 30px; } #sb4-3, #sb4-4 { margin-bottom: 0; } .sbox-6 { margin-bottom: 30px; } #s7-1, #s7-3 { padding: 70px 15px; margin-left: 15px; } #s7-2, #s7-4 { padding: 70px 15px; margin-right: 15px; } #s7-1 { border-bottom: 1px solid #e7e6e2; } #s7-2 { border-right: none; border-bottom: 1px solid #e7e6e2; } .sbox-7 p { font-size: 1.0625rem; } .sbox-10-txt { padding: 35px 20px 40px; } .sbox-12-txt { padding: 20px 5px 0; } .sbox-13-txt { padding: 40px 25% 40px 30px; } #s14-3 { margin-bottom: 40px; } #services-17 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-17, #s17-2.sbox-17 {padding: 60px 30px;} .sbox-1 h5, .sbox-2 h5 { margin-top: 30px; } .sbox-4 h5, .sbox-5 h5 { margin-top: 25px; } .sbox-10 h5, .sbox-10 h4 { margin-bottom: 12px; } .sbox-14 h4 { font-size: 2rem; } #services-6 .section-title p { padding: 0; } .sbox-14-ico { bottom: 30px; right: 40px; opacity: .4;} .sbox-14-ico.ico-85 [class*="flaticon-"]:before, .sbox-14-ico.ico-85 [class*="flaticon-"]:after { font-size: 6.5rem; } .sbox-8-img { width: 120px; height: 120px; } /* Gallery */ .masonry-filter button { font-size: 1.1rem; margin: 0 15px; } .masonry-wrap .masonry-item { width: 50%; } #gallery-2 .col-lg-4 { padding-left: 10px; padding-right: 10px; } .gallery-item { margin-bottom: 20px; } #gallery-3 .col-md-6.mb-30 { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .carousel-image { padding: 0 10px; } #gallery-3 .col-md-12 { padding-left: 0; padding-right: 0; } /* Video */ #video-1 { padding-top: 150px; padding-bottom: 150px; } #video-2-content {padding-top: 80px; padding-bottom: 200px; } .video-2-link { margin-top: -180px; } .video-txt { padding: 0 10%; } /* Team */ .tm-meta h6 { font-size: 1.3rem; } .tm-meta span { font-size: 1.15rem; } .tm-social a { width: 50px; height: 50px; font-size: 1.35rem; line-height: 50px!important; } /* Pricing */ .pricing-list li { margin: 0 0 20px; } .pricing-list li:last-child.resp-lst { border-bottom: 1px dashed #5f5842; } .pricing-list-txt h5 {margin-bottom: 8px; } .pricing-list-amount { right: 0; } #pricing-2111 .row.d-flex { display: block!important; } .pricing-2-table { padding: 60px 40px 40px; } #pb-img { display: none; } /* Reviews */ .review-1-txt p { font-size: 1.125rem; padding: 0 3%; } .review-2 { text-align: center; } .review-2 .testimonial-avatar { display: block; float: none; margin-bottom: 10px; } .review-2-txt { overflow: hidden; padding-left: 0; } .review-2-txt .review-author { padding-right: 0; } .review-author.text-right { text-align: center!important; } .review-2-txt p { padding: 0 3%; } /* Banner */ #banner-3 { background-position: center right; } #banner-4 { text-align: center; padding-top: 80px; padding-bottom: 80px; } .banner-2-txt { padding-left: 0; padding-right: 0; } .banner-3-txt { padding: 0; } .banner-1-txt h2 { font-size: 3.5rem; margin-bottom: 15px; } .banner-2-txt h2, .banner-3-txt h2 { font-size: 3.5rem; } .banner-2-txt h3, .banner-3-txt h3 { margin-bottom: 15px; } .banner-4-txt h3 { font-size: 2.5rem; margin-bottom: 15px; } .banner-5-txt h2 { font-size: 3.15rem; } .banner-5-txt h3 { font-size: 2.25rem; } .banner-6-txt h2 { font-size: 6.5rem; } .banner-6-txt h3 {font-size: 2em; } .banner-1-txt p { padding: 0 10%; margin-bottom: 25px; } .banner-2-txt p, .banner-3-txt p { padding: 0; margin-bottom: 25px; } .banner-4-txt p { font-size: 1.05rem; padding: 0 10%; margin-top: 15px; margin-bottom: 25px; } .banner-5-txt p { padding: 0 16%; margin-bottom: 25px; } .banner-6-txt p { font-size: 1.25rem; } /* Blog */ #blog-2 { padding-bottom: 20px; } #blog-2 .masonry-wrap .masonry-item { width: 50%; } .single-post-txt h5.h5-md { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin-top: 30px; margin-bottom: 30px; } .post-inner-img p { margin-top: 15px; } .quote { margin-top: 25px; margin-bottom: 25px; } .quote p { font-size: 1.125rem!important; } .comment-form .form-control { font-size: 17px; } /* Contacts */ #contacts-3 .form-holder { padding-right: 15px; } .contact-form textarea { min-height: 160px; } .contacts-info.mt-35 { margin-top: 0; padding-left: 0; } #contacts-2 .contacts-info { padding-left: 0; } #contacts-3 h4.h4-xs { font-size: 1.56rem; } /* Google Map */ .google-map { padding: 0px 0px 100%; } #contacts-3 .google-map { padding: 0px 0px 50%; } .google-map.mb-80 { margin-bottom: 60px; } /* Footer */ .footer { padding-top: 80px; padding-bottom: 30px; } .footer-contacts { padding-left: 0; } #footer-3 .footer-info { padding-right: 0; } .latest-news img { width: 80px; height: 80px; margin-top: 7px; } .bottom-footer { margin-top: 10px; } .footer-copyright p { margin-bottom: 10px; } .bottom-footer-list.text-right { text-align: left!important; } .bottom-footer-list li p.first-list-link { margin-left: 0; } .footer-img img.insta-img { width: 100px; height: 100px; margin: 5px; } /* Page Hero */ .page-hero-section h2 { margin-bottom: 15px; } .page-hero-section p { padding: 0 10%; } /* Breadcrumb */ #breadcrumb { margin-top: 20px; } /* Pagination */ .page-pagination { padding-bottom: 80px; } .blog-page-pagination { margin-top: 80px; padding-top: 80px; } /* Sidebar */ #sidebar { margin-top: 60px; } #blog-page #sidebar, #single-post #sidebar { margin-top: 70px; } .popular-posts img { width: 110px; height: 110px; } .sidebar-table .table td, .sidebar-table .table th { font-size: 1.1rem; } #sb-box { padding: 50px 80px; } #sidebar #sb-box h5.h5-sm { font-size: 1.5rem; margin-bottom: 15px; } #sb-box p { font-size: 1.1rem; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (max-width: 767px) { /*------------------------------------------*/ /* BASE /*------------------------------------------*/ .wide-100 { padding-top: 80px; padding-bottom: 80px; } .wide-90 { padding-top: 80px; padding-bottom: 70px; } .wide-80 { padding-top: 80px; padding-bottom: 60px; } .wide-70 { padding-top: 80px; padding-bottom: 50px; } .wide-60 { padding-top: 80px; padding-bottom: 40px; } .wide-50 { padding-top: 80px; padding-bottom: 30px; } .wide-40 { padding-top: 80px; padding-bottom: 20px; } .wide-30 { padding-top: 80px; padding-bottom: 10px; } .wide-20 { padding-top: 80px; padding-bottom: 0; } .pt-100 { padding-top: 80px; } .pb-100 { padding-bottom: 80px; } .pt-80 { padding-top: 60px; } .pb-80 { padding-bottom: 60px; } .pt-60 { padding-top: 40px; } .pb-60 { padding-bottom: 40px; } .pb-50 { padding-bottom: 30px; } .pl-5, .pl-10, .pl-15, .pl-20, .pl-25, .pl-30, .pl-35, .pl-40, .pl-45 { padding-left: 0; } .pr-5, .pr-10, .pr-15, .pr-20, .pr-25, .pr-30, .pr-35, .pr-40, .pr-45 { padding-right: 0; } .pc-10, .pc-15, .pc-20,.pc-25, .pc-30, .pc-35, .pc-40, .pc-45, .pc-50, .pc-55, .pc-60 { padding-left: 0; padding-right: 0; } .pc-04, .pc-05, .pc-06, .pc-07, .pc-08, .pc-09 { padding-right: 0; padding-left: 0; } .bg-scroll, .bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .tra-map, .tra-lines, .tra-pattern { background-attachment: scroll!important; } /*------------------------------------------*/ /* NAVIGATION MENU /*------------------------------------------*/ .wsmenu > .wsmenu-list { width: 300px; margin-right: -300px; } .wsactive .wsmobileheader { margin-right: 300px; } .overlapblackbg { width: calc(100% - 300px); } .headtoppart { display: none; } .wsmobileheader { height: 80px; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; } .dark-menu .wsmobileheader { background-color: #222438; } .wsanimated-arrow { padding: 14px 28px 14px 0px; margin: 24px 18px 0 0; } .wsanimated-arrow span:before { top: -8px; width: 26px; } .wsanimated-arrow span:after { bottom: -8px; width: 20px; } .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, .dark-menu .wsanimated-arrow span:after { background: #eee; } .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; } .wsactive .wsanimated-arrow span { background: transparent; } .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; } .wsmenu > .wsmenu-list > li > a { font-size: 16px; padding: 7px 32px 6px 20px; margin: 0; } .tra-menu .wsmenu > .wsmenu-list > li > a { color: #666; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { margin: 23px 18px 0px 0px; } .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 28px; } .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:before { font-size: 1.05rem; left: 5px; top: 14px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .link-list > li > a:hover:before { left: 17px; } .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { padding: 10px 0; } .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 { width: 100%; left: 0; padding: 10px 0; } .wsmegamenu.w-70 .col-md-12 { padding-right: 0; padding-left: 0; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { color: #9099a4; font-size: 16px; padding: 14px 20px; } .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { background-color: transparent; padding: 14px 20px 14px 32px; text-decoration: none; } .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 .title p, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p { display: block; font-size: 16px; margin: 10px 0 5px 20px; } .header-socials { margin-top: 30px; } .header-socials a { font-size: 25px; line-height: 90px!important; margin-left: 22px; } .wsmenu > .wsmenu-list > li.header-phone > a { font-size: 19px; padding: 7px 32px 6px 20px; margin: 0; } .wsmenu > .wsmenu-list > li.header-phone > a span { width: 32px; height: 32px; line-height: 32px; } .wsmenu > .wsmenu-list > li.header-phone > a span i { font-size: 15px; } .wsmenu > .wsmenu-list > li a.btn { height: 60px; font-size: 16px; line-height: 60px; font-weight: 500; padding: 0 17px; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wsmenu > .wsmenu-list > li a.btn.btn-tra-white { background-color: #eee; border-color: #eee; color: #666; } .wsmobileheader .smllogo { display: block; margin-top: 15px; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ .hero-section { margin-top: 80px; } #hero-1, #hero-10 { text-align: center; } /* Hero Icons */ .title-before.ico-70 { margin-top: -10px; margin-bottom: 15px; } .title-before.ico-70 [class*="flaticon-"]:before, .title-before.ico-70 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* Hero Form */ .hero-form { padding: 45px 35px 40px; margin: 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ #about-6 .txt-block { text-align: center; padding: 80px 10%; } .about-6-img { display: none; } /* Pricing */ #pb-img { display: none; } /* Pagination */ .page-pagination { padding-bottom: 80px; } .blog-page-pagination { margin-top: 80px; padding-top: 80px; } /* Sidebar */ #blog-page #sidebar, #single-post #sidebar { margin-top: 70px; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 480px) and (max-width: 767.95px) { .m-row { display: flex; flex-flow: wrap; } .m-top, .m-bottom { width: 100%; } .m-bottom { order: 1; } .m-top { order: 0; } /* Header H6 */ h6.h6-xs { font-size: 1rem; } h6.h6-sm { font-size: 1.05rem; } h6.h6-md { font-size: 1.1rem; } h6.h6-lg { font-size: 1.15rem; } h6.h6-xl { font-size: 1.2rem; } /* Header H5 */ h5.h5-xs { font-size: 1.2rem; } h5.h5-sm { font-size: 1.25rem; } h5.h5-md { font-size: 1.3rem; } h5.h5-lg { font-size: 1.35rem; } h5.h5-xl { font-size: 1.4rem; } /* Header H4 */ h4.h4-xs { font-size: 1.4rem; } h4.h4-sm { font-size: 1.5rem; } h4.h4-md { font-size: 1.65rem; } h4.h4-lg { font-size: 1.7rem; } h4.h4-xl { font-size: 1.8rem; } h3.h3-xs { font-size: 1.9rem; } h3.h3-sm { font-size: 1.95rem; } h3.h3-md { font-size: 2rem; } h3.h3-lg { font-size: 2.05rem; } h3.h3-xl { font-size: 2.1rem; } /* Header H2 */ h2.h2-xs { font-size: 2.15rem; } h2.h2-sm { font-size: 2.25rem; } h2.h2-md { font-size: 2.35rem; } h2.h2-lg { font-size: 2.45rem; } h2.h2-xl { font-size: 2.55rem; } /* Paragraphs */ p.p-sm { font-size: 1rem; } p { font-size: 1.0625rem; } p.p-md { font-size: 1.093rem; } p.p-lg { font-size: 1.1rem; } p.p-xl { font-size: 1.15625rem; } /* Button */ .btn, .btn.btn-md, .btn.btn-lg { font-size: 17px; } .btn.btn-sm { font-size: 16px; padding: 12px 24px; } .btn.btn-md, .btn.btn-lg { padding: 13px 30px; } .btn.btn-tra.btn-md, .btn.btn-tra.btn-lg { padding: 13px 24px; } /* Box Icons */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.6875rem; } .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 5rem; } /* Section Title */ .section-title.mb-60 { margin-bottom: 45px; } .section-title.mb-50 { margin-bottom: 35px; } .section-title p { font-size: 1.0625rem; padding: 0; margin-top: 10px; } .tra-header { font-size: 4.15rem; margin-bottom: -35px; } /* Text Block Typography */ .txt-block h4, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } .txt-block .btn { margin-top: 10px; } /* Content Image */ .ab-img-01, .ab-img-02, .ab-img-03 { display: none; } .content-img.pt-10, .content-img.pt-15, .content-img.pt-20, .content-img.pt-25, .content-img.pt-30, .content-img.pt-35, .content-img.pt-40, .content-img.pt-45, .content-img.pt-50 { padding-top: 0; } /* Text Block Rating */ .txt-block-rating span { font-size: 1.35rem; } .stars-rating i {font-size: 1.15rem;} /*------------------------------------------*/ /*. HERO /*------------------------------------------*/ #hero-2 { padding-top: 80px; padding-bottom: 320px; } #hero-5-content { padding-top: 80px; padding-bottom: 220px; } #hero-6 { padding-top: 80px; padding-bottom: 80px; } #hero-10 { padding-top: 90px; padding-bottom: 50px; } #hero-11 { padding-top: 70px; padding-bottom: 80px; } /* Hero Slider */ .slider, .slider .slides, .slideshow, .slideshow .slides { height: 460px; } .slider.mt-80, .slideshow.mt-80 { height: 460px; margin-top: 0; } .slider.mt-80 .slides, .slideshow.mt-80 .slides { height: 460px; margin: 0; } .slideshow img.img-fluid { max-width: 180%; height: 460px; } .arrows.ico-45 [class*="flaticon-"]:before, .arrows.ico-45 [class*="flaticon-"]:after { font-size: 1.875rem; } /* Hero Text Rotator */ .hero-txt-rotator, .hero-txt-rotator .slides { height: 460px; } .slideshow .arrows .arrow { padding: 5px; } .slideshow .arrows .prev { left: 0; } .slideshow .arrows .next { right: 0; } /* Hero Text */ #hero-1 .caption-txt { margin-top: 0px; } #hero-3 .caption-txt { margin-top: -20px; } .slideshow .slide .caption { padding-top: 0; } .hero-6-content { margin: 0; padding: 55px 60px; } #hero-7 .caption-txt { margin-top: -20px; } #hero-8 .caption, #hero-9 .caption, #hero-12 .caption-txt { margin-top: 0; } .hero-10-txt { padding-left: 0; } /* Hero Headers */ #hero-1 h2 { font-size: 2.75rem; line-height: 1.25; margin-bottom: 10px; } #hero-2 h2 { font-size: 2.5rem; line-height: 1.25; margin-bottom: 15px; } #hero-3 h2 { font-size: 3.5rem; margin-bottom: 10px; } #hero-4 h2 { font-size: 5rem; line-height: 1; margin-bottom: 15px; } #hero-5 h3 { font-size: 2.15rem; margin-bottom: 20px; } #hero-7 h2 { font-size: 2.75rem; margin-bottom: 15px; } #hero-7 h3 { font-size: 2.25rem; } #hero-8 h3 { font-size: 2.5rem; padding: 0; margin-bottom: 10px; } #hero-9 h2 { font-size: 5.25rem; letter-spacing: 3px; margin-bottom: 25px; } #hero-10 h2 { font-size: 2.5rem; line-height: 1.25; margin-bottom: 15px; } #hero-11 h2 { font-size: 4.5rem; line-height: 1.25; margin-bottom: 15px; } #hero-12 h2 { font-size: 5.25rem; letter-spacing: 3px; margin-bottom: 20px; } /* Hero Paragraphs */ #hero-1 .caption-txt p { font-size: 1.15rem; padding: 0 5%; margin-bottom: 25px; } .hero-2-txt p { font-size: 1.093rem; padding: 0; } #hero-3 .caption-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 30px; } #hero-4 .caption p { font-size: 1.093rem; padding: 0; margin-bottom: 30px; } .hero-6-txt p { font-size: 1.093rem; margin-bottom: 30px; } #hero-7 .caption-txt p { font-size: 1.093rem; padding: 0 5%; margin-bottom: 30px; } #hero-8 .caption p { font-size: 1.093rem; padding: 0; margin-bottom: 25px; } .hero-10-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 30px; } .hero-11-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 30px; } #hero-12 .caption-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 25px; } /* Hero Icons */ .title-before.ico-70 { margin-top: -10px; margin-bottom: 15px; } .title-before.ico-70 [class*="flaticon-"]:before, .title-before.ico-70 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* Hero Form */ .hero-form h5 { font-size: 1.65rem; } .hero-5-img .video-preview { margin: -200px 0 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* About */ .abox-1-wrapper { padding: 0 15px; margin-top: 60px; } .abox-1-txt { padding-left: 25px; } .abox-2, #a4-1.abox-2 { padding: 60px 20px; } .abox-2 h5 { font-size: 1.4rem; } .about-5-banner { width: 100%; position: relative; padding: 60px 35px; margin: 0 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .about-5-img, .about-5-img img{ -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #about-7 .txt-block { padding: 60px 30px; } #a7-3 { display: none; } #about-7 .col-lg-4, #about-8 .col-lg-6 { padding: 0 15px; } .abox-4-txt { width: 74%; left: 13%; } #about-9 { padding-top: 60px; padding-bottom: 0; } #about-9 .bg-inner { padding-bottom: 80px; } .about-9-img { margin-top: -60px; margin-bottom: 40px; } /* Services */ #services-4:after { width: 85%; height: 95%; left: 15%; bottom: 5%; } #services-4 .col-md-6, #services-5 .col-lg-6 { padding-left: 15px; padding-right: 15px; } #services-5 .img-block { display: none; } #services-6:after { height: 90%; bottom: 5%; } #services-6 .inner-block { padding: 80px 30px 30px; } #services-6 .section-title p { padding: 0 5%; } .sbox-10-wrapper .col-lg-3 { padding-left: 15px; padding-right: 15px; } .sbox-1 { padding: 0 5%; } .sbox-2 { padding: 0 8%; } .sbox-3 { padding: 50px 45px; } .sbox-4 { padding: 50px 45px; margin-bottom: 30px; } #sb4-4.sbox-4 { margin-bottom: 0; } .sbox-6 { margin-bottom: 40px; } #s7-1, #s7-3 { padding: 60px 15px; margin-left: 15px; } #s7-2, #s7-4 { padding: 60px 15px; margin-right: 15px; } #s7-1 { border-bottom: 1px solid #e7e6e2; } #s7-2 { border-right: none; border-bottom: 1px solid #e7e6e2; } .sbox-7 p { font-size: 1.05rem; } .sbox-10-txt { padding: 35px 60px 40px; } .sb-9-txt h5, .sb-11-txt h5 { font-size: 1.45rem; } .sbox-9-img-meta p, .sbox-11-img-meta p { font-size: 1.1rem; } .sbox-10 h5, .sbox-18 h5 { font-size: 1.35rem; } .sbox-14 h4 { font-size: 2.25rem; } .sbox-14 p, .sbox-18 p { font-size: 1.2rem; margin-bottom: 20px; } .sbox-15-txt h4, .sbox-16 h5 { font-size: 1.85rem; } #services-17 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-17, #s17-2.sbox-17 { padding: 60px 70px; } .sbox-8-img { width: 140px; height: 140px; } #services-14 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-14-ico { bottom: 30px; right: 40px; opacity: .3; } .sbox-14-ico.ico-85 [class*="flaticon-"]:before, .sbox-14-ico.ico-85 [class*="flaticon-"]:after { font-size: 6.5rem; } /* Gallery */ .masonry-filter button { margin: 0 15px; padding: 0.75rem 0.1rem; font-size: 1.175rem; } .masonry-wrap .masonry-item { width: 100%; padding: 0; } .image-data h5 { font-size: 1.5rem; } .image-data p { font-size: 1.25rem; } /* Video */ #video-1 { padding-top: 140px; padding-bottom: 140px; } #video-2-content {padding-top: 80px; padding-bottom: 140px; } .video-2-link { margin-top: -130px; } .video-txt p { padding: 0 5%; } /* Team */ .tm-meta h6 { font-size: 1.25rem; } .tm-meta span { font-size: 1.15rem; } .tm-social a { width: 50px; height: 50px; font-size: 1.35rem; line-height: 50px!important; } /* Pricing */ .pricing-list li { margin: 0 0 20px; } .pricing-list li:last-child.resp-lst { border-bottom: 1px dashed #5f5842; } .pricing-list-txt h5 {margin-bottom: 8px; } .pricing-list-amount { right: 0; } .pricing-plan.mb-20 { margin-bottom: 15px; } .price.mb-20 { margin-bottom: 10px; } .pricing-2-banner { padding: 55px 40px; margin-bottom: 40px; } .pricing-2-banner h5 { font-size: 1.5rem; } .pricing-2-table { padding: 55px 40px 15px; } .pricing-2-table h6 { font-size: 1.25rem; } #pricing-2 .col-lg-4 { padding-left: 15px; padding-right: 15px; } /* Reviews */ .review-1-txt p { font-size: 1.175rem; padding: 0; } .review-2-txt p.review-txt { margin-top: 0; } /* Statistic */ .statistic-block p { font-size: 1.15rem; } /* Banner */ #banner-2 { background-position: center left; } #banner-3 { background-position: center right; } #banner-4 { text-align: center; padding-top: 80px; padding-bottom: 80px; } .banner-2-txt { text-align: center; padding-left: 0; padding-right: 0; } .banner-3-txt { text-align: center; padding: 0; } .banner-1-txt h2 { font-size: 3.75rem; margin-bottom: 10px; } .banner-2-txt h2, .banner-3-txt h2 { font-size: 3.75rem; } .banner-2-txt h3, .banner-3-txt h3 { margin-bottom: 10px; } .banner-4-txt h3 { font-size: 2.25rem; margin-bottom: 10px; } .banner-5-txt h2 { font-size: 3.15rem; } .banner-5-txt h3 { font-size: 2.25rem; } .banner-6-txt h2 { font-size: 5.9rem; } .banner-6-txt h3 {font-size: 1.85em; } .banner-1-txt p { padding: 0 10%; margin-bottom: 20px; } .banner-2-txt p { padding: 0; margin-bottom: 20px; } .banner-3-txt p { padding: 0 5%; margin-bottom: 20px; } .banner-4-txt p { font-size: 1.1rem; padding: 0 3%; margin-top: 15px; margin-bottom: 20px; } .banner-5-txt p { padding: 0 2%; } .banner-6-txt p { font-size: 1.15rem; } /* Blog */ #blog-2 { padding-bottom: 20px; } #blog-2 .masonry-wrap .masonry-item { width: 100%; padding: 0; } .single-post-txt h5.h5-md { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin-top: 30px; margin-bottom: 30px; } .blog-post-img.top-img { margin-bottom: 30px; } .post-inner-img p { margin-top: 15px; } .quote { margin-top: 25px; margin-bottom: 25px; } .quote p { font-size: 1.125rem!important; } .post-share-list.text-right { text-align: left!important; margin-top: 35px; } .post-share-links .share-social-icons a.share-ico i { width: 50px; font-size: 28px; } .other-posts h6 { font-size: 1.25rem; } .comment-form .form-control { font-size: 17px; } /* Contacts */ #contacts-3 .form-holder { padding-right: 0; } .contacts-info.mt-35 { margin-top: 0; padding: 0; } #contacts-2 .contacts-info { padding: 0; } .google-map.mb-80 { margin-bottom: 40px; } /* Google Map */ .google-map, #contacts-3 .google-map { padding: 0px 0px 72%; } /* Footer */ .footer { padding-top: 80px; padding-bottom: 30px; } .footer-contacts { padding-left: 0; } #footer-3 .footer-info { padding-right: 0; } .footer h6 { font-size: 1.25rem; } .footer-img img.insta-img { width: 100px; height: 100px; margin: 5px; } .bottom-footer { margin-top: 10px; } .footer-copyright p { margin-bottom: 10px; } .latest-news img { width: 85px; height: 85px; } .post-summary a { font-size: 1.0625rem; } .latest-news p { font-size: 1rem; } .footer-form .form-control { height: 60px; font-size: 1.125rem; } .footer-form .btn { height: 60px; font-size: 1.75rem; padding: 0 15px; } .bottom-footer-list.text-right { text-align: left!important; } .bottom-footer-list li p.first-list-link { margin-left: 0; } /* Page Hero */ .page-hero-section h2 { margin-bottom: 15px; } .page-hero-section p { padding: 0 5%; } /* Breadcrumb */ #breadcrumb { margin-top: 20px; } /* Sidebar */ #sidebar { margin-top: 40px; } #blog-page #sidebar, #single-post #sidebar { margin-top: 70px; } .popular-posts img { width: 110px; height: 110px; } #sidebar #sb-box h5.h5-sm { font-size: 1.5rem; margin-bottom: 15px; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 414px) and (max-width: 479.95px) { #stlChanger { display: none; } .m-row { display: flex; flex-flow: wrap; } .m-top, .m-bottom { width: 100%; } .m-bottom { order: 1; } .m-top { order: 0; } /* Header H6 */ h6.h6-xs { font-size: 1rem; } h6.h6-sm { font-size: 1.05rem; } h6.h6-md { font-size: 1.1rem; } h6.h6-lg { font-size: 1.15rem; } h6.h6-xl { font-size: 1.2rem; } /* Header H5 */ h5.h5-xs { font-size: 1.2rem; } h5.h5-sm { font-size: 1.25rem; } h5.h5-md { font-size: 1.3rem; } h5.h5-lg { font-size: 1.35rem; } h5.h5-xl { font-size: 1.4rem; } /* Header H4 */ h4.h4-xs { font-size: 1.45rem; } h4.h4-sm { font-size: 1.5rem; } h4.h4-md { font-size: 1.55rem; } h4.h4-lg { font-size: 1.6rem; } h4.h4-xl { font-size: 1.7rem; } h3.h3-xs { font-size: 1.75rem; } h3.h3-sm { font-size: 1.8rem; } h3.h3-md { font-size: 1.9rem; } h3.h3-lg { font-size: 2rem; } h3.h3-xl { font-size: 2.1rem; } /* Header H2 */ h2.h2-xs { font-size: 2.1rem; } h2.h2-sm { font-size: 2.2rem; } h2.h2-md { font-size: 2.3rem; } h2.h2-lg { font-size: 2.4rem; } h2.h2-xl { font-size: 2.5rem; } /* Paragraphs */ p.p-sm { font-size: 1rem; } p { font-size: 1.0625rem; } p.p-md { font-size: 1.1rem; } p.p-lg { font-size: 1.1rem; } p.p-xl { font-size: 1.1rem; } /* Button */ .btn, .btn.btn-md, .btn.btn-lg { font-size: 17px; } .btn.btn-sm { font-size: 16px; padding: 12px 24px; } .btn.btn-md, .btn.btn-lg { padding: 13px 30px; } .btn.btn-tra.btn-md, .btn.btn-tra.btn-lg { padding: 13px 24px; } /* Video Button */ .video-block { width: 80px;height: 80px; } .video-btn { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; line-height: 86px!important; } .video-btn i { font-size: 2.55rem; line-height: 80px!important; margin-left: 7px; } /* Box Icons */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.6875rem; } .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 5rem; } /* Section Title */ .section-title.mb-60 { margin-bottom: 45px; } .section-title.mb-50 { margin-bottom: 35px; } .section-title p { font-size: 1.0625rem; padding: 0 3%; margin-top: 10px; } .tra-header { font-size: 2.25rem; margin-bottom: -20px; } .section-id { font-size: 1.85rem; } /* Text Block Typography */ .txt-block h4, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } .txt-block .btn { margin-top: 10px; } /* Text Block Rating */ .txt-block-rating span { font-size: 1.35rem; } .stars-rating i { font-size: 1.15rem; } /* Content Image */ .ab-img-01, .ab-img-02, .ab-img-03 { display: none; } .content-img.pt-10, .content-img.pt-15, .content-img.pt-20, .content-img.pt-25, .content-img.pt-30, .content-img.pt-35, .content-img.pt-40, .content-img.pt-45, .content-img.pt-50 { padding-top: 0; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ #hero-2 { padding-top: 80px; padding-bottom: 350px; } #hero-5-content { padding-top: 80px; padding-bottom: 130px; } #hero-6 { padding-top: 80px; padding-bottom: 80px; } #hero-10 { padding-top: 90px; padding-bottom: 50px; } #hero-11 { padding-top: 70px; padding-bottom: 90px; } /* Hero Slider */ .slider, .slider .slides, .slideshow, .slideshow .slides { height: 500px; } .slider.mt-80, .slideshow.mt-80 { height: 500px; margin-top: 0; } .slider.mt-80 .slides, .slideshow.mt-80 .slides { height: 500px; margin: 0; } #hero-4 .slideshow, #hero-9 .slideshow, #hero-4 .slideshow .slides, #hero-9 .slideshow .slides { height: 460px; } .slideshow img.img-fluid { max-width: 180%; height: 500px; } #hero-4 .slideshow img.img-fluid, #hero-9 .slideshow img.img-fluid { max-width: 180%; height: 460px; } .slideshow .arrows .arrow { margin: 0; padding: 20px; top: 85%; } .slideshow .arrows .prev { left: 35%; } .slideshow .arrows .next { right: 35%; } .arrows.ico-45 [class*="flaticon-"]:before, .arrows.ico-45 [class*="flaticon-"]:after { font-size: 1.35rem; } /* Hero Text Rotator */ .hero-txt-rotator, .hero-txt-rotator .slides { height: 460px; } /* Hero Text */ #hero-1 .caption-txt { margin-top: -15px; } #hero-3 .caption-txt { margin-top: -20px; } .slideshow .slide .caption { padding-top: 0; } #hero-4 .caption, #hero-8 .caption { margin-top: -30px; } .hero-6-content { margin: 0; padding: 50px 30px; } #hero-7 .caption-txt { margin-top: -20px; } #hero-9 .caption, #hero-12 .caption-txt { margin-top: 0; } .hero-10-txt { padding-left: 0; } /* Hero Headers */ #hero-1 h2 { font-size: 3rem; line-height: 1.25; padding: 0 10%; margin-bottom: 10px; } #hero-2 h2 { font-size: 2.35rem; line-height: 1.25; margin-bottom: 10px; } #hero-3 h2 { font-size: 3rem; margin-bottom: 10px; } #hero-4 h2 { font-size: 3.5rem; line-height: 1; margin-bottom: 15px; } #hero-5 h3 { font-size: 2rem; margin-bottom: 20px; } #hero-7 h2 { font-size: 3rem; padding: 0 10%; margin-bottom: 10px; } #hero-7 h3 { font-size: 1.85rem; } #hero-8 h3 { font-size: 2.1rem; padding: 0; margin-bottom: 10px; } #hero-9 h2 { font-size: 3.65rem; letter-spacing: 3px; margin-bottom: 20px; } #hero-10 h2 { font-size: 2.35rem; line-height: 1.3; padding: 0 2%; margin-bottom: 10px; } #hero-11 h2 { font-size: 3rem; line-height: 1.25; margin-bottom: 10px; } #hero-12 h2 { font-size: 3.75rem; letter-spacing: 3px; margin-bottom: 20px; } /* Hero Paragraphs */ #hero-1 .caption-txt p { font-size: 1.093rem; padding: 0 6%; margin-bottom: 25px; } .hero-2-txt p { font-size: 1.093rem; padding: 0 5%; } #hero-3 .caption-txt p { font-size: 1.093rem; padding: 0 5%; margin-bottom: 25px; } #hero-4 .caption p { font-size: 1.093rem; padding: 0 6%; margin-bottom: 25px; } .hero-6-txt p { font-size: 1.093rem; margin-bottom: 30px; } #hero-7 .caption-txt p { font-size: 1.093rem; padding: 0 5%; margin-bottom: 25px; } #hero-8 .caption p { font-size: 1.093rem; padding: 0 3%; margin-bottom: 25px; } #hero-9 .caption p { font-size: 1.25rem; padding: 0; margin-bottom: 25px; } .hero-10-txt p { font-size: 1.093rem; padding: 0 3%; margin-bottom: 25px; } .hero-11-txt p { font-size: 1.093rem; padding: 0 3%; margin-bottom: 25px; } #hero-12 .caption-txt p { font-size: 1.093rem; padding: 0 2%; margin-bottom: 25px; } /* Hero Icons */ .title-before.ico-70 { margin-top: -10px; margin-bottom: 15px; } .title-before.ico-70 [class*="flaticon-"]:before, .title-before.ico-70 [class*="flaticon-"]:after { font-size: 3.75rem; } /* Hero Form */ .hero-form h5 { font-size: 1.5rem; } .hero-form { padding: 50px 25px 45px; margin: 0; } .hero-form .form-control, .hero-form .custom-select, .hero-form .btn { height: 50px; } .hero-5-img .video-preview { margin: -120px 0 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* About */ .abox-1-wrapper { padding: 0 15px; margin-top: 60px; } .abox-1 { text-align: center; padding: 0 5%; } .abox-1-txt { padding-left: 0; } .abox-1 h5 {margin-top: 25px; margin-bottom: 10px; } .abox-1 span { float: none; margin-top: 0; } .abox-2, #a4-1.abox-2 { padding: 60px 0; } .abox-2 h5 { font-size: 1.4rem; } .abox-3-wrapper .col-lg-3 { width: 50%; float: left; } .abox-3 { margin-bottom: 40px; } .about-5-banner { width: 100%; position: relative; padding: 60px 35px; margin: 0 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .about-5-img, .about-5-img img { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #about-7 .txt-block { padding: 60px 15px 80px; } #a7-3 { display: none; } #about-7 .col-lg-4, #about-8 .col-lg-6 { padding: 0 15px; } .abox-4 { width: 250px; height: 250px; } .abox-4-txt { width: 74%; left: 13%; } #about-9 { padding-top: 60px; padding-bottom: 0; } #about-9 .bg-inner { padding-bottom: 80px; } .about-9-img { margin-top: -60px; margin-bottom: 40px; } /* Services */ #services-4:after { width: 89%; height: 95%; bottom: 5%; } .sbox-5-wrapper { padding: 65px 20px 25px; } #services-5 .col-lg-6 {padding-left: 15px; padding-right: 15px; } #services-5 .img-block { display: none; } #services-6:after { height: 90%; bottom: 5%; } #services-6 .inner-block { padding: 80px 30px 30px; } #services-4 .col-md-6 { padding-left: 15px; padding-right: 15px; } #services-6 .section-title p { padding: 0; } .sbox-9-img-meta, .sbox-11-img-meta { padding: 80px 20px 30px; } .sbox-10-txt { padding: 30px 20px; } .sbox-13 { background-position: left center; } .sbox-13-txt { padding: 50px 25% 50px 30px; } .sbox-10-wrapper .col-lg-3 { padding-left: 15px; padding-right: 15px; } .sbox-1 { padding: 0 8%; } .sbox-2 { padding: 0 8%; } .sbox-3 { padding: 50px 40px; } .sbox-4 { padding: 50px 30px; margin-bottom: 30px; } #sb4-4.sbox-4 { margin-bottom: 0; } .sbox-6 { margin-bottom: 40px; } #services-7 .col-lg-3 { padding-left: 15px; padding-right: 15px; } #s7-1, #s7-2, #s7-3 { border-right: none; border-bottom: 1px solid #e7e6e2; } .sbox-7 p { font-size: 1.05rem; } .sbox-10-txt { padding: 35px 60px 40px; } #s14-3 { margin-bottom: 30px; } .sbox-10-txt { padding: 35px 30px 40px; } #services-17 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-17, #s17-2.sbox-17 { padding: 60px 50px; } .sbox-1 h5 { margin-top: 20px; } .sbox-2 h5 { margin-top: 30px; } .sbox-6 h6 { font-size: 1.3rem; margin-top: 15px; } .sbox-9-price span, .sbox-11-price span { font-size: 2.35rem; } .sbox-10-txt h5, .sbox-18-txt h5 { font-size: 1.35rem; } .sbox-14 h4 { font-size: 2.25rem; } .sbox-14 p { font-size: 1.2rem; margin-bottom: 20px; } .sbox-15-txt h4, .sbox-16 h5 { font-size: 1.75rem; } .sbox-18 p { font-size: 1.2rem; } .sbox-6-ico.ico-80 [class*="flaticon-"]:before, .sbox-6-ico.ico-80 [class*="flaticon-"]:after { font-size: 5.625rem; } .sbox-8-ico.ico-85 [class*="flaticon-"]:before, .sbox-8-ico.ico-85 [class*="flaticon-"]:after { font-size: 5.9375rem; } #services-14 .col-lg-4 { padding-left: 15px; padding-right: 15px; } /* Gallery */ .masonry-filter button { margin: 0 8px; padding: 0.75rem 0.1rem; font-size: 1.125rem; } .masonry-wrap .masonry-item { width: 100%; padding: 0; } /* Video */ #video-1 { padding-top: 120px; padding-bottom: 120px; } #video-2-content {padding-top: 80px; padding-bottom: 100px; } .video-2-link { margin-top: -90px; } /* Team */ .tm-meta h6 { font-size: 1.3rem; } .tm-meta span { font-size: 1.25rem; } .tm-social a { width: 50px; height: 50px; font-size: 1.35rem; line-height: 50px!important; } /* Pricing */ .pricing-list li { margin: 0 0 20px; } .pricing-list li:last-child.resp-lst { border-bottom: 1px dashed #5f5842; } .pricing-list-txt h5 {margin-bottom: 8px; } .pricing-list-amount { right: 0; } .pricing-2-banner { padding: 55px 30px; margin-bottom: 40px; } .pricing-2-banner h5 { font-size: 1.6rem; } .pricing-2-table { padding: 55px 30px 15px; } .pricing-2-table h6 { font-size: 1.3rem; } #pricing-2 .col-lg-4 { padding-left: 15px; padding-right: 15px; } /* Reviews */ .review-2 { text-align: center; } .review-2 .testimonial-avatar { display: block; float: none; margin-bottom: 10px; } .review-2-txt { overflow: hidden; padding-left: 0; } .review-2-txt .review-author { padding-right: 0; } .review-author.text-right { text-align: center!important; } .testimonial-avatar img { width: 100px; height: 100px; } .review-1-txt p { font-size: 1.125rem; padding: 0 8%; } .review-2-txt p { padding: 0 5%; } /* Statistic */ .statistic-block p { font-size: 1.15rem; } /* Banner */ #banner-3 { background-position: center right; } #banner-4 { text-align: center; padding-top: 80px; padding-bottom: 80px; } #banner-6 { padding-top: 60px; padding-bottom: 60px; } .banner-2-txt { text-align: center; padding-left: 0; padding-right: 0; } .banner-3-txt { text-align: center; padding: 0; } .banner-1-txt h2 { font-size: 3.35rem; margin-bottom: 10px; } .banner-2-txt h2, .banner-3-txt h2 { font-size: 3.35rem; } .banner-2-txt h3, .banner-3-txt h3 { margin-bottom: 10px; } .banner-4-txt h3 { font-size: 2.25rem; margin-bottom: 10px; } .banner-5-txt h2 { font-size: 2.85rem; } .banner-5-txt h3 { font-size: 2rem; } .banner-6-txt h2 { font-size: 4.65rem; } .banner-6-txt h3 {font-size: 1.45em; } .banner-1-txt p, .banner-2-txt p, .banner-3-txt p, .banner-5-txt p { padding: 0 3%; margin-bottom: 20px; } .banner-4-txt p { font-size: 1.1rem; padding: 0 3%; margin-top: 15px; margin-bottom: 20px; } .banner-6-txt p { font-size: 1.15rem; } /* Blog */ #blog-2 { padding-bottom: 20px; } #blog-2 .masonry-wrap .masonry-item { width: 100%; padding: 0; } .single-post-txt h5.h5-md { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin-top: 30px; margin-bottom: 30px; } .blog-post-img.top-img { margin-bottom: 30px; } .post-inner-img p { margin-top: 15px; } .quote { margin-top: 25px; margin-bottom: 25px; } .quote p { font-size: 1.125rem!important; } .post-share-list.text-right { text-align: left!important; margin-top: 35px; } .post-share-links .share-social-icons a.share-ico i { width: 45px; font-size: 26px; } .author-senoff.d-flex { display: block!important; } .author-senoff { text-align: center; padding: 30px 20px; margin-top: 70px;margin-bottom: 60px; } .author-senoff img { width: 90px; height: 90px; float: none; margin-bottom: 15px; } .author-senoff-txt { padding-left: 0; } .author-senoff-txt h5 { margin-bottom: 10px; } .other-posts h6 { font-size: 1.2rem; } .comment-form .form-control { font-size: 17px; } /* Contacts */ #contacts-3 .form-holder { padding-right: 0; } .contacts-info.mt-35 { margin-top: 0; padding: 0; } #contacts-2 .contacts-info { padding: 0; } .google-map.mb-80 { margin-bottom: 40px; } /* Google Map */ .google-map, #contacts-3 .google-map { padding: 0px 0px 85%; } /* Footer */ .footer { padding-top: 80px; padding-bottom: 30px; } .footer-contacts { padding-left: 0; } #footer-3 .footer-info { padding-right: 0; } .footer-img img.insta-img { width: 115px; height: 115px; margin: 5px; } .bottom-footer { margin-top: 10px; } .footer-copyright p { margin-bottom: 10px; } .bottom-footer-list.text-right { text-align: left!important; } .bottom-footer-list li i { display: none; } .bottom-footer-list li p { margin-left: 6px; } .bottom-footer-list li p.first-list-link { margin-left: 4px; } .bottom-footer-list p:after { padding-left: 7px; } /* Page Hero */ .page-hero-section { padding-top: 60px; padding-bottom: 60px; } .page-hero-section h2 { margin-bottom: 15px; } .page-hero-section p { padding: 0 5%; } /* Breadcrumb */ #breadcrumb { margin-top: 20px; } /* Sidebar */ #sidebar { margin-top: 40px; } #blog-page #sidebar, #single-post #sidebar { margin-top: 70px; } .popular-posts img { width: 115px; height: 115px; } img.insta-img { width: 115px; height: 115px; margin: 5px; } #sb-box { padding: 50px 40px; } #sidebar #sb-box h5.h5-sm { font-size: 1.5rem; margin-bottom: 15px; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (min-width: 321px) and (max-width: 413.95px) { #stlChanger { display: none; } .m-row { display: flex; flex-flow: wrap; } .m-top, .m-bottom { width: 100%; } .m-bottom { order: 1; } .m-top { order: 0; } /* Header H6 */ h6.h6-xs { font-size: 1.1rem; } h6.h6-sm { font-size: 1.15rem; } h6.h6-md { font-size: 1.2rem; } h6.h6-lg { font-size: 1.2rem; } h6.h6-xl { font-size: 1.2rem; } /* Header H5 */ h5.h5-xs { font-size: 1.3rem; } h5.h5-sm { font-size: 1.3rem; } h5.h5-md { font-size: 1.3rem; } h5.h5-lg { font-size: 1.4rem; } h5.h5-xl { font-size: 1.45rem; } /* Header H4 */ h4.h4-xs { font-size: 1.45rem; } h4.h4-sm { font-size: 1.5rem; } h4.h4-md { font-size: 1.55rem; } h4.h4-lg { font-size: 1.6rem; } h4.h4-xl { font-size: 1.65rem; } h3.h3-xs { font-size: 1.7rem; } h3.h3-sm { font-size: 1.75rem; } h3.h3-md { font-size: 1.8rem; } h3.h3-lg { font-size: 1.85rem; } h3.h3-xl { font-size: 1.9rem; } /* Header H2 */ h2.h2-xs { font-size: 1.9rem; } h2.h2-sm { font-size: 2rem; } h2.h2-md { font-size: 2.1rem; } h2.h2-lg { font-size: 2.2rem; } h2.h2-xl { font-size: 2.3rem; } /* Paragraphs */ p.p-sm { font-size: 1rem; } p { font-size: 1.0625rem; } p.p-md { font-size: 1.1rem; } p.p-lg { font-size: 1.1rem; } p.p-xl { font-size: 1.1rem; } /* Button */ .btn, .btn.btn-md, .btn.btn-lg { font-size: 17px; } .btn.btn-sm { font-size: 16px; padding: 12px 24px; } .btn.btn-md, .btn.btn-lg { padding: 13px 30px; } .btn.btn-tra.btn-md, .btn.btn-tra.btn-lg { padding: 13px 24px; } /* Video Button */ .video-block { width: 80px;height: 80px; } .video-btn { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; line-height: 86px!important; } .video-btn i { font-size: 2.55rem; line-height: 80px!important; margin-left: 7px; } /* Box Icons */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.375rem; } .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.6875rem; } .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 5rem; } /* Section Title */ .section-title.mb-60 { margin-bottom: 45px; } .section-title.mb-50 { margin-bottom: 35px; } .section-title p { font-size: 1.0625rem; padding: 0 6%; margin-top: 10px; } .tra-header { font-size: 2.25rem; margin-bottom: -20px; } .section-id { font-size: 1.9rem; } /* Text Block Typography */ .txt-block h4, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } .txt-block .btn { margin-top: 10px; } /* Content Image */ .ab-img-01, .ab-img-02, .ab-img-03 { display: none; } .content-img.pt-10, .content-img.pt-15, .content-img.pt-20, .content-img.pt-25, .content-img.pt-30, .content-img.pt-35, .content-img.pt-40, .content-img.pt-45, .content-img.pt-50 { padding-top: 0; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ #hero-2 { padding-top: 80px; padding-bottom: 350px; } #hero-5-content { padding-top: 80px; padding-bottom: 130px; } #hero-6 { padding-top: 80px; padding-bottom: 80px; } #hero-10 { padding-top: 90px; padding-bottom: 50px; } #hero-11 { padding-top: 70px; padding-bottom: 90px; } /* Hero Slider */ .slider, .slider .slides, .slideshow, .slideshow .slides { height: 500px; } .slider.mt-80, .slideshow.mt-80 { height: 500px; margin-top: 0; } .slider.mt-80 .slides, .slideshow.mt-80 .slides { height: 500px; margin: 0; } #hero-4 .slideshow, #hero-9 .slideshow, #hero-4 .slideshow .slides, #hero-9 .slideshow .slides { height: 460px; } .slideshow img.img-fluid { max-width: 180%; height: 500px; } #hero-4 .slideshow img.img-fluid, #hero-9 .slideshow img.img-fluid { max-width: 180%; height: 460px; } .slideshow .arrows .arrow { margin: 0; padding: 20px; top: 85%; } .slideshow .arrows .prev { left: 35%; } .slideshow .arrows .next { right: 35%; } .arrows.ico-45 [class*="flaticon-"]:before, .arrows.ico-45 [class*="flaticon-"]:after { font-size: 1.35rem; } /* Hero Text Rotator */ .hero-txt-rotator, .hero-txt-rotator .slides { height: 460px; } /* Hero Text */ #hero-1 .caption-txt { margin-top: -15px; } #hero-3 .caption-txt { margin-top: -20px; } .slideshow .slide .caption { padding-top: 0; } #hero-4 .caption, #hero-8 .caption { margin-top: -30px; } .hero-6-content { margin: 0; padding: 50px 20px; } #hero-7 .caption-txt { margin-top: -20px; } #hero-9 .caption, #hero-12 .caption-txt { margin-top: 0; } .hero-10-txt { padding-left: 0; } /* Hero Headers */ #hero-1 h2 { font-size: 2.85rem; line-height: 1.25; padding: 0 5%; margin-bottom: 10px; } #hero-2 h2 { font-size: 2.1rem; line-height: 1.25; margin-bottom: 10px; } #hero-3 h2 { font-size: 3rem; margin-bottom: 10px; } #hero-4 h2 { font-size: 3.25rem; line-height: 1; margin-bottom: 15px; } #hero-5 h3 { font-size: 1.85rem; margin-bottom: 20px; } #hero-7 h2 { font-size: 2.75rem; padding: 0 8%; margin-bottom: 10px; } #hero-7 h3 { font-size: 1.85rem; } #hero-8 h3 { font-size: 2.1rem; padding: 0; margin-bottom: 10px; } #hero-9 h2 { font-size: 3.25rem; letter-spacing: 3px; margin-bottom: 20px; } #hero-10 h2 { font-size: 2.1rem; line-height: 1.3; padding: 0 2%; margin-bottom: 10px; } #hero-11 h2 { font-size: 2.75rem; line-height: 1.25; margin-bottom: 10px; } #hero-12 h2 { font-size: 3.5rem; letter-spacing: 3px; margin-bottom: 20px; } /* Hero Paragraphs */ #hero-1 .caption-txt p { font-size: 1.093rem; padding: 0 3%; margin-bottom: 25px; } .hero-2-txt p { font-size: 1.093rem; padding: 0; } #hero-3 .caption-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 25px; } #hero-4 .caption p { font-size: 1.093rem; padding: 0 6%; margin-bottom: 25px; } .hero-6-txt p { font-size: 1.093rem; margin-bottom: 30px; } #hero-7 .caption-txt p { font-size: 1.093rem; padding: 0 5%; margin-bottom: 25px; } #hero-8 .caption p { font-size: 1.093rem; padding: 0; margin-bottom: 25px; } #hero-9 .caption p { font-size: 1.15rem; padding: 0; margin-bottom: 25px; } .hero-10-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 25px; } .hero-11-txt p { font-size: 1.093rem; padding: 0 3%; margin-bottom: 25px; } #hero-12 .caption-txt p { font-size: 1.093rem; padding: 0; margin-bottom: 25px; } /* Hero Icons */ .title-before.ico-70 { margin-top: -10px; margin-bottom: 15px; } .title-before.ico-70 [class*="flaticon-"]:before, .title-before.ico-70 [class*="flaticon-"]:after { font-size: 3.75rem; } /* Hero Form */ .hero-form h5 { font-size: 1.5rem; } .hero-form { padding: 45px 20px 40px; margin: 0; } .hero-form .form-control, .hero-form .custom-select, .hero-form .btn { height: 50px; } .hero-5-img .video-preview { margin: -120px 0 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* About */ .abox-1-wrapper { padding: 0 15px; margin-top: 60px; } .abox-1 { text-align: center; padding: 0; } .abox-1-txt { padding-left: 0; } .abox-1 h5 {margin-top: 25px; margin-bottom: 10px; } .abox-1 span { float: none; margin-top: 0; } .abox-2, #a4-1.abox-2 { padding: 60px 0; } .abox-2 h5 { font-size: 1.4rem; } .abox-3-wrapper .col-lg-3 { width: 50%; float: left; } .abox-3 { margin-bottom: 40px; } .about-5-banner { width: 100%; position: relative; padding: 60px 25px; margin: 0 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .about-5-img, .about-5-img img { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #about-6 .txt-block { padding: 80px 5%; } #about-7 .txt-block { padding: 60px 15px 80px; } #a7-3 { display: none; } #about-7 .col-lg-4, #about-8 .col-lg-6 { padding: 0 15px; } .abox-4 { width: 250px; height: 250px; } .abox-4-txt { width: 74%; left: 13%; } #about-9 { padding-top: 60px; padding-bottom: 0; } #about-9 .bg-inner { padding-bottom: 80px; } .about-9-img { margin-top: -60px; margin-bottom: 40px; } /* Services */ #services-4:after { width: 89%; height: 95%; bottom: 5%; } .sbox-5-wrapper { padding: 65px 30px 25px; } #services-5 .col-lg-6 {padding-left: 15px; padding-right: 15px; } #services-5 .img-block { display: none; } #services-6:after { height: 90%; bottom: 5%; } #services-6 .inner-block { padding: 80px 30px 30px; } #services-4 .col-md-6 { padding-left: 15px; padding-right: 15px; } #services-6 .section-title p { padding: 0; } .sbox-9-img-meta, .sbox-11-img-meta { padding: 80px 20px 30px; } .sbox-10-txt { padding: 35px 40px 40px; } .sbox-13 { background-position: left center; } .sbox-13-txt { padding: 50px 15% 50px 30px; } .sbox-10-wrapper .col-lg-3 { padding-left: 15px; padding-right: 15px; } #services-14 .col-lg-4 { padding-left: 15px; padding-right: 15px; } #services-17 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-17, #s17-2.sbox-17 { padding: 60px 30px; } .sbox-2 { padding: 0 5%; } .sbox-3 { padding: 50px 20px; } .sbox-4 { padding: 50px 40px; margin-bottom: 30px; } #sb4-4.sbox-4 { margin-bottom: 0; } .sbox-6 { margin-bottom: 40px; } #services-7 .col-lg-3 { padding-left: 15px; padding-right: 15px; } #s7-1, #s7-2, #s7-3 { border-right: none; border-bottom: 1px solid #e7e6e2; } .sbox-7 p { font-size: 1.05rem; } .sbox-10-txt { padding: 35px 60px 40px; } #s14-3 { margin-bottom: 30px; } .sbox-1 h5 { margin-top: 20px; } .sbox-2 h5 { margin-top: 30px; } .sbox-6 h6 { font-size: 1.3rem; margin-top: 15px; } .sbox-9-price span, .sbox-11-price span { font-size: 2.35rem; } .sbox-10-txt h5, .sbox-18-txt h5 { font-size: 1.3rem; } .sbox-14 h4 { font-size: 2rem; } .sbox-14 p { font-size: 1.125rem; margin-bottom: 20px; } .sbox-15-txt h4 { font-size: 1.5rem; margin-bottom: 5px; } .sbox-15-txt p { padding: 0 15%; margin-bottom: 15px; } .sbox-16 h5 { font-size: 1.5rem; } .sbox-18 p { font-size: 1.125rem; } .sbox-6-ico.ico-80 [class*="flaticon-"]:before, .sbox-6-ico.ico-80 [class*="flaticon-"]:after { font-size: 5.625rem; } .sbox-8-ico.ico-85 [class*="flaticon-"]:before, .sbox-8-ico.ico-85 [class*="flaticon-"]:after { font-size: 5.9375rem; } /* Gallery */ .masonry-filter button { margin: 0 8px; padding: 0.75rem 0.1rem; font-size: 1.125rem; } .masonry-wrap .masonry-item { width: 100%; padding: 0; } /* Video */ #video-1 { padding-top: 120px; padding-bottom: 120px; } #video-2-content {padding-top: 80px; padding-bottom: 100px; } .video-2-link { margin-top: -90px; } /* Team */ .tm-meta h6 { font-size: 1.3rem; } .tm-meta span { font-size: 1.25rem; } .tm-social a { width: 50px; height: 50px; font-size: 1.35rem; line-height: 50px!important; } /* Pricing */ .pricing-list li { margin: 0 0 20px; } .pricing-list li:last-child.resp-lst { border-bottom: 1px dashed #5f5842; } .pricing-list-txt h5 {margin-bottom: 8px; } .pricing-list-amount { right: 0; } .pricing-2-banner { padding: 55px 30px; margin-bottom: 40px; } .pricing-2-banner h5 { font-size: 1.5rem; } .pricing-2-table { padding: 55px 30px 15px; } .pricing-2-table h6 { font-size: 1.2rem; } #pricing-2 .col-lg-4 { padding-left: 15px; padding-right: 15px; } /* Reviews */ .review-2 { text-align: center; } .review-2 .testimonial-avatar { display: block; float: none; margin-bottom: 10px; } .review-2-txt { overflow: hidden; padding-left: 0; } .review-2-txt .review-author { padding-right: 0; } .review-author.text-right { text-align: center!important; } .testimonial-avatar img { width: 100px; height: 100px; } .review-1-txt p { font-size: 1.125rem; padding: 0 5%; } /* Statistic */ .statistic-block p { font-size: 1.15rem; } /* Banner */ #banner-3 { background-position: center right; } #banner-4 { text-align: center; padding-top: 80px; padding-bottom: 80px; } #banner-6 { padding-top: 60px; padding-bottom: 60px; } .banner-2-txt { text-align: center; padding-left: 0; padding-right: 0; } .banner-3-txt { text-align: center; padding: 0; } .banner-1-txt h2 { font-size: 3.5rem; margin-bottom: 10px; } .banner-2-txt h2, .banner-3-txt h2 { font-size: 3.5rem; } .banner-2-txt h3, .banner-3-txt h3 { margin-bottom: 10px; } .banner-4-txt h3 { font-size: 2.25rem; margin-bottom: 10px; } .banner-5-txt h2 { font-size: 2.6rem; } .banner-5-txt h3 { font-size: 1.75rem; } .banner-6-txt h2 { font-size: 4rem; } .banner-6-txt h3 {font-size: 1.25em; } .banner-1-txt p, .banner-2-txt p, .banner-3-txt p, .banner-5-txt p { padding: 0 3%; margin-bottom: 20px; } .banner-4-txt p { font-size: 1.1rem; padding: 0 3%; margin-top: 15px; margin-bottom: 20px; } .banner-6-txt p { font-size: 1.05rem; } /* Blog */ #blog-2 { padding-bottom: 20px; } #blog-2 .masonry-wrap .masonry-item { width: 100%; padding: 0; } .single-post-txt h5.h5-md { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin-top: 30px; margin-bottom: 30px; } .blog-post-img.top-img { margin-bottom: 30px; } .post-inner-img p { margin-top: 15px; } .quote { margin-top: 25px; margin-bottom: 25px; } .quote p { font-size: 1.125rem!important; } .post-tags-list span a { font-size: 0.975rem; display: inline-block; padding: 8px 12px; margin-right: 3px; margin-bottom: 8px; } .post-share-list.text-right { text-align: left!important; margin-top: 25px; } .post-share-links .share-social-icons a.share-ico i { width: 45px; font-size: 26px; } .author-senoff.d-flex { display: block!important; } .author-senoff { text-align: center; padding: 50px 5px; margin-top: 70px;margin-bottom: 60px; } .author-senoff img { width: 90px; height: 90px; float: none; margin-bottom: 15px; } .author-senoff-txt { padding-left: 0; } .author-senoff-txt h5 { margin-bottom: 10px; } .other-posts h6 { font-size: 1.2rem; } .comment-form .form-control { font-size: 17px; } /* Contacts */ #contacts-3 .form-holder { padding-right: 0; } .contacts-info.mt-35 { margin-top: 0; padding: 0; } #contacts-2 .contacts-info { padding: 0; } .google-map.mb-80 { margin-bottom: 40px; } /* Google Map */ .google-map, #contacts-3 .google-map { padding: 0px 0px 85%; } /* Footer */ .footer { padding-top: 80px; padding-bottom: 30px; } .footer-contacts { padding-left: 0; } #footer-3 .footer-info { padding-right: 0; } .footer-img img.insta-img { width: 100px; height: 100px; margin: 4px; } .bottom-footer { margin-top: 10px; } .footer-copyright p { margin-bottom: 10px; } .bottom-footer-list.text-right { text-align: left!important; } .bottom-footer-list li i { display: none; } .bottom-footer-list li p { margin-left: 6px; } .bottom-footer-list li p.first-list-link { margin-left: 4px; } .bottom-footer-list p:after { padding-left: 7px; } /* Page Hero */ .page-hero-section { padding-top: 60px; padding-bottom: 60px; } .page-hero-section h2 { margin-bottom: 15px; } .page-hero-section p { padding: 0; } /* Breadcrumb */ #breadcrumb { margin-top: 20px; } /* Sidebar */ #sidebar { margin-top: 40px; } #blog-page #sidebar, #single-post #sidebar { margin-top: 70px; } .popular-posts img { width: 115px; height: 115px; } img.insta-img { width: 100px; height: 100px; margin: 4px; } #sb-box { padding: 50px 20px; } #sidebar #sb-box h5.h5-sm { font-size: 1.5rem; margin-bottom: 15px; } } /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ @media (max-width: 320.95px) { #stlChanger { display: none; } .m-row { display: flex; flex-flow: wrap; } .m-top, .m-bottom { width: 100%; } .m-bottom { order: 1; } .m-top { order: 0; } /* Header H6 */ h6.h6-xs { font-size: 1rem; } h6.h6-sm { font-size: 1.1rem; } h6.h6-md { font-size: 1.1rem; } h6.h6-lg { font-size: 1.15rem; } h6.h6-xl { font-size: 1.2rem; } /* Header H5 */ h5.h5-xs { font-size: 1.2rem; } h5.h5-sm { font-size: 1.25rem; } h5.h5-md { font-size: 1.25rem; } h5.h5-lg { font-size: 1.3rem; } h5.h5-xl { font-size: 1.3rem; } /* Header H4 */ h4.h4-xs { font-size: 1.4rem; } h4.h4-sm { font-size: 1.4rem; } h4.h4-md { font-size: 1.45rem; } h4.h4-lg { font-size: 1.45rem; } h4.h4-xl { font-size: 1.5rem; } h3.h3-xs { font-size: 1.5rem; } h3.h3-sm { font-size: 1.55rem; } h3.h3-md { font-size: 1.6rem; } h3.h3-lg { font-size: 1.65rem; } h3.h3-xl { font-size: 1.7rem; } /* Header H2 */ h2.h2-xs { font-size: 1.7rem; } h2.h2-sm { font-size: 1.8rem; } h2.h2-md { font-size: 1.9rem; } h2.h2-lg { font-size: 2rem; } h2.h2-xl { font-size: 2.1rem; } /* Paragraphs */ p.p-sm { font-size: 1rem; } p { font-size: 1rem; } p.p-md { font-size: 1.05rem; } p.p-lg { font-size: 1.05rem; } p.p-xl { font-size: 1.1rem; } /* Button */ .btn, .btn.btn-md, .btn.btn-lg { font-size: 16px; } .btn.btn-sm { font-size: 16px; padding: 12px 24px; } .btn.btn-md, .btn.btn-lg { padding: 13px 30px; } .btn.btn-tra.btn-md, .btn.btn-tra.btn-lg { padding: 13px 24px; } /* Video Button */ .video-block { width: 80px;height: 80px; } .video-btn { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; line-height: 86px!important; } .video-btn i { font-size: 2.55rem; line-height: 80px!important; margin-left: 7px; } /* Box Icons */ .ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ .ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ .ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 3.75rem; } /* 60px */ .ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.0625rem; } /* 65px */ .ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 4.375rem; } /* 70px */ .ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 4.6875rem; } /* 75px */ .ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5rem; } /* 80px */ .ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.3125rem; } /* 85px */ .ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 5.625rem; } /* 90px */ /* Section Title */ .section-title.mb-60 { margin-bottom: 45px; } .section-title.mb-50 { margin-bottom: 35px; } .section-title p { font-size: 1.05rem; padding: 0; margin-top: 10px; } .tra-header { font-size: 2.05rem; margin-bottom: -20px; } .section-id { font-size: 1.65rem; } /* Text Block Typography */ .txt-block h4, .txt-block h3, .txt-block h2 { margin-bottom: 20px; } .txt-block .btn { margin-top: 10px; } /* Text Block Rating */ .txt-block-rating span { font-size: 1.35rem; } .stars-rating i { font-size: 1.15rem; } /* Content Image */ .ab-img-01, .ab-img-02, .ab-img-03 { display: none; } .content-img.pt-10, .content-img.pt-15, .content-img.pt-20, .content-img.pt-25, .content-img.pt-30, .content-img.pt-35, .content-img.pt-40, .content-img.pt-45, .content-img.pt-50 { padding-top: 0; } /*------------------------------------------*/ /* HERO /*------------------------------------------*/ #hero-2 { padding-top: 80px; padding-bottom: 350px; } #hero-5-content { padding-top: 80px; padding-bottom: 130px; } #hero-6 { padding-top: 80px; padding-bottom: 80px; } #hero-10 { padding-top: 90px; padding-bottom: 50px; } #hero-11 { padding-top: 70px; padding-bottom: 90px; } /* Hero Slider */ .slider, .slider .slides, .slideshow, .slideshow .slides { height: 500px; } .slider.mt-80, .slideshow.mt-80 { height: 500px; margin-top: 0; } .slider.mt-80 .slides, .slideshow.mt-80 .slides { height: 500px; margin: 0; } #hero-4 .slideshow, #hero-9 .slideshow, #hero-4 .slideshow .slides, #hero-9 .slideshow .slides { height: 460px; } .slideshow img.img-fluid { max-width: 180%; height: 500px; } #hero-4 .slideshow img.img-fluid, #hero-9 .slideshow img.img-fluid { max-width: 180%; height: 460px; } .slideshow .arrows .arrow { margin: 0; padding: 20px; top: 85%; } .slideshow .arrows .prev { left: 35%; } .slideshow .arrows .next { right: 35%; } .arrows.ico-45 [class*="flaticon-"]:before, .arrows.ico-45 [class*="flaticon-"]:after { font-size: 1.35rem; } /* Hero Text Rotator */ .hero-txt-rotator, .hero-txt-rotator .slides { height: 460px; } /* Hero Text */ #hero-1 .caption-txt { margin-top: -15px; } #hero-3 .caption-txt { margin-top: -20px; } .slideshow .slide .caption { padding-top: 0; } #hero-4 .caption, #hero-8 .caption { margin-top: -30px; } .hero-6-content { margin: 0; padding: 50px 30px; } #hero-7 .caption-txt { margin-top: -20px; } #hero-9 .caption, #hero-12 .caption-txt { margin-top: 0; } .hero-10-txt { padding-left: 0; } /* Hero Headers */ #hero-1 h2 { font-size: 2.65rem; line-height: 1.25; padding: 0 5%; margin-bottom: 10px; } #hero-2 h2 { font-size: 2rem; line-height: 1.25; margin-bottom: 10px; } #hero-3 h2 { font-size: 2.85rem; margin-bottom: 10px; } #hero-4 h2 { font-size: 3rem; line-height: 1; margin-bottom: 15px; } #hero-5 h3 { font-size: 1.65rem; margin-bottom: 20px; } #hero-7 h2 { font-size: 2.5rem; padding: 0 6%; margin-bottom: 10px; } #hero-7 h3 { font-size: 1.65rem; } #hero-8 h3 { font-size: 1.85rem; padding: 0; margin-bottom: 10px; } #hero-9 h2 { font-size: 3.25rem; letter-spacing: 3px; margin-bottom: 20px; } #hero-10 h2 { font-size: 2rem; line-height: 1.3; padding: 0; margin-bottom: 10px; } #hero-11 h2 { font-size: 2.5rem; line-height: 1.25; margin-bottom: 10px; } #hero-12 h2 { font-size: 3.25rem; letter-spacing: 3px; margin-bottom: 20px; } /* Hero Paragraphs */ .hero-2-txt p { font-size: 1.1rem; padding: 0; } #hero-1 .caption-txt p, #hero-3 .caption-txt p, #hero-4 .caption p, #hero-7 .caption-txt p, #hero-8 .caption p, .hero-11-txt p, #hero-12 .caption-txt p { font-size: 1.1rem; padding: 0; margin-bottom: 25px; } .hero-6-txt p { font-size: 1.1rem; margin-bottom: 30px; } #hero-9 .caption p { font-size: 1.15rem; padding: 0; margin-bottom: 25px; } .hero-10-txt p { font-size: 1.1rem; padding: 0 3%; margin-bottom: 25px; } /* Hero Icons */ .title-before.ico-70 { margin-top: -10px; margin-bottom: 15px; } .title-before.ico-70 [class*="flaticon-"]:before, .title-before.ico-70 [class*="flaticon-"]:after { font-size: 3.75rem; } /* Hero Form */ .hero-form h5 { font-size: 1.35rem; margin-bottom: 25px; } .hero-form { padding: 40px 15px 35px; margin: 0; } .hero-form .form-control, .hero-form .custom-select, .hero-form .btn { height: 50px; } .hero-5-img .video-preview { margin: -120px 0 0; } /*------------------------------------------*/ /* CONTENT /*------------------------------------------*/ /* About */ .abox-1-wrapper { padding: 0 15px; margin-top: 60px; } .abox-1 { text-align: center; padding: 0; } .abox-1-txt { padding-left: 0; } .abox-1 h5 { margin-top: 20px; margin-bottom: 10px; } .abox-1 span { float: none; margin-top: 0; } .abox-2, #a4-1.abox-2 { padding: 60px 0; } .abox-2 h5 { font-size: 1.3rem; margin-bottom: 10px; } .abox-3-wrapper .col-lg-3 { width: 50%; float: left; } .abox-3 { margin-bottom: 40px; } .about-5-banner { width: 100%; position: relative; padding: 60px 20px; margin: 0 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .about-5-img, .about-5-img img { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #about-6 .txt-block { padding: 80px 0; } #about-7 .txt-block { padding: 60px 15px 80px; } #a7-3 { display: none; } #about-7 .col-lg-4, #about-8 .col-lg-6 { padding: 0 15px; } .abox-4 { width: 250px; height: 250px; } .abox-4-txt { width: 74%; left: 13%; } #about-9 { padding-top: 60px; padding-bottom: 0; } #about-9 .bg-inner { padding-bottom: 80px; } .about-9-img { margin-top: -60px; margin-bottom: 40px; } /* Services */ #services-4:after { width: 89%; height: 95%; bottom: 5%; } .sbox-5-wrapper { padding: 65px 30px 25px; } #services-5 .col-lg-6 {padding-left: 15px; padding-right: 15px; } #services-5 .img-block { display: none; } #services-6:after { height: 90%; bottom: 5%; } #services-6 .inner-block { padding: 80px 30px 30px; } #services-4 .col-md-6 { padding-left: 15px; padding-right: 15px; } #services-6 .section-title p { padding: 0; } .sbox-9-img-meta, .sbox-11-img-meta { padding: 80px 20px 30px; } .sbox-10-txt { padding: 35px 40px 40px; } .sbox-13 { background-position: left center; } .sbox-13-txt { padding: 50px 10% 50px 20px; } .sbox-10-wrapper .col-lg-3 { padding-left: 15px; padding-right: 15px; } #services-14 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-2 { padding: 0 5%; } .sbox-3 { padding: 50px 15px; } .sbox-4 { padding: 50px 15px; margin-bottom: 30px; } #sb4-4.sbox-4 { margin-bottom: 0; } .sbox-6 { margin-bottom: 40px; } #services-7 .col-lg-3 { padding-left: 15px; padding-right: 15px; } #s7-1, #s7-2, #s7-3 { border-right: none; border-bottom: 1px solid #e7e6e2; } .sbox-7 p { font-size: 1.05rem; } .sbox-10-txt { padding: 35px 60px 40px; } #s14-3 { margin-bottom: 30px; } #services-17 .col-lg-4 { padding-left: 15px; padding-right: 15px; } .sbox-17, #s17-2.sbox-17 { padding: 60px 20px; } .sbox-1 h5 { margin-top: 20px; } .sbox-2 h5 { margin-top: 30px; } .sbox-6 h6 { font-size: 1.25rem; margin-top: 15px; } .sbox-9-img-meta p, .sbox-11-img-meta p { font-size: 0.9rem; } .sbox-9-price span, .sbox-11-price span { font-size: 2.25rem; } .sbox-10-txt h5, .sbox-18-txt h5 { font-size: 1.45rem; } .sbox-14 h4 { font-size: 2rem; } .sbox-14 p { font-size: 1.125rem; margin-bottom: 20px; } .sbox-15-txt h4 { font-size: 1.3rem; margin-bottom: 5px; } .sbox-15-txt p { padding: 0 15%; margin-bottom: 15px; } .sbox-16 h5 { font-size: 1.35rem; } .sbox-18 p { font-size: 1.175rem; } .sbox-6-ico.ico-80 [class*="flaticon-"]:before, .sbox-6-ico.ico-80 [class*="flaticon-"]:after { font-size: 4.6875rem; } .sbox-8-ico.ico-85 [class*="flaticon-"]:before, .sbox-8-ico.ico-85 [class*="flaticon-"]:after { font-size: 5rem; } .sbox-8-img { width: 130px; height: 130px; } /* Gallery */ .masonry-filter button { margin: 0 5px; padding: 0.75rem 0.1rem; font-size: 1.1rem; } .masonry-wrap .masonry-item { width: 100%; padding: 0; } /* Video */ #video-1 { padding-top: 100px; padding-bottom: 100px; } #video-2-content {padding-top: 80px; padding-bottom: 80px; } .video-2-link { margin-top: -80px; } /* Team */ .tm-meta h6 { font-size: 1.25rem; } .tm-meta span { font-size: 1.15rem; } .tm-social a { width: 46px; height: 46px; font-size: 1.2rem; line-height: 46px!important; } /* Pricing */ .pricing-list li { margin: 0 0 20px; } .pricing-list li:last-child.resp-lst { border-bottom: 1px dashed #5f5842; } .pricing-list-txt h5 {margin-bottom: 8px; } .pricing-list-amount { right: 0; } .pricing-plan.mb-20 { margin-bottom: 15px; } .price.mb-20 { margin-bottom: 10px; } .pricing-2-banner { padding: 45px 20px; margin-bottom: 40px; } .pricing-2-banner h5 { font-size: 1.5rem; } .pricing-2-table { padding: 45px 20px 5px; } .pricing-2-table h6 { font-size: 1.125rem; } #pricing-2 .col-lg-4 { padding-left: 15px; padding-right: 15px; } /* Reviews */ .review-2 { text-align: center; } .review-2 .testimonial-avatar { display: block; float: none; margin-bottom: 10px; } .review-2-txt { overflow: hidden; padding-left: 0; } .review-2-txt .review-author { padding-right: 0; } .review-author.text-right { text-align: center!important; } .testimonial-avatar img { width: 100px; height: 100px; } .review-1-txt p { font-size: 1.1rem; padding: 0; } .review-2-txt p { padding: 0 3%; } /* Statistic */ .statistic-block p { font-size: 1.15rem; } /* Banner */ #banner-3 { background-position: center right; } #banner-4 { text-align: center; padding-top: 80px; padding-bottom: 80px; } #banner-6 { padding-top: 60px; padding-bottom: 60px; } .banner-2-txt { text-align: center; padding-left: 0; padding-right: 0; } .banner-3-txt { text-align: center; padding: 0; } .banner-1-txt h2 { font-size: 3.15rem; margin-bottom: 10px; } .banner-2-txt h2, .banner-3-txt h2 { font-size: 3.15rem; } .banner-2-txt h3, .banner-3-txt h3 { margin-bottom: 10px; } .banner-4-txt h3 { font-size: 2rem; margin-bottom: 10px; } .banner-5-txt h2 { font-size: 2.45rem; } .banner-5-txt h3 { font-size: 1.5rem; } .banner-6-txt h2 { font-size: 3.75rem; } .banner-6-txt h3 {font-size: 1.25em; } .banner-1-txt p, .banner-2-txt p, .banner-3-txt p, .banner-5-txt p { padding: 0; margin-bottom: 20px; } .banner-4-txt p { font-size: 1rem; padding: 0; margin-top: 15px; margin-bottom: 20px; } .banner-6-txt p { font-size: 1.05rem; } /* Blog */ #blog-2 { padding-bottom: 20px; } #blog-2 .masonry-wrap .masonry-item { width: 100%; padding: 0; } .single-post-txt h5.h5-md { margin-top: 20px; margin-bottom: 20px; } .post-inner-img { margin-top: 30px; margin-bottom: 30px; } .blog-post-img.top-img { margin-bottom: 30px; } .post-inner-img p { margin-top: 15px; } .quote { margin-top: 25px; margin-bottom: 25px; } .quote p { font-size: 1.125rem!important; } .post-tags-list span a { font-size: 0.975rem; display: inline-block; padding: 8px 12px; margin-right: 3px; margin-bottom: 8px; } .post-share-list.text-right { text-align: left!important; margin-top: 35px; } .post-share-links .share-social-icons a.share-ico i { width: 45px; font-size: 24px; } .author-senoff.d-flex { display: block!important; } .author-senoff { text-align: center; padding: 50px 5px; margin-top: 70px;margin-bottom: 60px; } .author-senoff img { width: 90px; height: 90px; float: none; margin-bottom: 15px; } .author-senoff-txt { padding-left: 0; } .author-senoff-txt h5 { margin-bottom: 10px; } .author-follow-btn { display: none; } .other-posts h6 { font-size: 1.2rem; } .comment-form .form-control { font-size: 17px; } /* Contacts */ #contacts-3 .form-holder { padding-right: 0; } .contacts-info.mt-35 { margin-top: 0; padding: 0; } #contacts-2 .contacts-info { padding: 0; } .google-map.mb-80 { margin-bottom: 40px; } /* Google Map */ .google-map, #contacts-3 .google-map { padding: 0px 0px 85%; } /* Footer */ .footer { padding-top: 80px; padding-bottom: 30px; } .footer-contacts { padding-left: 0; } #footer-3 .footer-info { padding-right: 0; } .footer-img img.insta-img { width: 88px; height: 88px; margin: 4px; } .bottom-footer { margin-top: 10px; } .footer-copyright p { margin-bottom: 10px; } .bottom-footer-list.text-right { text-align: left!important; } .bottom-footer-list li i { display: none; } .bottom-footer-list li p { margin-left: 6px; } .bottom-footer-list li p.first-list-link { margin-left: 4px; } .bottom-footer-list p:after { padding-left: 7px; } /* Page Hero */ .page-hero-section { padding-top: 60px; padding-bottom: 60px; } .page-hero-section h2 { margin-bottom: 15px; } .page-hero-section p { padding: 0; } /* Breadcrumb */ #breadcrumb { margin-top: 20px; } /* Sidebar */ #sidebar { margin-top: 40px; } #blog-page #sidebar, #single-post #sidebar { margin-top: 70px; } .popular-posts img { width: 115px; height: 115px; } img.insta-img { width: 88px; height: 88px; margin: 4px; } #sb-box { padding: 50px 10px; } #sidebar #sb-box h5.h5-sm { font-size: 1.5rem; margin-bottom: 15px; } .sidebar-table .table td, .sidebar-table .table th { font-size: 1.1rem; } }