.fullwidth, .tabs_aria, .tabs_aria ul.nav-tabs, .tabs_aria .tab-content, ul.list-style, #one-column, .promos, .login-page .col_full, #bt-component, .bd-content-box > h2, .bd-content-box > h3, .bd-example, #header-1, #header-1 .header-top, #header-1 .contain-to-grid, #header-1 .top-bar, #banner-slider-1, .banner-slider-1 .slick-dots, #about-1, #whatweoffer-1, .whatweoffer-sub-1, #awesomeworks-1, #counter-1, .counter-1, #testimonial-1, .testimonial-1, .testimonial-1-content, .testimonial-1-slide, .testimonial-1-content .slick-dots, #blog-1, ul.blog-list-01, .blog-1, .blog-1-content-border, .blog-2-content-border, #footer-1, .footer-top-1, .footer-1-menu, .footer-1-title, .footer-1-content-1, .footer-1-content-3, .footer-1-content-2, .footer-bottom-1, #about-page-banner-1, .about-page-banner-1, .about-page-details-1, .blog-1-button, #contact-page-1-map, #contact-page-1-detail, .contact-page-1-detail-contact, .contact-page-1-detail-form, .contact-page-1-detail-contact ul, #contact-page-1-detail .contact-page-1-detail-sub1, #contact-page-1-detail .contact-page-1-detail-sub2, .contact-page-1-button, .shop-page-1-sidebar, .shop-page-1-side, .shop-page-1-side ul, .shop-page-1-side ul li, .shop-page-1-sub, .shop-page-1-pagination, .shop-page-1-pagination .pagination, #shop-page, .team-page-1-sub, .team-page-1-sub figcaption, .team-page-1-sub ul, #portfolio-1, .portfolio-1, #portfoliolist, .portfolio-1 .portfolio-1-sub, .portfolio-1-menu, #header-2, #header-2 .header-top-2, #header-2 .header-top-2-sub, #header-2 .header-top-2-contact-sub, #header-2 .top-bar, #banner-section-2, .banner-section-2, #whatweoffer-2, .whatweoffer-sub-2, #offer-2, .offer-2, #testimonial-2, .testimonial-2, .testimonial-2-content, .testimonial-2-slide, #blog-2, .blog-2, .blog-2-content, .blog-2-content-sub, .blog-2-social, #service-2, .service-2, .service-2-horizontal-line, #footer-2, .footer-2-menu, .footer-top-2, .footer-2-socialicon, .footer-bottom-2, #about-page-banner-2, .about-page-banner-2, #about-page-details-2, .about-page-details-2, .blog-2-btn, .blog-2-sidebar, .blog-2-side, .blog-2-side-1, .blog-2-side-1.tabwidgetstyle .nav-tabs, #contact-page-2-detail, #contact-page-2-map, .contact-page-2-detail-sub1 ul, .contact-page-2-detail-sub1 li, .shop-page-2-sidebar, .shop-page-2-sorting, .shop-page-2-side, .shop-page-2-sub, .team-page-2-sub, .team-page-2-sub figcaption, #portfolio-2, .portfolio-2, .portfolio-2 .portfolio-2-sub, .portfolio-2-sub.portfolio-page-2, .portfolio-2-sub.portfolio-page-2 .portfolio-2-menu, #faq-page, #header-3, #banner-section-3, .banner-slider-3 .slick-dots, #about-3, #testimonial-3, .testimonial-3, .testimonial-3-client, .testimonial-3-slider .slick-dots, #blog-3, .blog-3, #service-3, #footer-3, .footer-3, .footer-3-copyright, #about-page-banner-3, .about-page-banner-3, #about-page-details-3, .about-page-details-3, .blog-3-pagination, #contact-page-3-map, #contact-page-3-detail, .contact-page-3-detail, #contact-page-3-form, #contact-page-3-form form, #team-page, .team-page, .team-page-3-sub, .team-page-3-sub figcaption, .team-page-3-sub ul, .team-page-loadmore, #faq-page-title, .faq-page-title, #home-4 .background-pink, #header-4, #header-4 .header-top-4, #header-4 .top-bar-section, #header-4 .top-bar-right, #header-4 .top-bar ul, #header-4 .top-bar, #banner-section-4, .banner-section-4, #banner-section-4-sub, .banner-section-4-sub, .banner-section-4-sub ul, #blog-4, .blog-4, .blog-4-sub, #brandlogo-4, #footer-4, .footer-search-4, .footer-menu-4, #footer-bottom-4, .footer-bottom-4, #about-page-banner-4, #portfolio-4, .portfolio-4, .home-4-section-title, .portfolio-4-menu, .portfolio-4-menu ul, .portfolio-4-sub, .portfolio-4-sub figcaption, #cataloge-4, .cataloge-4 { width: 100%; float: left; } * { margin: 0 auto; padding: 0; outline: none; list-style: none; } body { color: #3F3F3F; } ul.nav.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu, ul.nav.navbar-nav > li > ul.dropdown-menu > li > a.dropdown-toggle > span { display: none; } #header-4 .dropdown-menu li a { display: block; position: relative; z-index: 111111; } html { overflow-y: scroll; } #info { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fcf8e3; border: 1px solid #FECB16; width: 95%; max-width: 900px; margin: 0 auto 40px auto; font-family: "Open Sans", sans-serif; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #info .info-wrapper { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } #info a { color: #c09853; text-decoration: none; } #info p { margin: 5px 0 0 0; } .container { margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #filters { padding: 0; list-style: none; } #filters li { float: left; } #filters li span { display: block; padding: 5px 20px; text-decoration: none; color: #666; cursor: pointer; } #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 25%; display: none; float: left; overflow: hidden; } .portfolio-wrapper { overflow: hidden; position: relative !important; background: #555555; cursor: pointer; } .portfolio img { max-width: 100%; position: relative; top: 0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio .label { position: absolute; width: 100%; height: 40px; bottom: -40px; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio .label-bg { background: #9bab6a; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .portfolio .label-text { color: #ffffff; position: relative; z-index: 500; padding: 5px 8px; } .portfolio .text-category { display: block; font-size: 9px; } .portfolio:hover .label { bottom: 0; } .portfolio:hover img { /*top:-30px;*/ } a, a:focus { outline: none } /* #Tablet (Portrait) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } } /* #Mobile (Portrait) - Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 95%; } #portfoliolist .portfolio { width: 50%; } #ads { display: none; } } /* #Mobile (Landscape) - Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 70%; } #ads { display: none; } } /*Two-Tone Buttons*/ .button { background-color: #e1b64f; color: #fff; overflow: hidden; border: none; font-size: 14px; text-transform: uppercase; padding: 13px 70px 10px 25px; line-height: 26px; margin: 0px; font-weight: bold; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button,/*button*/, input[type="submit"], a#catshopbuy:link, a#catshopbuy:visited { font-family: 'open sans', sans-serif; font-weight:600; letter-spacing:2px; background:#0e5ba4; color:#fff; border-radius:3px; text-transform:none; } .button.blue, button.blue { background: #6ce5b6; color: #fff; border: 2px solid #fff; line-height: 22px; } .button.hollow { border: 1px solid #6bb6c2; color: #6bb6c2; } .button:hover, .button.blue:hover, button.blue:hover, button:focus, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #e1b64f; color: #fff; } .button:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; height: 48px; width: 38px; right: -1px; top: -6px; line-height: 48px; font-size: 22px; z-index: 2; } .button:after { content: ''; width: 50px; height: 200%; background: #e1a20b; z-index: 1; position: absolute; right: -23px; top: -18px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(20deg); transform-origin: 0 0; transform: rotate(20deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button:hover:after { width: 70px; } .button.blue:after { background: #202658; } .button.blue:hover { background: #ffffff; } .button.large { font-size: 19px; padding: 19px 93px 19px 35px; } .button.large:before { height: 64px; line-height: 64px; font-size: 30px; width: 44px } .button.large:after { right: -25px; top: -20px; } .success.button:after { background: #0ec352; } .button.hollow:after { background: #6bb6c2; } .button.hollow:before { color: #fff; } .button.small { font-size: 12px; padding: 4px 47px 4px 19px; } .button.small:before { height: 34px; line-height: 34px; font-size: 16px; width: 25px } .button.small:after { right: -36px; top: -15px; } .button:visited { color: #fff; } input[type="submit"] { border: none; cursor: pointer; padding: 13px 20px; } input[type="submit"] { height: 100%; color: #fff; text-transform: uppercase; text-align: center; background: #0e5ba4; border: none; border-radius: 0px; } .progress { height: 26px; } /* #Clearing */ /* Self Clearing Goodness */ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } body { height: auto; } #bbb-badge { z-index: 11111 !important; } #header-4 .header-top-4, #header-4 .top-bar { position: relative; z-index: 11111; min-height: 50px} .content-centered { width: 100%; float: center; } .container { max-width: 1200px !important; width: 100% !important; } #side-carousel img { margin: 0 auto; } .footer-blurb { padding: 30px 0; margin-top: 20px; background-color: #e6e6e6; color: #111111; } .footer-blurb-item { padding: 20px; } .small-print { background-color: #ffffff; padding: 30px 0; } .small-print { text-align: center; } .icons-content { width: 100%; float: left; } h2.icon-title { font-size: 30px; padding-bottom: 9px; margin: 40px 0 20px !important; border-bottom: 1px solid #eee; font-weight: 600 !important; font-family: "Open Sans", sans-serif !important; } .fontawesome-icon-list { margin-bottom: 30px; } .fontawesome-icon-list .fa-hover a .fa { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .fontawesome-icon-list .fa-hover a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 14px; color: #5b5c95; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; } .fontawesome-icon-list .fa-hover a:hover { background-color: #1d9d74; color: #ffffff; text-decoration: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: inherit; color: #5b5c95; line-height: 1.4; font-family: 'museo', serif; } .h3 {font-weight: 30px, inherit; color: #7B8A4F; line-height: 1.4; font-family: 'museo'; serif;} .h2 {font-size: 30px}; .home-content h1:before, .blog-2-sidebar h3:before { background: url(../images/indisco_kitchen_box.png) no-repeat center center; background-size: contain; padding-right: 20px; content: ""; } .blog-2-sidebar h3 { color: #202658; } .inner-content h1, { padding-left: 0; font-size: 36px; height: 55px; } .inner-content h1.dark-blue {color:#5b5c95;} .inner-content h1.bottom-border {margin-bottom:-40px;} .inner-content h1.bottom-border:after {content:'';border-bottom: 5px solid #9bab6a; position: relative; width: 50%; display: inline-block; bottom: 35px; } .inner-content h2, .inner-content h3, .inner-content h4 { padding-left: 0; color: #9bab6a; } .inner-content h3 a { color: #7B8A4F; font-size: 26px; } p, ul, ol, dl { line-height: 1.6; } .inner-line { border-bottom: 5px; border-color: #9BAB6A; border-style: solid; } button, .button, .card-header a { line-height: 1; } .btn { background: #e1b64f; padding: 5px 15px; text-align: center; color: #fff; border-radius: 0; } .btn:hover { background-color: #5b5c95; color: #fff; } .btn-center {margins: auto;} .btn-yellow { background: #e1b64f; padding: 5px 15px; text-align: center; color: #fff; font-size: 20px; border-radius: 0; } .btn-yellow:hover { background-color: #9bab6a; color: #fff; } .btn-blue { background: #5b5c95; padding: 5px 15px; text-align: center; color: #fff; font-size: 20px; border-radius: 0; } .btn-blue:hover { background-color: #e1b64f; color: #fff; } .btn-green { background: #9bab6a; padding: 5px 15px; text-align: center; color: #fff; font-size: 20px; border-radius: 0; } .btn-green:hover { background-color: #e1b64f; color: #fff; } label { line-height: 1.8; color: white; margin-left: 15px; } input[type='text'], textarea { width: 100%; border: 1px solid #cacaca; } figure, ul, p { margin: 0; } a { color: inherit; display: inline-block; color: #9bab6a; font-weight: bold; } a:hover, a:focus { color: #5b5c95; text-decoration: none; transition: all 0.3s ease; } img { width: auto; max-width: 100%; } .hide { display: none !important; } h1, h2, h3, h4, h5, h6 { color: inherit; } h3 { font-size: 24px; color: #005071; } .form-control:focus { border-color: inherit; } .no-padding { padding: 0; } .padding-top { padding-top: 0 !important; } .padding-bottom { padding-bottom: 0 !important; } .pull-left-new { float: left; padding: 0; } .pull-right-new { float: right; padding: 0; } /*megamenu.js STYLE STARTS HERE*/ .menu { float: right; } .menu a { font-size: 15px; } .menu > ul > li > a { font-weight: 500; color: #383838; } .menu > ul > li > ul > li > a { font-weight: 600; text-transform: uppercase; color: #3d3d3e; } .menu > ul > li > ul > li > ul > li > a { color: #5a5e6e; } .menu > ul > li > ul > li > ul > li > a:hover { color: #9bab6a; } /**/ .menu-container { width: 80%; margin: 0 auto; float: right; padding-top: 0px; } .menu-mobile { display: none; } .menu-dropdown-icon:before { content: "\f0d7"; font-family: fontawesome; display: none; cursor: pointer; float: right; color: #ffffff; } .menu > ul { margin: 0 auto; width: auto; list-style: none; padding: 0; float: right; /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ box-sizing: border-box; } .menu > ul:before, .menu > ul:after { content: ""; display: table; } .menu > ul:after { clear: both; } .menu > ul > li { float: left; padding: 41px 0; margin: 0; } .menu > ul > li a { text-decoration: none; padding: 0px 27px; display: block; position: relative; } .menu > ul > li:hover > a:after { position: absolute; content: ''; bottom: -41px; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #9bab6a; } .menu > ul > li > ul { display: none; width: 90%; max-width: 950px; background: #f7f7f9; padding: 20px 0px 20px 20px; position: absolute; z-index: 99; left: 25px; margin: 0; list-style: none; box-sizing: border-box; top: 106px; border-top: 2px solid #df493b; } .menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 18%; background: none; float: left; } .menu > ul > li > ul > li:first-child { width: 28%; } .menu > ul > li > ul > li:nth-child(2) { padding-left: 40px; } .menu > ul > li > ul > li a { padding: .2em 0; width: 95%; display: block; } .menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box; } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; } .menu > ul > li > ul > li > ul:after { clear: both; } .menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 4px 0; margin: 0; } .menu > ul > li > ul > li > ul > li a { border: 0; } .menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 10px 20px; } .menu > ul > li > ul.normal-sub > li { width: 100%; } .menu > ul > li > ul.normal-sub > li a { border-bottom: #e1b64f 1px; padding: 1em 0; } @media only screen and (max-width: 767px) { .menu-container { width: 100%; } .menu-mobile { display: block; } .menu-dropdown-icon:before { display: block; position: relative; z-index: 9; } .menu > ul { display: none; } .menu > ul > li { width: 100%; float: none; display: block; } .menu > ul > li a { padding: 1.5em; width: 100%; display: block; } .menu > ul > li > ul { position: inherit; } .menu > ul > li > ul.normal-sub { width: 100%; } .menu > ul > li > ul > li { float: none; width: 100%; margin-top: 20px; } .menu > ul > li > ul > li:first-child { margin: 0; width: 100%; max-width: 320px; } .menu > ul > li > ul > li > ul { position: relative; } .menu > ul > li > ul > li > ul > li { float: none; } .menu .show-on-mobile { display: block; } } .tabs_aria ul.nav-tabs li { float: left; margin: 0px !important; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .tabs_aria ul.nav-tabs li a { font-size: 14px; color: #575757; Display: block; padding: 10px 17px; background-color: #f7f7f7; line-height: 18px; border-radius: 0px; text-transform: uppercase; } .tabs_aria .tab-content { border: 1px solid #e6e6e6; padding: 15px 15px; } .tabs_aria ul.nav-tabs li:first-child { border-left: 1px solid #e6e6e6; } .tabs_aria ul.nav-tabs li a.nav-link.active { background-color: #9bab6a; color: #ffffff; } ul.list-style { padding-left: 15px; } ul.list-style li { font-size: 20px; color: #5e5e5e; line-height: 25px; position: relative; padding-left: 25px; } ul.list-style li:before { content: ''; width: 9px; height: 9px; background: #9bab6a; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; position: absolute; left: 4px; top: 14px; } ul.block-list > li { display: none; } ul.block-list.default-4-col > li:nth-child(-n+4), ul.block-list.default-8-col > li:nth-child(-n+8), ul.block-list.default-12-col > li:nth-child(-n+12) { display: block; } ul.block-list-six > li { display: none; } ul.block-list-six > li:nth-child(-n+6) { display: block; } .search-close a.fa-search:before { content: ""; } .nav-tabs .nav-link { padding: 0; border: none; } .nav-tabs { border: none; z-index: 1; } /* ----- Maybe Delete -----*/ .pricing-table-bottom { padding-bottom: 120px; } .pricing-table-bottom:last-child { padding-bottom: 0; } #pricing-table, .pricing-table-red, .pricing-table-green, .pricing-table-yellow { background: #ffffff; } .pricing-table-red-title { background: #9bab6a; padding: 13px 0 12px; } .pricing-table-red-title h2 { font-size: 25px; color: #ffffff; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; } .pricing-table-red-content { background: #ecf0f1; padding: 1px 0; } .pricing-table-red-content p.price { color: #4e4e4e; } .pricing-table-red-content p.price sup { font-size: 14px; font-weight: 700; } .pricing-table-red-content p.price span { font-size: 30px; font-weight: 700; } .pricing-table-red-content p.price sub { font-size: 14px; font-weight: 500; } .pricing-table-red-features { background: #ffffff; } .pricing-table-red-features li { font-size: 14px; line-height: 40px; color: #a1b1bc; border-bottom: 1px solid #e9edee; text-transform: capitalize; } .pricing-table-red-footer { background: #f5f7f8; padding: 15px 0; margin-top: 1px; } .pricing-table-red-footer a.btn-buynow { font-size: 18px; font-weight: 600; background: #9bab6a; color: #ffffff; padding: 9px 54px; text-transform: uppercase; display: inline-block; } .pricing-table-red-footer a.btn-buynow:hover { background: #222533; } .pricing-table-red-sub.active { border-top: 6px solid #222533; border-bottom: 6px solid #222533; border-left: 5px solid #222533; border-right: 5px solid #222533; margin-top: -6px; } .pricing-table-red-sub.active .pricing-table-red-title { background: #222533; position: relative; } .pricing-table-red-sub.active .pricing-table-red-title:after { position: absolute; content: ''; background: url(../images/pricingtable/hot.png) no-repeat center; top: -8px; right: -7px; width: 55px; height: 55px; } .pricing-table-green { font-family: "Open Sans", sans-serif; } .pricing-table-green .pricing-table-green-sub { border-right: 1px solid #ffffff; } .pricing-table-green .medium-3:last-child .pricing-table-green-sub { border-right: none; } .pricing-table-green-title { background: #153045; padding: 16px 0 14px; border-bottom: 1px solid #2d4558; } .pricing-table-green-title h2 { font-size: 24px; color: #ffffff; text-transform: capitalize; font-weight: 700; font-family: "Open Sans", sans-serif !important; } .pricing-table-green-content { background: #153045; padding: 12px 0; } .pricing-table-green-content p.price { color: #ffffff; } .pricing-table-green-content p.price span { font-size: 48px; line-height: 48px; font-weight: 300; } .pricing-table-green-content p.price span.month { font-size: 14px; line-height: 16px; font-weight: 700; display: block; } .pricing-table-green-features { background: #ffffff; } .pricing-table-green-features li { font-size: 14px; line-height: 40px; color: #686d80; border-bottom: 1px solid #ffffff; text-transform: capitalize; } .pricing-table-green-features li:nth-child(odd) { background: #ecf0f1; } .pricing-table-green-features li:nth-child(even) { background: #eaebec; } .pricing-table-green-features li span { line-height: 0; } .pricing-table-green-features li span.ion-ios-close-outline { color: #ef584d; font-size: 18px; } .pricing-table-green-features li span.ion-ios-checkmark-outline { color: #7bc200; font-size: 18px; } .pricing-table-green-footer { background: #f5f7f8; padding: 15px 0; } .pricing-table-green-footer a.btn-ordernow { font-size: 15px; font-weight: 900; background: #00c1a6; color: #ffffff; padding: 4px 22px 6px; text-transform: capitalize; display: inline-block; } .pricing-table-green-footer a.btn-ordernow:hover, .pricing-table-green-sub.active a.btn-ordernow { background: #153045; } .pricing-table-green-sub.pricing-table-green-pricing .pricing-table-green-title { background: #eaebec; position: relative; border-bottom: none; max-height: 152px; } .pricing-table-green-sub.pricing-table-green-pricing .pricing-table-green-title h2 { color: #a1b1bc; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; display: flex; right: 0; justify-content: center; height: 100%; flex-direction: column; } .pricing-table-green-sub.pricing-table-green-pricing .pricing-table-green-features li:nth-child(odd) { background: #f6f6f6; } .pricing-table-green-sub.pricing-table-green-pricing .pricing-table-green-footer a.btn-ordernow { visibility: hidden; } .pricing-table-green-sub.active { margin-top: -18px; } .pricing-table-green-sub.active .pricing-table-green-title { padding: 24px 0; } .pricing-table-yellow-sub-border { border: 1px solid #dde6e9; border-top: none; padding-bottom: 3px; } .pricing-table-yellow-title { background: #fece24; padding: 13px 0 12px; -webkit-box-shadow: 0 0 9px 5px #f7f7f7; -moz-box-shadow: 0 0 9px 5px #f7f7f7; box-shadow: 0 0 9px 5px #f7f7f7; } .pricing-table-yellow-title h2 { font-size: 25px; color: #ffffff; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; } .pricing-table-yellow-content { border-bottom: 1px solid #dde6e9; margin-bottom: 3px; padding: 30px 0 27px; } .pricing-table-yellow-content p { width: 140px; height: 140px; border: 3px solid #ffffff; background: #f4f7f8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: auto; display: flex; justify-content: center; flex-direction: column; -webkit-box-shadow: 0 0 28px 12px #f4f4f4; -moz-box-shadow: 0 0 28px 12px #f4f4f4; box-shadow: 0 0 28px 12px #f4f4f4; } .pricing-table-yellow-content p.price { color: #4e4e4e; } .pricing-table-yellow-content p.price span { font-size: 35px; line-height: 35px; font-weight: 600; color: #a1b1bc; } .pricing-table-yellow-content p.price span.month { font-size: 14px; line-height: 20px; font-weight: 500; display: block; } .pricing-table-yellow-features { background: #ffffff; border-top: 1px solid #dde6e9; } .pricing-table-yellow-features li { font-size: 14px; line-height: 40px; color: #a1b1bc; text-transform: capitalize; } .pricing-table-yellow-features li:nth-child(even) { background: #f4f7f8; } .pricing-table-yellow-footer { background: #f5f7f8; padding: 28px 0; margin-top: 1px; } .pricing-table-yellow-footer a.btn-getstartednow { font-size: 15px; font-weight: 600; background: #FECB16; color: #ffffff; padding: 13px 29px 9px; text-transform: uppercase; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .pricing-table-yellow-footer a.btn-getstartednow:hover, .pricing-table-yellow-sub.active a.btn-getstartednow { background: #363636; } .pricing-table-yellow-sub { position: relative; } .pricing-table-yellow-sub.active { z-index: 9; } .pricing-table-yellow-sub.active .pricing-table-yellow-title { background: #323941; -webkit-box-shadow: 0 0 0 10px #363637; -moz-box-shadow: 0 0 0 10px #363637; box-shadow: 0 0 0 7px #363637; } .pricing-table-yellow-sub.active .pricing-table-yellow-sub-border { position: relative; z-index: -1; } .pricing-table-yellow-sub.active .pricing-table-yellow-footer { padding: 35px 0; } .pricing-table-yellow .column:last-child:not(:first-child), .pricing-table-yellow .columns:last-child:not(:first-child) { float: left; } .promo { display: inline; float: left; width: 33.333%; margin: 15px 0 0; padding: 12px 0 32px; background: #0F1012; font-weight: 400; line-height: 1.625; color: #f7f7f9; text-align: center; } .promo h4 { margin: .25em 0 0; font-size: 28px; font-weight: 400; } .promo ul { margin: 0; padding: 0; list-style-type: none; color: #555555; } .promo li { padding: 0.25em 0; } .promo .brief { color: #f7f7f9; } .promo .price { margin: .5em 0; padding: .25em 0; background: #252525; font-size: 250%; color: #f7f7f9; } .promo .buy { margin: 1em 0 0; } .promo button { padding: 1em 3.25em; border: none; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; background: #252525; color: #f7f7f9; cursor: pointer; } .promo.first { border-right: none; } .promo.second { float: right; border-left: none; } .scale { transform: scale(1.2); box-shadow: 0 0 4px 1px rgba(20, 20, 20, 0.8); } .scale button { background: #FFA800; } #login-page { float: left; width: 100%; } .login-page { max-width: 550px; margin: auto; padding: 0 15px; } .login-page .card { border: none; margin-bottom: 0; } .login-page .card-header { background-color: #ffffff; border: none; padding: 0; } .login-page .card-header a { font-size: 23px; font-weight: 400; color: #444; border: none; border-top: 1px dotted #DDD; padding: 20px 0; display: block; position: relative; } .login-page .card:first-child a { border: none; } .login-page .login a.collapsed em.fa-lock { display: inline-block; } .login-page .login a.collapsed em.fa-unlock { display: none; } .login-page .login a em.fa-lock { display: none; } .login-page .register a.collapsed em.fa-user { display: inline-block; } .login-page .register a.collapsed em.fa-check-circle { display: none; } .login-page .register a em.fa-user { display: none; } .login-page .card-block { border: none; padding: 8px 15px 12px 31px; } .login-page .col_full { margin-bottom: 18px; } .login-page .card-block .col_full:last-child { margin-top: 2px; } .login-page .col_full .form-control { margin-bottom: 0; box-shadow: none; } .login-page .col_full .form-control:focus { outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 76, 61, 0.6); } .login-page label { display: inline-block; font-size: 13px; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer; font-weight: 600; text-transform: uppercase; width: 100%; } .login-page .form-control { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 100%; height: 34px; padding: 6px 12px; } .login-page .fright { float: right !important; font-size: 14px; color: #9bab6a; } .login-page .fright:hover { color: #202020; } .login-page .button { display: inline-block; cursor: pointer; outline: 0; white-space: nowrap; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border-bottom: 3px solid rgba(0, 0, 0, 0.15); background-color: #111111; color: #ffffff; } .login-page .button:hover { background: #9bab6a; } .login-page .accordion-title::before { display: none; } .login-page em { font-size: 20px; width: 30px; } .gallary .gallary-caption { padding: 24px 0 21px; margin-bottom: 28px; } .gallary .gallary-caption h3 { font-family: "Lato", sans-serif !important; font-size: 20px; line-height: 24px; color: #292b2c; text-transform: capitalize; } .gallary .gallary-caption p { font-family: "Lato", sans-serif; font-size: 14px; line-height: 24px; color: #292b2c; text-transform: uppercase; } .gallary .shop-page-1-overlay { background: #b35353; } /* ------ END DELETE -----*/ .one-column p, .one-column-content-2 p { font-size: 16px; } .one-column-content .blog-content { max-width: 100%; } .one-column-content h2, .one-column-content h4, .one-column-content h5, .one-column-content h6 { color: #252525; margin: 0 0 20px; text-transform: capitalize; } .one-column-content h2 { font-size: 35px; } .one-column-content h3 { font-size: 32px; margin: 20px 0 0px 0; } .one-column-content h4 { font-size: 28px; } .one-column-content h5 { font-size: 24px; } .one-column-content h6 { font-size: 20px; } .one-column-content p { font-size: 20px; line-height: 26px; color: #3F3F3F; padding-bottom: 20px; } .one-column-content .p4 { font-size: 18px; } .one-column-content .p5, .one-column-content .p6 { font-size: 15px; } .one-column-content figure { margin: 0 0 20px; } .one-column-content .content-caption { padding: 52px 0 56px; border-bottom: 1px solid #e6e6e6; width: 100%; float: left; } .one-column-content .content-caption a { color: #9bab6a; } .one-column-content .content-caption:first-child { padding-top: 0; } .one-column-content .content-caption:last-child { border-bottom: none; } .one-column-content.divsandcolumns { padding-top: 50px; } .one-column-content.two-column-content { padding-right: 30px; } .two-column-side { padding-left: 30px; } .two-column-side-content { margin-bottom: 25px; } .two-column-side-content .side-title h3 { font-size: 25px; color: #202658; text-transform: capitalize; text-align: center; } .two-column-side-content .side-title h4 { font-size: 20px; color: #152c53; text-transform: capitalize; text-align: center; } .two-column-side-content ul { padding: 23px 35px 25px; } .two-column-side-content ul li { font-size: 15px; line-height: 20px; color: #555555; font-weight: 300; padding: 12px 0 11px; position: relative; width: 100%; display: inline-block; } .two-column-side-content ul li:after { position: absolute; content: ''; width: 90%; height: 1px; background: #e6e6e6; bottom: 0; left: 0; right: 0; margin: auto; } .two-column-side-content ul li:last-child:after { display: none; } .two-column-side-content ul li a:hover { color: #9bab6a; } .two-column-side-content .dropdown-submenu { position: relative; } .two-column-side-content .dropdown-submenu .dropdown-menu { position: inherit; padding: 0 0 0 15px; border: none; } .two-column-side-content a { position: relative; display: block; } .two-column-side-content .dropdown-submenu a.test:after { content: ''; display: block; width: 0; height: 0; border: 6px inset; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; position: absolute; top: 50%; margin-top: -4px; right: 16px; } .two-column-side-content .dropdown-submenu a.a-image { display: inline-block; } .two-column-side-content ul li ul { display: none; } /* ----- Maybe Delete -----*/ .product-detail { border-bottom: 1px solid #e9e9e9; } .product-image { padding-top: 30px; width: 100%; float: left; } .product-image figure { position: relative; } .product-image figure:hover:after { position: absolute; content: ''; background: #9bab6a; width: 100%; height: 4px; margin: auto; bottom: 0; left: 0; right: 0; } .product-image li.selected figure:after { position: absolute; content: ''; background: #9bab6a; width: 100%; height: 4px; margin: auto; bottom: 0; left: 0; right: 0; } .product-image ul li { padding: 0 15px; } .product-image ul li button, .product-image .slider-nav button { display: none !important; } .product-title h1 { font-size: 40px; color: #202020; text-transform: capitalize; } .product-review p { font-size: 12px; } .product-review a, .product-review a:not([href]):not([tabindex]) { color: #9bab6a; padding-right: 3px; } .product-review span { text-transform: uppercase; font-weight: 600; color: #202020; padding-left: 8px; } .product-price p { display: inline-flex; } .product-price .price { font-size: 22px; font-weight: 600; line-height: 28px; } .product-price .instock { font-size: 15px; font-weight: 500; line-height: 28px; color: #46c432; padding-left: 40px; text-transform: capitalize; } .product-price .instock span.fa-check-circle { padding-right: 8px; } .product-info p { font-size: 14px; line-height: 24px; color: #7e848e; } .product-specification li { font-size: 15px; font-weight: 600; color: #28272f; padding: 6px 0; } .product-specification li span { font-size: 14px; font-weight: 400; color: #7e848e; } .product-quantity { display: inline-block; } .product-quantity span { float: left; font-size: 15px; line-height: 42px; font-weight: 600; margin-right: 14px; } .product-quantity .counter { margin-right: 14px; float: left; border: 1px solid #d3d4d8; background: #edeef2; margin-left: 0; } .product-quantity .counter button { width: 25px; height: 40px; background: none; border: none; float: left; color: #28272f; font-weight: 500; font-size: 10px; padding: 0; margin: 0; } .product-quantity .counter button.minus { text-align: right; } .product-quantity .counter button.plus { text-align: left; } .product-quantity .counter .productTextInput { width: 34px; height: 40px; float: left; margin: 0; border: none; text-align: center; box-shadow: none; padding: 5px 0; color: #28272f; font-weight: 500; font-size: 15px; background: #edeef2; } .product-quantity .productSubmitInput { font-size: 16px; background: #9bab6a; color: #ffffff; border: none; padding: 9px 25px; } .product-quantity .productSubmitInput:hover { background: #202020; } .product-social li { display: inline-flex; float: left; padding-right: 30px; } .product-social li:last-child { padding-right: 0; } .product-social li a:hover { color: #9bab6a; } .product-social a { font-size: 16px; } .product-detail-content { padding: 40px 0 0 45px; } .product-title { padding-bottom: 28px; } .product-review { padding-bottom: 40px; } .product-price { padding-bottom: 36px; } .product-info { padding-bottom: 45px; } .product-specification { padding-bottom: 45px; } .product-quantity { padding-bottom: 60px; } .product-description-btn .nav-tabs .nav-item { margin-bottom: 0; } .product-description-btn ul li { width: 100%; margin: 0; } .product-description-btn ul li a { font-size: 15px; font-weight: 600; color: #b5b5bf; margin-bottom: 43px; text-transform: uppercase; line-height: 15px; } .product-description-btn ul li:last-child a { margin-bottom: 0; } .product-description-btn ul li a.active:before { position: absolute; content: ''; width: 20px; height: 1px; background: #ff5f5f; color: #ff5f5f; left: 0; margin: auto; top: 0; bottom: 2px; } .product-description-btn .nav-tabs .nav-link.active, .product-description-btn .nav-tabs .nav-link.active:focus, .product-description-btn .nav-tabs .nav-link.active:hover { position: relative; padding-left: 30px; color: #ff5f5f; } .product-description .tab-content p { font-size: 14px; line-height: 24px; color: #7e848e; } .product-description .tab-content p:nth-child(2) { padding-top: 23px; } .related-product-view .shop-page-1-sub .shop-page-1-product figcaption h3, .related-product-view .shop-page-1-sub .shop-page-1-product figcaption p { font-family: "Lato", sans-serif !important; } .related-product-view { padding: 50px 0; } .product-image .nav-tabs .nav-item + .nav-item, .product-description-btn .nav-tabs .nav-item + .nav-item { margin: 0; } .product_datalist { margin-bottom: 20px; width: 100%; float: left; } .product_datalist figure { position: relative; } .product_datalist figure .shop-page-1-discount { position: absolute; top: 10px; left: 10px; width: 48px; height: 48px; color: #ffffff; background: #153045; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 15px; font-size: 14px; font-weight: 700; z-index: 1; padding-top: 10px; } .product_datalist figure .shop-page-1-overlay { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #e95d4f; } .product_datalist figure:hover .shop-page-1-overlay { display: block; } .product_datalist figure .shop-page-1-overlay ul { position: absolute; margin: auto; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; display: flex; } .product_datalist figure .shop-page-1-overlay ul li { display: inline-flex; } .product_datalist figure .shop-page-1-overlay ul li a { font-size: 15px; width: 41px; height: 41px; line-height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; border: 2px solid; text-align: center; margin: 0 5px; } .product_datalist figure .shop-page-1-overlay ul li a:hover { border: 1px solid #111111; color: #111111; } .product_datalist h4 { margin-bottom: 10px !important; } .product_datalist p.price { color: #3b4550; font-size: 24px; margin-bottom: 20px; padding-top: 0px !important; } .product_datalist p.price span { text-decoration: line-through; font-size: 18px; padding-right: 20px; } .product_datalist .fullwidth p, .product_datalist .tabs_aria p, .product_datalist .tabs_aria ul.nav-tabs p, .tabs_aria .product_datalist ul.nav-tabs p, .product_datalist .tabs_aria .tab-content p, .tabs_aria .product_datalist .tab-content p, .product_datalist ul.list-style p, .product_datalist #pricing-table p, .product_datalist .pricing-table-red p, .product_datalist .pricing-table-green p, .product_datalist .pricing-table-yellow p, .product_datalist #one-column p, .product_datalist .promos p, .product_datalist .login-page .col_full p, .login-page .product_datalist .col_full p, .product_datalist #gallary p, .product_datalist .gallary p, .product_datalist .one-column-content-2 p, .product_datalist .one-column-content.two-column-content p, .product_datalist .two-column-side-content p, .product_datalist .two-column-side-content ul p, .two-column-side-content .product_datalist ul p, .product_datalist .two-column-side-content .dropdown-submenu p, .two-column-side-content .product_datalist .dropdown-submenu p, .product_datalist #product-detail p, .product_datalist .product-detail p, .product_datalist #product-description p, .product_datalist .product-description p, .product_datalist #related-product p, .product_datalist .related-product p, .product_datalist .related-product-view p, .product_datalist .product-detail-content p, .product_datalist .product-title p, .product_datalist .product-review p, .product_datalist .product-price p, .product_datalist .product-info p, .product_datalist .product-specification p, .product_datalist .product-quantity p, .product_datalist .product-social p, .product_datalist .block-wapp p, .product_datalist .block-content p, .product_datalist .block-content .block-list p, .block-content .product_datalist .block-list p, .product_datalist .block-content .block-list > figure p, .block-content .product_datalist .block-list > figure p, .product_datalist .block-caption p, .product_datalist #bt-component p, .product_datalist .bd-content-box > h2 p, .product_datalist .bd-content-box > h3 p, .product_datalist .bd-example p, .product_datalist #header-1 p, .product_datalist #header-1 .header-top p, #header-1 .product_datalist .header-top p, .product_datalist #header-1 .contain-to-grid p, #header-1 .product_datalist .contain-to-grid p, .product_datalist #header-1 .top-bar p, #header-1 .product_datalist .top-bar p, .product_datalist #banner-slider-1 p, .product_datalist .banner-slider-1 .slick-dots p, .banner-slider-1 .product_datalist .slick-dots p, .product_datalist #about-1 p, .product_datalist #whatweoffer-1 p, .product_datalist .whatweoffer-sub-1 p, .product_datalist #awesomeworks-1 p, .product_datalist #counter-1 p, .product_datalist .counter-1 p, .product_datalist #testimonial-1 p, .product_datalist .testimonial-1 p, .product_datalist .testimonial-1-content p, .product_datalist .testimonial-1-slide p, .product_datalist .testimonial-1-content .slick-dots p, .testimonial-1-content .product_datalist .slick-dots p, .product_datalist #blog-1 p, .product_datalist ul.blog-list-01 p, .product_datalist .blog-1 p, .product_datalist .blog-1-content-border p, .product_datalist .blog-2-content-border p, .product_datalist #purchasenow-1 p, .product_datalist .purchasenow-1 p, .product_datalist #footer-1 p, .product_datalist .footer-top-1 p, .product_datalist .footer-1-menu p, .product_datalist .footer-1-title p, .product_datalist .footer-1-content-1 p, .product_datalist .footer-1-content-3 p, .product_datalist .footer-1-content-2 p, .product_datalist .footer-bottom-1 p, .product_datalist #about-page-banner-1 p, .product_datalist .about-page-banner-1 p, .product_datalist .about-page-details-1 p, .product_datalist .blog-1-button p, .product_datalist .product_datalist .contact-page-1-button p, .product_datalist .shop-page-1-sidebar p, .product_datalist .shop-page-1-side p, .product_datalist .shop-page-1-side ul p, .shop-page-1-side .product_datalist ul p, .product_datalist .shop-page-1-side ul li p, .shop-page-1-side ul .product_datalist li p, .product_datalist .shop-page-1-sub p, .product_datalist .shop-page-1-pagination p, .product_datalist .shop-page-1-pagination .pagination p, .shop-page-1-pagination .product_datalist .pagination p, .product_datalist #shop-page p, .product_datalist .team-page-1-sub p, .product_datalist .team-page-1-sub figcaption p, .team-page-1-sub .product_datalist figcaption p, .product_datalist .team-page-1-sub ul p, .team-page-1-sub .product_datalist ul p, .product_datalist #portfolio-1 p, .product_datalist .portfolio-1 p, .product_datalist #portfoliolist p, .product_datalist .portfolio-1 .portfolio-1-sub p, .portfolio-1 .product_datalist .portfolio-1-sub p, .product_datalist .portfolio-1-menu p, .product_datalist #header-2 p, .product_datalist #header-2 .header-top-2 p, #header-2 .product_datalist .header-top-2 p, .product_datalist #header-2 .header-top-2-sub p, #header-2 .product_datalist .header-top-2-sub p, .product_datalist #header-2 .header-top-2-contact-sub p, #header-2 .product_datalist .header-top-2-contact-sub p, .product_datalist #header-2 .top-bar p, #header-2 .product_datalist .top-bar p, .product_datalist #banner-section-2 p, .product_datalist .banner-section-2 p, .product_datalist #whatweoffer-2 p, .product_datalist .whatweoffer-sub-2 p, .product_datalist #offer-2 p, .product_datalist .offer-2 p, .product_datalist #testimonial-2 p, .product_datalist .testimonial-2 p, .product_datalist .testimonial-2-content p, .product_datalist .testimonial-2-slide p, .product_datalist #blog-2 p, .product_datalist .blog-2 p, .product_datalist .blog-2-content p, .product_datalist .blog-2-content-sub p, .product_datalist .blog-2-social p, .product_datalist #service-2 p, .product_datalist .service-2 p, .product_datalist .service-2-horizontal-line p, .product_datalist #footer-2 p, .product_datalist .footer-2-menu p, .product_datalist .footer-top-2 p, .product_datalist .footer-2-socialicon p, .product_datalist .footer-bottom-2 p, .product_datalist #about-page-banner-2 p, .product_datalist .about-page-banner-2 p, .product_datalist #about-page-details-2 p, .product_datalist .about-page-details-2 p, .product_datalist .blog-2-btn p, .product_datalist .blog-2-sidebar p, .product_datalist .blog-2-side p, .product_datalist .blog-2-side-1 p, .product_datalist .blog-2-side-1.tabwidgetstyle .nav-tabs p, .blog-2-side-1.tabwidgetstyle .product_datalist .nav-tabs p, .product_datalist #contact-page-2-detail p, .product_datalist #contact-page-2-map p, .product_datalist .contact-page-2-detail-sub1 ul p, .contact-page-2-detail-sub1 .product_datalist ul p, .product_datalist .contact-page-2-detail-sub1 li p, .contact-page-2-detail-sub1 .product_datalist li p, .product_datalist .shop-page-2-sidebar p, .product_datalist .shop-page-2-sorting p, .product_datalist .shop-page-2-side p, .product_datalist .shop-page-2-sub p, .product_datalist .team-page-2-sub p, .product_datalist .team-page-2-sub figcaption p, .team-page-2-sub .product_datalist figcaption p, .product_datalist #portfolio-2 p, .product_datalist .portfolio-2 p, .product_datalist .portfolio-2 .portfolio-2-sub p, .portfolio-2 .product_datalist .portfolio-2-sub p, .product_datalist .portfolio-2-sub.portfolio-page-2 p, .product_datalist .portfolio-2-sub.portfolio-page-2 .portfolio-2-menu p, .portfolio-2-sub.portfolio-page-2 .product_datalist .portfolio-2-menu p, .product_datalist #faq-page p, .product_datalist #header-3 p, .product_datalist #banner-section-3 p, .product_datalist .banner-slider-3 .slick-dots p, .banner-slider-3 .product_datalist .slick-dots p, .product_datalist #about-3 p, .product_datalist #testimonial-3 p, .product_datalist .testimonial-3 p, .product_datalist .testimonial-3-client p, .product_datalist .testimonial-3-slider .slick-dots p, .testimonial-3-slider .product_datalist .slick-dots p, .product_datalist #blog-3 p, .product_datalist .blog-3 p, .product_datalist #service-3 p, .product_datalist #footer-3 p, .product_datalist .footer-3 p, .product_datalist .footer-3-copyright p, .product_datalist #about-page-banner-3 p, .product_datalist .about-page-banner-3 p, .product_datalist #about-page-details-3 p, .product_datalist .about-page-details-3 p, .product_datalist .blog-3-pagination p, .product_datalist #contact-page-3-map p, .product_datalist #contact-page-3-detail p, .product_datalist .contact-page-3-detail p, .product_datalist #contact-page-3-form p, .product_datalist #contact-page-3-form form p, #contact-page-3-form .product_datalist form p, .product_datalist .shop-page-3-pagination p, .product_datalist .shop-page-3-pagination .pagination p, .shop-page-3-pagination .product_datalist .pagination p, .product_datalist #team-page p, .product_datalist .team-page p, .product_datalist .team-page-3-sub p, .product_datalist .team-page-3-sub figcaption p, .team-page-3-sub .product_datalist figcaption p, .product_datalist .team-page-3-sub ul p, .team-page-3-sub .product_datalist ul p, .product_datalist .team-page-loadmore p, .product_datalist #portfolio-3 p, .product_datalist .portfolio-3-menu p, .product_datalist .portfolio-3-menu ul p, .portfolio-3-menu .product_datalist ul p, .product_datalist .portfolio-3-sub p, .product_datalist .portfolio-3-button p, .product_datalist #faq-page-title p, .product_datalist .faq-page-title p, .product_datalist #home-4 .background-pink p, #home-4 .product_datalist .background-pink p, .product_datalist #header-4 p, .product_datalist #header-4 .header-top-4 p, #header-4 .product_datalist .header-top-4 p, .product_datalist #header-4 .top-bar-section p, #header-4 .product_datalist .top-bar-section p, .product_datalist #header-4 .top-bar-right p, #header-4 .product_datalist .top-bar-right p, .product_datalist #header-4 .top-bar ul p, #header-4 .top-bar .product_datalist ul p, .product_datalist #header-4 .top-bar p, #header-4 .product_datalist .top-bar p, .product_datalist #banner-section-4 p, .product_datalist .banner-section-4 p, .product_datalist #banner-section-4-sub p, .product_datalist /* ------ END DELETE -----*/ /*----- FORMS -----*/ #contact-page-1-map p, .product_datalist #contact-page-1-detail p, .contact-page-1-detail-contact p, .contact-page-1-detail-form p, .product_datalist .contact-page-1-detail-contact ul p, .contact-page-1-detail-contact #contact-page-1-detail .contact-page-1-detail-sub1 p, #contact-page-1-detail .contact-page-1-detail-sub1 p, .product_datalist #contact-page-1-detail .contact-page-1-detail-sub2 p, #contact-page-1-detail .product_datalist .contact-page-1-detail-sub2 p, .form-control-file { display: block; width: auto; max-width: 200px; } input[type=radio] {margin-left: 15px;} /*-----END FORMS -----*/ .banner-section-4-sub p, .product_datalist .banner-section-4-sub ul p, .banner-section-4-sub .product_datalist ul p, .product_datalist #blog-4 p, .product_datalist .blog-4 p, .product_datalist .blog-4-sub p, .product_datalist #brandlogo-4 p, .product_datalist #footer-4 p, .product_datalist .footer-search-4 p, .product_datalist .footer-menu-4 p, .product_datalist #footer-bottom-4 p, .product_datalist .footer-bottom-4 p, .product_datalist #about-page-banner-4 p, .product_datalist #portfolio-4 p, .product_datalist .portfolio-4 p, .product_datalist .home-4-section-title p, .product_datalist .portfolio-4-menu p, .product_datalist .portfolio-4-menu ul p, .portfolio-4-menu .product_datalist ul p, .product_datalist .portfolio-4-sub p, .product_datalist .portfolio-4-sub figcaption p, .portfolio-4-sub .product_datalist figcaption p, .product_datalist #cataloge-4 p, .product_datalist .cataloge-4 p { font-size: 14px; margin-bottom: 8px !important; padding-top: 0 !important; } /*-----BLOG -----*/ .blog_view { padding: 0; } .blog_view .blog-list { margin-bottom: 50px; border-bottom: 2px solid #5b5c95; padding-bottom: 45px; } .blog_view .blog-list figure { width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; } .blog_view .blog-list figure > a { display: inline-block; width: 100%; } .blog_view .blog-list figure img { width: 100%; } .blog_view .blog-list figure figcaption { width: 100%; background: #5b5c95; position: absolute; bottom: 0; left: 0; padding: 13px 35px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .blog_view .blog-list h2 { font-size: 28px; color: #ffffff; margin-bottom: 0; } .blog_view .blog-list h3 { font-size: 48px; font-weight: 700; color: #76844A; margin-bottom: 0; } .blog_view .blog-list h4 { font-size: 24px; font-weight: 700; color: #000000; margin-bottom: 0; } .blog-list-border {border-bottom-width: 3px, solid: border-bottom-color: #9BAB6A; } ul.blog_tag { margin: 8px 0 4px; } ul.blog_tag li { display: inline-block; margin: 0; font-size: 12.14px; color: #ffffff; line-height: 15px; margin-right: 24px; } ul.blog_tag li em { font-size: 18px; color: #ffffff; margin-right: 8px; display: inline-block; vertical-align: -1px; } ul.blog_tag li a { color: #ffffff; } ul.blog_tag li span { position: relative; display: inline-block; color: #ffffff; } ul.blog_tag li span:before { content: ','; margin: 0 4px; } ul.blog_tag li span:nth-child(2):before { display: none; } .blog_view .blog-list .blog-desc p { font-size: 18px; margin-bottom: 18px; } /*----- END BLOG-----*/ .block-wapp-bg { background: #f7f7f9; } .block-wapp { background: #f7f7f9; padding: 45px 0 25px; } .block-title p { max-width: 700px; margin: 0 auto; padding: 0 15px; margin-bottom: 18px; font-size: 16px; } .block-content { padding-top: 35px; } .block-content .block-list { background: #ffffff; margin-bottom: 30px; } .block-content .block-list > figure { padding: 15px; max-height: 325px; overflow: hidden; position: relative; } .block-title h2 { font-size: 40px; } .block-date { width: 80px; height: 70px; background: #ffffff; position: absolute; top: 15px; left: 15px; border: 1px solid #e8e8e8; text-align: center; padding: 10px; } .block-date p { font-family: "Lato", sans-serif; font-size: 15px; font-weight: 600; text-transform: capitalize; } .block-date span { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 600; text-transform: capitalize; display: block; color: #9bab6a; } .block-content .block-list figure img { width: 100%; } .block-caption { border-top: 1px solid #a1b1bc; padding: 24px 15px 15px; margin-top: 15px; } .block-caption h4 { font-size: 20px; line-height: 24px; margin-bottom: 8px !important; } .block-caption h4 a { display: inline-block; } .block-caption span { font-size: 14px; margin-bottom: 16px; display: block; } .block-caption p { font-size: 14px; margin-bottom: 12px; font-family: "Lato", sans-serif; color: #0a0a0a; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; background: #ffffff; margin-left: 0; } #bt-component { font-size: 16px; } .bd-content-box, .bd-sidebar article { padding-top: 30px; } .bd-content-box .h1, .bd-content-box .h2, .bd-content-box .h3, .bd-content-box .h4, .bd-content-box .h5, .bd-content-box .h6, .bd-content-box h1, .bd-content-box h2, .bd-content-box h3, .bd-content-box h4, .bd-content-box h5, .bd-content-box h6 { margin-bottom: 8px !important; font-weight: 500; line-height: 1.1; color: inherit; } h1.bd-title { font-size: 48px; } .bd-content-box h2 { font-size: 32px; } .bd-content-box h3 { font-size: 28px; } .bd-content .bd-title + p { font-size: 20px; font-weight: 300; } .bd-content-box > h2 { margin-top: 48px !important; } .bd-content-box > h3 { margin-top: 20px !important; margin-bottom: 8px !important; } .bd-content-box p { margin-top: 0; margin-bottom: 16px; display: inline-block; } .bd-content-box ul.dismissing { list-style: disc; margin-top: 0; margin-bottom: 16px; padding-left: 40px; } .bd-content-box > ul li, .bd-content-box > ol li { list-style: disc; margin-bottom: 4px; } .bd-content-box a { color: #0275d8; text-decoration: none; } .bd-content-box a:hover { color: #014c8c; text-decoration: underline; } .bd-example { padding: 20px; margin: 16px 0 0 0; border-width: 3.2px; position: relative; border: solid #f7f7f9; } .bd-clipboard + .highlight { margin-top: 0; } .bd-content .highlight { padding: 20px; margin: 16px 0px; background-color: #f7f7f9; clear: both; } pre { display: block; margin-top: 0; margin-bottom: 16px; font-size: 90%; color: #292b2c; } .bd-content .highlight pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; } .bd-content code { padding: 3.2px 6.4px; font-size: 90%; color: #bd4147; background-color: #f7f7f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .bd-content pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .bd-content .highlight pre code { font-size: inherit; color: #292b2c; } .bd-content .nt { color: #2f6f9f; } .bd-content .na { color: #4f9fcf; } .bd-content .s { color: #d44950; } .bd-callout { padding: 20px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #e6e6e6; border-left-width: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .bd-callout-warning { border-left-color: #FECB16; } .bd-callout p:last-child { margin-bottom: 0; } .bd-callout h4 { margin-top: 0; margin-bottom: 4px; } .bd-callout-warning h4 { color: #FECB16; } .bd-content-box a.btn-primary { color: #ffffff; text-decoration: none; } .bd-content-box .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: 400; color: #292b2c; text-align: inherit; white-space: nowrap; background: 0 0; border: 0; } .bd-content-box .dropdown-item:focus, .bd-content-box .dropdown-item:hover { color: #252525; text-decoration: none; background-color: #f7f7f9; } .bd-example > .card { max-width: 320px; margin: 0; margin-bottom: 12px; } .bd-content .nav-tabs .nav-link { display: block; padding: .5em 1em; border: 1px solid transparent; border-top-right-radius: 4px; border-top-left-radius: 4px; } .bd-content .nav-tabs .nav-link:focus, .bd-content .nav-tabs .nav-link:hover, .bd-content .nav-pills .nav-link:hover, .bd-content .nav-pills .nav-link:focus { text-decoration: none; } .bd-content .bd-callout-danger { border-left-color: #9bab6a; } .bd-example .navbar-fixed-top, .bd-example .navbar-fixed-bottom { position: static; } .navbar-light img { width: auto; } .navbar-light a:hover, .bd-content-box a.btn-danger:hover { text-decoration: none; } .bd-example-popover-static { background-color: #f7f7f9; } .bd-example-popover-static .popover { position: relative; display: block; float: left; max-width: 260px; margin: 20px; } .bd-content-box a.btn-danger { color: #ffffff; } .bd-content .btn { font-size: 15px; margin-bottom: 5px; } .bd-example-tooltip-static .tooltip { position: relative; display: inline-block; margin: 10px 20px; opacity: 1; } .bd-example > .dropdown-menu:first-child { position: static; display: block; } .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: 400; color: #292b2c; text-align: inherit; white-space: nowrap; background: 0 0; border: 0; } .bd-content h3.popover-title { font-size: 16px; } .bd-content .form-control-file { display: block; width: auto; max-width: 200px; } .bd-content .dropdown-menu { margin: 0; } .sticky.is-sticky { position: fixed; top: 0; z-index: 1000; bottom: auto; } .sticky { position: relative; top: 0; } .bd-toc-link { font-size: 16px; display: block; padding: 4px 12px; color: #55595c; font-weight: 500; } .bd-sidebar .nav > li > a { font-size: 15px; display: block; padding: 4px 12px; color: #99979c; } .bd-sidebar .nav > .active > a, .bd-sidebar .nav > .active:hover > a, .bd-sidebar .nav > .active:focus > a { font-weight: 500; color: #292b2c; background-color: transparent; } .privacy-page h3 { margin-bottom: 10px !important; } .privacy-page p, .privacy-page ul { margin-bottom: 20px; } ::i-block-chrome, .product-quantity .productSubmitInput { padding: 9px 25px; } ::i-block-chrome, .gallary .shop-page-1-overlay ul { width: 52px; } @media screen and (max-width: 1199px) { .one-column { padding: 0 15px; } .two-column-side-content ul { padding: 23px 15px 25px; } .product-detail-content { padding: 15px 0 0 25px; } .product-title h1 { font-size: 35px; } .product-title { padding-bottom: 20px; } .product-review { padding-bottom: 32px; } .product-price { padding-bottom: 28px; } .product-info { padding-bottom: 37px; } .product-specification { padding-bottom: 37px; } .product-quantity { padding-bottom: 52px; } } @media screen and (max-width: 1024px) { .pricing-table-bottom { padding-bottom: 80px; } .pricing-table-green { padding: 0 15px 80px; } .pricing-table-yellow { padding: 0 15px; } .one-column-content h2 { font-size: 30px; } .one-column-content h3 { font-size: 25px; } .one-column-content h4 { font-size: 22px; } .one-column-content h5 { font-size: 19px; } .one-column-content h6 { font-size: 16px; } .one-column-content p, .one-column-content .p4, .one-column-content .p5, .one-column-content .p6 { font-size: 16px; } .one-column-content .content-caption { padding: 32px 0 36px; } .two-column-side-content ul { padding: 0 15px; } .two-column-side-content .side-title h3 { font-size: 20px; } .two-column-side-content .side-title { padding: 15px 0 13px 15px; } .related-product-view { padding: 50px 15px; } .product-description-btn { padding-left: 15px; } .product-description-content { padding: 0 15px; } .product-image-full { padding: 0 15px; } .block-date { width: 80px; height: 65px; } .block-date p, .block-date span { font-size: 15px; } hr { margin-top: 20px; } h1.bd-title { font-size: 32px; } .bd-content-box h2, .bd-content-box h3 { font-size: 22px; } h3.popover-title { font-size: 14px !important; } .bd-title + p { font-size: 16px; } .bd-content-box p { font-size: 14px; } .bd-content-box > h2 { margin-top: 10px !important; } .bd-example { margin: 0; padding: 10px; } } @media screen and (max-width: 991px) { .pricing-table-red-title h2, .pricing-table-green-title h2, .pricing-table-yellow-title h2 { font-size: 17px; } .pricing-table-red-content p.price span { font-size: 24px; } .pricing-table-red-content p.price sub { font-size: 12px; } .pricing-table-red-footer a.btn-buynow, .pricing-table-yellow-footer a.btn-getstartednow, .pricing-table-green-footer a.btn-ordernow { font-size: 12px; padding: 8px 20px 6px; } .pricing-table-red-sub.active { border-top: 3px solid #222533; border-bottom: 3px solid #222533; border-left: 2px solid #222533; border-right: 2px solid #222533; margin-top: -3px; } .pricing-table-red-footer { padding: 10px 0; } .pricing-table-green-content p.price span { font-size: 30px; line-height: 30px; } .pricing-table-yellow-content p.price span { font-size: 20px; line-height: 20px; } .pricing-table-yellow-content p { height: 100px; width: 100px; } .pricing-table-yellow-content p.price span.month { font-size: 12px; line-height: 15px; } .pricing-table-green-sub.pricing-table-green-pricing .pricing-table-green-title { max-height: 124px; } .product-detail-content { padding: 0 10px; } .product-title h1 { font-size: 27px; } .product-quantity .counter { margin-right: 5px; } .product-title { padding-bottom: 10px; } .product-review { padding-bottom: 20px; } .product-price { padding-bottom: 15px; } .product-info { padding-bottom: 15px; } .product-specification { padding-bottom: 15px; } .product-quantity { padding-bottom: 22px; } .product-quantity .productSubmitInput { font-size: 14px; } .product-description-btn ul li a { font-size: 12px; margin-bottom: 30px; } .product-quantity .counter button, .product-quantity .counter .productTextInput { height: 38px; } } @media screen and (max-width: 767px) { .search-close a.fa-search:before { content: ""; } .pricing-table-red-features li, .pricing-table-green-features li, .pricing-table-yellow-features li { font-size: 14px; line-height: 35px; } .pricing-table-yellow-footer { padding: 15px 0; } .pricing-table-yellow-sub.active .pricing-table-yellow-footer { padding: 22px 0; } .pricing-table-bottom { padding-bottom: 60px; } .pricing-table-green { padding: 0 15px 60px; } .login-page { max-width: 490px; } .gallary .gallary-caption h3 { font-size: 18px; line-height: 20px; } .gallary .gallary-caption p { font-size: 12px; line-height: 20px; } .gallary .gallary-caption { padding: 15px 0 12px; margin-bottom: 15px; } .one-column-content h2 { font-size: 25px; } .one-column-content h3 { font-size: 22px; } .one-column-content h4 { font-size: 20px; } .one-column-content h5 { font-size: 17px; } .one-column-content h6 { font-size: 16px; } .one-column-content .content-caption { padding: 20px 0 24px; } .one-column-content.divsandcolumns { padding-top: 25px; } .one-column-content p, .one-column-content .p4, .one-column-content .p5, .one-column-content .p6 { font-size: 14px; } .one-column-content.two-column-content { padding-right: 0; } .one-column-content.divsandcolumns { padding: 30px 0; } .two-column-side { padding-left: 0; } .two-column-side-content ul { padding: 5px 15px; } .two-column-side-content .dropdown-submenu a.test:after { right: 32px; } .product-detail .medium-6 { width: 100%; } .product-detail-content { margin-top: 30px; padding: 0 5px; } .product-description .tabs-content.vertical p { font-size: 13px; line-height: 22px; } .related-product-view { padding: 30px 15px; } .pricing-table-red-content { padding: 5px 0; } .pricing-table-red-sub { margin-bottom: 35px; } .pricing-table-yellow-sub { margin-bottom: 35px; } .pricing-table-green-sub { margin-bottom: 35px; } .block-caption h4 { font-size: 17px; } .block-date p, .block-date span { font-size: 13px; } .block-date { width: 70px; height: 60px; } } @media screen and (max-width: 667px) { .promo { display: inline-block; width: 100%; float: left; } .scale { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @media screen and (max-width: 639px) { .pricing-table-bottom { padding-bottom: 0; } .pricing-table-green { padding: 60px 10px; } .pricing-table-yellow { padding: 0 10px; } .pricing-table-red-sub, .pricing-table-yellow-sub { margin-bottom: 25px; } .pricing-table-green-sub { margin-bottom: 35px; } .pricing-table-green-title { padding: 10px 0 8px; } .pricing-table-green-content { padding: 8px 0; } .pricing-table-green-sub.active .pricing-table-green-title { padding: 12px 0; } .pricing-table-green-sub.active { margin-top: -6px; } .pricing-table-green-sub.pricing-table-green-pricing .pricing-table-green-title { max-height: 104px; } table.forum .icon { width: 25px; margin-top: 0px; } table.forum td { padding: 9px 5px !important; } table.forum .icon img { width: 100%; } table.forum .forum { margin: 0 0 0 30px; } table.forum .forum h3 { font-size: 13px; line-height: 16px; } table.forum td.lastpost { width: 20% !important; } table.forum td.posts { width: 20% !important; } table.forum td.topics { width: 20% !important; } table.forum td.name { width: 40% !important; } } @media screen and (max-width: 575px) { .login-page .card-header a { font-size: 21px; } .gk-title h1 { font-size: 28px; } .product-description-btn .tabs-title > a, .product-description-btn .tabs-title:last-child > a { margin-bottom: 30px; } .product-description-content .tabs-content.vertical { border-top: 1px solid #b5b5bf; border-bottom: 1px solid #b5b5bf; padding: 25px 0; } .product-description-btn, .product-description-content { padding: 0 5px; } .product-description-content { border-top: 1px solid #b5b5bf; border-bottom: 1px solid #b5b5bf; padding: 20px 0; } .product-description-btn ul li a, .product-description-btn ul li:last-child a { margin-bottom: 20px; } .pricing-table-red-title h2, .pricing-table-green-title h2, .pricing-table-yellow-title h2 { font-size: 15px; } .pricing-table-red-sub, .pricing-table-yellow-sub, .pricing-table-green-sub { padding-bottom: 15px; border-bottom: 1px solid #222533; margin: 0 auto 15px; max-width: 320px; } .pricing-table-yellow .col-xs-12:last-child .pricing-table-yellow-sub { margin-bottom: 0; border-bottom: none; } .sticky-wrapper { height: 0 !important; } .sticky.is-sticky { position: inherit; } .bd-sidebar article { padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bd-example { font-size: 14px; } .bd-content .btn, .bd-content-box .dropdown-item { font-size: 12px; } .h1.bd-title { font-size: 24px; } .bd-content-box h2, .bd-content-box h3 { font-size: 18px; } .bd-title + p, .bd-content-box p { font-size: 13px; } } @media screen and (max-width: 480px) { .two-column-side-content .dropdown-submenu a.test:after { right: 16px; } .gallary .col-xs-6 { width: 100%; } .table-border tr th { font-size: 12px; padding: 15px 10px; } .table-border tr td { font-size: 12px; padding: 10px 10px; } } @media screen and (max-width: 479px) { .gallary .gallary-caption h3 { font-size: 15px; line-height: 20px; } .pricing-table-green { padding: 30px 15px; } .pricing-table-red-sub, .pricing-table-yellow-sub, .pricing-table-green-sub { padding-bottom: 15px; border-bottom: 1px solid #222533; margin: 0 auto 15px; max-width: 320px; } .login-page .card-header a { font-size: 17px; } .login-page .fright { font-size: 13px; } .cart-table .pro-image, .cart-table .pro_total { display: none; } } @media screen and (max-width: 379px) { .gallary .gallary-caption h3 { font-size: 14px; } .product-image ul { margin: 0 -8px; } .product-image ul li { padding: 0 8px; } .product-quantity span { margin-right: 5px; } .product-quantity .counter button, .product-quantity .counter .productTextInput { height: 36px; } .product-quantity .productSubmitInput { font-size: 13px; padding: 9px 10px; } .product-quantity .counter button { width: 20px; } } /* ******************************* */ /* START OF TEMPLATE VERSION 1 CSS */ /* ******************************* */ body#home-1, body#home-1 h1, body#home-1 h2, body#home-1 h3, body#home-1 h4, body#home-1 h5, body#home-1 h6 { font-family: "museo", sans-serif; margin: 0; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; height: 100%; z-index: 9999; overflow: hidden; } #status { width: 226px; height: 100px; position: absolute; left: 50%; top: 50%; background-image: url(../images/header/logoup.png); background-repeat: no-repeat; background-position: center; margin: -50px 0 0 -113px; z-index: 9999; } .padding-bottom-100 { padding-bottom: 100px; } .home-1-top-50 { padding-top: 50px; } .home-1-top-bottom-50 { padding: 50px 0; } .home-1-top-bottom-100 { padding: 100px 0; } .home-1-top-bottom-120 { padding: 120px 0; } #search-container-1 { display: none; background: #ffffff; margin: 20px auto; } #search-container-1 input[type="text"], #search-container-1 input[type="submit"] { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 16px; } #search-container-1 input[type="text"] { background: none; width: 100%; padding: 6px 8px; margin-bottom: 0; box-shadow: none; } #search-container-1 input[type="submit"] { padding: 7px 0; color: #ffffff; border: none; background: #9bab6a; -webkit-appearance: none; transition: background-color 4px ease-in, color 4px ease-out; } #search-container-1 input[type="submit"]:hover { background: #153045; } #search-container-1 .container, #search-container-2 .container, #search-container-3 .container, #search-container-4 .container { padding: 0; } /*----- Header USED ------*/ #header-1 .top-bar-title div.search { display: none; } #header-1 .header-top { background: #f1f1f1; padding: 10px 0; border-bottom: 10px solid #e1b64f; } #header-1 .header-top ul li { display: inline-block; } #header-1 .header-top a { font-size: 13px; line-height: 19px; } #header-1 .social-icon { float: left; } #header-1 .social-icon a { color: #999; } #header-1 .social-icon a.fa-facebook:hover { color: #3b5998; } #header-1 .social-icon a.fa-twitter:hover { color: #00aced; } #header-1 .social-icon a.fa-google-plus:hover { color: #dd4b39; } #header-1 .social-icon a.fa-flickr:hover { color: #0063dc; } #header-1 .social-icon a.fa-linkedin:hover { color: #0077B5; } #header-1 .social-icon a.fa-pinterest:hover { color: #c8232c; } #header-1 .social-icon a.fa-skype:hover { color: #00aff0; } #header-1 .social-icon li { padding-right: 10px; } #header-1 .social-icon li:last-child { padding-right: 0; } #header-1 .login-cart { float: right; } #header-1 .login-cart a { color: #555; } #header-1 .login-cart a:hover { color: #9bab6a; } #header-1 .login-cart em { padding-right: 10px; } #header-1 .login-cart li { padding-left: 15px; } #header-1 .top-bar { padding: 0; position: relative; } #header-1 .top-bar, .top-bar ul { background-color: inherit; } #header-1 .logo { float: left; padding: 32px 0; } #header-1 .logo h1 { font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 700; text-transform: uppercase; color: #153045; } #header-1 .logo h1 span { color: #9bab6a; } #header-1 .menu > ul > li:hover > a { color: #9bab6a; } #header-1 .menu > ul > li:last-child a { padding: 0; } #header-1 .menu > ul > li:last-child a:hover:after { display: none; } #header-1 .menu-container-padding { padding-top: 15px; } #header-1 .menu > ul > li.search:hover a:after { display: none; } #header-1 .menu .one-column-dropdown { position: relative; } #header-1 .menu .one-column-dropdown ul { width: 180px; left: -20px; padding: 5px 0; } #header-1 .menu .one-column-dropdown ul li { display: block; float: none; width: 100%; padding: 0 15px; } #header-1 .menu .one-column-dropdown li:nth-child(2) { padding-left: 15px; } #header-1 .menu .one-column-dropdown li a { font-weight: 400; text-transform: capitalize; padding: 5px 0; color: #5a5e6e; } #header-1 .menu .one-column-dropdown li a:hover { color: #9bab6a; } #header-1 .menu .one-column-dropdown .one-column-submenu { position: relative; } #header-1 .menu .one-column-dropdown .one-column-submenu ul { display: none; position: absolute; background: #f7f7f9; left: 100%; top: 0; padding: 10px; margin-top: 0; } #header-1 .menu .one-column-dropdown .one-column-submenu:before { position: absolute; content: ''; top: 11px; right: 10px; margin: auto; width: 0px; height: 0px; border-left: 6px solid #9bab6a; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } /*----- Header Top Bar USED -----*/ .utility-container{background: #5b5c95; width: 100%; float: right; overflow: hidden; positon: relative; max-height: 85pxpx; z-index: 400} section.utility{background:#5b5c95;text-align:right;padding:5px 150px;display:contents;} section.utility a{color:#fff;padding-right: 50px} section.utility a .fa,section.utility a img{padding-right:5px} /*-----Banner Slider USED ------*/ #banner-slider-1 { background: #fff; padding: 0; } .banner-slider-1 h1 { font-size: 48px; font-weight: 700; } .banner-slider-1 h1, .banner-slider-1 p { color: #ffffff; text-shadow: 4px 3px 4px rgba(0,0,0,0.4); } .banner-slider-1 .slider-button { margin-top: 10px; margin-bottom: 40px; } .banner-slider-1 .button { font-size: 18px; background: #e1b54f; color: #ffffff; border: 1px solid #e1b54f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 17px 50px; font-weight: 500; } .banner-slider-1 .button.btn-readmore-1:hover { background: #e1b64f; border: 1px solid #5b5c95 } .banner-slider-1 .slider-button .button.btn-contactus-1 { background: #e1b54f; border: 1px solid #e1b64f; } .banner-slider-1 .button.btn-contactus-1:hover { border: 1px solid #ffffff; background: #153045; } .banner-slider-1 .slider-button a.button:first-child { margin-right: 10px; } .banner-slider-1 .slider-button a.button:last-child { margin-left: 10px; } .banner-slider-1 .slick-dots { text-align: center; margin: 215px 0 0; line-height: 0; } .banner-slider-1 .slick-dots li { display: inline-block; line-height: 0; } .banner-slider-1 .slick-dots li button { width: 14px; height: 14px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 0; margin: 0 5px; position: relative; border: none; } .banner-slider-1 .slick-dots li.slick-active button:before { position: absolute; content: ''; width: 6px; height: 6px; background: red; left: 0; right: 0; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 0; bottom: 0; } .banner-slider-1 .slick-slide { position: relative; } .banner-slider-1 .banner-image { position: absolute; width: 100%; } .banner-slider-1 .banner-image img { width: 100%; } .banner-slider-1 .slider-content { padding: 550px 0 50px 0; } /*-----Homepage-----*/ .home-stats {margin-left: 80px; margin-right: 70px; } #about-1 { background: #fff; padding: 50px 0; } .about-1 { width: 100%; margin: auto; } .about-1 p { font-size: 24px; line-height: 36px; font-weight: 400; color: #1b1b1b; padding-bottom: 20px; font-family: 'Open Sans'; } .about-1 span { font-size: 26px; margin: 10px auto; color: #002a54; font-weight: 400; font-family: 'museo', serif; width: 100%; max-width: 410px; line-height: 1.25; } .about-1 h2 {font-size: 36px; } #whatweoffer-1 { padding: 120px 0; } .whatweoffer-1-title { max-width: 600px; margin: 0 auto; } .whatweoffer-1-title h2 { font-size: 35px; color: #202020; text-transform: uppercase; padding-bottom: 12px; } .whatweoffer-1-title p { font-size: 14px; color: #a0a0a0; } .whatweoffer-sub-1 { padding-top: 70px; } .whatweoffer-sub-1 img { width: auto; } .whatweoffer-sub-1 figure { width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ecf0f1; display: inline-flex; justify-content: center; flex-direction: column; font-size: 40px; color: #a1a1a1; } .whatweoffer-sub-1 figure a { color: #153045; font-size: 30px; } .whatweoffer-sub-1 figure:hover { background: #1eb64f; cursor: pointer; } .whatweoffer-sub-1 figure:hover a { color: #ffffff; } .whatweoffer-sub-1 figcaption { padding-top: 43px; } .whatweoffer-sub-1 span { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 19px; color: #9bab6a; } .whatweoffer-sub-1 h3 { font-size: 20px; line-height: 20px; font-weight: 500; color: #3d404b; text-transform: capitalize; padding: 12px 0 22px; position: relative; } .whatweoffer-sub-1 h3:after { position: absolute; content: ''; width: 50px; height: 2px; left: 0; right: 0; bottom: 0; margin: auto; background: #a1b1bc; } .whatweoffer-sub-1 p { font-size: 14px; line-height: 32px; color: #7e848e; padding-top: 19px; } #awesomeworks-1 { padding: 120px 0; background: #153045; } .awesomeworks-1-content h2 { font-size: 35px; line-height: 42px; color: #ffffff; font-weight: 500; text-transform: uppercase; } .awesomeworks-1-content p { font-size: 14px; line-height: 22px; color: #d2d6e6; padding: 20px 0 35px; } .awesomeworks-1-content a { font-size: 18px; padding: 17px 36px 17px 33px; background: #9bab6a; text-transform: capitalize; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 18px; color: #ffffff; } .awesomeworks-1-content a.button:hover { background: #ffffff; color: #111111; border-color: #ffffff; } .awesomeworks-sub-1 { padding-top: 83px; } .awesomeworks-sub-1 li { margin-right: 10px; } .awesomeworks-1-slider { width: 125%; z-index: 1; } .awesomeworks-1-slider-image, .awesomeworks-1-slider-image figure { height: 570px; } .awesomeworks-1-slider-image figure img { height: 100%; } .awesomeworks-1-slider ul li button { display: none; } .awesomeworks-1-slider .slick-prev, .awesomeworks-1-slider .slick-next { font-size: 16px; color: #95959a; text-transform: uppercase; position: relative; top: 46px; border: none; background: none; } .awesomeworks-1-slider .slick-prev { padding-left: 26px; padding-right: 32px; } .awesomeworks-1-slider .slick-prev:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url(/_assets/image/awesomeworks/step-backward.png) no-repeat center; width: 20px; height: 12px; } .awesomeworks-1-slider .slick-next { padding-left: 32px; padding-right: 26px; } .awesomeworks-1-slider .slick-next:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url(/_assets/image/awesomeworks/step-forward.png) no-repeat center; width: 20px; height: 12px; } #counter-1 { padding: 70px 0; } .counter-1 .count-part { width: 20%; float: left; text-align: center; border-right: 1px solid #ededed; padding: 15px 0; } .counter-1 .count-part span { font-size: 40px; color: #9bab6a; font-weight: 600; } .counter-1 .count-part h6 { color: #999; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 32px; } .counter-1 .count-part:last-child { border: none; } #testimonial-1 { background: #f7f7f9; padding: 120px 0 27px; } .testimonial-1-title { max-width: 600px; margin: 0 auto; padding: 0 15px; } .testimonial-1-title h2 { font-size: 40px; color: #202020; text-transform: uppercase; padding-bottom: 12px; } .testimonial-1-title p { font-size: 14px; color: #515151; } .testimonial-1-content { padding: 90px 0; } .testimonial-1-slide { background: #ffffff; padding: 40px 0; } .testimonial-1-content figcaption p:first-child { font-size: 14px; color: #7e848e; padding-bottom: 12px; } .testimonial-1-content figcaption p:last-child { font-size: 12px; color: #6c6c6c; } .testimonial-1-content figcaption a { color: #9bab6a; } .testimonial-1-content .slick-dots { text-align: center; margin: 65px 0 0; } .testimonial-1-content .slick-dots li { display: inline-block; } .testimonial-1-content .slick-dots li button { border: none; width: 12px; height: 12px; background: #e3e6e8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 0; margin: 0 9px; position: relative; } .testimonial-1-content .slick-dots li.slick-active button { background: #9bab6a; width: 14px; height: 14px; position: relative; } .testimonial-1-content .slick-dots li.slick-active button:before { position: absolute; content: ''; width: 10px; height: 10px; left: 0; right: 0; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 2px; border: 1px solid #f1eef0; } .blog-1-title { max-width: 600px; margin: 0 auto; } .blog-1-title h2 { font-size: 40px; color: #202020; text-transform: none; padding-bottom: 12px; } .blog-1-title p { font-size: 18px; color: #a0a0a0; } .blog-1-content { max-width: 415px; margin: 0 auto; padding: 55px 15px; position: relative; z-index: 1; } .blog-1-content-border, .blog-2-content-border { position: relative; } .blog-1-content-border:before { content: ''; position: absolute; width: 98.9%; height: 100%; top: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #dedede; border-left: none; } .blog-1-content-border:after { content: ''; position: absolute; width: 100%; height: 97%; top: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #dedede; border-left: none; } .blog-2-content-border:before { content: ''; position: absolute; width: 98.9%; height: 100%; top: 0; bottom: 0; right: 0; margin: auto; border: 1px solid #dedede; border-right: none; } .blog-2-content-border:after { content: ''; position: absolute; width: 100%; height: 97%; top: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #dedede; border-right: none; } .blog-sub-1 figure img { height: 100%; width: 100%; } .blog-1-content h3 { font-size: 20px; font-weight: 500; } .blog-1-content p.blog-1-date { font-size: 13px; color: #a4a4a4; line-height: 48px; padding: 0; } .blog-1-content p { font-size: 14px; color: #7e848e; line-height: 32px; padding: 15px 0; } .blog-1-content a.blog-1-continuereading { font-size: 15px; color: #9bab6a; line-height: 48px; position: relative; } .blog-1-content a.blog-1-continuereading:hover { color: #153045; } .blog-1-content a.blog-1-continuereading:before { position: absolute; content: ''; top: 0; left: -50px; bottom: 0; margin: auto; width: 30px; height: 1px; background: #9bab6a; } .blog-1-content a.blog-1-continuereading:after { position: absolute; content: ''; top: 0; right: -50px; bottom: 0; margin: auto; width: 30px; height: 1px; background: #9bab6a; } .blog-sub-1 figure { position: relative; } .blog-sub-1 figure.blog-1-figure-1:after { position: absolute; content: ''; top: 0; bottom: 0; right: 0; margin: auto; width: 0px; height: 0px; border-top: 20px solid transparent; border-right: 20px solid #ffffff; border-bottom: 20px solid transparent; } ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 .pull-left-new { float: right; } ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 .blog-1-content-border:after { content: ''; position: absolute; width: 100%; height: 97%; top: 0; bottom: 0; left: 0; margin: auto; border: 1px solid #dedede; border-right: none; } ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 .blog-1-content-border:before { content: ''; position: absolute; width: 98.9%; height: 100%; top: 0; bottom: 0; right: -1.01%; margin: auto; border: 1px solid #dedede; border-right: none; } ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 figure.blog-1-figure-1:after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; margin: auto; width: 0px; height: 0px; border-top: 20px solid transparent; border-left: 20px solid #ffffff; border-bottom: 20px solid transparent; border-right: inherit; right: inherit; } /*DELETE*/ #purchasenow-1 { background: #9bab6a; padding: 50px 0; position: relative; z-index: 11; } .purchasenow-1 p { font-size: 22px; color: #ffffff; display: inline-block; } .purchasenow-1 a.button { font-size: 15px; color: #515151; background: #ffffff; text-transform: uppercase; font-weight: 600; padding: 18px 31px 14px 31px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; margin-left: 55px; vertical-align: 3px; } .purchasenow-1 a.button:hover { color: #ffffff; background: #153045; } /*END DELETE*/ .footer-top-1 { background: #152c53; padding: 30px 0 30px; color: #fff; } .footer-1-sub1 h1 { font-size: 35px; text-transform: uppercase; color: #ffffff; padding-top: 10px; } .footer-1-sub1 h1 span { color: #9bab6a; } .footer-1-sub1 p { font-size: 14px; line-height: 20px; color: #3F3F3F; padding: 15px 0; } .footer-1-sub1 a.footer-1-readmore { font-size: 14px; line-height: 20px; color: #3F3F3F; text-transform: capitalize; } .footer-1-sub1 a em { padding-left: 5px; } .footer-1-title { border-bottom: 1px solid #363636; padding: 0 0 7px; } .footer-1-title h2 { font-size: 18px; line-height: 36px; color: #ffffff; font-weight: 500; text-transform: uppercase; } .footer-1-content-1, .footer-1-content-3 { padding: 22px 0 0; } .footer-1-content-2 { padding: 33px 0 0; } .footer-1-content-1 li:last-child { border: none; } .footer-1-content-1 a { font-size: 18px; line-height: 36px; color: #fff; text-transform: capitalize; font-family: 'Open Sans'; display: block; font-weight: 400; } .footer-1-content-1 a em { padding-right: 15px; } .footer-1-sub1 a { color: #fff; font-weight: 400; } .footer-1-content-1 a:hover, .footer-1-sub1 a.footer-1-readmore:hover, .footer-1-content-3 li a:hover { color: #9bab6a; } .footer-1-content-2 li { width: 32%; display: inline-block; float: left; padding-bottom: 2%; margin-right: 2%; } .footer-1-content-2 li:nth-child(3n+3) { margin-right: 0px; } .footer-1-content-2 li .photo-item img { width: 100%; max-width: 100%; } .footer-1-content-3 li { color: #3F3F3F; font-size: 14px; padding: 7px 0; border-bottom: 1px solid #363636; } .footer-1-content-3 li:last-child { border: none; } .footer-1-content-3 li em { font-size: 15px; padding-right: 13px; line-height: 23px; float: left; } .footer-bottom-1 { background: #152c53; padding: 20px 0; position: relative; border-top: 1px solid #8e8e8e; font-family: 'Open Sans'; color: #fff; } .footer-bottom1-copyright { float: left; } .footer-bottom1-copyright p { font-size: 16px; color: #fff; line-height: 35px; } .footer-bottom1-copyright p span, .footer-bottom1-copyright p a { color: #fff; font-weight: 400; } .footer-bottom1-socialicon { float: right; } .footer-bottom1-socialicon p { display: inline-block; font-size: 16px; color: #fff; line-height: 35px; text-transform: capitalize; } .footer-1-content-3 p { font-family: 'Open Sans'; font-size: 20px; } .footer-1-content-3 h4 { font-family: 'Open Sans'; font-size: 26px; color: #c3c1c3; font-weight: 700; } .footer-bottom1-socialicon ul { float: right; margin-left: 20px; } .footer-bottom1-socialicon li { display: inline-block; margin: 0 1px; } .footer-bottom1-socialicon a { color: #fff; font-weight: 400; } .footer-bottom1-socialicon a:hover { color: #9bab6a; } .bottom-top-scroll-1 a { color: #ffffff; font-size: 30px; width: 32px; height: 32px; line-height: 28px; text-align: center; background: #363636; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .bottom-top-scroll-1 a:hover { color: #9bab6a; } /*About-Banner*/ #about-page-banner-1 { background: #202020; } .about-page-banner-1 { padding: 165px 0 155px; } .about-page-banner-1 h1 { font-size: 45px; font-weight: 500; color: #ffffff; text-transform: none; padding-bottom: 7px; } .about-page-banner-1 p { font-size: 14px; line-height: 20px; color: #959595; text-transform: none; font-weight: 500; } .about-page-banner-1 p em { padding: 0 13px; } .about-page-banner-1 a:hover { color: #9bab6a; } .about-page-banner-1 span { color: #9bab6a; } /*end*/ #about-page-details-1 { width: 100%; float: left; } .about-page-details-1 h2 { font-size: 35px; line-height: 49px; font-weight: 500; text-transform: uppercase; color: #202020; padding-bottom: 15px; } .about-page-details-1 p { font-size: 14px; line-height: 22px; color: #969696; } .about-page-details-1 a.btn-readmore { font-size: 18px; color: #ffffff; padding: 13px 40px 11px; background: #9bab6a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; margin-top: 30px; } .about-page-details-1 a.btn-readmore:hover { background: #222; } .about-page-details-1-image { padding-right: 15px; } .about-page-details-1-content { padding-left: 15px; } .blog-1-button { padding: 75px 0; } .blog-1-button a.btn-seemore { font-size: 18px; color: #ffffff; background: #9bab6a; padding: 11px 54px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-transform: capitalize; display: inline-block; } .blog-1-button a.btn-seemore:hover { background: #222534; } /*-----CONTACT PAGE -----*/ #contact-page-1-map #gmap_canvas_1 { height: 575px; width: 100%; width: 100%; height: 575px; margin-top: 50px;} .contact-page-1-detail-title { border-bottom: 0px solid #5b5c95; } .contact-page-1-detail-title h2 { font-size: 40px; color: #fff; } .contact-page-1-detail-contact, .contact-page-1-detail-form { padding: 0px 0px; margin-bottom: 0px; } .contact-page-1-detail-contact p { font-size: 16px; line-height: 21px; color: #000000; } .contact-page-1-detail-form form { text-align: center; } .contact-page-1-detail-contact ul { padding-top: 15px; } .contact-page-1-detail-contact li { font-size: 16px; line-height: 21px; color: #9bab6a; border-bottom: 1px solid #9bab6a; width: 100%; float: left; padding: 10px 0 6px; } .contact-page-1-detail-contact li:last-child { border-bottom: none; } .contact-page-1-detail-contact li em { padding-right: 15px; line-height: 23px; float: left; color: #c2c2c2; } .contact-page-1-detail-contact li a:hover { color: #9bab6a; } .contact-page-1-detail-form input[type='text'], .contact-page-1-detail-form input[type='email'], .contact-page-1-detail-form input[type='tel'], .contact-page-1-detail-form input[type='password'], .contact-page-1-detail-form textarea { font-size: 14px; color: #000; height: auto; box-shadow: none; border: 1px solid #5b5c95; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 13px; background: #fff; padding: 13px 17px; width: 90%; margin-left: auto; margin-right: auto; } .label { width: 100%; } .contact-page-1-detail-form span { margin-right: 5px; margin-left: 2px; display: inline-block; margin-bottom: 10px; color: white; } .g-recaptcha.s_recaptcha { margin-bottom: 15px; } .form-style1 input[type='text'], .form-style1 input[type='email'], .form-style1 input[type='tel'], .form-style1 input[type='password'], .form-style1 textarea, .form-style1 select { font-size: 14px; color: #c2c2c2; height: auto; box-shadow: none; border: 1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 8px; background-color: #fafafa; padding: 10px 17px; width: 100%; display: block; line-height: 21px; } .form-style1 input[type='text']:focus, .form-style1 input[type='email']:focus, .form-style1 input[type='tel']:focus, .form-style1 input[type='password']:focus, .form-style1 textarea:focus { background: none; color: #363636; border: 1px solid #9bab6a; } .form-style1 select.cat_dropdown_smaller { max-width: 151px; } .contact-page-1-detail-form input[type='text']:last-child, .contact-page-1-detail-form textarea { margin-bottom: 4px; } .contact-page-1-detail-form input[type='text']:focus, .contact-page-1-detail-form textarea:focus { background: none; color: #363636; border: 1px solid #9bab6a; } .contact-page-1-button { padding-top: 8px; } .contact-page-1-button input[type='submit'].btn-submit, .contact-page-1-button button.btn-submit { font-size: 18px; background: #9bab6a; color: #ffffff; text-transform: capitalize; padding: 12px 55px 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: inline-block; border: none; } .contact-page-1-button input[type='submit'].btn-submit:hover { background: #222; } .contact-page-1-button p { font-size: 12px; line-height: 14px; font-weight: 500; color: #ccc; float: right; max-width: 565px; padding-left: 15px; padding-top: 10px; } .contact-page-1-form-text { padding-right: 15px; } .contact-page-1-form-textarea { padding-left: 15px; } /*----- CONTACT PAGE END -----*/ .promo-module .contact-page-1-detail-form { padding: 10px; background: #9bab6a; border: none; } .promo-module .contact-page-1-detail-form input { margin-bottom: 15px; } .promo-module .contact-page-1-detail-form { text-align: center; float: none;} .promo-module { border: 3px solid #9bab6a; background: #9bab6a; } .promo-module img { width: 100%; } .shop-page-1-sidebar { font-family: "Open Sans", sans-serif !important; } .shop-page-1-side { padding-bottom: 30px; } .shop-page-1-search form { position: relative; } .shop-page-1-search input[type='text'] { font-size: 13px; height: auto; box-shadow: none; border: 1px solid #e2e6e7; color: #6a6a6a; padding: 15px 12px 14px; margin: 0; } .shop-page-1-search a { position: absolute; top: 0; bottom: 0; right: 12px; line-height: 48px; } .shop-page-1-side .sidebar-1-title { padding-bottom: 10px; } .shop-page-1-side .sidebar-1-title h2 { font-size: 21px; color: #292b2c; font-family: "Open Sans", sans-serif !important; text-transform: capitalize; } /*----- INNER PAGE SIDEBAR -----*/ .sidebar-content.slider-red .filter-button { float: left; } .sidebar-content.slider-red .filter-button a.btn-filter { font-size: 12px; color: #ffffff; background: #e95d4f; padding: 13px 29px; text-transform: uppercase; display: inline-block; } .sidebar-content.slider-red .filter-button a.btn-filter:hover { background: #292b2c; } .sidebar-content.slider-red .filter-price { float: right; margin-top: 10px; } .sidebar-content.slider-red .filter-price span { float: left; text-transform: capitalize; font-size: 14px; line-height: 23px; color: #6a6a6a; } .sidebar-content.slider-red .filter-price input[type='text'] { padding: 0; height: auto; box-shadow: none; margin-bottom: 0; float: left; max-width: 84px; color: #e95d4f !important; border: none; text-align: right; font-size: 14px; line-height: 24px; font-weight: 400 !important; } .sidebar-content.slider-red .filter-price span.desh { color: #e95d4f; line-height: 20px; } .sidebar-content.slider-red .ui-slider { height: 4px; background-color: #ebebeb; margin: 30px 0 35px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; } .sidebar-content.slider-red .ui-slider-range { background-color: #a3a3a3; height: 4px; } .sidebar-content.slider-red .ui-slider-handle { width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #e95d4f; border: 1px solid #c2c2c2; top: -5px; } .inner-page-1-detail-contact, .inner-page-1-detail-form { padding: 40px 10px; background: #5b5c95; border: 1px solid #ccc; margin-bottom: 40px; } /*----- END INNER PAGE SIDEBAR -----*/ /*----- POSSIBLE DELETE -----*/ .shop-page-1-side .nav-pills .nav-item + .nav-item { margin-left: 0; } .shop-page-1-side .sidebar-content.categories .nav a { position: relative; font-size: 14px; color: #6a6a6a; padding: 18px 0; border-bottom: 1px solid #e2e6e7; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; line-height: normal; } .shop-page-1-side .sidebar-content.categories .nav .dropdown-toggle::after { display: none; } .shop-page-1-side .sidebar-content.categories .nav .dropdown-toggle::before { content: '\f105'; font-family: fontawesome; font-size: 16px; height: 16px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .shop-page-1-side .sidebar-content.categories .nav li:last-child a.nav-link { border-bottom: none; } .shop-page-1-side .sidebar-content.categories .nav li.open:last-child a.nav-link { border-bottom: 1px solid #e2e6e7; } .shop-page-1-side .sidebar-content.categories .dropdown-menu { position: inherit; padding: 0 0 0 15px; margin: 0; width: 100%; border: none; } .shop-page-1-side .sidebar-content.categories .nav-pills .nav-item.open .nav-link { background: inherit; color: inherit; } .shop-page-1-side .sidebar-content.categories .dropdown-item:focus, .dropdown-item:hover { background: inherit; } .shop-page-1-side .sidebar-content.recentryview figure { float: left; padding-right: 10px; } .shop-page-1-side .sidebar-content.recentryview figcaption { font-size: 14px; line-height: 24px; color: #6a6a6a; padding-top: 10px; } .shop-page-1-side .sidebar-content.recentryview li { border-bottom: 1px solid #f0f0f0; padding: 20px 0; } .shop-page-1-side .sidebar-content.recentryview li:last-child { border-bottom: none; padding-bottom: 0; } .shop-page-1-sub .shop-page-1-product figcaption { padding: 25px 0 45px; } .shop-page-1-sub .shop-page-1-product figcaption h3 { font-family: "Open Sans", sans-serif !important; font-size: 18px; line-height: 24px; color: #262626; text-transform: capitalize; } .shop-page-1-sub .shop-page-1-product figcaption p { font-family: "Open Sans", sans-serif !important; font-size: 18px; line-height: 24px; color: #e95d4f; } .shop-page-1-product figure { position: relative; } .shop-page-1-product .shop-page-1-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e95d4f; } .shop-page-1-product figure:hover .shop-page-1-overlay { display: block; } .shop-page-1-product .shop-page-1-overlay ul { position: absolute; margin: auto; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; display: flex; } .shop-page-1-product .shop-page-1-overlay ul li { display: inline-flex; } .shop-page-1-product .shop-page-1-overlay ul li a { font-size: 15px; width: 41px; height: 41px; line-height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; border: 2px solid; text-align: center; margin: 0 5px; } .shop-page-1-product .shop-page-1-overlay ul li a:hover { border: 1px solid #111111; color: #111111; } .shop-page-1-pagination .page-item:first-child .page-link, .shop-page-1-pagination .page-item:last-child .page-link { border-bottom-left-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-top-right-radius: 50%; } .shop-page-1-pagination { padding: 60px 0 34px; } .shop-page-1-pagination .pagination { margin: 0; } .shop-page-1-pagination .pagination li { padding: 0; background: none; margin: 0 4px; display: inline-block; } .shop-page-1-pagination .pagination li a { font-size: 14px; font-weight: 500; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 0; line-height: 32px; background: #f7f7f9; border: 1px solid #e6e6e6; font-weight: 700; color: #252525; display: block; } .shop-page-1-pagination .pagination li a:hover, .shop-page-1-pagination .pagination li.active a, .shop-page-1-pagination .pagination li.active a:hover { color: #00c1a6; background: #f7f7f9; border: 1px solid #e6e6e6; } .shop-page-1-pagination .pagination a, .shop-page-1-pagination .pagination button { padding: 0; } .pagination-next a::after, .pagination-next.disabled::after { display: none; } .fa-angle-left:before { content: "" !important; margin-right: 0 !important; } .team-page-1-sub { margin-bottom: 90px; } .team-page-1-sub figure { position: relative; overflow: hidden; } .team-page-1-sub figcaption { position: absolute; bottom: 0; background: #9bab6a; color: #ffffff; padding: 6px 0 40px; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; } .team-page-1-sub figcaption:after { position: absolute; content: ''; top: -99%; left: 0; width: 100%; height: 100%; -webkit-clip-path: polygon(0 62%, 0% 100%, 103% 100%); clip-path: polygon(0 62%, 0% 100%, 103% 100%); background: #9bab6a; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; } .team-page-1-sub figcaption:hover { background: #153045; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; opacity: 0.9; } .team-page-1-sub figcaption:hover:after { background: #153045; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; } .team-page-1-sub h3 { font-size: 16px; line-height: 24px; font-weight: 500; text-transform: uppercase; } .team-page-1-sub span { font-size: 14px; line-height: 24px; text-transform: capitalize; } .team-page-1-sub ul { font-size: 0; padding-top: 20px; } .team-page-1-sub ul li { display: inline-flex; padding-right: 11px; } .team-page-1-sub ul li a { width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 25px; text-align: center; color: #242633; font-size: 13px; background: #ffffff; } .team-page-1-sub ul li a:hover { color: #ffffff; background: #9bab6a; } .team-page-loadmore a.btn-loadmore1 { font-size: 18px; color: #ffffff; background: #252525; padding: 11px 49px; margin: 7px 0 0; text-transform: capitalize; display: inline-block; } .team-page-loadmore a.btn-loadmore1:hover { background: #9bab6a; } .team-page .column:last-child:not(:first-child), .team-page .columns:last-child:not(:first-child) { float: left; } .loadmore-display, .loadmore-display-1 { display: none; } #portfoliolist { overflow: hidden; } .portfolio-1-title h2 { font-size: 35px; color: #202020; text-transform: uppercase; } .portfolio-1-menu { padding-bottom: 45px; } .portfolio-1-menu ul { font-size: 0; } .portfolio-1-menu #filters li { display: inline-block; float: none; } .portfolio-1-menu #filters li span { text-transform: capitalize; font-size: 14px; line-height: 20px; font-weight: 500; color: #7e848e; padding: 11px 44px; border: 1px solid #e7e8ec; } .portfolio-1-menu #filters li span:hover { background: #df4a3b; color: #ffffff; border: 1px solid #df4a3b; } .portfolio-1-menu #filters li.active span { background: #df4a3b; color: #ffffff; border: 1px solid #df4a3b; } .portfolio-1 figure { position: relative; } .portfolio-1 figure:hover .portfolio-1-overlay { display: flex; } .portfolio-1 .portfolio-1-overlay { position: absolute; top: 0; left: 0; right: 0; justify-content: center; height: 100%; flex-direction: column; display: none; background-color: #202020; color: #ffffff; } .portfolio-1 .portfolio-1-overlay p a:hover { color: #df4a3b; } .portfolio-1 .portfolio-1-overlay p a { position: relative; display: inline-block; width: 32px; height: 33px; border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-weight: 600; margin: 0 8px 0 7px; } .portfolio-1 .portfolio-1-overlay p a em { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; line-height: 33px; font-size: 16px; } .portfolio-1 figcaption { padding: 26px 0; border: 1px solid #e7e8ec; border-top: none; } .portfolio-1 figcaption h3 { font-size: 14px; font-weight: 500; line-height: 21px; } .portfolio-1 figcaption span { font-size: 13px; font-weight: 500; line-height: 22px; color: #7e848e; } .portfolio-1 .portfolio-1-sub-content { margin: 25px 0; } .portfolio-1 .portfolio-wrapper { background: none; } .portfolio-1 #portfoliolist .portfolio { width: 33.33%; } .portfolio-page-1-btn a.btn-loadmore { font-size: 18px; color: #ffffff; background: #9bab6a; margin: 35px 0 0; text-transform: capitalize; display: inline-block; padding: 13px 40px; } .portfolio-page-1-btn a.btn-loadmore:hover { background: #202020; } .portfolio-1 .column:last-child:not(:first-child), .portfolio-1 .columns:last-child:not(:first-child) { float: left; } .faq-1 { float: left; width: 100%; } .faq-1-gk { padding-right: 60px; } .faq-2-gk { padding-left: 60px; } .gk-title { padding-bottom: 28px; } .gk-title h1 { font-size: 45px; font-weight: 300; color: #202020; text-transform: capitalize; } .faq-1 #accordion .card { border: none; margin-bottom: 0; } .faq-1 .card-header { padding: 0; background: none; border-bottom: none; } .faq-1 .card-header a { font-size: 18px; font-weight: 500; color: #9bab6a; padding: 22px 0 22px 25px; border: none; position: relative; display: block; } .faq-1 .card-header a.collapsed { color: #3d404b; border-bottom: 1px solid #e6e6e6; } .faq-1 .card-header a.collapsed:after { content: '\f489'; color: #3d404b; } .faq-1 .card-header a:after { content: '\f462'; position: absolute; font-family: 'Ionicons'; left: 0; top: 0; justify-content: center; height: 100%; flex-direction: column; display: flex; font-size: 16px; color: #9bab6a; } .faq-1 .card-block { padding: 0 30px 25px 0; border-bottom: 1px solid #e6e6e6; } .faq-1 .card-block p { font-size: 14px; line-height: 32px; color: #7e848e; } .faq-1 #accordion .card:last-child a.collapsed, .faq-1 #accordion .card:last-child .card-block { border-bottom: none; } ::i-block-chrome, .whatweoffer-sub-1 figure { margin: auto; position: relative; } ::i-block-chrome, .whatweoffer-sub-1 figure a { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; line-height: 150px; } ::i-block-chrome, .footer-bottom1-socialicon p { float: left; } ::i-block-chrome, .blog-sub-1 figure img { max-height: 392px; } ::i-block-chrome, .footer-1-content-2 li { margin-right: 0; } ::i-block-chrome, .portfolio-1 figure:hover .portfolio-1-overlay { display: block; } ::i-block-chrome, .portfolio-1 .portfolio-1-overlay p { position: absolute; height: 30px; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } ::i-block-chrome, .shop-page-1-product figure:hover .shop-page-1-overlay { display: block; } ::i-block-chrome, .shop-page-1-product .shop-page-1-overlay ul { height: 41px; width: 102px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } ::i-block-chrome, .faq-1 .card-header a:after { top: 23px; } ::i-block-chrome, .team-page-1-sub ul li { display: inline-block; padding-right: 6px; } ::i-block-chrome, .team-page-1-sub figcaption:after { display: none; position: absolute; content: ''; top: -49%; left: 0; width: 100%; height: 50%; -webkit-clip-path: polygon(0 62%, 0% 100%, 103% 100%); clip-path: polygon(0 62%, 0% 100%, 103% 100%); background: #9bab6a; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; } ::i-block-chrome, .team-page-1-sub figcaption:hover:after { display: none; background: #153045; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; } ::i-block-chrome, .team-page-1-sub figcaption:before { position: absolute; content: ''; top: -50px; width: 0; height: 0; border-bottom: 50px solid #9bab6a; border-right: 262px solid transparent; } ::i-block-chrome, .team-page-1-sub figcaption:hover:before { border-bottom: 50px solid #153045; } ::i-block-chrome, .shop-page-1-product figure:hover .shop-page-1-overlay { display: block; } /*----- END POSSIBLE DELETE -----*/ @media screen and (max-width: 1199px) { .home-1-top-bottom-120 { padding: 60px 0; } /*#banner-slider-1 { padding: 150px 0 60px; }*/ .banner-slider-1 h1 { font-size: 45px; } .banner-slider-1 p { font-size: 22px; } .banner-slider-1 .slick-dots { margin: 50px 0 0; } .banner-slider-1 .button, .awesomeworks-1-content a, .about-page-details-1 a.btn-readmore { font-size: 15px; } .banner-slider-1 .button { padding: 22px 50px 17px; } #about-1 { padding: 60px 0; } .about-1 p { font-size: 20px; } #whatweoffer-1 { padding: 60px 0; } #counter-1 { padding: 40px 0; } .counter-1 .count-part span { font-size: 30px; } .counter-1 .count-part h6 { font-size: 12px; } #awesomeworks-1 { padding: 60px 5px; } .awesomeworks-sub-1 { padding-top: 45px; } #testimonial-1 { padding: 60px 0 0; } .testimonial-1-content { padding: 60px 0; } .testimonial-1-content figcaption p:first-child { font-size: 13px; } .testimonial-1-content .slick-dots { margin: 50px 0 0; } .testimonial-1-slide { padding: 20px 0; } #purchasenow-1 { padding: 30px 0; } .purchasenow-1 p { font-size: 20px; } .purchasenow-1 a.button { padding: 9px 25px; } .footer-top-1 { padding: 60px 0 50px; } .about-page-banner-1 { padding: 125px 0 115px; } .contact-page-1-button p { max-width: 475px; padding-top: 5px; } .sidebar-content.slider-red .filter-button a.btn-filter { padding: 8px 18px; } .sidebar-content.slider-red .filter-price { margin-top: 5px; } .faq-1-gk { padding-right: 30px; padding-left: 20px; } } @media screen and (max-width: 1024px) { .home-1-top-bottom-120 { padding: 60px 0; } #header-1 .menu .one-column-dropdown ul { width: 150px; left: -10px; } #header-1 .menu .one-column-dropdown .one-column-submenu ul { left: 130px; } .whatweoffer-sub-1 { padding-top: 40px; } .whatweoffer-sub-1 figure { height: 120px; width: 120px; } .whatweoffer-sub-1 h3 { font-size: 18px; padding: 15px 0; } .whatweoffer-sub-1 p { line-height: 25px; padding-top: 10px; font-size: 13px; } .whatweoffer-sub-1 figcaption { padding-top: 20px; } .footer-bottom-1 { padding: 20px 0; } #about-page-details-1 { padding: 0 15px; } .about-page-details-1 h2 { padding-bottom: 0; font-size: 30px; } .about-page-details-1 a.btn-readmore { margin-top: 15px; } .home-1-top-bottom-50 { padding: 10px 0; } .blog-1-button { padding: 40px 0; } .blog-1-button a.btn-seemore { font-size: 15px; padding: 10px 40px; } .portfolio-1-menu { padding-bottom: 25px; } .portfolio-1 .portfolio-1-sub-content { margin: 15px 0; } .portfolio-page-1-btn a.btn-loadmore { font-size: 15px; padding: 11px 30px; } .contact-page-1-button p { max-width: 455px; } .shop-page-1-sub .shop-page-1-product figcaption { padding: 15px 0 25px; } .shop-page-1-sub .shop-page-1-product figcaption h3, .shop-page-1-sub .shop-page-1-product figcaption p { font-size: 15px; line-height: 18px; } .shop-page-1-pagination { padding: 20px 0 0; } .team-page-1-sub figcaption { padding: 6px 0 20px; } .team-page-1-sub h3 { font-size: 14px; line-height: 18px; } .team-page-1-sub span { font-size: 12px; } .team-page-1-sub ul { padding-top: 10px; } .team-page-1-sub { margin-bottom: 40px; } .faq-1-gk { padding: 0 15px; } .gk-title h1 { font-size: 32px; } .gk-title { padding-bottom: 10px; } .faq-1 .card-header a { font-size: 16px; padding: 15px 0 15px 25px; } .faq-1 .card-block p { font-size: 13px; line-height: 25px; } } @media screen and (max-width: 991px) { .home-1-top-50 { padding-top: 30px; } #header-1 .menu > ul > li > a { padding: 0 18px; } #header-1 .menu > ul > li > ul > li:nth-child(2) { padding-left: 25px; } #header-1 .menu > ul > li > ul > li a { font-size: 13px; } /*#banner-slider-1 { padding: 70px 0 60px; }*/ .banner-slider-1 h1 { font-size: 38px; } .banner-slider-1 p { font-size: 18px; } .banner-slider-1 .button, .awesomeworks-1-content a { padding: 10px 25px 8px; } #about-1 { padding: 40px 0; } .about-1 p { font-size: 18px; line-height: 22px; } .whatweoffer-1-title h2, .awesomeworks-1-content h2, .testimonial-1-title h2, .blog-1-title h2 { padding-bottom: 5px; } .whatweoffer-sub-1 p { padding: 15px 0; } .whatweoffer-sub-1 h3:before { left: 0; font-size: 90px; } .awesomeworks-1-content h2 { font-size: 22px; line-height: 30px; } .awesomeworks-1-slider-image, .awesomeworks-1-slider-image figure { height: 400px; } .awesomeworks-1-slider .slick-prev, .awesomeworks-1-slider .slick-next { top: 30px; } .awesomeworks-sub-1 { padding-top: 30px; } .awesomeworks-1-content p { padding: 15px 0; } .counter-1 .count-part span { font-size: 22px; } .counter-1 .count-part h6 { font-size: 11px; } #counter-1 { padding: 20px 0; } .blog-1-content h3 { font-size: 17px; } .blog-1-content p { padding: 5px 0; } .blog-1-content { padding: 30px 15px; } .purchasenow-1 p { font-size: 18px; } .purchasenow-1 a.button { margin-left: 20px; } .footer-top-1 { padding: 40px 0; } .footer-1-sub1 h1 { padding-top: 0; } .footer-1-sub1 p, .footer-1-content-1 a, .footer-1-content-3 li { font-size: 12px; } .footer-1-content-3 li em { font-size: 12px; padding-right: 4px; line-height: 20px; } .footer-1-title h2 { font-size: 15px; } .footer-1-content-1, .footer-1-content-3 { padding: 15px 0 0; } .footer-1-content-2 { padding: 26px 0 0; } .contact-page-1-detail-title h2 { font-size: 30px; } .contact-page-1-detail-contact, .contact-page-1-detail-form { padding-top: 15px; } .contact-page-1-detail-contact p { font-size: 12px; } .contact-page-1-form-text { padding-right: 5px; } .contact-page-1-form-textarea { padding-left: 5px; } .contact-page-1-button input[type='submit'].btn-submit { padding: 10px 30px 9px; font-size: 15px; } .contact-page-1-button p { max-width: 100%; padding-left: 0; padding-top: 10px; } .contact-page-1-detail-contact ul { padding-top: 0; } .contact-page-1-detail-form input[type='text'], .contact-page-1-detail-form textarea { font-size: 12px; padding: 10px 15px; } } @media screen and (max-width: 767px) { #header-1 .top-bar .navbar-header { display: block; } .fixed-menu #header-1 .menu-mobile.fa-bars::before { box-shadow: none !important; background: none !important; content: "\f00d"; font-size: 30px; font-family: fontawesome; margin-top: -9px; } #header-1 .top-bar-title div.search { display: block; } #header-1 .menu-container { padding-top: 0; } #header-1 .top-bar-title { float: right; margin: 0; } #header-1 .logo { padding: 0; } #header-1 .top-bar { padding: 15px 0; } #header-1 .top-bar-title a { font-size: 30px; margin: 0; top: 0; bottom: 0; transform: translateY(15%); float: left; } #header-1 .top-bar-title a:first-child { font-size: 18px; padding: 6px 15px; } #header-1 .menu li.search { display: none; } #header-1 .menu { float: none; } #header-1 .menu > ul { width: 100%; float: left; margin-top: 15px; } #header-1 .menu > ul > li { padding: 10px 15px; border-bottom: 1px solid #ffffff; background: #153045; } #header-1 .menu > ul > li a { color: #ffffff; padding: 0; display: inline-block; width: auto; } #header-1 .menu > ul > li:hover > a:after { display: none; } #header-1 .menu > ul > li > ul > li:nth-child(2), #header-1 .menu .one-column-dropdown li:nth-child(2) { padding-left: 0; } #header-1 .menu > ul > li > a.mega-menu:hover:after { display: none; } #header-1 .menu > ul > li > ul { background: inherit; border-top: none; width: 100%; } #header-1 .menu > ul > li > ul > li a { color: #ffffff; border-bottom: 1px solid #969696; width: 100%; padding-bottom: 3px; } #header-1 .menu > ul > li > ul > li > ul > li a { color: #ffffff; padding: 8px 0 3px; } #header-1 .menu > ul > li > ul > li > ul > li { padding: 0; } #header-1 .menu > ul > li > ul > li > ul { margin: 5px 0 0; } #header-1 .menu .one-column-dropdown, #header-1 .menu .one-column-dropdown .one-column-submenu, #header-1 .menu .one-column-dropdown .one-column-submenu ul { position: inherit; } #header-1 .menu .one-column-dropdown ul { width: 100%; padding: 0 0 0 20px; } #header-1 .menu .one-column-dropdown ul li a { color: #ffffff; border-bottom: none; width: auto; display: block; } #header-1 .menu .one-column-dropdown ul li { margin-top: 5px; border-bottom: 1px solid #969696; padding: 0; } #header-1 .menu .one-column-dropdown .one-column-submenu ul { background: inherit; padding: 0 0 0 10px; margin-top: 0; } #header-1 .menu .one-column-dropdown .one-column-submenu ul li:last-child { border-bottom: none; } #header-1 .menu .one-column-dropdown .one-column-submenu:before { display: block; position: relative; z-index: 9; cursor: pointer; float: right; color: #ffffff; border-top: 6px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent; } #banner-slider-1 { padding: 40px 0; } .banner-slider-1 h1 { font-size: 30px; } .banner-slider-1 p { font-size: 16px; } .banner-slider-1 .slick-dots { margin: 30px 0 0; } #about-1 { padding: 30px 0; } .about-1 p { font-size: 16px; } .whatweoffer-1-title h2, .testimonial-1-title h2, .blog-1-title h2 { font-size: 26px; } .awesomeworks-1-content h2 { font-size: 18px; } .whatweoffer-sub-1 figure { padding: 30px 0; } .whatweoffer-sub-1 h3 { font-size: 16px; } .whatweoffer-sub-1 p { font-size: 12px; line-height: 20px; } .awesomeworks-1-slider { width: 100%; } .awesomeworks-sub-1 { padding-bottom: 50px; text-align: center; } .awesomeworks-1-slider-image, .awesomeworks-1-slider-image figure { height: 350px; } .blog-1-content h3 { font-size: 14px; } .blog-1-content p { font-size: 12px; } .blog-1-content p.blog-1-date { font-size: 11px; } .blog-1-content a.blog-1-continuereading { font-size: 13px; } .blog_view .blog-list figure figcaption { padding: 13px 15px; } ul.blog_tag li { margin-right: 15px; } .testimonial-1-slide { padding: 20px 0; } #testimonial-1 { padding: 40px 0 0; } .testimonial-1-content { padding: 40px 0; } .home-1-top-bottom-120 { padding: 40px 0; } .purchasenow-1 p { font-size: 14px; } .purchasenow-1 a.button { font-size: 12px; } .blog-1-content { padding: 20px 15px; } .footer-bottom1-copyright p, .footer-bottom1-socialicon p { font-size: 12px; } .footer-bottom1-socialicon ul { margin-left: 5px; } .footer-1-sub1 p, .footer-1-content-1 a, .footer-1-content-3 li { font-size: 14px; } .about-page-details-1-image { padding-right: 0; padding-bottom: 15px; } .about-page-details-1-content { padding-left: 0; } .about-page-details-1 h2 { font-size: 27px; } .about-page-details-1 p { font-size: 13px; } .portfolio-1 #portfoliolist .portfolio { width: 50%; } .portfolio-1 .portfolio-1-overlay p { font-size: 22px; } .portfolio-1 figcaption h3 { font-size: 12px; } .portfolio-page-1-btn a.btn-loadmore { font-size: 13px; padding: 10px 25px; } .contact-page-1-button p { max-width: 100%; padding-left: 0; } .contact-page-1-form-textarea { padding-left: 0; } #contact-page-1-detail .contact-page-1-detail-sub1 { padding-bottom: 5px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; } .contact-page-1-detail-form input[type='text']:last-child, .contact-page-1-detail-form textarea { margin-bottom: 10px; } .contact-page-1-detail-contact p { font-size: 13px; } .shop-page-1-sub .medium-4, .shop-page-2-sub .medium-4 { width: 50%; } .shop-page-1-side { padding-bottom: 15px; } .shop-page-1-side .sidebar-1-title h2 { font-size: 18px; } .shop-page-1-side .sidebar-content.categories .nav a { padding: 15px 0; } .shop-page-1-side .sidebar-1-title { padding-bottom: 0; } .shop-page-1-sub, .shop-page-2-sub { padding-top: 10px; } .shop-page-1-search input[type='text'] { padding: 12px 10px; } .shop-page-1-search a { line-height: 42px; } .sidebar-content.slider-red .filter-button a.btn-filter { padding: 8px 25px; } .sidebar-content.slider-red .ui-slider { margin: 15px 0 20px; } .shop-page-1-side .sidebar-content.recentryview figure { width: 60px; } .shop-page-1-side .sidebar-content.recentryview li { padding: 10px 0; } .team-page-loadmore a.btn-loadmore1 { padding: 8px 20px; } .team-page-loadmore a.btn-loadmore1 { font-size: 13px; } .gk-title h1 { font-size: 30px; } .faq-1 .card-block p { font-size: 13px; line-height: 25px; } } @media screen and (max-width: 667px) { .footer-bottom1-socialicon li { margin: 0; } .footer-bottom-1 { padding: 10px 0; } .whatweoffer-sub-1 figure { width: 100px; height: 100px; } .whatweoffer-sub-1 figure a { font-size: 24px; } .about-page-banner-1 { padding: 95px 0 85px; } .about-page-banner-1 h1 { font-size: 35px; } .about-page-details-1 a.btn-readmore { padding: 10px 20px 8px; } .about-page-details-1 h2 { font-size: 25px; } .banner-slider-1 .button, .awesomeworks-1-content a, .about-page-details-1 a.btn-readmore { font-size: 13px; } .blog-1-button a.btn-seemore { font-size: 13px; padding: 8px 20px; } .blog-1-button { padding: 20px 0; } #contact-page-1-detail .medium-4 { width: 100%; } #contact-page-1-detail .medium-8 { width: 100%; } .contact-page-1-button input[type='submit'].btn-submit { padding: 8px 20px 7px; font-size: 14px; } .shop-page-1-side .sidebar-content.categories .nav a { padding: 10px 0; } .shop-page-1-side .sidebar-content.recentryview figcaption { line-height: 16px; } .portfolio-1-menu #filters li span { font-size: 12px; padding: 8px 30px; } } @media screen and (max-width: 639px) { .banner-slider-1 h1 { font-size: 25px; } .whatweoffer-sub-1 h3:before { display: none; } .whatweoffer-1-title h2, .testimonial-1-title h2, .blog-1-title h2 { font-size: 22px; } .whatweoffer-1-caption { max-width: 320px; margin: auto; padding: 8px 0; } .awesomeworks-sub-1 { padding-bottom: 50px; text-align: center; } .blog-sub-1 figure.blog-1-figure-2:after { position: absolute; content: ''; top: 0; left: 0; right: 0; margin: 0 auto auto; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ffffff; } .blog-1-content-border:before { border-left: 1px solid #dedede; right: 0; } .blog-1-content-border:after { border-left: 1px solid #dedede; } .blog-2-content-border:before, ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 .blog-1-content-border:before { border-right: 1px solid #dedede; right: 0; } .blog-2-content-border:after, ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 .blog-1-content-border:after { border-right: 1px solid #dedede; } .awesomeworks-1-slider-image, .awesomeworks-1-slider-image figure { height: 250px; } .counter-1 .count-part h6 { font-size: 10px; } .footer-1-sub2, .footer-1-sub3, .footer-1-sub4 { margin-top: 20px; } .footer-bottom1-copyright p, .footer-bottom1-socialicon p, .testimonial-1-content figcaption p:first-child { font-size: 12px; } .footer-bottom1-socialicon ul { margin-left: 5px; } .bottom-top-scroll-1 a { font-size: 18px; width: 28px; height: 28px; margin: auto 20px auto auto; } .footer-bottom1-socialicon a { font-size: 12px; width: 28px; height: 28px; line-height: 28px; } .footer-bottom1-socialicon { float: left; } .about-page-banner-1 { padding: 55px 0 65px; } .portfolio-1 figcaption { padding: 10px 0; } .contact-page-1-form-text { padding-right: 0; } .contact-page-1-form-textarea { padding-left: 0; } .contact-page-1-detail-form input[type='text'], .contact-page-1-detail-form textarea { padding: 8px 15px; } .shop-page-1-sub { padding-top: 10px; } .faq-1 .card-header a { font-size: 14px; } .faq-1 .card-block { padding: 0 0 10px; } .faq-1 .card-block p { line-height: 22px; } } @media screen and (max-width: 575px) { #search-container-1 { margin: 15px auto; } #search-container-1 input[type="text"], #search-container-1 input[type="submit"] { font-size: 14px; } .blog-sub-1 figure.blog-1-figure-1:after, ul.blog-list-01 li.blog-1:nth-child(2n + 2) .blog-sub-1 figure.blog-1-figure-1:after { position: absolute; content: ''; left: 0; bottom: 0; right: 0; margin: auto auto 0; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; } .blog-1-content-border, .blog-2-content-border { height: auto !important; } .blog-1-content { padding: 25px 15px 10px; } .counter-1 .count-part { width: 100%; border-right: none; } .counter-1 .count-part h6 { font-size: 12px; } .portfolio-1 #portfoliolist .portfolio { width: 100%; } .portfolio-1-menu #filters li span { padding: 8px 20px; font-size: 12px; } .portfolio-1 .portfolio-1-sub-content { margin: 15px auto; max-width: 360px; } .portfolio-1 .portfolio-1-overlay p a { width: 27px; height: 27px; } .portfolio-1 .portfolio-1-overlay p a em { font-size: 11px; line-height: 27px; } #contact-page-1-map #gmap_canvas_1 { margin-top; 50px; height: 300px !important; } } @media screen and (max-width: 480px) { #header-1 .header-top a { font-size: 12px; } .team-page-1-sub ul li { padding-right: 5px; } .team-page-1-sub ul { padding-top: 0; } .team-page-1-sub figcaption { padding: 0 0 10px; -webkit-transform: translateY(45%); -moz-transform: translateY(45%); } .shop-page-1-sub .col-xs-6 { width: 100%; } .shop-page-1-product { max-width: 300px; } } @media screen and (max-width: 479px) { #header-1 .social-icon li, #header-1 .login-cart li:first-child, #header-1 .login-cart em { padding-right: 5px; } .banner-slider-1 h1 { font-size: 17px; } .banner-slider-1 p { font-size: 12px; } .banner-slider-1 .button, .awesomeworks-1-content a { font-size: 12px; padding: 7px 20px 5px; } .banner-slider-1 .slider-button { margin-top: 30px; } .about-1 p, .about-1 span { font-size: 14px; } #whatweoffer-1 { padding: 30px 0; } .whatweoffer-1-title p, .testimonial-1-title p { font-size: 12px; } #awesomeworks-1 { padding: 30px 0; } .awesomeworks-1-content h2 { font-size: 16px; line-height: 22px; } .awesomeworks-1-slider-image, .awesomeworks-1-slider-image figure { width: 100%; } .blog-1-content h3 { font-size: 13px; } .blog-1-content p { line-height: 22px; } .blog_view .blog-list figure figcaption { position: static; } .purchasenow-1 p { font-size: 12px; } .purchasenow-1 a.button { padding: 7px 14px; margin: 15px 0 0; } .footer-1-content-3 li em { font-size: 14px; padding-right: 15px; line-height: 21px; } .footer-bottom1-copyright p, .footer-bottom1-socialicon p, .testimonial-1-content figcaption p:first-child { font-size: 12px; } .footer-bottom1-socialicon ul { margin-left: 10px; } .home-1-top-bottom-100 { padding: 30px 0; } .about-page-banner-1 h1 { font-size: 30px; } .portfolio-1-menu #filters li span { padding: 5px 10px; font-size: 11px; } .portfolio-page-1-btn a.btn-loadmore { margin: 20px 0 0; } } @media screen and (max-width: 413px) { .team-page.team-page-1 .col-md-3.col-xs-6 { width: 100%; } .team-page-1-sub figure img { display: block; } } @media screen and (max-width: 379px) { #search-container-1 { margin: 10px auto; } #search-container-1 input[type="text"], #search-container-1 input[type="submit"] { font-size: 12px; } .footer-bottom1-copyright p { font-size: 11px; } .bottom-top-scroll-1 a { margin: auto 10px auto auto; } .footer-bottom1-socialicon ul { margin-left: 3px; } .blog-1-content { padding: 25px 10px 10px; } .about-page-details-1 h2 { font-size: 22px; } .gk-title h1 { font-size: 25px; } } /* ******************************* */ /* START OF TEMPLATE VERSION 2 CSS */ /* ******************************* */ body#home-2, body#home-2 h1, body#home-2 h3, body#home-2 h4, body#home-2 h5, body#home-2 h6 { font-family: "Open Sans", sans-serif; margin: 0; } #home-2 h2 { font-family: "Lato", sans-serif; font-weight: 500; margin: 0; } #home-2 #status { background-image: url(../images/header/loader-2.png); } #home-2 .button { background-color: #00c1a6; border-color: #00c1a6; } #home-2 .button:hover { background-color: #153045; border-color: #153045; color: #ffffff; } #home-2 .button.primary { background-color: #153045; border-color: #153045; } #home-2 .button.primary:hover { background-color: #00c1a6; border-color: #00c1a6; } #home-2 .button.secondary { background-color: #ffffff; color: #153045; } #home-2 .button.secondary:hover { background-color: #153045; color: #ffffff; border-color: #00c1a6; } .home-2-top-bottom-100 { padding: 100px 0; } .home-2-top-bottom-110 { padding: 110px 0; } #search-container-2 { display: none; background: #ffffff; margin: 20px auto; } #search-container-2 input[type="text"], #search-container-2 input[type="submit"] { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 16px; } #search-container-2 input[type="text"] { background: none; width: 100%; padding: 8px; margin-bottom: 0; box-shadow: none; } #search-container-2 input[type="submit"] { padding: 9px 0; color: #ffffff; border: none; background: #00c1a6; -webkit-appearance: none; transition: background-color 4pxs ease-in, color 4pxs ease-out; } #search-container-2 input[type="submit"]:hover { background: #153045; } #header-2 .header-top-2 { padding: 10px 0; background: #222533; } #header-2 .header-top-2-website-title { float: left; } #header-2 .header-top-2-website-title p { font-size: 14px; color: #858585; } #header-2 .social-icon { float: right; } #header-2 .social-icon li { display: inline-block; padding-left: 20px; } #header-2 .social-icon li:first-child { padding-left: 0; } #header-2 .social-icon li a { color: #ffffff; font-size: 14px; } #header-2 .social-icon li a:hover { color: #00c1a6; } #header-2 .header-top-2-sub { background: #153045; padding: 45px 0 65px; } #header-2 .logo-2 { float: left; } #header-2 .logo-2 h1 { font-size: 24px; font-weight: 900; text-transform: uppercase; color: #ffffff; } #header-2 .logo-2 h1 span { color: #00c1a6; } #header-2 .header-top-2-contact { float: right; } #header-2 .header-top-2-contact-detail { padding-right: 54px; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #header-2 .header-top-2-contact-detail:last-child { padding-right: 0; } #header-2 .header-top-2-contact-sub h3 { font-size: 13px; color: #ffffff; font-weight: 600; text-transform: uppercase; } #header-2 .header-top-2-contact-sub h3 span { display: block; font-weight: 400; line-height: 26px; text-transform: none; } #header-2 .header-top-2-contact-sub figure { padding-right: 18px; } #header-2 { float: left; width: 100%; } #header-2 .top-bar .container { background: -moz-linear-gradient(left, white 0%, white 100%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, white 0%, white 100%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 0%, white 100%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white', endColorstr='#00ffffff', GradientType=1); } #header-2 .top-bar .navbar, #header-3 .top-bar .navbar { padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #header-2 .top-bar .navbar-header { display: none; } #header-2 .navbar-nav .nav-item + .nav-item { margin-left: 0; } #header-2 .dropdown-toggle::after { display: none; } #header-2 .top-bar-section { float: right; } #header-2 .nav { width: auto; float: left; } #header-2 .nav li { display: inline-block; float: none; } #header-2 .top-bar { position: relative; padding: 0; margin-top: -20px; background: -moz-linear-gradient(left, white 0%, white 1%, white 40%, white 41%, white 69%, white 70%, rgba(247, 247, 247, 0) 71%, transparent 100%); background: -webkit-linear-gradient(left, white 0%, white 1%, white 40%, white 41%, white 69%, white 70%, rgba(247, 247, 247, 0) 71%, transparent 100%); background: linear-gradient(to right, white 0%, white 1%, white 40%, white 41%, white 69%, white 70%, rgba(247, 247, 247, 0) 71%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white', endColorstr='$black', GradientType=1); } #header-2 .top-bar, .top-bar ul { background-color: inherit; } #header-2 .navbar-nav > li > a { font-family: "Opens", sans-serif; padding: 28px 10px; font-size: 14px; color: #484848; font-weight: 900; text-transform: uppercase; line-height: 25px; } #header-2 .navbar-nav a:hover { color: #0f2f85; } #header-2 .navbar-nav > li { padding: 0 23px; } #header-2 .navbar-nav > li:first-child, #header-2 .navbar-nav > li:first-child > a { padding-left: 0; } #header-2 .navbar-nav li a:hover, #header-2 .navbar-nav li.active a { color: #00c1a6; position: relative; } #header-2 .navbar-nav li a { position: relative; } #header-2 .navbar-nav li a span.fa { position: absolute; top: 33px; right: -8px; } #header-2 .navbar-nav li a:before, #header-2 .navbar-nav li.active a:before { content: ''; position: absolute; top: 0; left: 0; width: 1005; height: 3px; background: #00c1a6; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform .1s; transition: transform 0.1s; } #header-2 .navbar-nav li a:hover::before, #header-2 .navbar-nav li.active a:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: .3s; transition-duration: 0.3s; } #header-2 .navbar-nav.medium-horizontal > li { display: inline-block; } #header-2 .navbar-nav .active a { color: #00c1a6; background: none; } #header-2 .navbar-nav .button { text-transform: uppercase; margin: 0 0 0 15px; font-size: 12px !important; padding: 18px 14px; font-weight: 500; } #header-2 .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 0 !important; } #header-2 .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: none !important; } #header-2 .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { left: -9%; top: 80px; background: #1d1d1d; padding: 0; min-width: 250px; border: none; padding: 0 0; margin: 0; } #header-2 .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu a { color: #ffffff; padding: 20px 15px 20px 30px; display: block; } #header-2 .is-dropdown-submenu > li { position: relative; } #header-2 .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { left: -33px; } #header-2 .dropdown-menu { background: #ffffff; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; margin: 0; padding: 0; min-width: 180px; left: -20px; } #header-2 .dropdown-menu a { padding: 10px 20px; font-size: 15px; color: #5a5e6e; font-weight: 500; text-transform: capitalize; border-bottom: 1px dotted #e3e3e3; } #header-2 .dropdown-menu li { display: block; } #header-2 .dropdown-submenu { position: relative; } #header-2 .dropdown-submenu .dropdown-menu { top: 0; left: 100%; } #header-2 a.test:after { content: ''; display: block; width: 0px; height: 0px; border: 6px inset; position: absolute; top: 50%; margin-top: -4px; right: 16px; border-color: transparent transparent transparent #00c1a6; border-left-style: solid; border-right-width: 0; } #header-2 .header-2-user-section { padding-right: 35px; } #header-2 .header-2-user-section li { display: inline-block; padding-left: 15px; } #header-2 .header-2-user-section li:first-child { padding-left: 0; } #header-2 .header-2-user-section li a { font-size: 14px; line-height: 25px; padding: 28px 0; } #header-2 .header-2-user-section li a:hover { color: #00c1a6; } #banner-section-2 { background: #0d1821; padding: 140px 0 245px; position: relative; margin-top: -61px; z-index: -1; } .banner-section-2 { margin-top: 50px; color: #ffffff; text-transform: uppercase; } .banner-section-2 h1 { font-size: 64px; font-weight: 700; padding-bottom: 15px; } .banner-section-2 p { font-size: 16px; line-height: 24px; font-weight: 700; max-width: 440px; margin: auto; } .banner-section-2 h4 { font-size: 25px; } #banner-section-2 a.move-down { position: absolute; bottom: 40px; margin: auto; line-height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 28px; color: inherit; border: 1px solid #ffffff; width: 48px; height: 48px; left: 0; right: 0; color: #ffffff; } #banner-section-2 a.move-down:hover { color: #00c1a6; border: 1px solid #00c1a6; } .banner-section-2 input[type='text'] { font-size: 14px; height: auto; padding: 6px 8px; width: 100%; margin-bottom: 16px; vertical-align: -2px; } .banner-section-2 input[type='text']:nth-child(2) { margin-bottom: 11px; } .banner-section-2 input[type='checkbox'] { margin-right: 10px; margin-bottom: 16px; } .banner-section-2 span { font-size: 12px; } .banner-section-2 .getthebook { background: #00c1a6; padding: 13px 21px; font-size: 14px; color: #ffffff; border: none; } .banner-section-2 .getthebook:hover { background: #153045; } /*----- POSSIBLE DELETE -----*/ #whatweoffer-2 { padding: 90px 0; } .whatweoffer-2-title { max-width: 600px; margin: 0 auto; } .whatweoffer-2-title h2 { font-size: 35px; color: #202020; text-transform: uppercase; padding-bottom: 12px; } .whatweoffer-2-title p { font-family: "Lato", sans-serif !important; font-size: 14px; color: #a0a0a0; } .whatweoffer-sub-2-content { padding: 45px 0; -webkit-box-shadow: 0 0 11px 3px #f8f8f8; -moz-box-shadow: 0 0 11px 3px #f8f8f8; box-shadow: 0 0 11px 3px #f8f8f8; } .whatweoffer-sub-2 { padding-top: 38px; } .whatweoffer-sub-2 img { width: auto; } .whatweoffer-sub-2 h3 { font-size: 22px; color: #242424; font-weight: 700; position: relative; padding: 37px 0 17px; } .whatweoffer-sub-2 h3:after { content: ''; position: absolute; width: 40px; height: 2px; background: #333; left: 0; right: 0; margin: auto; bottom: 0; } .whatweoffer-sub-2 p { font-size: 14px; line-height: 22px; color: #969696; padding: 30px 0; max-width: 255px; margin: auto; } .whatweoffer-sub-2 a.button { font-size: 15px; line-height: 15px; font-weight: 700; text-transform: uppercase; padding: 18px 27px; background: #00c1a6; color: #ffffff; } .whatweoffer-sub-2 a.button:hover { background: #153045; } .offer-2 h1 { font-family: "Lato", sans-serif !important; font-size: 35px; line-height: 44px; color: #202020; font-weight: 500; text-transform: uppercase; } .offer-2 p { font-family: "Lato", sans-serif; font-size: 14px; line-height: 24px; color: #a0a0a0; } .offer-2-content { padding-top: 100px; } .offer-2 form { position: relative; margin-top: 45px; } .offer-2 form input[type='text'] { font-family: "Lato", sans-serif; font-size: 14px; color: #c2c2c2; padding: 10px 20px 11px; margin: 0; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #ebebeb; } .offer-2 form button[type='submit'] { position: absolute; top: 0; right: 0; font-family: "Lato", sans-serif; font-size: 15px; color: #ffffff; background: #00c1a6; text-transform: uppercase; padding: 14px 19px; border: none; } .offer-2 form button[type='submit']:hover { background: #153045; } /*----- END POSSIBLE DELETE -----*/ #testimonial-2 { padding: 100px 0; } .testimonial-2-title { max-width: 600px; margin: 0 auto; padding: 0 15px; } .testimonial-2-title h2 { font-size: 35px; color: #202020; text-transform: uppercase; padding-bottom: 12px; } .testimonial-2-title p { font-family: "Lato", sans-serif; font-size: 14px; color: #a0a0a0; } .testimonial-2-content { padding: 90px 0 0; } .testimonial-2-slide { padding: 60px 0 26px; background: #f7f7f9; position: relative; margin-top: 35px; margin-bottom: 10px; -webkit-box-shadow: 0 4px 8px 1px #f0f0f0; -moz-box-shadow: 0 4px 8px 1px #f0f0f0; box-shadow: 0 4px 8px 1px #f0f0f0; } .testimonial-2-slide:hover:before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 2px; background: #00c1a6; } .testimonial-2-content figure { position: absolute; top: -35px; left: 0; right: 0; margin: auto; width: 71px; height: 71px; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 2px solid #00c1a6; } .testimonial-2-content figcaption { max-width: 260px; margin: auto; } .testimonial-2-content figcaption p { font-size: 14px; color: #838383; line-height: 22px; padding-bottom: 35px; } .testimonial-2-content figcaption h3 { font-size: 18px; color: #323232; font-weight: 700; text-transform: uppercase; padding-top: 30px; position: relative; } .testimonial-2-content figcaption h3:before { content: ''; position: absolute; top: 0; margin: auto; width: 60px; height: 3px; background: #00c1a6; left: 0; right: 0; } .testimonial-2-content figcaption span { font-size: 14px; line-height: 22px; color: #838383; display: block; } .testimonial-2-slider .slick-prev, .testimonial-2-slider .slick-next { font-size: 0; position: absolute; top: 9%; bottom: 0; margin: auto; background: none; border: none; } .testimonial-2-slider .slick-prev { left: -25px; } .testimonial-2-slider .slick-next { right: -25px; } .testimonial-2-slider .slick-prev:after, .testimonial-2-slider .slick-next:after { font-family: fontawesome; font-size: 50px; } .testimonial-2-slider .slick-prev:after { content: ""; } .testimonial-2-slider .slick-next:after { content: ""; } #blog-2 { background: #f5f6f8; } .blog-2 { padding: 50px 0 0; } .blog-2-title { max-width: 600px; margin: 0 auto; } .blog-2-title h2 { font-size: 35px; color: #202020; text-transform: uppercase; padding-bottom: 12px; } .blog-2-title p { font-size: 14px; color: #a0a0a0; font-family: "Lato", sans-serif; } .blog-2-content { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .blog-2-content figcaption { padding: 25px 15px; } .blog-2-content h3 { font-size: 18px; line-height: 20px; color: #323232; padding-bottom: 15px; } .blog-2-content p { font-size: 14px; line-height: 22px; color: #838383; margin-bottom: 20px; } .blog-2-content figure img { -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } .blog-2-content-sub { border: 1px solid #e9eaec; border-top: none; background: #ffffff; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -ms-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } .blog-2-social { border-top: 1px solid #e9eaec; padding: 15px; } .blog-2-social .blog-2-date { float: left; } .blog-2-social .blog-2-comments { float: right; } .blog-2-social span { font-size: 13px; color: #848994; line-height: 22px; } .blog-2-social em { padding-right: 5px; } .blog-2-social .blog-2-comments span:first-child { padding-right: 15px; } .blog-page-2-content { padding-bottom: 45px; } /*----- SERVICES -----*/ #service-2 { background: #153045; padding: 130px 0; position: relative; } .service-2 { position: relative; z-index: 1; } #service-2:after { position: absolute; content: ''; right: 0; bottom: 0; background: url(/_assets/image/service/service-bg-mobile.png) no-repeat; width: 292px; height: 402px; background-size: contain; } .service-2 img { width: auto; } .service-2 figure { padding-bottom: 25px; } .service-2 h3 { font-size: 22px; color: #00c1a6; padding-top: 25px; } .service-2 h3 span { color: #ffffff; } .service-2 p { color: #ffffff; font-size: 14px; line-height: 22px; padding: 15px 0; } .service-2 a.learnmore { color: #ffffff; font-size: 15px; text-transform: uppercase; padding-top: 30px; display: inline-block; position: relative; } .service-2 a.learnmore:before { position: absolute; content: '\f141'; font-family: fontawesome; top: 0; left: 0; right: 0; margin: auto; } .service-2 a.learnmore:hover { color: #00c1a6; } .service-2-horizontal-line { position: relative; } .service-2-horizontal-line:before { content: ''; position: absolute; width: 100%; height: 1px; background: #1e384c; left: 0; top: 80px; } /*----- SERVICES -----*/ .footer-top-2 { background: #252525; padding: 70px 0; } .footer-2-sub1 h1 { font-size: 24px; font-weight: 900; text-transform: uppercase; color: #ffffff; padding: 10px 0 15px; } .footer-2-sub1 h1 span { color: #00c1a6; } .footer-2-sub1 p { font-family: "Open Sams", sans-serif; font-size: 14px; line-height: 20px; color: #3F3F3F; padding: 10px 0; } .footer-2-sub1 p:nth-child(3) { padding-bottom: 7px; } .footer-2-sub1 a.footer-2-readmore { font-family: "Open Sans", sans-serif !important; font-weight: 700; font-size: 14px; line-height: 20px; color: #3F3F3F; text-transform: capitalize; } .footer-2-sub1 a em { padding-left: 5px; } .footer-2-title { border-bottom: 1px solid #363636; padding: 0 0 7px; } .footer-2-title h2 { font-family: "Open Sans", sans-serif !important; font-size: 18px; line-height: 36px; color: #ffffff; font-weight: 800 !important; text-transform: uppercase; } .footer-2-content-1, .footer-2-content-3 { padding: 10px 0 0; } .footer-2-content-2 { padding: 33px 0 0; } .footer-2-content-1 li { padding: 6px 0; border-bottom: 1px solid #363636; } .footer-2-content-1 li:last-child { border: none; } .footer-2-content-1 a { font-family: "Open Sans", sans-serif !important; font-size: 14px; line-height: 20px; color: #3F3F3F text-transform: capitalize; font-weight: 500; } .footer-2-content-1 a em { padding-right: 15px; } .footer-2-content-1 a:hover, .footer-2-sub1 a.footer-2-readmore:hover, .footer-2-content-3 li a:hover { color: #00c1a6; } .footer-2-content-3 li { font-family: "Open Sans", sans-serif !important; font-weight: 500; color: #3F3F3F; font-size: 14px; padding: 7px 0; border-bottom: 1px solid #363636; } .footer-2-content-3 li em { font-size: 15px; padding-right: 13px; line-height: 23px; float: left; } .footer-2-socialicon p { display: inline-block; font-size: 13px; color: #777; line-height: 35px; text-transform: capitalize; } .footer-2-socialicon ul { padding-top: 15px; } .footer-2-socialicon li { display: inline-block; margin: 0 8px 0 0; border: none; } .footer-2-socialicon a { font-size: 14px; color: #585858; width: 32px; height: 32px; line-height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid; } .footer-2-sub1 { max-width: 275px; margin: auto auto auto 0; } .footer-2-sub2 { max-width: 275px; margin: auto; } .footer-2-sub3 { max-width: 275px; margin: auto 0 auto auto; } .footer-bottom-2 { background: #111111; padding: 30px 0; } .footer-bottom-2 p { font-family: "Open Sans", sans-serif !important; font-size: 14px; color: #989898; font-weight: 500; } /*----- ABOUT PAGE -----*/ #about-page-banner-2 { background: #0d1821; margin-top: -61px; z-index: -1; position: relative; } .about-page-banner-2 { padding: 171px 0 110px; } .about-page-banner-2 h1 { font-size: 50px; font-weight: 700; color: #ffffff; text-transform: uppercase; float: left; } .about-page-banner-2 p { font-size: 13px; line-height: 70px; color: #ffffff; text-transform: uppercase; font-weight: 700; float: right; } .about-page-banner-2 p em { padding: 0 13px; } .about-page-banner-2 a:hover { color: #00c1a6; } #about-page-details-2 { padding: 175px 0 135px; } .about-page-details-2 h2 { font-size: 35px; text-transform: uppercase; color: #202020; padding-top: 70px; } .about-page-details-2 p { font-family: "Lato", sans-serif; font-size: 15px; line-height: 24px; color: #585858; padding: 17px 0; } .about-page-details-2 a.btn-readmore { font-size: 15px; color: #ffffff; padding: 11px 26px; background: #00c1a6; text-transform: uppercase; display: inline-block; font-weight: 700; margin-top: 11px; } .about-page-details-2 a.btn-readmore:hover, .blog-2-btn a.btn-loadmore:hover { background: #153045; } .about-page-details-2 figure { position: relative; } .about-page-details-2 figure img { width: 84%; -webkit-box-shadow: 0 3px 21px 0 rgba(194, 194, 194, 0.75); -moz-box-shadow: 0 3px 21px 0 rgba(194, 194, 194, 0.75); box-shadow: 0 3px 21px 0 rgba(194, 194, 194, 0.75); } .about-page-details-2 .border-box { position: absolute; top: -8%; left: 10%; width: 83%; height: 94%; border: 10px solid #00c1a6; z-index: -1; } /*----- END ABOUT PAGE -----*/ /*----- BLOG -----*/ #blog-2.blog-page-2 { background: #ffffff; } .blog-2.blog-page-2 { padding-top: 0; } .blog-2-btn { padding-top: 25px; } .blog-2-btn a.btn-loadmore { font-size: 15px; color: #ffffff; background: #00c1a6; text-transform: uppercase; padding: 11px 29px; display: inline-block; } .blog-page-2-content { padding-bottom: 45px; } .blog-2.blog-page-2 h3 { font-size: 22px; line-height: 24px; } .blog-2-side { padding-bottom: 35px; } .blog-2-side form { position: relative; } .blog-2-side form input[type='text'] { height: auto; font-size: 14px; color: #959595; margin: 0; padding: 16px 36px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; box-shadow: none; border: 1px solid #ebebeb; } .blog-2-side form a.fa-search { position: absolute; top: 0; right: 15px; bottom: 0; display: inline-flex; justify-content: center; flex-direction: column; } .blog-2-side-1 { padding: 20px 25px; border: 1px solid #ebebeb; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .blog-2-side-1 h3 { font-size: 22px; color: #002e59; font-weight: 700; padding-bottom: 14px; position: relative; } .blog-2-side-1 h3:before { position: absolute; content: ''; width: 3px; height: 28px; left: -25px; top: 0; } .blog-2-side-1.categories ul li { font-size: 14px; line-height: 22px; color: #707070; border-bottom: 1px solid #ebebeb; text-transform: capitalize; padding: 11px 0 8px; } .blog-2-side-1.categories ul li:last-child { border-bottom: none; } .blog-2-side-1.categories ul li span { float: right; } .blog-2-side-1.categories ul li:hover { color: #00c1a6; } .blog-2-side-1.tabwidgetstyle .nav-tabs { border: none; background: none; } .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item { color: #707070; text-transform: uppercase; background: #fafafa; } .blog-2-side-1.tabwidgetstyle .nav-tabs li:first-child, .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item:first-child a { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .blog-2-side-1.tabwidgetstyle .nav-tabs li:last-child, .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item:last-child a { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item > a { font-size: 12px; padding: 10px 12px; } .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item a.active { color: #ffffff; background: #00c1a6; } .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item { margin: 0; } .blog-2-side-1.tabwidgetstyle .tab-content { float: left; padding-top: 10px; } .blog-2-side-1.tabwidgetstyle .tab-content figure { position: relative; float: left; width: 86px; } .blog-2-side-1.tabwidgetstyle .tab-content figcaption { width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); width: -o-calc(100% - 90px); width: calc(100% - 90px); float: left; padding: 0px 0px 0px 8px; } .blog-2-side-1.tabwidgetstyle .tab-content .tab-pane ul.popularblog > li { width: 100%; float: left; padding: 12px 0px; } .blog-2-side-1.tabwidgetstyle .tab-content figcaption h6 a { padding: 0px; line-height: 18px; } .blog-2-side-1.tabwidgetstyle .tab-content figcaption span { font-size: 14px; display: block; margin-top: 8px; } .blog-2-side-1.tabwidgetstyle .tab-content figcaption span em { margin-right: 6px; } .tabwidgetstyle .tab-content { width: 100%; float: left; } .blog-2-side-1.tabwidgetstyle .tab-content figcaption p { font-size: 14px; line-height: 16px; color: #707070; padding-left: 15px; } .blog-2-side-1.tabwidgetstyle .tab-content li { display: inline-block; padding: 0px; border-bottom: 1px solid #ebebeb; width: 100%; margin-bottom: 0px; } .blog-2-side-1.tabwidgetstyle .tab-content li a { font-size: 14px; line-height: 21px; display: block; padding: 10px 0 12px 0; } .blog-2-side-1.tabwidgetstyle .tab-content li:last-child { border-bottom: none; } .blog-2-side-1.tabwidgetstyle .tab-content li:hover figure:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #00c1a6; } .blog-2-side-1.tabwidgetstyle .tab-content li:hover figcaption p { color: #00c1a6; } .blog-2-side-1.tagswidget ul li { font-size: 13px; color: #959595; padding: 7px 35px; display: inline-block; background: #f7f7f7; margin: 0 9px 11px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .blog-2-side-1.tagswidget ul li:hover { color: #ffffff; background: #00c1a6; } /*----- END BLOG -----*/ /*----- CONTACT PAGE -----*/ #contact-page-2-detail input[type='text'], #contact-page-2-detail textarea { font-size: 14px; color: #c2c2c2; height: auto; box-shadow: none; border: 1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 25px; background: #fafafa; padding: 12px 19px 15px; } #contact-page-2-detail input[type='text']:focus, #contact-page-2-detail textarea:focus { background: none; color: #363636; border: 1px solid #55d6c4; } #contact-page-2-detail input[type='submit'].btn-submit { font-size: 15px; color: #ffffff; background: #00c1a6; text-transform: uppercase; padding: 13px 40px; display: inline-block; border: none; } #contact-page-2-detail input[type='submit'].btn-submit:hover { background: #222; } #contact-page-2-map { position: relative; } #contact-page-2-map #gmap_canvas_2, #contact-page-2-map #gmap_canvas_1 { width: 100%; height: 415px; margin-top; 50px;} .contact-page-2-detail-sub1 { max-width: 470px; background: #153045; float: right; padding: 70px 60px 0; height: 100%; position: absolute; top: 0; right: 19%; } .contact-page-2-detail-title h2 { font-size: 30px; color: #ffffff; font-weight: 400; } .contact-page-2-detail-sub1 p { font-size: 14px; line-height: 20px; color: #ffffff; } .contact-page-2-detail-sub1 ul { padding-top: 15px; } .contact-page-2-detail-sub1 li { font-size: 14px; line-height: 20px; border-bottom: 1px solid #464646; padding: 10px 0 6px; } .contact-page-2-detail-sub1 li:last-child { border-bottom: none; } .contact-page-2-detail-sub1 li em { padding-right: 15px; line-height: 23px; float: left; color: #00c1a6; } .contact-page-2-detail-sub1 li a:hover { color: #00c1a6; } /*----- END CONTACT PAGE -----*/ /*----- POSSIBLE DELETE -----*/ .shop-page-1-product .shop-page-2-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e95d4f; } .shop-page-1-product figure:hover .shop-page-2-overlay { display: block; } .shop-page-1-product .shop-page-2-overlay ul { position: absolute; margin: auto; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; display: flex; } .shop-page-1-product .shop-page-2-overlay ul li { display: inline-flex; } .shop-page-1-product .shop-page-2-overlay ul li a { font-size: 15px; width: 41px; height: 41px; line-height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; border: 2px solid; text-align: center; margin: 0 5px; } .shop-page-1-product .shop-page-2-overlay ul li a:hover { border: 1px solid #111111; color: #111111; } .shop-page-1-product .shop-page-2-overlay { background: #00c1a6; } .shop-page-2-sidebar { font-family: "Open Sans", sans-serif !important; } .shop-page-2-sorting { padding-bottom: 38px; } .shop-page-2-search form { position: relative; } .shop-page-2-search input[type='text'], .shop-page-2-sort select, .shop-page-2-show select { font-size: 13px; margin: 0; padding: 6px 15px 9px; height: auto; box-shadow: none; width: 100%; background-color: #f5f6f8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #cacaca; } .shop-page-2-sort select, .shop-page-2-show select { background-image: url(/_assets/image/shop/select-bg-image.png); background-position: right center; background-origin: content-box; background-repeat: no-repeat; background-size: inherit; } .shop-page-2-sort select { width: 70%; } .shop-page-2-show select { width: 45%; } .shop-page-2-search a { font-size: 13px; position: absolute; margin: auto; top: 0; bottom: 0; right: 15px; line-height: 35px; } .shop-page-2-sort label, .shop-page-2-show label, .shop-page-2-view span { float: left; padding-right: 20px; font-size: 14px; line-height: 30px; color: #3b4550; font-weight: 700; text-transform: capitalize; } /*----- END POSSIBLE DELETE -----*/ .sidebar-content.slider-green .filter-button { float: right; } .sidebar-content.slider-green .filter-button a.btn-filter { font-size: 13px; color: #4e9ad6; background: #f6f7f9; padding: 4px 24px; text-transform: uppercase; display: inline-block; border: 1px solid #e6e9ef; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; font-weight: 700; } .sidebar-content.slider-green .filter-price { float: left; margin-top: 3px; } .sidebar-content.slider-green .filter-price span { float: left; text-transform: capitalize; font-size: 14px; color: #848994; } .sidebar-content.slider-green .filter-price input[type='text'] { padding: 0; height: auto; box-shadow: none; margin-bottom: 0; float: left; max-width: 84px; color: #e95d4f !important; border: none; text-align: right; font-size: 14px; line-height: 24px; font-weight: 400 !important; } .sidebar-content.slider-green .filter-price span.desh { color: #e95d4f; line-height: 20px; } .sidebar-content.slider-green .ui-slider { height: 6px; background-color: #e1b64f; margin: 6px 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; } .sidebar-content.slider-green .ui-slider-range { background-color: #153045; height: 6px; } .sidebar-content.slider-green .ui-slider-handle { width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #00c1a6; border: 1px solid #00c1a6; top: -4px; } /*----- POSSIBLE DELETE -----*/ .shop-page-2-view { float: right; max-width: 130px; } .shop-page-2-view img { width: auto; } .shop-page-2-view ul { float: right; font-size: 0; } .shop-page-2-view li { width: 32px; height: 32px; border: 1px solid; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; padding-top: 9px; } .shop-page-2-view li:first-child { margin-right: 6px; } .shop-page-2-side .sidebar-2-title { padding-bottom: 12px; } .shop-page-2-side .sidebar-2-title h2 { font-family: "Open Sans", sans-serif !important; font-size: 20px; font-weight: 600 !important; color: #0d1821; text-transform: uppercase; } .shop-page-2-side .sidebar-content li { font-size: 14px; color: #848994; text-transform: capitalize; } .shop-page-2-side .sidebar-content li span { padding-left: 10px; } .shop-page-2-side .sidebar-content.categories li { line-height: 31px; text-transform: capitalize; color: #848994; } .shop-page-2-side .sidebar-content.categories li span { float: right; } .shop-page-2-side.filterbyprice { border-top: 1px solid #e9eaec; border-bottom: 1px solid #e9eaec; margin: 20px 0; padding: 20px 0; } .shop-page-2-side .sidebar-content.size li, .shop-page-2-side .sidebar-content.color li, .shop-page-2-side .sidebar-content.brand li { text-transform: capitalize; color: #848994; padding: 5px 0; } .shop-page-2-side .sidebar-content.size li input[type='checkbox'], .shop-page-2-side .sidebar-content.color li input[type='checkbox'], .shop-page-2-side .sidebar-content.brand li input[type='checkbox'] { margin-bottom: 0; background: none; } .shop-page-2-side .sidebar-content.producttags li { display: inline-block; padding: 5px 0; } .shop-page-2-side .sidebar-content.producttags li:first-child { padding-right: 10px; } .shop-page-2-side .sidebar-content.producttags li:last-child { padding-left: 10px; } .shop-page-2-side .sidebar-content.producttags a { padding: 3px 15px 5px; border: 1px solid #e9eaec; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; } .shop-page-2-side .sidebar-content.producttags a:hover { background: #00c1a6; color: #ffffff; border: 1px solid #00c1a6; } .shop-page-2-side .sidebar-content.size, .shop-page-2-side .sidebar-content.color, .shop-page-2-side .sidebar-content.brand { padding-bottom: 50px; } .shop-page-2-sub .shop-page-1-product { border: 1px solid #e9eaec; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } .shop-page-2-sub .shop-page-1-product figure img { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .shop-page-2-sub .shop-page-1-product figcaption { padding: 28px 0 18px; border-top: 1px solid #e9eaec; } .shop-page-2-sub .shop-page-1-product figcaption h3 { font-size: 15px; line-height: 14px; font-weight: 500; color: #262626; text-transform: uppercase; } .shop-page-2-sub .shop-page-1-product figcaption p { color: #3b4550; } .shop-page-2-sub .shop-page-1-product figcaption p:nth-child(3) { line-height: 12px; } .shop-page-2-sub .shop-page-1-product figure { position: relative; } .shop-page-2-sub .shop-page-1-product figure .shop-page-1-discount { position: absolute; top: 10px; left: 10px; width: 48px; height: 48px; color: #ffffff; background: #153045; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 14px; font-size: 12px; font-weight: 700; z-index: 1; padding-top: 11px; } .shop-page-2-sub span.gender { font-size: 13px; line-height: 28px; color: #9fa4af; text-transform: capitalize; } .shop-page-2-sub p a { font-size: 14px; color: #153045; } .shop-page-2-sub p.price { font-size: 20px; line-height: 28px; font-weight: 600; padding-top: 10px; } .shop-page-2-sub p.price span { text-decoration: line-through; font-size: 14px; padding-right: 10px; } .team-page-2-sub { border: 1px solid #f0f1f3; border-bottom: 5px solid #e8eaed; margin-bottom: 35px; } .team-page-2-sub figcaption { padding: 20px 20px 15px; background: #f0f1f3; } .team-page-2-sub:hover { border-bottom: 5px solid #00c1a6; } .team-page-2-sub:hover figcaption { background: none; } .team-page-2-sub:hover .team-page-2-overlay { display: flex; } .team-page-2-sub h3 { font-size: 18px; line-height: 24px; font-weight: 700; color: #2c3e50; text-transform: capitalize; } .team-page-2-sub span { font-size: 15px; line-height: 24px; color: #a1b1bc; text-transform: capitalize; } .team-page-2-sub figure { position: relative; } .team-page-2-sub .team-page-2-overlay { position: absolute; top: 0; height: 100%; align-items: center; display: flex; background: #385063; color: #ffffff; padding: 0 12px; text-align: center; display: none; } .team-page-2-sub .team-page-2-overlay ul { font-size: 0; } .team-page-2-sub .team-page-2-overlay ul li { padding: 10px 0; } .team-page-2-sub .team-page-2-overlay a { font-size: 15px; } .team-page-2-sub .team-page-2-overlay a:hover { color: #1abc9c; } .team-page-loadmore a.btn-loadmore2 { font-size: 15px; font-weight: 700; color: #ffffff; background: #00c1a6; padding: 11px 29px; margin: 18px 0 0; text-transform: uppercase; display: inline-block; } .team-page-loadmore a.btn-loadmore2:hover { background: #153045; } .portfolio-2 { background: #f7f7f7; } .portfolio-2 .portfolio-2-sub { padding: 75px 0; } .portfolio-2 .portfolio-2-sub .portfolio-2-title { float: left; } .portfolio-2 .portfolio-2-sub .portfolio-2-menu { float: right; } .portfolio-2-title h2 { font-size: 35px; color: #202020; text-transform: uppercase; } .portfolio-2-menu #filters li { padding-right: 50px; } .portfolio-2-menu #filters li:last-child { padding-right: 0; } .portfolio-2-menu #filters li span { text-transform: uppercase; font-size: 15px; line-height: 20px; padding: 10px 0; position: relative; } .portfolio-2-menu #filters li span:hover { color: #00c1a6; } .portfolio-2-menu #filters li span:hover:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; width: 100%; height: 1px; background: #00c1a6; } .portfolio-2-menu #filters li span:hover:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #00c1a6; } .portfolio-2-menu #filters li.active span { background: none; color: #00c1a6; } .portfolio-2-menu #filters li.active span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #00c1a6; } .portfolio-2-menu #filters li.active span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #00c1a6; } .portfolio-2 figure { position: relative; } .portfolio-2 figure:hover figcaption { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: column; -ms-flex-direction: column; } .portfolio-2 figcaption { position: absolute; display: none; top: 0; bottom: 0; left: 0; right: 0; justify-content: center; height: 100%; flex-direction: column; padding: 0 15px; background-color: #00c1a6; color: #ffffff; } .portfolio-2 figcaption h3 { font-size: 32px; font-weight: 500; text-transform: uppercase; } .portfolio-2 figcaption span { font-size: 14px; text-transform: uppercase; } .portfolio-2 figcaption p { padding-top: 35px; font-size: 22px; } .portfolio-2 figcaption p a { padding: 0 8px 0 7px; } .portfolio-2 figcaption p a:hover { color: #111111; } .portfolio-2.portfolio-page-2 { background: none; } .portfolio-2-sub.portfolio-page-2 { padding: 0 0 50px; } .portfolio-2-sub.portfolio-page-2 #filters li { display: inline-block; float: none; } .portfolio-page-2-btn a.btn-loadmore { font-size: 15px; font-weight: 500; color: #ffffff; background: #00c1a6; margin: 58px 0 0; text-transform: uppercase; display: inline-block; padding: 11px 30px; } .portfolio-page-2-btn a.btn-loadmore:hover { background: #202020; } .faq-2 { max-width: 910px; margin: auto; } .faq-2 #accordion, .faq-3 #accordion { padding: 0 15px; } .faq-2 #accordion .card { margin-bottom: 10px; } .faq-2 .card-header { border-bottom: none; padding: 0; } .faq-2 .card-header a { font-size: 14px; font-weight: 600; padding: 15px 0 12px 40px; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: block; position: relative; background: #ffffff; color: #00c1a6; } .faq-2 .card-header a.collapsed { border-bottom: none; color: #848994; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-bottom: none; } .faq-2 .card-header a.collapsed:after { content: '\f48a'; color: #c7cbd2; } .faq-2 .card-header a:after { content: '\f463'; position: absolute; font-family: 'Ionicons'; left: 11px; top: 0; justify-content: center; height: 100%; flex-direction: column; display: flex; font-size: 20px; color: #00c1a6; } .faq-2 .card-block { padding: 15px 30px; } .faq-2 .card-block p { font-size: 15px; line-height: 30px; color: #7e848e; } ::i-block-chrome, .shop-page-1-product figure:hover .shop-page-2-overlay { display: block; } ::i-block-chrome, .shop-page-1-product .shop-page-2-overlay ul { height: 41px; width: 102px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } ::i-block-chrome, .portfolio-2 figure { position: relative; } ::i-block-chrome, .portfolio-2 figcaption { position: absolute; top: 0; left: 0; height: auto; padding: 36% 0; } ::i-block-chrome, .faq-2 .card-header a::after { top: 9px; } ::i-block-chrome, .team-page-2-sub:hover .team-page-2-overlay { display: block; } ::i-block-chrome, .testimonial-2-slider .slick-prev, .testimonial-2-slider .slick-next { font-size: 0; } ::i-block-chrome, .testimonial-2-slider .slick-prev:after, .testimonial-2-slider .slick-next:after { font-family: fontawesome; position: absolute; top: 40%; bottom: 0; margin: auto; font-size: 50px; } ::i-block-chrome, .testimonial-2-slider .slick-prev:after { content: '\f104'; left: 0; } ::i-block-chrome, .testimonial-2-slider .slick-next:after { content: '\f105'; right: 0; } ::i-block-chrome, .blog-2-side-1.tabwidgetstyle .tab-content li { display: inline-block; } ::i-block-chrome, .blog-2-side-1.tabwidgetstyle .tab-content figure { width: auto; float: left; margin-right: 10px; } ::i-block-chrome, .blog-2-side-1.tabwidgetstyle .tab-content li img { width: auto; } ::i-block-chrome, .blog-2-side-1.tabwidgetstyle .tab-content figcaption { float: none; } /*----- END POSSIBLE DELETE -----*/ @media screen and (max-width: 1280px) { .testimonial-2-content { float: none; width: 94%; margin: auto; } #banner-section-2 { padding: 140px 0 110px; } } @media screen and (max-width: 1199px) { #header-2 .header-top-2-contact-detail { padding-right: 30px; } #banner-section-2 { margin-top: 0; padding: 100px 0; } .banner-section-2 h1 { font-size: 45px; } #header-2 .top-bar { margin-top: 0; padding: 0 0 0 15px; } #header-2 .header-top-2-sub { padding: 45px 0; } .portfolio-2 figcaption h3 { font-size: 24px; } .portfolio-2 figcaption p { padding-top: 28px; font-size: 16px; } #about-page-banner-2 { margin-top: 0; } #about-page-details-2 { padding: 175px 0 135px; } .about-page-banner-2 { padding: 110px 15px; } .about-page-banner-2 h1 { font-size: 40px; } .about-page-banner-2 p { line-height: 55px; } .faq-2-gk { padding-left: 30px; padding-right: 20px; } } @media screen and (max-width: 1024px) { .home-2-top-bottom-110 { padding: 60px 0; } #header-2 .header-top-2-contact-detail { padding-right: 20px; } #header-2 .header-top-2-sub { padding: 25px 0; } #header-2 .navbar-nav > li > a { padding: 20px 0; } #header-2 .navbar-nav > li { padding: 0 20px; } #header-2 .dropdown-menu { left: -20px; min-width: 150px; } #header-2 .header-2-user-section { padding-right: 10px; } #header-2 .header-2-user-section li a { padding: 20px 0; } #header-2 .navbar-nav li a span.fa { top: 26px; right: -14px; } #banner-section-2 { padding: 150px 0 200px; } .banner-section-2 a.move-down { bottom: 30px; } #whatweoffer-2 { padding: 60px 0; } .whatweoffer-sub-2-content { padding: 45px 15px; } .whatweoffer-sub-2 p { max-width: none; } .whatweoffer-sub-2 a.button { font-size: 13px; padding: 11px 20px; } #service-2 { padding: 80px 0; } .portfolio-2 .portfolio-2-sub { padding: 30px 0; } .portfolio-2-menu #filters li { padding-right: 30px; } #testimonial-2 { padding: 60px 0; } .testimonial-2-content { padding: 60px 0 0; } .offer-2-content { padding-top: 70px; } .offer-2 h1 { font-size: 32px; } .footer-bottom-2 { padding: 20px 0; } #about-page-details-2 { padding: 100px 15px 60px; } .about-page-details-2 h2 { padding-top: 30px; } .blog-2.blog-page-2 h3 { font-size: 18px; } .contact-page-2-detail-sub1 { max-width: 350px; padding: 70px 30px 0; } .faq-2-gk { padding: 0 15px; } } @media screen and (max-width: 1023px) { #service-2:after { height: 370px; } .blog-page-2-content { padding-bottom: 30px; } .blog-2-btn { padding: 0 0 40px; } .blog-2-side { padding: 0 5px 15px; } .blog-2-btn a.btn-loadmore { font-size: 13px; padding: 9px 25px; } .blog-2-side-1 h3 { font-size: 18px; } .blog-2-side form input[type='text'] { padding: 13px 36px; } .blog-2-side-1 { padding: 10px 15px; } .blog-2-side-1.tabwidgetstyle .nav-tabs .nav-item > a { padding: 6px 18px; } .blog-2-side-1.tabwidgetstyle .tab-content li { padding: 10px 0; } .blog-2-side-1.tagswidget ul li { padding: 7px 25px; } .blog-2-side-1 h3:before { left: -15px; } .sidebar-content.slider-red .filter-price { width: 100%; padding-top: 10px; } } @media screen and (max-width: 991px) { #header-2 .header-top-2-contact-sub h3 { font-size: 11px; } #header-2 .header-top-2-contact-detail { padding-right: 20px; } #header-2 .header-top-2-contact-sub figure { padding-right: 10px; } #header-2 .menu > li > a { text-transform: capitalize; font-weight: 700; } #header-2 .menu > li > ul > li a { font-size: 13px; } #header-2 .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { min-width: 110px; } #header-2 .menu > li { padding: 0 10px; } #header-2 .navbar-nav > li > a { text-transform: capitalize; font-weight: 700; } #header-2 .navbar-nav > li { padding: 0 30px 0 0; } #header-2 .dropdown-menu a { font-size: 13px; } #header-2 .dropdown-menu { min-width: 140px; } #banner-section-2 { padding: 50px 0 90px; } .banner-section-2 { margin-top: 20px; } .banner-section-2 h1 { font-size: 35px; } .banner-section-2 p { font-size: 13px; } .whatweoffer-sub-2-content { padding: 20px 15px; } .whatweoffer-sub-2 h3 { padding: 17px 0; font-size: 18px; } .whatweoffer-sub-2 p { padding: 15px 0; line-height: 18px; } .whatweoffer-sub-2 a.button { font-size: 12px; padding: 12px 22px; } #service-2 { padding: 60px 0; } .service-2 figure { padding-bottom: 15px; } .service-2 h3 { font-size: 16px; padding-top: 15px; } .service-2 p { font-size: 13px; } .service-2 a.learnmore { font-size: 12px; } .service-2-horizontal-line:before { top: 70px; } .whatweoffer-2-title h2, .portfolio-2-title h2, .testimonial-2-title h2, .blog-2-title h2 { font-size: 26px; } .whatweoffer-2-title p, .testimonial-2-title p, .blog-2-title p { font-size: 12px; } .testimonial-2-content { padding: 30px 0 0; } .testimonial-2-slide:after { top: -25px; width: 50px; height: 50px; } .testimonial-2-slide figure { top: -25px; width: 50px; height: 50px; } .testimonial-2-content figcaption p { padding-bottom: 17px; } .testimonial-2-content figcaption h3 { padding-top: 15px; font-size: 16px; } .testimonial-2-content figcaption { padding: 0 5px; } .blog-2 { padding: 30px 0 0; } .blog-2-content figcaption { padding: 20px 15px; } .blog-2-content h3 { font-size: 18px; } .blog-2-social { padding: 10px 20px; } .blog-2-social span { font-size: 11px; line-height: 25px; } .blog-2-social em { padding-right: 3px; } .blog-2-social .blog-2-comments span:first-child { padding-right: 3px; } .offer-2-content { padding-top: 50px; } .offer-2 h1 { font-size: 24px; line-height: 34px; } .offer-2 form { margin-top: 25px; } .offer-2 p { font-size: 12px; line-height: 18px; } .offer-2 form input[type='text'] { font-size: 15px; padding: 9px 10px 10px; } .offer-2 form button[type='submit'] { font-size: 12px; padding: 17px 15px 16px; } .footer-top-2 { padding: 40px 0; } .portfolio-2 figcaption { padding: 0 5px; } .portfolio-2 figcaption h3 { font-size: 19px; } .portfolio-2 figcaption span { font-size: 12px; } .portfolio-2 figcaption p { padding-top: 20px; } .about-page-details-2 h2 { font-size: 30px; padding-top: 0; } .about-page-details-2 p { font-size: 13px; padding: 0; } .blog-2-content { margin-bottom: 20px; } .shop-page-2-sub .shop-page-1-product figcaption h3 { font-size: 12px; } .shop-page-2-sub p.price { font-size: 14px; line-height: 18px; } .shop-page-2-sub span.gender { font-size: 12px; line-height: 18px; } .shop-page-2-sub .shop-page-1-product { margin-bottom: 15px; } .shop-page-2-side .sidebar-content.size, .shop-page-2-side .sidebar-content.color, .shop-page-2-side .sidebar-content.brand { padding-bottom: 10px; } .shop-page-2-side .sidebar-2-title h2 { font-size: 15px; } .shop-page-2-sort label, .shop-page-2-show label, .shop-page-2-view span { font-size: 12px; padding-right: 5px; } .shop-page-2-search input[type='text'], .shop-page-2-sort select, .shop-page-2-show select { font-size: 11px; margin: 0; padding: 7px 5px 11px; } .shop-page-2-search a { font-size: 11px; line-height: 35px; } .shop-page-1-product .shop-page-1-overlay ul li a, .shop-page-1-product .shop-page-2-overlay ul li a { font-size: 12px; width: 35px; height: 35px; line-height: 35px; } .team-page-2-sub h3 { font-size: 16px; } } @media screen and (max-width: 767px) { #header-2 .top-bar .navbar-header { display: block; } #header-2 .navbar-light .navbar-toggler { position: relative; background: none; } #header-2 .navbar-light .navbar-toggler::before { position: absolute; content: "\f0c9"; font-size: 22px; font-family: fontawesome; top: 8px; left: 0; right: 0; color: rgba(54, 54, 54, 0.8); } .fixed-menu #header-2 .navbar-light .navbar-toggler::before { content: "\f00d"; font-size: 30px; top: 3px; } #header-2 .float-md-right { display: none; } #header-2 .header-2-user-section { float: right; } #header-2 .header-2-user-section li a { padding: 7px 0; } #header-2 .top-bar { padding: 7px 0; min-height: inherit; } #header-2 .navbar-toggleable-sm .navbar-nav { margin-top: 15px; margin-bottom: 0; } #header-2 .navbar-nav li a:hover::before, #header-2 .navbar-nav li.active a:before { display: none; } #header-2 .navbar-nav, #header-2 .dropdown-menu { background: #153045; width: 100%; } #header-2 .navbar-nav > li { padding: 0; width: 100%; } #header-2 .navbar-nav li a { padding: 7px 15px; display: block; color: #ffffff; border-bottom: 1px solid; } #header-2 .navbar-nav li.active a { background: #111111; } #header-2 .navbar-nav li .dropdown-toggle { position: relative; } #header-2 .navbar-nav li .dropdown-toggle:after { display: block; position: absolute; top: 45%; right: 15px; content: ''; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; } #header-2 .dropdown-menu a { text-align: left; font-weight: 700; padding-left: 25px !important; } #header-2 a.test, #header-3 a.test, #header-4 a.test { position: relative; } #header-2 a.test:after, #header-3 a.test:after, #header-4 a.test:after { top: 45%; right: 15px; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-top: 0; } #header-2 .dropdown-submenu .dropdown-menu a, #header-3 .dropdown-submenu .dropdown-menu a, #header-4 .dropdown-submenu .dropdown-menu a { padding-left: 35px !important; } #header-2 .header-top-2-contact-detail { padding-right: 9px; } .offer-2-content { padding-top: 30px; } .offer-2 h1 { font-size: 24px; line-height: 35px; } .offer-2 form input[type='text'] { font-size: 13px; padding: 9px 10px 10px; } .offer-2 form button[type='submit'] { padding: 15px 15px 14px; } #whatweoffer-2 { padding: 40px 0; } .whatweoffer-sub-2-content { padding: 20px 15px; margin: 15px 0; max-width: 450px; margin: 15px auto; } #testimonial-2 { padding: 40px 0; } .home-2-top-bottom-110 { padding: 40px 0; } .service-2 .service-2-sub { padding: 30px 0 20px; max-width: 300px; margin: auto; border-bottom: 1px solid #ffffff; } #service-2:after, .service-2-horizontal-line { display: none; } .service-2 .col-sm-6:last-child .service-2-sub { border: none; } .footer-2-sub1 { max-width: 100%; } .footer-2-sub2 { margin: 0; } .footer-2-sub2, .footer-2-sub3 { margin-top: 20px; } .about-page-details-2-content { padding-top: 30px; } .blog-2-side-1 h3 { font-size: 16px; } .blog-2-side-1.tagswidget ul li { padding: 7px 20px; } .blog-2-side-1.categories ul li { font-size: 13px; } .portfolio-page-2-btn a.btn-loadmore { font-size: 13px; margin: 40px 0 0; padding: 10px 25px; } #portfolio-2.home-1-top-bottom-120 { padding-left: 0; padding-right: 0; } #contact-page-2-map #gmap_canvas_2 { margin-top: 50px; height: 350px; } .contact-page-2-detail-sub1 { padding: 50px 30px 0; max-width: 315px; } .shop-page-2-show select { width: 60%; } .shop-page-2-search, .shop-page-2-sort { padding-bottom: 10px; } .team-page.team-page-2 .medium-3 { width: 33.3333%; } .team-page-2-sub { margin-bottom: 20px; } .team-page-2-sub figcaption { padding: 15px 15px 10px; } .team-page-2-sub span { font-size: 13px; } .team-page-loadmore a.btn-loadmore2 { font-size: 12px; } .team-page-loadmore a.btn-loadmore2 { padding: 8px 20px; } .faq-2-gk .gk-title { padding: 15px 0; border-top: 2px solid #e6e6e6; margin-top: 15px; } .faq-2 .card-header a { font-size: 12px; } .faq-2 .card-block p { font-size: 13px; line-height: 25px; } .faq-2 .card-header a::after { font-size: 16px; } } @media screen and (max-width: 667px) { .whatweoffer-2-title h2, .portfolio-2-title h2, .testimonial-2-title h2, .blog-2-title h2 { font-size: 22px; } .service-2 h3 { font-size: 13px; } .portfolio-2-menu #filters li span { font-size: 13px; padding: 5px 0; } #banner-section-2 { padding: 80px 0 150px; } .offer-2 h1 { font-size: 20px; line-height: 25px; } .offer-2 form input[type='text'] { font-size: 12px; padding: 9px 10px 10px; } .offer-2 form button[type='submit'] { padding: 14px 15px; } .footer-2-title h2 { font-size: 15px; } .footer-2-sub1 p, .footer-2-content-1 a, .footer-2-content-3 li, .footer-2-sub1 a.footer-2-readmore { font-size: 13px; } .about-page-details-2 a.btn-readmore, .blog-2-btn a.btn-loadmore { font-size: 14px; padding: 10px 20px; } .about-page-banner-2 { padding: 100px 15px; } .about-page-banner-2 h1 { font-size: 35px; } #contact-page-2-detail input[type='text'], #contact-page-2-detail textarea { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; } #contact-page-2-detail input[type='submit'].btn-submit { font-size: 14px; padding: 8px 25px; } } @media screen and (max-width: 639px) { #header-2 .header-top-2-contact-sub h3 { font-size: 9px; } #header-2 .top-bar-left { padding-top: 15px; } #header-2 .top-bar-title button { float: left; margin-top: 7px; } #header-2 .top-bar-title .header-2-user-section { float: right; } #header-2 .top-bar-title .header-2-user-section li a { padding: 0; } #header-2 .top-bar-left ul { background: #153045; } #header-2 .top-bar-title { width: 100%; float: left; margin: 0; } .banner-section-2 h1 { font-size: 25px; } .banner-section-2 p { font-size: 11px; } #banner-section-2 a.move-down { font-size: 18px; line-height: 30px; height: 30px; width: 30px; } #whatweoffer-2 { padding: 60px 0; } .whatweoffer-sub-2-content { margin-bottom: 20px; } #service-2 { padding: 40px 20px; } .service-2 h3 { padding-top: 5px; } .testimonial-2-content { width: 80%; } .blog-2-content { float: none; max-width: 300px; margin: 20px auto; } .offer-2 h1 { font-size: 18px; } .footer-2-sub2, .footer-2-sub3 { margin: 15px 0 0; } .portfolio-2-menu #filters li { padding-right: 20px; } .about-page-banner-2 { padding: 60px 15px; } .about-page-banner-2 p em { padding: 0 5px; } .about-page-banner-2 h1 { font-size: 26px; } .about-page-banner-2 p { font-size: 12px; line-height: 35px; } .blog-2-side-1.categories ul li { padding: 6px 0; font-size: 14px; } .blog-2-side-1.tabwidgetstyle .tabs-content figcaption p { font-size: 14px; padding-left: 10px; } .blog-2-side-1 h3 { padding-bottom: 10px; } .blog-2-btn { padding: 25px 0; } .contact-page-2-detail-sub1 { position: inherit; max-width: 100%; right: 0; padding: 30px; } .shop-page-2-sub { padding-top: 10px; } .shop-page-2-side .sidebar-content.size, .shop-page-2-side .sidebar-content.color, .shop-page-2-side .sidebar-content.brand, .shop-page-2-side .sidebar-content.producttags { padding-bottom: 15px; } .shop-page-2-sorting { padding-bottom: 20px; } .shop-page-2-search, .shop-page-2-sort { padding-bottom: 10px; } .shop-page-2-side .sidebar-content.categories li { line-height: 25px; } .shop-page-2-side .sidebar-content li { line-height: 16px; } .shop-page-2-side.filterbyprice { margin: 10px 0; padding: 10px 0; } .team-page.team-page-2 .medium-3 { width: 50%; } .faq-2 .card-block p { line-height: 22px; } } @media screen and (max-width: 575px) { #search-container-2 { margin: 15px auto; } #search-container-2 input[type="text"], #search-container-2 input[type="submit"] { font-size: 14px; } #header-2 .header-top-2-sub { padding: 10px 0; } #header-2 .logo-2 { width: 100%; text-align: center; padding: 10px 0; } #header-2 .header-top-2-contact { display: none; } #header-2 .header-top-2-contact-sub { max-width: 376px; float: none; margin: auto; } #header-2 .logo-2 h1 { font-size: 36px; } #banner-section-2 { padding: 14px 0 80px; } .banner-section-2 { margin-top: 26px; } .portfolio-2 .portfolio-2-sub .portfolio-2-title { width: 100%; text-align: center; padding-bottom: 10px; } .portfolio-2 .portfolio-2-sub .portfolio-2-menu { width: 100%; float: left; text-align: center; } .portfolio-2-menu #filters li { float: none; display: inline-block; } .footer-2-sub1 { max-width: 275px; } .about-page-details-2-content { padding-top: 20px; } .about-page-details-2 a.btn-readmore, .blog-2-btn a.btn-loadmore { font-size: 13px; padding: 10px 15px; } } @media screen and (max-width: 480px) { #header-2 .social-icon li { padding-left: 10px; } .footer-bottom-2 p { font-size: 12px; } #about-page-details-2 { padding: 80px 15px 20px; } .blog-2.blog-page-2 h3 { font-size: 18px; } .shop-page-2-sub .col-xs-6 { width: 100%; } } @media screen and (max-width: 479px) { #header-2 .social-icon li { padding-left: 10px; } #header-2 .header-top-2-contact-sub figure { padding-right: 5px; width: 16px; line-height: 0; } #header-2 .header-top-2-contact-sub { max-width: 350px; } #header-2 .header-top-2-contact-sub h3 { font-size: 11px; line-height: 8px; } #header-2 .header-top-2-contact-sub h3 span { line-height: 22px; } .banner-section-2 h1 { font-size: 20px; } .portfolio-2-menu #filters li { padding-right: 15px; } .about-page-details-2 h2 { font-size: 22px; } } @media screen and (max-width: 379px) { #search-container-2 { margin: 10px auto; } #search-container-2 input[type="text"], #search-container-2 input[type="submit"] { font-size: 12px; } #header-2 .header-top-2-contact-sub h3 { font-size: 9px; } #header-2 .header-top-2-contact-sub { max-width: 290px; } .portfolio-2 figcaption h3 { font-size: 16px; } .portfolio-2 figcaption span { font-size: 11px; } .portfolio-2 figcaption p { padding-top: 15px; } .portfolio-2-menu #filters li { padding-right: 10px; } .about-page-banner-2 { padding: 60px 0; } .about-page-banner-2 h1 { font-size: 24px; } .team-page-2-sub h3 { font-size: 15px; } .team-page-2-sub figcaption { padding: 10px; } .team-page.team-page-2 .col-xs-6 { width: 100%; } .faq-2 .card-block { padding: 15px; } .shop-page-2-sort label, .shop-page-2-show label, .shop-page-2-view span { font-size: 11px; } } /* ******************************* */ /* START OF TEMPLATE VERSION 3 CSS */ /* ******************************* */ body#home-3, body#home-3 h1, body#home-3 h2, body#home-3 h3, body#home-3 h4, body#home-3 h5, body#home-3 h6 { font-family: "Lato", sans-serif; margin: 0; } #home-3 #status { background-image: url(../images/header/loader-3.png); } #home-3 .button { background-color: #FECB16; border-color: #FECB16; } #home-3 .button:hover { background-color: #555555; border-color: #555555; color: #ffffff; } #home-3 .button.primary { background-color: #555555; border-color: #555555; } #home-3 .button.primary:hover { background-color: #FECB16; border-color: #FECB16; } #home-3 .button.secondary { background-color: #ffffff; color: #555555; } #home-3 .button.secondary:hover { background-color: #555555; color: #ffffff; border-color: #FECB16; } .home-3-top-bottom-100 { padding: 100px 0; } .home-3-top-bottom-80 { padding: 80px 0; } .home-3-top-bottom-85 { padding: 85px 0; } .home-3-top-bottom-15 { margin: 15px 0; } .home-3-top-70 { padding-top: 70px; } .home-3-top-100 { padding-top: 100px; } #search-container-3 { display: none; background: #ffffff; margin: 20px auto; } #search-container-3 input[type="text"], #search-container-3 input[type="submit"] { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 16px; } #search-container-3 input[type="text"] { background: none; width: 100%; padding: 8px; margin-bottom: 0; box-shadow: none; } #search-container-3 input[type="submit"] { padding: 9px 0; color: #ffffff; border: none; background: #FECB16; -webkit-appearance: none; transition: background-color 4pxs ease-in, color 4pxs ease-out; } #search-container-3 input[type="submit"]:hover { background: #555555; } #header-3 .top-bar .navbar-header { display: none; } #header-3 { padding: 38px 0 40px; } #header-3 .top-bar { padding: 0; float: left; width: 100%; } #header-3 .top-bar .top-bar-right { float: right; width: auto; } #header-3 .top-bar, #header-3 .top-bar .nav { background: inherit; } #header-3 .logo-3 { float: left; } #header-3 .logo-3 h1 { font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 900; text-transform: uppercase; color: #153045; } #header-3 .logo-3 h1 span { color: #FECB16; } #header-3 ul.navbar-nav { float: left; } #header-3 .navbar-nav > li { padding: 0 5px; } #header-3 .navbar-nav li a span.fa { position: absolute; top: 12px; right: 10px; } #header-3 .navbar-nav > li:first-child { padding-left: 0; } #header-3 .navbar-nav .nav-item { display: table-cell; float: none; } #header-3 .navbar-nav a { font-size: 14px; font-weight: 500; color: #555; text-transform: capitalize; padding: 12px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 1; position: relative; } #header-3 .navbar-nav a:hover, #header-3 .navbar-nav li.active > a { color: #ffffff; background: #FECB16; } #header-3 .navbar-nav .dropdown-toggle::after { display: none; } #header-3 .navbar-nav .nav-item + .nav-item { margin-left: 0; } #header-3 .header-3-user-section { float: right; } #header-3 .header-3-user-section li { display: inline-block; padding-right: 25px; font-size: 21px; } #header-3 .header-3-user-section li:last-child { padding-right: 0; } #header-3 .header-3-user-section li a { padding: 5px 0; } #header-3 .header-3-user-section li a:hover { color: #FECB16; } #header-3 .dropdown-menu { left: -45px; margin-top: 15px; background: #f7f7f9; border: none; min-width: 200px; text-align: center; padding: 0; } #header-3 .dropdown-menu a { padding: 17px 0 14px; border-bottom: 1px dotted #e3e3e3; } #header-3 .dropdown-menu a:hover { background: none; color: #FECB16; } #header-3 .dropdown-menu:before { position: absolute; content: ''; width: 100%; height: 2px; background: #FECB16; top: 0; margin: auto; left: 0; right: 0; } #header-3 .dropdown-menu:after { position: absolute; content: ''; width: 0; height: 0; top: -7px; left: 0; right: 0; margin: auto; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #FECB16; } #header-3 .dropdown-menu a::after { display: none; } #header-3 .dropdown-submenu { position: relative; display: block !important; } #header-3 .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: 0; } #header-3 .dropdown-submenu .dropdown-menu:before, #header-3 .dropdown-submenu .dropdown-menu:after { display: none; } #header-3 a.test:after { content: ''; display: block; width: 0px; height: 0px; border: 6px inset; position: absolute; top: 50%; margin-top: -4px; right: 16px; border-color: transparent transparent transparent #FECB16; border-left-style: solid; border-right-width: 0; } #banner-section-3 { padding: 185px 0 44px; background: #e6e6e6; } .banner-section-3 { max-width: 522px; float: right; } .banner-section-3 h2 { font-size: 50px; color: #555555; font-weight: 400; } .banner-section-3 h1 { font-size: 103px; line-height: 78px; font-weight: 700; color: #555555; text-transform: uppercase; } .banner-section-3 p { font-size: 25px; line-height: 32px; color: #555555; } .banner-section-3 a.btn-readmore { font-size: 18px; font-weight: 500; color: #ffffff; background: #FECB16; text-transform: capitalize; padding: 16px 36px 14px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 47px 0 0; } .banner-section-3 a.btn-readmore:hover { background: #555555; } #banner-section-3 .slick-slider { font-size: 0; } .banner-slider-3 .slick-prev, .banner-slider-3 .slick-next { font-size: 0; } .banner-slider-3 .slick-prev:after { content: '\f104'; left: 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .banner-slider-3 .slick-next:after { content: '\f105'; right: 0; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .banner-slider-3 .slick-prev:after, .banner-slider-3 .slick-next:after { font-family: fontawesome; position: absolute; top: -4px; bottom: 0; margin: auto; font-size: 40px; line-height: 68px; height: 70px; width: 62px; background: #363636; color: #ffffff; } .banner-slider-3 .slick-prev:hover:after, .banner-slider-3 .slick-next:hover:after { background: #FECB16; } .banner-slider-3 .slick-dots { text-align: center; margin: 189px 0 0; line-height: 0; } .banner-slider-3 .slick-dots li { display: inline-block; } .banner-slider-3 .slick-dots li button { width: 12px; height: 12px; border: 2px solid #9b9b9b; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 0; margin: 0 5px; background: none; } .banner-slider-3 .slick-dots li.slick-active button { background: #555555; border: 2px solid #555555; } #about-3 { background: #f9fafb; } .about-3-caption { padding-right: 35px; } .about-3-caption h2 { font-size: 35px; color: #222533; text-transform: capitalize; } .about-3-caption p { font-size: 15px; line-height: 24px; color: #818181; padding: 8px 0; } .about-3-caption a.btn-readmore { font-size: 18px; font-weight: 500; color: #ffffff; background: #FECB16; text-transform: capitalize; padding: 16px 36px 14px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 16px 0 0; } .about-3-caption a.btn-readmore:hover { background: #555555; } .about-3-image { padding-left: 35px; } /*#testimonial-3 { background: url(../images/testimonials-bg.jpg) no-repeat; background-size: cover; padding: 40px 0; margin-bottom: 40px; }*/ .testimonial-3-slider { margin: 0 !important; } #testimonial-3 { position: relative; } .testimonials-arrow { position: absolute; left: 0; right: 0; width: 100%; max-width: 1200px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .testimonials-arrow button { border: 0; background: transparent; outline: 0; width: 40px; } .testimonials-arrow button.prev { float: left; } .testimonials-arrow button.next { float: right; } #testimonial-3 .testimonial-3-slider li.slick-slide { background: url(../images/testimonials-bg.jpg) no-repeat; background-size: cover; padding: 120px 0 } #testimonial-3 h1:before { display: none; } #testimonial-3 h1 { color: #fff; } #testimonial-3 h1 { color: #fff; text-transform: capitalize; line-height: 1.25; font-size: 42px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 20px; } .testimonial-3 { max-width: 940px; float: none; margin: 0 auto; width: 100%; } .testimonial-3-slider-content { padding: 0px; position: relative; clear: both; } .testimonial-3 p { color: #fff; font-family: 'Open Sans'; font-size: 26px; line-height: 1.35; font-weight: 400; } .testimonial-3-client { padding: 20px 0 0; text-align: center; } .testimonial-3 figure { width: 114px; height: 114px; border: 7px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: auto; } .testimonial-3 figcaption { padding-top: 15px; } .testimonial-3 h3 { color: #fff; font-family: 'Open Sans'; font-size: 26px; line-height: 1.35; font-weight: 400; } .testimonial-3 span { font-size: 14px; line-height: 24px; color: #9d9d9d; } .testimonial-3-slider .slick-dots { text-align: center; margin: 0; line-height: 0; } .testimonial-3-slider .slick-dots li { display: inline-block; } .testimonial-3-slider .slick-dots li button { width: 14px; height: 14px; border: 2px solid #9b9b9b; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 0; margin: 0 5px; position: relative; background: none; } .testimonial-3-slider .slick-dots li.slick-active button:before { position: absolute; content: ''; width: 6px; height: 6px; background: #FECB16; bottom: 0; left: 0; right: 0; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 0; } .blog-3-image-content { position: relative; } .blog-3 .item-media { position: relative; overflow: hidden; text-align: center; } .blog-3 .entry-meta-corner { position: absolute; z-index: 5; text-align: center; color: #ffffff; background-color: #fcca03; padding: 12px 17px; } .blog-3 .entry-meta-corner .date { color: #333; font-size: 16px; font-weight: 700; display: block; min-width: 70px; padding: 8px 3px; text-transform: uppercase; } .blog-3 .entry-meta-corner .date span { display: block; font-weight: 600; font-size: 30px; padding: 5px 0 3px; } .blog-3 .item-content { position: absolute; left: 0; right: 0; top: auto; bottom: 0; padding: 0 30px 22px; } .blog-3 .item-content h4 { color: #fecc51; font-size: 18px; font-weight: 500; max-width: 350px; } .blog-3 .item-content p { color: #ffffff; font-size: 13px; line-height: 28px; text-transform: uppercase; } .blog-3 p.item-meta em { padding-right: 5px; margin: 0; } .blog-3 .entry-meta-corner h2 { font-size: 30px; font-weight: 600; color: #111111; line-height: 25px; } .blog-3 .entry-meta-corner span { font-size: 18px; display: block; font-weight: 600; line-height: 20px; color: #111111; } .blog-3 .panel-heading { padding: 15px 30px 13px 100px; background-color: #f7f7f9; } .blog-3-tab-content h3 { font-size: 16px; line-height: 28px; font-weight: 500; color: #2f2f2f; } .blog-3-tab-content p.item-meta { line-height: 15px; } .blog-3-tab-content p.item-meta span { color: #b0b0b0; font-size: 13px; text-transform: uppercase; } .blog-3-tab-content .card-header { padding: 11px 25px 14px 100px; border: none; } .blog-3-tab-content .card-header a { display: block; } .blog-3-tab-content .card { margin-bottom: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: none; padding-bottom: 26px; } .blog-3-tab-content .card:last-child { padding-bottom: 0; } .blog-3-tab-content .card-block { font-size: 14px; line-height: 24px; color: #9d9d9d; border: 3px solid #f7f7f9; border-top: none; padding: 16px; } .service-3-caption figure { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #f7f7f9; display: inline-flex; justify-content: center; flex-direction: column; font-size: 40px; color: #a1a1a1; } .service-3-caption figcaption { padding: 20px 0 50px; border-bottom: 1px solid #e6e6e6; } .service-3-caption h3 { font-size: 18px; font-weight: 500; line-height: 36px; color: #363636; text-transform: capitalize; } .service-3-caption p { font-size: 14px; line-height: 20px; color: #818181; } .service-3-caption:hover { cursor: pointer; } .service-3-caption:hover figure { background: #FECB16; color: #ffffff; } .service-3-caption:hover figcaption { border-bottom: 1px solid #FECB16; } .service-3-caption:hover h3 { color: #FECB16; } #footer-3 { background: #252525; position: relative; } .footer-3-sub1 .socia-3 a:hover, .footer-3-sub2 a:hover, .footer-3-sub3 a:hover { color: #FECB16; } .footer-3-sub1, .footer-3-sub2, .footer-3-sub3 { max-width: 270px; margin: auto; } .footer-3-sub1 { margin-left: 0; } .footer-3-sub3 { margin-right: 0; } .footer-3-sub1 .logo-3 { padding-top: 15px; } .footer-3-sub1 .logo-3 h1 { font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 900; text-transform: uppercase; color: #ffffff; } .footer-3-sub1 .logo-3 h1 span { color: #FECB16; } .footer-3-sub1 p, .footer-3-sub2-content > p { font-size: 14px; line-height: 20px; color: #555555; } .footer-3-sub1 p { padding: 15px 0; } .footer-3-sub1 ul { padding-top: 10px; } .footer-3-sub1 li { font-weight: 500; color: #3F3F3F; font-size: 14px; display: inline-block; margin: 0 8px 0 0; border: none; } .footer-3-sub1 li a { color: #585858; width: 32px; height: 32px; line-height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid; } .footer-3-title { border-bottom: 1px solid #363636; padding: 0 0 7px; } .footer-3-title h2 { font-size: 18px; line-height: 36px; color: #ffffff; font-weight: 500; text-transform: uppercase; } .footer-3-sub2-content { padding: 24px 0 0; } .footer-3-sub2-content > p { color: #959595; font-weight: 500; padding-bottom: 5px; } .footer-3-sub2-content li { padding: 10px 0; border-bottom: 1px solid #363636; color: #3F3F3F; font-size: 14px; } .footer-3-sub2-content li em { font-size: 15px; padding-right: 13px; line-height: 23px; float: left; } .footer-3-sub2-content li:last-child { border: none; } .footer-3-sub2-content input[type="text"], .footer-3-sub2-content textarea { font-size: 14px; background: #111111; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: auto; margin-bottom: 6px; color: #363636; padding: 8px 20px 7px; color: #ffffff; width: 100%; } .footer-3-sub2-content input[type="text"]:focus, .footer-3-sub2-content textarea:focus { color: #FECB16; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 4px ease-in-out; } .footer-3-sub2-content button[type='submit'] { font-size: 14px; line-height: 14px; color: #ffffff; padding: 17px 39px 15px; background: #FECB16; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 3px 0 0; text-transform: uppercase; font-weight: 500; border: none; } .footer-3-sub2-content button[type='submit']:hover { background: #ffffff; color: #FECB16; } .footer-3-copyright { background: #111111; padding: 25px 30px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .footer-3-copyright-text { float: left; } .footer-3-copyright p { font-size: 13px; line-height: 25px; font-weight: 500; color: #555555; } .footer-3-bottom-social { float: right; } .footer-3-bottom-social img { width: auto; float: none; filter: gray; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .3; filter: alpha(opacity=60); transition: all 0.2s ease; } .footer-3-bottom-social img:hover { filter: gray; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; filter: alpha(opacity=100); transition: all 0.2s ease; } .footer-3-bottom-social ul li { display: inline-block; } .footer-3-scroll-button a { position: absolute; bottom: 20px; right: 50px; width: 47px; height: 47px; font-size: 24px; line-height: 47px; color: #ffffff; background: #353535; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #about-page-banner-3 { background: #e6e6e6; } .about-page-banner-3 { padding: 160px 0; } .about-page-banner-3 h1 { font-size: 53px; font-weight: 700; color: #555555; text-transform: uppercase; } .about-page-details-3 h2 { font-size: 35px; text-transform: capitalize; color: #222533; padding-top: 30px; } .about-page-details-3 p { font-size: 15px; line-height: 24px; color: #818181; padding: 12px 0; } .about-page-details-3 a.btn-readmore { font-size: 18px; color: #ffffff; padding: 16px 36px 14px; background: #FECB16; text-transform: capitalize; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; font-weight: 500; margin-top: 12px; } .about-page-details-3 a.btn-readmore:hover { background: #363636; } .about-page-details-3-image { padding-left: 15px; float: right; } .blog-3-pagination { padding: 80px 0 30px; } .blog-3-pagination .pagination { margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .blog-3-pagination .pagination .active a { background: #363636; padding: 4px 14px 3px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .blog-3-pagination .pagination a, .blog-3-pagination .pagination button { font-family: "Lato", sans-serif; font-weight: 500; padding: 4px 14px 3px; color: #0a0a0a; border: none; margin-right: 5px; margin-left: 0; } .blog-3-pagination .pagination li:last-child a { margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .blog-3-pagination .pagination a:hover, .blog-3-pagination .pagination a button:hover, .blog-3-pagination .pagination .active a:hover { background: #363636; color: #ffffff; } #contact-page-3-map #gmap_canvas_3 { max-height: 485px; width: 100%; height: 550px; margin-top: 50px; } .contact-page-3-detail { background: #FECB16; } .contact-page-3-detail .home-3-section-title h1 { color: #ffffff; } .contact-page-3-detail .home-3-section-title p, .contact-page-3-detail p { color: #ffffff; } .contact-page-3-detail .home-3-section-title { max-width: 100%; padding: 0; margin-bottom: 30px; margin-top: 40px; } .contact-page-3-detail-1 { max-width: 495px; margin: 0 auto; padding: 0 15px; } .contact-page-3-detail-sub h3 { font-size: 16px; line-height: 28px; color: #ffffff; font-weight: 600; text-transform: capitalize; padding: 7px 0; } .contact-page-3-detail-sub p { font-size: 15px; line-height: 22px; margin-bottom: 20px; } .contact-page-3-detail-sub span { display: block; } .contact-page-3-detail-sub span a:hover { color: #202020; } #contact-page-3-form .home-3-section-title h1 { text-transform: uppercase; } #contact-page-3-form form { padding-top: 50px; } #contact-page-3-form input[type='text'], #contact-page-3-form textarea { font-size: 14px; color: #c2c2c2; height: auto; box-shadow: none; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; padding: 9px 40px; } #contact-page-3-form input[type='text']:focus, #contact-page-3-form textarea:focus { background: none; color: #363636; border: 1px solid #FECB16; } #contact-page-3-form input[type='submit'].btn-submit { font-size: 18px; font-weight: 500; color: #ffffff; background: #FECB16; text-transform: uppercase; padding: 13px 0; display: block; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: none; width: 100%; } #contact-page-3-form input[type='submit'].btn-submit:hover { background: #222; } .shop-page-3-product figure { position: relative; } .shop-page-3-product .shop-page-3-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e95d4f; } .shop-page-3-product figure:hover .shop-page-3-overlay { display: block; } .shop-page-3-product .shop-page-3-overlay ul { position: absolute; margin: auto; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; display: flex; } .shop-page-3-product .shop-page-3-overlay ul li { display: inline-flex; } .shop-page-3-product .shop-page-3-overlay ul li a { font-size: 15px; width: 41px; height: 41px; line-height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; border: 2px solid; text-align: center; margin: 0 5px; } .shop-page-3-product .shop-page-3-overlay ul li a:hover { border: 1px solid #111111; color: #111111; } .shop-page-3-product .shop-page-3-overlay { background: #FECB16; } .shop-page-3-product figcaption { padding: 25px 0 50px; } .shop-page-3-product figcaption h3 { font-size: 17px; line-height: 26px; font-weight: 500; color: #262626; text-transform: capitalize; } .shop-page-3-product figcaption p { font-size: 17px; line-height: 26px; font-weight: 500; color: #FECB16; } .shop-page-3-pagination { padding: 60px 0 30px; } .shop-page-3-pagination .pagination { margin: 0; } .shop-page-3-pagination .pagination li { font-size: 18px; font-weight: 500; display: inline-block; } .shop-page-3-pagination .pagination .page-item .page-link { padding: 3px 15px; border: none; color: #0a0a0a; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .shop-page-3-pagination .pagination .page-item .page-link:hover, .shop-page-3-pagination .pagination .page-item.active .page-link { color: #ffffff; background: #FECB16; } .shop-page-3-product figcaption { padding: 25px 0 50px; } .shop-page-3-product figcaption h3 { font-size: 17px; line-height: 26px; font-weight: 500; color: #262626; text-transform: capitalize; } .shop-page-3-product figcaption p { font-size: 17px; line-height: 26px; font-weight: 500; color: #FECB16; } .shop-page-3-pagination { padding: 60px 0 30px; } .shop-page-3-pagination .pagination { margin: 0; } .shop-page-3-pagination .pagination li { font-size: 18px; font-weight: 500; display: inline-block; } .shop-page-3-pagination .pagination .page-item .page-link { padding: 3px 15px; border: none; color: #0a0a0a; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .shop-page-3-pagination .pagination .page-item .page-link:hover, .shop-page-3-pagination .pagination .page-item.active .page-link { color: #ffffff; background: #FECB16; } .team-page-3-sub { -webkit-box-shadow: 0 0 2px 2px #eeeeee; -moz-box-shadow: 0 0 2px 2px #eeeeee; box-shadow: 0 0 2px 2px #eeeeee; margin-bottom: 45px; } .team-page-3-sub figcaption { padding: 30px 20px; } .team-page-3-sub figcaption:hover { background: #39b54a; } .team-page-3-sub figcaption:hover h3, .team-page-3-sub figcaption:hover span, .team-page-3-sub figcaption:hover p, .team-page-3-sub figcaption:hover a { color: #ffffff; } .team-page-3-sub h3 { font-size: 25px; line-height: 26px; font-weight: 500; color: #555555; text-transform: capitalize; padding-bottom: 5px; } .team-page-3-sub span { font-size: 15px; line-height: 26px; color: #FECB16; text-transform: capitalize; } .team-page-3-sub p { font-size: 14px; line-height: 20px; color: #818181; padding: 12px 0 20px; } .team-page-3-sub ul { font-size: 0; } .team-page-3-sub ul li { display: inline-flex; padding-right: 11px; } .team-page-3-sub ul li:last-child { padding-right: 0; } .team-page-3-sub ul li a { width: 37px; height: 37px; border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; line-height: 37px; text-align: center; color: #565c6a; font-size: 14px; } .team-page-3-sub ul li a:hover { color: #565c6a; } .team-page-loadmore a.btn-loadmore3 { font-size: 14px; font-weight: 500; color: #ffffff; background: #363636; padding: 11px 44px; margin: 18px 0 0; text-transform: uppercase; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .team-page-loadmore a.btn-loadmore3:hover { background: #FECB16; } .home-3-section-title { max-width: 570px; margin: auto; } .home-3-section-title h1 { font-size: 35px; color: #222533; text-transform: capitalize; padding-bottom: 8px; } .home-3-section-title p { font-size: 14px; line-height: 20px; color: #9d9d9d; } .portfolio-3-menu { padding: 40px 0; } .portfolio-3-menu li { display: inline-block; } .portfolio-3-menu li:last-child { border-right: none; } .portfolio-3-menu li a { font-size: 15px; margin: 0 3px; font-weight: 500; color: #464646; text-transform: uppercase; padding: 8px 16px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: inline-block; } .portfolio-3-menu li a:hover, .portfolio-3-menu li.selected a { background: #00a64f; } .portfolio-3-sub .slick-track { margin: 0; } .portfolio-3-sub figure { position: relative; } .portfolio-3-sub figure:hover .portfolio-3-sub-overlay { display: block; } .portfolio-2 figure:hover .portfolio-3-sub-overlay { display: block; background: #00c1a6; } .portfolio-3-sub-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f6d86b; text-align: center; } .portfolio-3-sub-overlay ul { position: absolute; margin: auto; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; display: flex; text-align: center; } .portfolio-3-sub-overlay ul li { display: inline-flex; } .portfolio-3-sub-overlay ul li a { width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; } .portfolio-3-sub-overlay ul li a:hover { background: #363636; } .portfolio-3-button a.btn-loadmoreworks { font-size: 14px; font-weight: 500; color: #ffffff; background: #363636; padding: 11px 18px; margin: 58px 0 0; text-transform: uppercase; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .portfolio-3-button a.btn-loadmoreworks:hover { background: #FECB16; } .faq-bg, .faq-bg .accordion-item, .faq-bg .accordion-content { background: #f7f7f7; } .faq-page-title .home-3-section-title { max-width: 600px; } .faq-page-title .home-3-section-title h1 { text-transform: uppercase; font-weight: 500; } .faq-page-title-content { font-size: 14px; line-height: 26px; color: #7e848e; padding: 50px 15px 0; max-width: 970px; margin: auto; } .faq-3 { max-width: 855px; margin: auto; } .faq-3 #accordion .card { border: none; margin-bottom: 12px; } .faq-3 .card-header { padding: 0; border-bottom: none; } .faq-3 .card-header a { font-size: 16px; font-weight: 500; color: #555555; padding: 19px 0 21px 105px; text-transform: capitalize; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #ededed !important; border-bottom: 1px solid #ddd; display: block; position: relative; } .faq-3 .card-header a.collapsed { color: #848994; } .faq-3 .card-header a.collapsed:after { content: '\f48b'; color: #bababa; } .faq-3 .card-header a:after { content: '\f464'; position: absolute; font-family: 'Ionicons'; left: 30px; top: 0; justify-content: center; height: 100%; flex-direction: column; display: flex; font-size: 28px; color: #555555; } .faq-3 .card-block { padding: 25px 30px 35px; background: #f7f7f7; } .faq-3 .card-block p { font-size: 15px; line-height: 24px; color: #777; } ::i-block-chrome, .shop-page-3-product figure:hover .shop-page-3-overlay { display: block; } ::i-block-chrome, .shop-page-3-product .shop-page-3-overlay ul { height: 41px; width: 102px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } ::i-block-chrome, .portfolio-2 figure:hover .portfolio-3-sub-overlay { display: block; } ::i-block-chrome, .portfolio-3-sub-overlay ul { height: 50px; width: 100px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } ::i-block-chrome, .service-3-caption figure { position: relative; text-align: center; } ::i-block-chrome, .service-3-caption figure a { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; line-height: 100px; } ::i-block-chrome, .faq-3 .card-header a::after { top: 13px; } ::i-block-chrome, .team-page-3-sub ul li { display: inline-block; padding-right: 6px; } @media screen and (max-width: 1400px) { .footer-3-scroll-button a { right: 20px; bottom: 15px; } #contact-page-3-map #gmap_canvas_3 { max-height: none; } } @media screen and (max-width: 1366px) { .banner-section-3 h2 { font-size: 40px; } .banner-section-3 h1 { font-size: 90px; } .banner-section-3 p { font-size: 23px; } .footer-3-scroll-button a { left: 0; right: 0; margin: auto; } } @media screen and (max-width: 1199px) { #banner-section-3 { padding: 120px 0 44px; } .banner-slider-3 .slick-dots { margin: 116px 0 0; } .banner-slider-3 .slick-prev:after, .banner-slider-3 .slick-next:after { font-size: 30px; line-height: 60px; width: 45px; height: 60px; } .about-page-banner-3 { padding: 120px 0; } } @media screen and (max-width: 1024px) { .home-3-top-bottom-100, .home-1-top-bottom-100 { padding: 60px 0; } .home-3-top-bottom-85 { padding: 60px 15px; } .home-3-top-70 { padding-top: 40px; } .home-3-top-bottom-80 { padding: 50px 0; } .home-3-section-title h1 { font-size: 25px; } #header-3 { padding: 20px 0; } #header-3 .navbar-nav a { padding: 12px 15px; } #header-3 .dropdown-menu { left: -60px; } #header-3 .navbar-nav li a span.fa { top: 13px; right: 4px; font-size: 12px; } #header-3 .dropdown-menu a { padding: 15px 0 12px; } .banner-section-3 { max-width: 470px; } .banner-section-3 h2 { font-size: 30px; } .banner-section-3 h1 { font-size: 70px; } .banner-section-3 p { font-size: 21px; } .banner-section-3 a.btn-readmore { font-size: 16px; padding: 12px 30px 10px; margin: 30px 0 0; } .service-3-caption figcaption { padding: 20px 0 30px; } .service-3-caption figure { width: 80px; height: 80px; font-size: 30px; } .testimonial-3 { padding-left: 15px; padding-right: 15px; } .about-3-caption a.btn-readmore { font-size: 16px; padding: 12px 30px 10px; } .about-3-caption h2 { font-size: 30px; } .about-3-caption p { font-size: 14px; line-height: 20px; } .portfolio-3-button a.btn-loadmoreworks { margin: 30px 0 0; font-size: 12px; } .portfolio-3-menu { padding: 25px 0; } .portfolio-3-menu li a { font-size: 14px; padding: 8px 10px 5px; } .blog-3-tab-content .card-header { padding: 11px 25px 13px 80px; } .home-3-top-100 { padding-top: 60px; } #about-page-details-3 { padding: 0 15px; } .about-page-banner-3 h1 { font-size: 40px; } .about-page-details-3 h2 { padding-top: 0; font-size: 30px; } .about-page-details-3 p { padding: 5px 0; } .about-page-details-3 a.btn-readmore { font-size: 15px; padding: 12px 30px 10px; } .blog-3-pagination { padding: 20px 0 0; } #contact-page-3-form form { padding-top: 30px; } .shop-page-3-pagination { padding: 20px 0 0; } .team-page-3-sub figcaption { padding: 20px 15px; } .faq-page-title .home-3-section-title h1 { font-size: 30px; } } @media screen and (max-width: 991px) { #header-3 .navbar-nav a { padding: 8px 10px; font-size: 12px; } #header-3 .navbar-nav li a span.fa { top: 8px; right: 0px; } #header-3 .navbar-nav > li { padding: 7px 5px; } #header-3 .header-3-user-section li { font-size: 15px; padding-right: 10px; } #header-3 .header-3-user-section li a { padding: 10px 0; } #header-3 .dropdown-menu { left: -40px; min-width: 165px; } #header-3 .dropdown-menu a { padding: 15px 0 12px; } .banner-section-3 { float: none; margin: auto; max-width: 420px; } .blog-3-tab-content .card-header { padding: 5px 25px 5px 85px; } .blog-3-tab-content h3 { font-size: 16px; line-height: 20px; } .blog-3-tab-content .accordion-content { font-size: 14px; line-height: 18px; } .blog-3 .entry-meta-corner h2 { font-size: 18px; } .blog-3-tab-content .card { padding-bottom: 10px; } .blog-3-tab-content .card-block { padding: 10px; line-height: 20px; } .blog-3-tab-content p.item-meta span { color: #b0b0b0; font-size: 11px; } .testimonial-3 p { font-size: 13px; line-height: 25px; } .testimonial-3-slider-content { padding: 25px; } .footer-3-sub2-content li.footer-3-sub1 p, .footer-3-sub2-content > p { font-size: 13px; } .about-page-details-3 h2 { font-size: 26px; } .team-page-3-sub h3 { font-size: 20px; padding-bottom: 0; } .team-page-3-sub span { font-size: 13px; line-height: 20px; } .team-page-3-sub p { font-size: 12px; line-height: 18px; padding: 5px 0 10px; } .team-page-3-sub ul li a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; } .team-page-3-sub { margin-bottom: 30px; } .team-page-3-sub ul li { padding-right: 5px; } } @media screen and (max-width: 768px) { .blog-3-tab-content h3 { font-size: 12px; } .blog-3-tab-content .card-block { font-size: 12px; } .blog-3 .item-content h4 { font-size: 14px; } .blog-3-tab-content .card-header { padding: 5px 15px 5px 85px; } } @media screen and (max-width: 767px) { #header-3 .top-bar .navbar-header { display: block; } #header-3 .navbar-light .navbar-toggler { position: relative; background: none; } #header-3 .navbar-light .navbar-toggler::before { position: absolute; content: "\f0c9"; font-size: 22px; font-family: fontawesome; top: 8px; left: 0; right: 0; color: rgba(54, 54, 54, 0.8); } .fixed-menu #header-3 .navbar-light .navbar-toggler::before { content: "\f00d"; font-size: 30px; top: 3px; } .home-3-top-bottom-100 { padding: 40px 0; } .home-3-top-bottom-85 { padding: 40px 15px; } .home-3-top-70 { padding-top: 30px; } .home-3-top-bottom-80 { padding: 40px 0; } #header-3 .navbar-header button { float: right; } #header-3 .top-bar .float-md-right.header-3-user-section { display: none; } #header-3 .top-bar .float-md-right { width: 100%; float: left; } #header-3 ul.navbar-nav { width: 100%; } #header-3 .navbar-nav .nav-item { display: block; padding: 0; } #header-3 .navbar-nav a { color: #ffffff; background: #555; border-bottom: 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 10px 15px 8px; display: inline-block; width: 100%; } #header-3 .navbar-nav li a span.fa { display: none; } #header-3 .dropdown-menu { margin-top: 0; text-align: left; } #header-3 .dropdown-menu a { padding-left: 25px !important; } #header-3 .navbar-nav li .dropdown-toggle { position: relative; } #header-3 .navbar-nav li .dropdown-toggle:before { display: block; position: absolute; top: 45%; right: 15px; content: ''; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; } #header-3 .dropdown-menu:after { display: none; } #header-3 .header-3-user-section li:last-child { padding-right: 10px; } #header-3 .dropdown-menu a:hover { background: #FECB16; color: #ffffff; } #header-3 .dropdown-menu:before { display: none; } .banner-section-3 h2 { font-size: 26px; } .banner-section-3 h1 { font-size: 50px; } .banner-section-3 p { font-size: 18px; line-height: 26px; } #banner-section-3 { padding: 100px 0 44px; } .banner-slider-3 .slick-dots { margin: 60px 0 0; } .service-3-caption { padding-bottom: 30px; } .service-3-caption h3 { font-size: 15px; } .service-3-caption p { font-size: 13px; } .about-3-caption h2 { font-size: 22px; } .about-3-caption p { font-size: 13px; line-height: 18px; } .banner-section-3 a.btn-readmore, .about-3-caption a.btn-readmore { font-size: 12px; padding: 10px 20px 8px; } .home-3-section-title p { font-size: 13px; } .portfolio-3-menu li a { font-size: 12px; padding: 8px 8px 5px; } .blog-3-tab-content { padding-top: 15px; } .blog-3-tab-content h3 { font-size: 14px; } .blog-3-tab-content .card-header { padding: 15px 25px 16px 85px; } .footer-3-sub1, .footer-3-sub2, .footer-3-sub3 { margin: 0; padding-bottom: 10px; } .footer-3-sub1 { max-width: 100%; } .footer-3-sub2 { margin: 0; } .footer-3-sub2-content button[type='submit'] { padding: 12px 25px 10px; font-size: 12px; } .footer-3-sub2-content li { font-size: 13px; } .footer-3-sub2-content input[type="text"], .footer-3-sub2-content textarea { font-size: 13px; } .footer-3-scroll-button { width: 100%; float: left; text-align: center; padding: 10px 0; } .footer-3-scroll-button a { position: inherit; } .footer-3-copyright { padding: 15px 5px; } .about-page-details-3 p { font-size: 13px; } .about-page-details-3-image { padding-left: 0; width: 100%; padding-top: 25px; } .blog-3-image-content.blog-3-page { position: relative; max-width: 500px; margin: 15px auto; } #portfolio-3.home-3-top-bottom-100 { padding-left: 0; padding-right: 0; } .contact-page-3-detail-1 { padding: 30px; margin: 0; } .contact-page-3-detail .home-3-section-title { margin-bottom: 0; margin-top: 0; } .contact-page-3-detail-sub p { font-size: 13px; line-height: 20px; margin-bottom: 0; } #contact-page-3-form input[type='text'], #contact-page-3-form textarea { padding: 8px 15px; } #contact-page-3-form input[type='submit'].btn-submit { padding: 10px 0; font-size: 15px; } .contact-page-3-detail { height: auto !important; } #contact-page-3-map #gmap_canvas_3, #contact-page-1-map #gmap_canvas_1 { height: 400px padding-top: 50px;!important; } .shop-page-3-product figcaption { padding: 25px 0 30px; } .team-page-loadmore a.btn-loadmore3 { font-size: 12px; } .team-page-loadmore a.btn-loadmore3 { padding: 8px 20px; } .faq-3 .card-header a { font-size: 14px; padding: 15px 0 15px 105px; } .faq-3 .card-block p { font-size: 13px; line-height: 25px; } .faq-3 .card-header a::after { font-size: 21px; } .faq-page-title-content { padding: 30px 25px 0; } .faq-3 .card-block { padding: 15px 30px 20px; } } @media screen and (max-width: 667px) { #header-3 .top-bar-right > ul > li { padding: 7px 2px; } .footer-3-copyright p { font-size: 12px; } .footer-3-sub2-content li { font-size: 12px; } .footer-3-title h2 { font-size: 16px; } .about-page-banner-3 { padding: 100px 0; } .about-page-banner-3 h1 { font-size: 35px; } .about-page-details-3 a.btn-readmore { font-size: 13px; padding: 9px 20px 7px; } } @media screen and (max-width: 639px) { .portfolio-3-sub-overlay ul li a { width: 30px; height: 30px; line-height: 30px; font-size: 12px; } .home-3-top-bottom-80 { padding: 30px 0; } #header-3 { padding: 10px 0; } #banner-section-3 { padding: 60px 0 44px; } .banner-section-3 { max-width: 260px; } .banner-section-3 h1 { line-height: 50px; } .banner-section-3 p { font-size: 16px; line-height: 22px; } .banner-slider-3 .slick-dots { margin: 30px 0 0; } .banner-slider-3 .slick-prev:after, .banner-slider-3 .slick-next:after { font-size: 25px; line-height: 40px; width: 35px; height: 40px; } .about-3-caption { padding: 0 0 15px; } .blog-3-tab-content .accordion-title { padding: 15px 25px 15px 85px; } .portfolio-3-menu li a { margin: 0; padding: 8px 5px 5px; } .testimonial-3 p { font-size: 13px; line-height: 20px; } .blog-3-tab-content .accordion-title { padding: 15px 25px 15px 75px; } .blog-3 .item-content h4 { font-size: 15px; } .blog-3 .item-content { padding: 0 15px 5px; } .testimonial-3 figure { width: 80px; height: 80px; } .footer-3-sub2-content { padding: 15px 0 0; } .footer-3-sub1 p { padding: 5px 0; } .footer-3-sub2-content li { font-size: 14px; } .footer-3-copyright-text, .footer-3-bottom-social { width: 100%; text-align: center; padding: 5px 0; } .footer-3-copyright { padding: 5px; } .about-page-banner-3 { padding: 60px 0; } #contact-page-3-form input[type='text'], #contact-page-3-form textarea, .contact-page-1-detail-form input[type='text'], .contact-page-1-detail-form textarea { margin-bottom: 10px; font-size: 12px; } #contact-page-3-form input[type='submit'].btn-submit { font-size: 12px; padding: 8px 0; } .shop-page-3-pagination { padding: 0; } .shop-page-3-pagination .pagination li { font-size: 14px; } .shop-page-3-pagination .pagination a, .shop-page-3-pagination .pagination button { padding: 3px 10px 1px; } .faq-3 .card-block p { line-height: 22px; } } @media screen and (max-width: 575px) { #search-container-3 { margin: 15px auto; } #search-container-3 input[type="text"], #search-container-3 input[type="submit"] { font-size: 14px; } .service-3-caption { max-width: 350px; } .blog-3-tab-content h3 { font-size: 12px; } .footer-3-sub1 { max-width: 270px; } .blog-3-image-content.blog-3-page { margin: 10px auto; } #contact-page-3-map #gmap_canvas_3, #contact-page-1-map #gmap_canvas_1 { height: 300px !important; } .team-page-3-sub ul li { padding-right: 3px; } .faq-page-title .home-3-section-title h1 { font-size: 24px; } .faq-3 .card-header a { padding: 15px 0 15px 40px; } .faq-3 .card-header a::after { left: 10px; } } @media screen and (max-width: 480px) { .blog-3-tab-content .card-header { padding: 15px 10px 16px 75px; } .shop-page-3-sub .col-xs-6 { width: 100%; } .shop-page-3-product { max-width: 300px; } } @media screen and (max-width: 479px) { #header-3 .menu a { font-size: 12px; padding: 8px 15px; } .banner-section-3 { max-width: 220px; } .banner-section-3 h2 { font-size: 22px; } .banner-section-3 h1 { font-size: 40px; } .banner-section-3 p { font-size: 14px; } .blog-3 .item-content h4 { font-size: 12px; } .footer-3-title h2 { font-size: 14px; } .footer-3-sub1 p, .footer-3-sub2-content > p, .footer-3-sub2-content li { font-size: 13px; } .footer-3-sub2-content input[type="text"], .footer-3-sub2-content textarea { font-size: 12px; } .home-3-top-100 { padding-top: 30px; } .about-page-banner-3 h1 { font-size: 30px; } .about-page-details-3 h2 { font-size: 24px; } .team-page-3-sub ul li a { width: 16px; height: 26px; line-height: 26px; font-size: 12px; } .shop-page-3-product figcaption h3, .shop-page-3-product figcaption p { font-size: 15px; line-height: 20px; } .shop-page-3-product figcaption { padding: 15px 0 20px; } } @media screen and (max-width: 379px) { #search-container-3 { margin: 10px auto; } #search-container-3 input[type="text"], #search-container-3 input[type="submit"] { font-size: 12px; } .blog-3-tab-content .card-header { padding: 5px 10px 6px 75px; } .blog-3 .item-content p { font-size: 11px; } .blog-3-tab-content .accordion-title { padding: 10px 15px 10px 75px; } .blog-3 .entry-meta-corner h2 { font-size: 16px; } .blog-3 .entry-meta-corner span { font-size: 13px; } .testimonial-3-slider-content { padding: 25px 15px; } .testimonial-3 p { font-size: 12px; line-height: 18px; } .team-page.team-page-3 .col-xs-6 { width: 100%; } .faq-page-title .home-3-section-title h1 { font-size: 18px; } } /* ******************************* */ /* START OF TEMPLATE VERSION 4 CSS - USED*/ /* ******************************* */ body#home-4, body#home-4 h1, body#home-4 h2, body#home-4 h3, body#home-4 h4, body#home-4 h5, body#home-4 h6, { font-family: 'Open Sans', sans-serif; margin: 0; color:#152c53; } #home-4 #status { background-image: url(../images/header/loader-4.png); } #home-4 .button { background-color: #e1B64F; border-color: #e1a326; color: #ffffff; } #home-4 .button:hover { /*background-color: #152c53; border-color: #b95e5e;*/ color: #ffffff; } #home-4 .button.primary { background-color: #e1a326; border-color: ; } #home-4 .button.primary:hover { background-color: #152c53; border-color: #152c53; } #home-4 .button.secondary { background-color: #FFA800; color: #ffffff; border-color: #FFA800; } #home-4 .button.secondary:hover { background-color: #ffffff; color: #2d2c35; } .home-4-top-70 { padding-top: 70px; } .home-4-top-bottom-120 { padding: 120px 0; } #search-container-4 { display: none; background: #ffffff; padding: 20px 0px; } #search-container-4 input[type="text"], #search-container-4 input[type="submit"] { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 16px; } #search-container-4 input[type="text"] { background: none; width: 100%; padding: 8px; margin-bottom: 0; box-shadow: none; } #search-container-4 input[type="submit"] { padding: 9px 0; color: #ffffff; border: none; background: #b3635e; -webkit-appearance: none; transition: background-color 4pxs ease-in, color 4pxs ease-out; } #search-container-4 input[type="submit"]:hover { background: #FFA800; } #home-4 .background-pink { background: url(../images/home-hero.jpg) no-repeat; background-size: cover; } #header-4 { text-align: center; background: #fff;border-bottom: 5px solid #9bab6a;} #header-4 .phone a { font-size: 24px; font-weight: bold; color: #004072; font-family: Open Sans; text-decoration: none; } #header-4 em.fa-facebook { border-radius: 50px; height: 50px; width: 50px; padding-top: 12px; background-color: #5b5c95; color: #fff; font-size: 30px; } #header-4 .header-top-4 { padding: 15px 0; } #header-4 .header-top-4-language, #header-4 .header-top-4-user { padding: 2px 0; border-bottom: #9bab6a 5px;} #header-4 .header-top-4-language .phone { padding-top: 15px; padding-left: 25px; } #header-4 .header-top-4-language select { width: auto; float: left; margin: 0; background-color: inherit; color: #ffffff; text-transform: uppercase; font-size: 14px; background-image: url(/_assets/image/header/select-arrow-down.png); height: auto; padding: 0 24px 0 10px; background-size: inherit; } #header-4 .header-top-4-user .houzz img { width: 50px; margin-top: -15px; } #header-4 .header-top-4-language select option.opt-currency, #header-4 .header-top-4-language select option.opt-language { background-color: #FFA800; } #header-4 .header-top-4-logo { display: inline-block; } #header-4 .header-top-4-user ul li { display: inline-block; color: #ffffff; padding: 0 8px; } #header-4 .top-bar { position: relative; padding: 0; } #header-4 .top-bar .navbar-header { display: none; } #header-4 .top-bar .navbar-nav .nav-item { display: inline-block; float: none; padding: 10px 0; } #header-4 .top-bar nav { padding: 0; } #header-4 .top-bar nav ul li { margin: 0; } #header-4 .top-bar nav a { font-size: 21px; font-weight: 400; color: #002e59; text-transform: capitalize; font-family: 'Open Sans', sans-serif; } #header-4 .top-bar ul.nav > li > a { padding: 0 32px; position: relative; } #header-4 .navbar-nav li a span.fa { position: absolute; top: 4px; right: 18px; font-size: 12px; } #header-4 .top-bar nav ul li.selected > a { color: #5b5c95; } #header-4 .top-bar nav a:hover, #header-4 .top-bar nav a:hover { color: #9bab6a; } #header-4 .dropdown-menu { border: 1px solid rgba(255, 255, 255, 0.5); min-width: 170px; background: #fff; padding: 6px 0; } #header-4 .navbar-nav li:hover .dropdown-menu { display: block; top: 40px; } #header-4 .dropdown-menu li a { padding: 10px 30px; font-size: 18px; } #header-4 .dropdown-menu li:last-child a { border-bottom: none; } #header-4 .dropdown-toggle::after { display: none; } #header-4 .dropdown-submenu { position: relative; display: block !important; } #header-4 .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: 0; } #header-4 .dropdown-submenu .dropdown-menu:before, #header-4 .dropdown-submenu .dropdown-menu:after { display: none; } #header-4 a.test:after { content: ''; display: block; width: 0px; height: 0px; border: 6px inset; position: absolute; top: 50%; margin-top: -7px; right: 16px; border-color: transparent transparent transparent #ffffff; border-left-style: solid; border-right-width: 0; } .dropdown-item:focus, .dropdown-item:hover { background: inherit; } #banner-section-4 { padding: 165px 0 280px; font-family: 'Montserrat', sans-serif; } .banner-section-4 { color: #ffffff; } .banner-section-4 h1 { font-size: 42px; font-weight: 600; text-transform: capitalize; line-height: 75px; } .banner-section-4 span { display: inline-block; font-size: 65px; font-weight: 600; position: relative; } .banner-section-4 span:before, .banner-section-4 span:after { position: absolute; content: ''; width: 120px; height: 9px; background: #ffffff; top: 0; bottom: 0; margin: auto; } .banner-section-4 span:before { left: -150px; } .banner-section-4 span:after { right: -150px; } a.btn-shoppingnow { font-size: 20px; color: #fff; background: #9bab6a; text-transform: uppercase; padding: 16px 38px 12px; display: inline-block; margin-top: 21px; font-family: 'Open Sans', sans-serif; } a.btn-shoppingnow:hover { background: #002e59; } /****SUB SLIDER****/ #banner-section-4-sub { background: #ececec; position: relative; z-index: 2000; } #banner-section-4-sub h2 a { color: #fff; font-weight: bold; font-size: 30px; font-family: 'museo Display', sans-serif; text-shadow: 4px 3px 4px rgba(0,0,0,0.4); } .banner-section-4-sub { margin-top: -280px; background: #fff; } .banner-section-4-sub ul { border: 30px solid #ffffff; margin: 0; } .banner-section-4-sub ul li { display: inline-block; padding: 0px 0 0 0; color: #ffffff; opacity: 1; transition: opacity 0.5s ease; position: relative; } .banner-section-4-sub ul li:hover { opacity: 0.7; } .banner-section-4-sub ul li:first-child { background: url(../images/cabinets-home-bg.jpg?v=2) no-repeat center; background-size: cover; } .banner-section-4-sub ul li:nth-child(2) { background: url(../images/counters-home-bg.jpg?v=2) no-repeat center; background-size: cover; border-top: 30px solid #ffffff; border-right: 30px solid #ffffff; } .banner-section-4-sub ul li:last-child { background: url(../images/hardware-home-bg.jpg?v=2) no-repeat center; background-size: cover; border-top: 30px solid #ffffff; } .banner-section-4-sub ul li h2 { font-size: 25px; font-weight: 300; text-transform: uppercase; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); line-height: 1; margin: 0; left: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } #banner-section-4-sub ul li:first-child h2 a { font-size: 50px; } .banner-section-4-sub ul li h2 span { display: block; } .banner-section-4-sub ul li p { font-size: 16px; font-weight: 500; } .banner-section-4-sub ul li a.btn-shopnow { font-size: 13px; font-weight: 700; text-transform: uppercase; position: relative; } .banner-section-4-sub ul li a.btn-shopnow:after { position: absolute; content: ''; top: 0; bottom: 0; right: -55px; background: url(../images/banner/right-long-arrow.png) no-repeat; width: 44px; height: 13px; margin: auto; } .banner-section-4-sub ul li:nth-child(2) p { padding: 5px 0 9px; font-size: 14px; } /**END SUB SLIDER*SECTION**/ /*----- Footer Blog ------*/ .blog-4 { padding: 0; } .blog-4-sub figcaption { padding: 15px 0; } .blog-4-sub span { font-size: 10px; font-weight: 600; color: #a8a8a8; text-transform: uppercase; } .blog-4-sub h3 { font-size: 18px; font-weight: 600; color: #202658; padding: 16px 0 15px; } .blog-4-sub p { font-size: 16px; line-height: 20px; color: #000000; } .blog-4-sub a.btn-readmore { font-size: 13px; line-height: 20px; color: #353535; font-weight: 500; padding-top: 28px; display: inline-block; position: relative; } .blog-4-sub a.btn-readmore:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #353535; } .blog-4-sub a.btn-readmore:hover { color: #4a9a30; } .blog-4-sub a.btn-readmore:hover:after { background: #e1b64f; } .blog-4-content a.btn { margin-top: 20px; } /*-----End Blog -----*/ /*----- Articles Page Blog ------*/ .article-4 { padding: 0; } .article-4-sub figcaption { padding: 15px 0; } .article-4-sub span { font-size: 10px; font-weight: 600; color: #a8a8a8; text-transform: uppercase; } .article-4-sub h3 { font-size: 15px; font-weight: 600; color: #202658; padding: 16px 0 15px; } .article-4-sub p { font-size: 13px; line-height: 20px; color: #000000; } .article-4-sub a.btn-readmore { font-size: 13px; line-height: 20px; color: #353535; font-weight: 500; padding-top: 28px; display: inline-block; position: relative; } .article-4-sub a.btn-readmore:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #353535; } .article-4-sub a.btn-readmore:hover { color: #4a9a30; } .article-4-sub a.btn-readmore:hover:after { background: #e1b64f; } .article-4-content a.btn { margin-top: 20px; } /*-----End Blog -----*/ #brandlogo-4 { padding: 60px 0; } #brandlogo-4 img { width: auto; padding: 0 40px; max-height: 100px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .home-brand-logo { max-width: 940px; float: none !important; margin: 0 auto !important; display: block; } .brandlogo-4 .slick-slide a { display: block; } .brandlogo-4 .slick-slide { text-align: center; } #footer-4 { background: #153045; } .footer-1-sub1 { font-family: 'Open Sans'; color: #fff; font-size: 18px; } .footer-1-sub1 { font-weight: 400; color: #fff; } .footer-search-4 { padding: 10px 0; } .footer-search-4 span { font-family: "Lato", sans-serif; color: #ffffff; font-size: 18px; font-weight: 700; line-height: 24px; text-transform: uppercase; } .footer-search-4 input[type="text"], .footer-search-4 input[type="email"] { max-width: 100%; margin: auto; display: block; padding: 12px 11px; height: 44px; font-size: 14px; color: #9f9f9f; border: none; font-family: "Lato", sans-serif; margin-bottom: 15px; border-radius: 0; } .footer-search-4 input[type='submit'].btn-sendnow, .footer-search-4 button.btn-sendnow { font-size: 18px; font-weight: 600; color: #ffffff; padding: 17px 54px 16px; background: #e1a326; text-transform: uppercase; border: none; } .footer-search-4 input[type='submit'].btn-sendnow:hover, .footer-search-4 button.btn-sendnow:hover { background: #fff; color: #2d2c35; } .footer-menu-4 { padding: 65px 0; } .footer-menu-4-sub { max-width: 225px; color: #ffffff; margin: auto; } .footer-menu-4-sub h3 { font-size: 18px; line-height: 24px; font-weight: 500; text-transform: uppercase; } .footer-menu-4-sub ul { margin-top: 20px; } .footer-menu-4-sub ul li { font-size: 14px; line-height: 40px; text-transform: capitalize; } .footer-menu-4-sub ul li a:hover { color: #FFA800; } .footer-menu-4-sub ul li span { color: #b3b4b5; } #footer-bottom-4 { background: #181820; } #footer-bottom-4 p { font-size: 12px; line-height: 20px; color: #949497; } #footer-bottom-4 p span { color: #ffffff; } .footer-bottom-4 { text-align: center; padding: 25px 0; } .footer-bottom-4 ul li { display: inline-flex; padding-right: 13px; display: -webkit-box; float: left; } .footer-bottom-4 ul li:last-child { padding-right: 0; } .footer-bottom-4 .footer-4-copyright { display: inline-block; } #about-page-banner-4 { padding: 150px 0; } #about-page-banner-4 h1 { font-size: 52px; color: #ffffff; font-weight: 600; text-transform: uppercase; } #portfolio-4 { background: #e6e6e6; } .home-4-section-title h1 { font-size: 36px; line-height: 46px; color: #5b5c95; font-weight: 600; text-transform: none; position: relative; display: inline-block; padding-bottom: 15px; } #home-4 .portfolio-3-menu li a:hover, #home-4 .portfolio-3-menu li.selected a, #home-4 .portfolio-3-sub-overlay, #home-4 .contact-page-1-button .btn-submit { background: #e1a326; } .portfolio-4-menu { padding: 70px 0; } .portfolio-4-menu li { display: inline-block; padding: 0 30px; border-right: 1px solid; float: none !important; line-height: 15px; } .portfolio-4-menu li:last-child { border-right: none; } .portfolio-4-menu li a { font-size: 14px; line-height: 15px; font-weight: 600; color: #9b9b9b; text-transform: uppercase; position: relative; padding: 0; } .portfolio-4-menu li a:hover, .portfolio-4-menu li a.active { color: #FFA800 !important; background: none !important; } .portfolio-4-menu li a:hover:before, .portfolio-4-menu li a.active:before { position: absolute; content: ''; top: 0; left: -10px; bottom: 0; margin: auto; width: 27px; height: 1px; background: #FFA800; } .portfolio-4-sub figcaption { padding-top: 14px; } .portfolio-4-sub figcaption h3 { font-size: 15px; font-weight: 500; color: #292b2c; padding: 10px 0; } .portfolio-4-sub figcaption p a, .portfolio-4-sub figcaption p a:not([href]) { color: #bdbdbd; font-size: initial; } .portfolio-4-sub figcaption p a:nth-child(-n+3) { color: #FFA800; } .portfolio-4-sub figcaption p { line-height: 16px; } .portfolio-4-slider figure { position: relative; margin-top: 15px; } .portfolio-4-slider figure img { width: 100%; } .portfolio-4-slider figure:hover { -webkit-box-shadow: 0 0 15px 0 #d9d9d9; -moz-box-shadow: 0 0 15px 0 #d9d9d9; box-shadow: 0 0 15px 0 #d9d9d9; } .portfolio-4-slider figure:hover ul { display: flex; } .portfolio-4-sub-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .portfolio-4-sub-overlay ul { display: none; position: absolute; top: 0; right: 30px; margin: 0; align-items: center; justify-content: center; height: 100%; flex-direction: column; } .portfolio-4-sub-overlay ul li { display: inline-flex; padding: 7px 0; } .portfolio-4-sub-overlay ul li a { font-size: 16px; width: 37px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ebebeb; color: #c2c2c2; text-align: center; line-height: 37px; } .portfolio-4-sub-overlay ul li a:hover { background: #FFA800; color: #ffffff; } .portfolio-4-sub-overlay span.btn-priceshow { position: absolute; right: 30px; bottom: 30px; padding: 12px 15px; font-size: 14px; font-weight: 500; -webkit-box-shadow: 5px 5px 5px 0 #f0f0f0; -moz-box-shadow: 5px 5px 5px 0 #f0f0f0; box-shadow: 5px 5px 5px 0 #f0f0f0; } .portfolio-4-sub-overlay span.btn-discount, .portfolio-4-sub-overlay span.btn-newproduct { position: absolute; top: 20px; right: 20px; width: 55px; height: 28px; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 28px; color: #ffffff; font-weight: 600; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .portfolio-4-sub-overlay span.btn-discount { background: #FFA800; } .portfolio-4-sub-overlay span.btn-newproduct { background: #c4df9a; } .portfolio-4-slider .slick-prev:after, .portfolio-4-slider .slick-next:after { font-family: fontawesome; font-size: 20px; line-height: 50px; width: 50px; height: 50px; } .portfolio-4-slider .slick-prev:after { content: ""; } .portfolio-4-slider .slick-next:after { content: ""; } .portfolio-4-slider .slick-prev, .portfolio-4-slider .slick-next { font-size: 0; position: absolute; top: -14%; bottom: 0; margin: auto; line-height: 50px; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; -webkit-box-shadow: 0 0 10px 0 #f0f0f0; -moz-box-shadow: 0 0 10px 0 #f0f0f0; box-shadow: 0 0 10px 0 #f0f0f0; border: none; } .portfolio-4-slider .slick-prev { left: -10px; } .portfolio-4-slider .slick-next { right: -10px; } .portfolio-4-slider .column:last-child:not(:first-child), .portfolio-4-slider .columns:last-child:not(:first-child) { float: left; } .portfolio-4-sub ul.filter-slider > li.slick-active { display: block !important; } .portfolio-4-slider .slick-track { margin: 0; } /*----- POSSIBLE DELETE -----*/ .cataloge-4 figure { position: relative; } .cataloge-4 figure:hover figcaption { display: flex; } .cataloge-4 figcaption { display: none; position: absolute; top: 0; left: 0; top: 0; right: 0; justify-content: center; height: 100%; flex-direction: column; padding: 0 15px; } .cataloge-4 figcaption h3 { font-size: 20px; font-weight: 600; color: #ffffff; } .cataloge-4 figcaption p { font-size: 14px; color: #ffffff; padding: 12px 0; } .cataloge-4 figcaption a { font-size: 13px; font-weight: 700; color: #FFA800; text-transform: uppercase; padding-top: 51px; } .cataloge-4-slider .slick-prev, .cataloge-4-slider .slick-next { font-size: 0; position: absolute; top: 0; bottom: 0; margin: auto; line-height: 50px; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; border: none; } .cataloge-4-slider .slick-prev:after, .cataloge-4-slider .slick-next:after { font-family: fontawesome; font-size: 20px; } .cataloge-4-slider .slick-prev:after { content: ""; } .cataloge-4-slider .slick-next:after { content: ""; } .cataloge-4-slider .slick-prev { left: 0; } .cataloge-4-slider .slick-next { right: 0; } ::i-block-chrome, #header-4 .header-top-4-language select { background-repeat: no-repeat; background-position: right; margin-right: 5px; padding: 0 15px 0 0; } ::i-block-chrome, .portfolio-4-slider .slick-prev { position: relative; font-size: 0; } ::i-block-chrome, .portfolio-4-slider .slick-prev:before { content: ''; position: absolute; top: 0; left: 0; } ::i-block-chrome, .portfolio-4-sub-overlay ul { top: 33%; height: auto; } ::i-block-chrome, .portfolio-4-slider .slick-prev, .portfolio-4-slider .slick-next { font-size: 0; width: 0; height: 0; position: absolute; } ::i-block-chrome, .portfolio-4-slider .slick-prev:after, .portfolio-4-slider .slick-next:after { font-family: fontawesome; position: absolute; top: 0; bottom: 0; margin: auto; font-size: 20px; line-height: 50px; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; -webkit-box-shadow: 0 0 10px 0 #f0f0f0; -moz-box-shadow: 0 0 10px 0 #f0f0f0; box-shadow: 0 0 10px 0 #f0f0f0; } ::i-block-chrome, .portfolio-4-slider .slick-prev:after { content: '\f104'; left: 0; } ::i-block-chrome, .portfolio-4-slider .slick-next:after { content: '\f105'; right: 0; } ::i-block-chrome, .portfolio-4-slider figure:hover ul { display: block; } ::i-block-chrome, .cataloge-4 figure:hover figcaption { display: block; top: 38%; height: auto; } ::i-block-chrome, .cataloge-4-slider .slick-prev, .cataloge-4-slider .slick-next { font-size: 0; height: 0; width: 0; } ::i-block-chrome, .cataloge-4-slider .slick-prev:after, .cataloge-4-slider .slick-next:after { font-family: fontawesome; position: absolute; top: 0; bottom: 0; margin: auto; font-size: 20px; line-height: 50px; height: 50px; width: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; } ::i-block-chrome, .cataloge-4-slider .slick-prev:after { content: '\f104'; left: 0; } ::i-block-chrome, .cataloge-4-slider .slick-next:after { content: '\f105'; right: 0; } /*----- END POSSIBLE DELETE -----*/ @media screen and (max-width: 1199px) { .home-4-top-bottom-120 { padding: 70px 0; } .home-4-top-70 { padding-top: 50px; } #banner-section-4 { padding: 135px 0 230px; } .banner-section-4 h1 { font-size: 100px; } .banner-section-4 span { font-size: 50px; } .portfolio-4-menu { padding: 40px 0; } #about-page-banner-4 { padding: 120px 0; } #about-page-banner-4 h1 { font-size: 42px; } } @media screen and (max-width: 1024px) { .home-4-top-bottom-120 { padding: 40px 0; } .home-4-top-70 { padding-top: 30px; } .home-4-section-title h1 { font-size: 28px; } #header-4 .header-top-4 { padding: 15px 0; } #header-4 .top-bar { padding: 10px 0; } #header-4 .dropdown-menu { top: 32px; } #banner-section-4 { padding: 100px 0 80px; } .banner-section-4 h1 { font-size: 80px; line-height: 100px; } .banner-section-4 span { font-size: 35px; } .banner-section-4-sub { margin-top: 0; } .banner-section-4-sub ul { border: 15px solid #ffffff; } .banner-section-4-sub ul li h2 { font-size: 20px; } .banner-section-4-sub ul li { padding: 100px 0; } .banner-section-4-sub ul li:nth-child(2) { border-left: 15px solid #ffffff; border-right: 15px solid #ffffff; } .portfolio-4-sub ul.portfolio-4-slider { width: 97%; margin: auto; } .portfolio-4-slider figure { padding: 0; } #brandlogo-4 { padding: 40px 0; } .footer-search-4 { padding: 20px 0; } .footer-search-4 input[type="text"] { padding: 7px 11px; } .footer-search-4 input[type="submit"].btn-sendnow { padding: 12px 54px 10px; } .footer-bottom-4 { padding: 15px; } .footer-menu-4 { padding: 30px 0; } .footer-menu-4-sub ul li { line-height: 30px; } .footer-menu-4-sub ul { margin-top: 10px; } } @media screen and (max-width: 991px) { .home-4-section-title h1 { font-size: 22px; } .portfolio-4-menu { padding: 20px 0; } #header-4 .menu li > a { padding: 0 20px; } #banner-section-4 { padding: 60px 0; } .banner-section-4 h1 { font-size: 60px; } .banner-section-4 span { font-size: 25px; } .banner-section-4 span:before, .banner-section-4 span:after { width: 60px; height: 4px; } .banner-section-4 span:before { left: -80px; } .banner-section-4 span:after { right: -80px; } .banner-section-4 a.btn-shoppingnow { padding: 14px 30px 10px; } .portfolio-4-menu li { padding: 0 20px; } .portfolio-4-sub-overlay span.btn-discount, .portfolio-4-sub-overlay span.btn-newproduct { top: 10px; right: 10px; height: 24px; } .portfolio-4-slider .slick-prev, .portfolio-4-slider .slick-next, .cataloge-4-slider .slick-prev, .cataloge-4-slider .slick-next { width: 40px; height: 40px; } .portfolio-4-slider .slick-prev::after, .portfolio-4-slider .slick-next::after, .cataloge-4-slider .slick-prev::after, .cataloge-4-slider .slick-next::after { font-size: 16px; line-height: 40px; } .portfolio-4-slider .slick-prev { left: -5px; } .portfolio-4-slider .slick-next { right: -5px; } .portfolio-4-sub-overlay span.btn-priceshow { right: 15px; bottom: 10px; padding: 8px 12px; font-size: 11px; } .portfolio-4-sub-overlay ul { right: 20px; } .blog-4-sub h3 { font-size: 13px; padding: 5px 0; } .blog-4-sub p { font-size: 12px; } .blog-4-sub a.btn-readmore { font-size: 12px; padding-top: 15px; } .blog-4-sub figcaption { padding: 20px 15px; } .footer-menu-4-sub h3, .footer-search-4 span { font-size: 14px; } .footer-menu-4-sub ul li { font-size: 12px; } .footer-bottom-4 ul li { padding-right: 5px; } .footer-search-4 input[type="text"] { max-width: 320px; font-size: 14px; } .footer-search-4 input[type="submit"].btn-sendnow { padding: 10px 34px 9px; } } @media screen and (max-width: 767px) { #header-4 .top-bar .navbar-header { display: block; } #header-4 .navbar-light .navbar-toggler { position: relative; background: none; } #header-4 .navbar-light .navbar-toggler::before { position: absolute; content: "\f0c9"; font-size: 22px; font-family: fontawesome; top: 8px; left: 0; right: 0; color: rgba(54, 54, 54, 0.8); } #header-4 .navbar-light .navbar-toggler::before { color: rgba(255, 255, 255, 0.8); } .fixed-menu #header-4 .navbar-light .navbar-toggler::before { content: "\f00d"; font-size: 30px; top: 3px; } #header-4 .menu li > a { font-size: 13px; } #header-4 .top-bar { text-align: left; } #header-4 .top-bar ul { background: #111111; } #header-4 .top-bar nav a { font-size: 13px; } #header-4 .top-bar .navbar-nav .nav-item { display: block; width: 100%; float: left; } #header-4 .top-bar ul.nav > li > a, #header-4 .top-bar nav .dropdown-item { padding: 10px 15px; border-bottom: 1px solid; width: 100%; } #header-4 .navbar-nav li a span.fa { display: none; } #header-4 .dropdown-menu { border: none; background: #111111; text-align: left; padding: 0; } #header-4 .dropdown-menu > a { padding-left: 30px !important; } #header-4 .navbar-toggleable-sm .navbar-nav { margin-top: 15px; margin-bottom: 0; } #header-4 .navbar-nav li .dropdown-toggle { position: relative; } #header-4 .navbar-nav li .dropdown-toggle:after { display: block; position: absolute; top: 18px; right: 15px; content: ''; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; } #header-4 span.menutitle { color: #ffffff; text-transform: capitalize; padding-left: 10px; font-size: 20px; position: absolute; top: 7px; } #header-4 .dropdown-menu li:last-child a { border-bottom: 1px solid; } #header-4 .dropdown-menu a { padding-left: 25px !important; } #header-4 .navbar-light .navbar-toggler { border-color: rgba(255, 255, 255, 0.5); } .banner-section-4-sub ul li:nth-child(2) { border: none; border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff; } .blog-4-content { max-width: 450px; margin: auto; padding-bottom: 25px; } .banner-section-4-sub ul li { height: auto !important; } .portfolio-4-sub-overlay ul li { padding: 3px 0; } .portfolio-4-sub-overlay ul li a { font-size: 12px; width: 30px; height: 30px; line-height: 30px; } #footer-bottom-4 p { font-size: 12px; } .footer-menu-4-sub { float: none !important; padding-bottom: 15px; margin: 0; } .footer-menu-4-sub h3 { font-size: 15px; } .footer-menu-4-sub ul li { font-size: 13px; } } @media screen and (max-width: 667px) { .home-4-section-title h1 { font-size: 18px; } .banner-section-4 a.btn-shoppingnow { padding: 12px 20px 8px; } .banner-section-4-sub ul li h2 { font-size: 15px; } .banner-section-4-sub ul li { padding: 80px 0; } .banner-section-4-sub ul li:nth-child(2) h2:before, .banner-section-4-sub ul li:nth-child(2) h2:after { width: 120px; height: 30px; } .banner-section-4-sub ul li:nth-child(2) h2:before { top: -50px; } .banner-section-4-sub ul li:nth-child(2) h2:after { bottom: -110px; } .banner-section-4-sub ul li:last-child h2:before { top: -15px; } .banner-section-4-sub ul li:last-child h2:after { bottom: -15px; } .blog-4-sub h3 { font-size: 12px; padding: 5px 0; } #footer-bottom-4 p { font-size: 11px; } } @media screen and (max-width: 639px) { #header-4 .header-top-4-logo figure { width: 150px; margin: auto; } #header-4 .header-top-4-language, #header-4 .header-top-4-user { padding: 2px 0; } .banner-section-4 h1 { font-size: 40px; line-height: 80px; } .banner-section-4 span { font-size: 20px; } .portfolio-4-menu li { padding: 0 10px; } .portfolio-4-menu li a { font-size: 11px; } .portfolio-4-menu li a:hover:before, .portfolio-4-menu li.selected a:before { top: -4px; } .blog-4-content { max-width: 360px; margin: auto; padding-bottom: 25px; } .footer-menu-4 { padding: 10px 0; } .footer-menu-4-sub { padding: 10px 0; } .footer-menu-4-sub h3 { font-size: 15px; } .footer-menu-4-sub ul { margin-top: 5px; } .footer-search-4 input[type="text"] { max-width: 244px; margin: 0 5px; } .footer-search-4 input[type='submit'].btn-sendnow { padding: 10px 15px 8px; } .footer-bottom-4 .footer-4-copyright { padding-top: 10px; } #about-page-banner-4 { padding: 75px 10px; } #about-page-banner-4 h1 { font-size: 34px; } } @media screen and (max-width: 575px) { #search-container-4 { margin: 15px auto; } #search-container-4 input[type="text"], #search-container-4 input[type="submit"] { font-size: 14px; } .portfolio-4-sub { padding: 0 15px; } #header-4 .top-bar nav a { font-size: 12px; } } @media screen and (max-width: 480px) { #banner-section-4 { padding: 40px 0; } } @media screen and (max-width: 479px) { .banner-section-4 span:before, .banner-section-4 span:after { width: 30px; height: 2px; } .banner-section-4 span:before { left: -50px; } .banner-section-4 span:after { right: -50px; } #header-4 .header-top-4-logo { width: 100%; float: left; padding-top: 10px; } #header-4 .header-top-4-user ul li { padding: 0 5px; } #header-4 .menu li > a { font-size: 12px; } .banner-section-4 h1 { font-size: 30px; line-height: 50px; } .banner-section-4-sub ul li a { font-size: 11px; } .banner-section-4-sub ul li { padding: 60px 0; } .banner-section-4-sub ul li:nth-child(2) h2:before { top: -40px; } .banner-section-4-sub ul li:nth-child(2) h2:after { bottom: -100px; } .blog-4-content { padding: 0 15px 25px; } .footer-search-4 span { width: 100%; float: left; text-align: left; margin-left: 5px; } .footer-search-4 { max-width: 350px; margin: auto; float: none; } .footer-bottom-4 .social-1, .footer-bottom-4 .social-2 { width: 100%; padding: 5px 0; } } @media screen and (max-width: 379px) { #search-container-4 { margin: 10px auto; } #search-container-4 input[type="text"], #search-container-4 input[type="submit"] { font-size: 12px; } .portfolio-4-menu li { padding: 0 22px; } .footer-search-4 input[type="text"] { max-width: 184px; } .footer-bottom-4 .footer-4-copyright { padding-top: 5px; } .footer-search-4 { max-width: 290px; } } @media only screen and (min-width:768px) { #header-4 .navbar-nav li a span.fa {display: block; font-size: 20px; right: 12px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); color: #002a54;} } @media only screen and (max-width:1199px) and (min-width:992px) { #header-4 .navbar-nav li a span.fa { display: block; font-size: 16px; right: 8px } } @media only screen and (max-width:991px) and (min-width:768px) { #header-4 .navbar-nav li a span.fa { display: block; font-size: 16px; right: 0px } } .our-cabinets img { padding: 0 30px; height: 110px; } .blog-4-sub { margin-top: 20px; } #blog-4 { background: #ececec; padding: 60px 0; margin-top: 0; } .footer-logo { margin-bottom: 15px; } ul.list-style li { font-size: 20px; line-height: 32px; font-weight: 400; color: #787789; padding-bottom: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } ul.list-style { text-align: left !important; } .home-brand-logo li a { display: block !important; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .home-brand-logo li a:hover img { filter: grayscale(100); -webkit-filter: grayscale(100); -moz-filter: grayscale(100); -ms-filter: grayscale(100); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .home-brand-logo li:first-child, .home-brand-logo li:nth-child(2) { width: 50% !important; margin-bottom: 35px; margin-top: 10px; } .blog-desc { font-size: 20px; } .blog-desc ul, .inner-content ul { margin-left: 20px; margin-bottom: 20px; font-size: 20px; } .blog-desc ul li:before, .inner-content ul li:before { content: ''; width: 9px; height: 9px; background: #e1a326; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; left: 4px; top: 14px; margin-right: 10px; } ul.home-brand-logo li:before, .pagination li.page-item:before, .contact-page-1-detail-contact ul li:before, .slick-slider li.slick-slide:before, .BlogTagList ul li:before, .select2-selection__rendered li:before { display: none; } .contact-page-1-detail-contact ul, ul.home-brand-logo, .slick-slider ul { margin-left: 0; margin-bottom: 0; } .pagination li { list-style: none; } .footer-1-sub1 a:hover { color: #fff; text-decoration: none } .two-column-side-content .contact-page-1-detail-form { float: none !important; } @media screen and (max-width: 1022px) { .banner-slider-1 .slider-content { padding: 150px 0 0 0; } } .brandlogo-4 { float: left; width: 100%; margin: 0 !important; } .about-1 h1 { color: #202658; font-size: 42px;} .about-1 h2 { color: #5b5c95; font-size: 36px; } .about-home-col span { display: block; text-align: left; } .about-home-gray { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 15px; background: #ececec; width: 100%; } .about-home-white { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 15px; background: #fff; } .about-home-col { margin: 20px 0; font-family: 'Open Sans', sans-serif; color: #252525; font-size: 20px; padding-left: 35px; padding-right: 35px; } .about-home-col p { font-family: 'Open Sans', sans-serif; color: #252525; font-size: 20px; } .inner-content h1::before { width: 35px; height: 35px; display: inline-block; margin-right: 8px; padding: 0; top: 4px; position: relative; } .blog-2-content-sub h3 a { line-height: 1.25; } .blog-2-sidebar .fullwidth h3 { margin-left: 20px; } .blog-2-sidebar .fullwidth ul { margin-left: 0; margin-bottom: 0; } .blog-2-sidebar .fullwidth ul li a { font-size: 16px; } .blog-2-sidebar .fullwidth ul li:before { display: none; } .blog-2-sidebar .fullwidth ul li a:hover { color: #fff; text-decoration: none; } .blog-2-sidebar .fullwidth ul li:hover { color: #fff; background: #152c53; } table { width: 100%; margin-bottom: 1rem; border-radius: 0; border-collapse: collapse; border-spacing: 0; } table tbody, table tfoot, table thead { border: 1px solid #f1f1f1; background-color: #fefefe; } table tbody td, table tbody th { padding: .5rem .625rem .625rem; font-size: 14px; } table.case-list td { padding: 6px; } .blog_tag li:before { display: none } .blog_tag { margin: 0 !important; } #bbb-badge-img img { width: 100px !important; height: auto; } @media only screen and (max-width:1280px) { .testimonials-arrow { max-width: calc(100% - 100px); } } @media only screen and (max-width:1199px) { .footer-1-content-3 p { font-size: 17px; } .footer-1-content-3 h4 { font-size: 20px; } .footer-search-4 { padding: 0px 0; } .footer-top-1 { padding: 25px 0 40px; } #header-4 .top-bar ul.nav > li > a { padding: 0 24px; } #header-4 .top-bar nav a { font-size: 18px; } #header-4 .dropdown-menu li a { padding: 5px 24px; font-size: 16px; } #testimonial-3 .container { max-width: 820px !important; } #testimonial-3 .testimonial-3-slider li.slick-slide { padding: 80px 0; } } @media only screen and (max-width:1024px) { .banner-slider-1 .slider-content { padding: 100px 0 100px 0; } .banner-section-4-sub ul li { padding: 0; } } @media only screen and (max-width:1023px) { .blog-2-sidebar .fullwidth h3 { margin-left: 20px; padding-left: 10px; } } @media only screen and (max-width:991px) and (min-width:768px) { .footer-1-menu .col-md-3.offset-md-1.col-sm-4 { margin-left: 3.3333%; width: 30%; } .footer-1-sub1 p, .footer-1-content-1 a, .footer-1-content-3 li { font-size: 18px; } } @media only screen and (max-width:991px) { .footer-1-content-3 h4 { font-size: 16px; } .testimonial-3 p, .testimonial-3 h3 { font-size: 20px; } #testimonial-3 h1 { font-size: 28px; } #testimonial-3 .container { max-width: 580px !important; } .testimonials-arrow button { width: 25px; } .testimonial-3-slider-content { padding: 0; } .about-home-col img { width: 100%; } .about-1 span { font-size: 20px; } .about-1 p { font-size: 16px; line-height: 24px; } .about-home-col p { font-size: 16px; } .about-home-col { margin: 10px 0; padding-left: 15px; padding-right: 15px; } .h1, h1 { font-size: 1.5rem; } .h2, h2 { font-size: 1.25rem; } .inner-content h3 a { color: #5b5c95; font-size: 20px; } .blog-4-sub figcaption { padding: 20px 0; } .banner-slider-1 .slider-content { padding: 50px 0 50px 0; } .banner-section-4-sub ul li { height: auto !important; padding-top: 80px; padding-bottom: 80px; } .banner-section-4-sub ul li:nth-child(2) { border-left: 0px solid #ffffff; } #banner-section-4-sub ul li:first-child h2 a, #banner-section-4-sub h2 a { font-size: 28px; } .banner-slider-1 .slider-button { margin-bottom: 0; } #header-4 .top-bar nav a { font-size: 14px; } #header-4 .top-bar ul.nav > li > a { padding: 0 15px; } #header-4 .phone a { font-size: 20px; } .blog.blog-10 .col-lg-8.col-md-12.col-xs-12.pull-left-new { width: 66.6666%; } .blog.blog-10 .col-lg-4.col-md-12.col-xs-12 { width: 33.3333%; } .col-lg-12.col-md-6.col-sm-6.col-xs-12.no-padding { } .blog-2-sidebar .col-lg-12.col-md-6.col-sm-6.col-xs-12.no-padding { width: 100%; } .blog.blog-10 .col-lg-8.col-md-12.col-xs-12.pull-left-new .col-sm-6.col-xs-12 { width: 100%; } .blog.blog-10 .col-lg-8.col-md-12.col-xs-12.pull-left-new .col-sm-6.col-xs-12 .blog-2-content { margin-bottom: 0; } .blog-2-sidebar .fullwidth ul li a { font-size: 14px; } .blog-2-side-1.tagswidget ul li { padding: 7px 12px; } #about-page-banner-4 h1 { font-size: 32px; } } @media only screen and (max-width:767px) { #header-4 span.menutitle { color: #ffffff; padding-left: 0; font-size: 18px; top: 5px; left: 15px; } #header-4 .top-bar { background: #152c53; padding: 8px 0; } #header-4 .navbar-light .navbar-toggler { border-color: #9bab6a; background: #9bab6a; float: right; width: 45px; height: 35px; padding: 0 !important; margin-right: 15px; } #header-4 .navbar-light .navbar-toggler::before { color: #fff; } #header-4 .navbar-light .navbar-toggler::before { font-size: 19px; top: 7px; } #banner-slider-1 { padding: 0; } .banner-slider-1 .slider-button { margin-top: 30px; } a.btn-shoppingnow { font-size: 14px; padding: 16px 25px 12px; margin-top: 0; } .banner-slider-1 h1 { font-size: 24px; } .banner-section-4-sub ul li:last-child { border-top: 0px solid #ffffff; } .banner-section-4-sub ul li { padding-top: 60px; padding-bottom: 60px; } #banner-section-4-sub ul li:first-child h2 a, #banner-section-4-sub h2 a { font-size: 22px; } .about-home-col { width: 100%; padding-left: 0; padding-right: 0; } /*.about-home-col img { width: 50px; }*/ .about-1 span { width: 100%; max-width: 100%; } #testimonial-3 h1 { font-size: 24px; } .testimonial-3 p, .testimonial-3 h3 { font-size: 18px; } #testimonial-3 .testimonial-3-slider li.slick-slide { padding: 50px 0; } .testimonials-arrow { max-width: calc(100% - 20px); } #testimonial-3 .container { max-width: calc(100% - 80px) !important; } .fixed-menu #header-4 .navbar-light .navbar-toggler::before { font-size: 18px; top: 7px; } #header-4 .top-bar .navbar-header { display: flex; float: none; flex-wrap: wrap; justify-content: flex-end; } #header-4 .navbar-nav li:hover .dropdown-menu, #header-4 .navbar-nav li a:hover .dropdown-menu { display: none; } #header-4 .top-bar .container { padding: 0; } #header-4 .navbar-toggleable-sm .navbar-nav { margin-top: 5px; margin-bottom: 0; background: transparent; } #header-4 .top-bar ul { background: transparent; } #header-4 .top-bar ul.nav > li > a, #header-4 .top-bar nav a { color: #fff; } #header-4 .top-bar ul.nav > li > a, #header-4 .top-bar nav .dropdown-item, #header-4 .dropdown-menu li:last-child a { border-bottom: 0; } #header-4 .top-bar .navbar-nav li { padding: 0 !important; } #header-4 .top-bar nav ul li a { padding-top: 10px !important; padding-bottom: 10px !important; } #header-4 .top-bar .navbar-nav li { padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.25) !important; } #header-4 .top-bar .navbar-nav li:last-child { border-bottom: 0 !important; } #header-4 .top-bar ul.nav > li > a.dropdown-toggle { border-bottom: 1px solid rgba(255,255,255,0.25) !important; text-decoration: none; } .nav.navbar-nav li ul.dropdown-menu li:first-child a::after { display: none !important; } .banner-slider-1 h1 br { display: none; } .nav-item.dropdown .dropdown-menu, .nav-item.dropdown.open:hover .dropdown-menu { display: none; } .nav-item.dropdown.open .dropdown-menu { display: block !important; } .about-1 p br, .about-1 br { display: none; } .inner-content h1::before { width: 25px; height: 25px; } .home-brand-logo { text-align: center; } .home-brand-logo li, .home-brand-logo li:first-child, .home-brand-logo li:nth-child(2) { width: 50% !important; float: none; display: inline-block; margin: 0 auto 15px; } #brandlogo-4 img { padding: 0 10px; max-height: 70px; } #brandlogo-4 { padding: 25px 0; } #blog-4 { padding: 30px 0; } .blog-4-sub .col-md-6.col-xs-12 { padding: 0; } .footer-1-sub1 { font-size: 14px; } .col-md-4.col-sm-4.footer-left { width: 50%; } .col-md-3.offset-md-1.col-sm-4.footer-middle { width: 50%; } .col-md-4.col-sm-4.footer-right { width: 100%; float: left; } .footer-search-4 input[type="text"] { max-width: 100%; } .footer-1-content-3 { text-align: center; } .blog-4-content .well { height: auto !important; } .blog-4-content { max-width: 100%; } .blog-4-sub figcaption { padding: 5px 0 25px; } .home-4-section-title h1 { margin-bottom: 0; padding-bottom: 0; } .blog.blog-10 .col-lg-8.col-md-12.col-xs-12.pull-left-new, .blog.blog-10 .col-lg-4.col-md-12.col-xs-12 { width: 100%; } .blog.blog-10 .col-lg-8.col-md-12.col-xs-12.pull-left-new .col-sm-6.col-xs-12 { width: 50%; } #brandlogo-4 h1 { margin-bottom: 20px; } .blog-2-side { padding: 0 0px 15px; } } @media only screen and (max-width:639px) { .banner-slider-1 h1 { font-size: 20px; margin-bottom: 0 !important; } .banner-slider-1 .slider-button { margin-top: 15px; } a.btn-shoppingnow { padding: 10px 20px 10px; margin-top: 0; } .banner-slider-1 .slider-content { padding: 35px 0 35px 0; } #bbb-badge { display: none; } #header-4 .header-top-4-language .phone { padding-top: 10px; padding-left: 0; } #header-4 .phone a { font-size: 16px; } .header-top-4 .container .col-md-12 { padding-left: 0; padding-right: 0; } #header-4 .header-top-4-user .houzz img { width: 35px; margin-top: -5px; } #header-4 em.fa-facebook { border-radius: 35px; height: 35px; width: 35px; padding-top: 0; background-color: #5b5c95; color: #fff; font-size: 20px; line-height: 35px; } #header-4 .header-top-4-user ul li { padding: 0 5px; } .footer-search-4 input[type="text"] { max-width: 100%; margin: 0 0 10px; } .footer-bottom1-copyright { float: left; width: 100%; text-align: center; } .footer-bottom1-socialicon { width: 100%; text-align: center; } .footer-bottom1-copyright p { line-height: 1.25; } .col-md-3.offset-md-1.col-sm-4.footer-middle, .col-md-4.col-sm-4.footer-left { float: left; } .footer-1-sub2, .footer-1-sub3, .footer-1-sub4 { margin-top: 0; float: left; width: 100%; } .footer-1-content-1 { padding-top: 0; } .blog.blog-10 .col-lg-8.col-md-12.col-xs-12.pull-left-new .col-sm-6.col-xs-12 { width: 100%; } .blog-2-content { float: left; max-width: 100%; margin: 0; } } @media only screen and (max-width:479px) { .footer-1-sub1 { font-size: 14px; } .footer-search-4 { max-width: 100%; } } @media only screen and (max-width:359px) { .banner-slider-1 .slider-content { padding: 20px 0 20px 0; } .col-md-4.col-sm-4.footer-left { margin-bottom: 20px; } .col-md-3.offset-md-1.col-sm-4.footer-middle, .col-md-4.col-sm-4.footer-left { width: 100%; } .footer-1-content-3 { text-align: left; } } ul.dropdown-menu li a span { display: none !important; } /*Old-Banner-*/ .page-about-heartwood #about-page-banner-4 { background: url(../images/inner-banners/about-banner.jpg?v=2) no-repeat !important; background-size: cover !important; background-position: left 45% !important; } /*Buttons*/ .button { background-color: #9bab6a; border: 2px solid #9bab6a; padding: 6px 55px 6px 15px; font-size: 16px; line-height: 24px; } .button:hover { background-color: #ffffff; color: #9bab6a; border-color: #9bab6a} .button.primary { background-color: #222533; border-color: #222533; } .button.primary:hover { background-color: #9bab6a; } .button.secondary { background-color: #ffffff; color: #9bab6a; } .button { display: inline-block; } button:hover, .button:hover { cursor: pointer; } button:focus { outline: none; } /*===================================== Tab Nav =====================================*/ .nav-menu li { padding: 0px 20px; } .nav-menu li a { padding: 20px 0; display: block } .nav-menu li.active a { border-bottom: 3px solid var(--theme-primary-color); } .over-view .btn-link.clops { position: relative; margin-left: 15px; } .position-relative.plus-minus[aria-expanded="true"]::after, .position-relative.plus-minus[aria-expanded="false"]::after { position: absolute; content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: inherit; font-size: 12px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .position-relative.plus-minus[aria-expanded="false"]::after { content: "\f067"; } #multiCollapseExample1 p { margin-bottom: 50px } .text-secondary, .text-secondary a, a.text-secondary, a.hover-text-secondary:hover, .hover-text-secondary:hover, .hover-text-secondary a:hover { color: var(--theme-secondary-color) !important } /*-----TAB END -----*/ /*mti*/ .inner-banner { width: 100%; float: left; overflow: hidden; position: relative; max-height: 503px; z-index: 400; background-size: cover;} .inner-banner img { width: 100%; margin-top: -50px; height: 320px;} .banner-caption { width: 100%; float: center; position: absolute; top: 225px; left: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; } .banner-block { width: 100%; display: block; max-width: 770px; padding: 0 15px; margin: -50px auto; text-align: center; no-repeat center; } .banner-block h1 { font-weight: 600; color: #FFF; font-size: 60px; margin-bottom: 0; line-height: 48px; font-weight: bolder; text-transform: uppercase; text-align: center; } /*inner banner webapp */ .inner-banner-webapp { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 150px 0; margin-top: -100px; margin-bottom: 60px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .inner-banner-line { border-bottom: 5px; border-color: #9BAB6A; border-style: solid; } @media screen and (min-width: 1199px) { .inner-banner-webapp { padding: 150px 0; } } .inner-banner-webapp h1,.inner-banner-webapp h2,.inner-banner-webapp h3,.inner-banner-webapp h4,.inner-banner-webapp h5 { color: #ffffff; font-size: 42px; text-align: center; text-shadow: 4px 3px 4px rgba(0,0,0,0.4); font-weight: 600; letter-spacing: 2px; } .inner-banner-webapp h1:before { background: none !important; content: none !important; } @media screen and (min-width: 1199px) { .inner-banner-webapp h1,.inner-banner-webapp h2,.inner-banner-webapp h3,.inner-banner-webapp h4,.inner-banner-webapp h5 { font-size: 42px; } } /* .class2 { filter: brightness(0.8); } */ .shadow-text { text-transform: uppercase; color: white; text-align: center; text-shadow: 4px 3px 4px rgba(0,0,0,0.4); font-weight: 600; letter-spacing: 2px; }