/************************************************************************ // Table of Main CSS 1. General 2. Header 3. Counter 4. Gallery 5. Team 6. Front Blog / Home Blog 7. Footer 8. Pricing 9. Front Shop 10. Top Banner 11. Ribbon 12. Comment Section 13. Testimonials *************************************************************************/ /************************************************************************ // 1. General *************************************************************************/ body { overflow-x: hidden; } .uppercase { text-transform: uppercase; } a { text-decoration: none; -wekbit-transition: color .2s,background .2s,border .2s; transition: color .2s,background .2s,border .2s; } a:hover { text-decoration: none; } img { max-width: 100%; height: auto; } @media (min-width: 767px) { .right-side { text-align: right; } } .businessone-headtitle { position: relative; padding-bottom: 7px; } .businessone-headtitle h3 { font-size: 1.85em; } .businessone-headtitle:after { position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; content: ""; } .businessone-headtitle.text-align-center { text-align: center; } .businessone-headtitle.text-align-center:after { left: 50%; margin-left: -22.5px; } div.businessone-button a.vc_btn3.vc_btn3-size-lg { padding: 12px 12px; font-size: .95em; font-weight: 600; padding: 18px 43px; border-radius: 4px; } div.businessone-button2 a.vc_btn3.vc_btn3-size-lg { padding: 12px 12px; font-size: .95em; font-weight: 600; padding: 18px 23px; border-radius: 4px; } .errorSection { padding-top: 120px; padding-bottom: 80px; text-align: center; } .businessone-btn1, .woocommerce-tabs input[type="submit"] { font-size: .95em; font-weight: 600; text-transform: uppercase; border-style: solid; display: inline-block; padding: 11px 32px; color: white; -webkit-transition: .2s background; transition: .2s background; } .businessone-btn-vc a { font-weight: 600; text-transform: uppercase; } .businessone-btn2 { font-size: .85em; /* font-size: 12px; */ color: black; text-transform: uppercase; padding: 8px 28px; display: inline-block; border-width: 2px; border-style: solid; /* line-height: 23px; */ font-weight: 600; } .businessone-btn2:hover { color: white; } .businessone-btn3 { color: white; width: 40px; height: 40px; text-transform: uppercase; border: 1px solid white; display: inline-block; padding-top: 7px; border-radius: 50%; margin-left: 3px; margin-right: 3px; } .businessone-btn4, .woocommerce-MyAccount-content input[type="submit"] { color: white; font-size: .85em; padding: 12px 40px; text-transform: uppercase; border: none; font-weight: 600; letter-spacing: 1px; -webkit-transition: background .2s; transition: background .2s; margin-top: 15px; } .businessone-btn4:active, .woocommerce-MyAccount-content input[type="submit"]:active, .businessone-btn4:focus, .woocommerce-MyAccount-content input[type="submit"]:focus { outline: none; } .align-right { text-align: right; } .page-template-page-vc .footer-widget { margin-top: 0; } .businessone-line { position: relative; } .businessone-line:after { width: 32px; height: 2px; position: absolute; left: 50%; bottom: -15px; margin-left: -16px; content: ""; } /************************************************************************ // 2. Header *************************************************************************/ .nav-menu ul li { margin-bottom: 0; } /* Layout 1 */ .header-layout-1 .shop-bag { float: right; margin-right: -14px; } .header-layout-1 .shop-bag .shop-bag-container { background-color: #1c1c1c; top: 32px; } .header-layout-1 .header-info { color: white; padding-top: 8px; padding-bottom: 3px; } .header-layout-1 .header-info p.h6 { padding: 6px 0; color: white; font-weight: 500; margin-bottom: 5px; } .header-layout-1 .header-info .right-side p.h6, .header-layout-1 .header-info .right-side .shop-bag { display: inline-block; } .header-layout-1 .header-info .right-side span { margin-right: 10px; margin-left: 10px; } .header-layout-1 .header-nav ul, .header-layout-1 .header-nav li { list-style: none; } .header-layout-1 .header-nav .middle { padding-top: 45px; padding-bottom: 30px; } .header-layout-1 .header-nav .logo { padding-top: 13px; max-height: 60px; } .header-layout-1 .header-nav .logo img { max-height: 50px; } .header-layout-1 .header-nav .logo h3 { margin-top: 10px; } .header-layout-1 .header-nav .icon { margin-right: 5px; } .header-layout-1 .header-nav .mail p, .header-layout-1 .header-nav .call p { font-size: .94em; } .header-layout-1 .header-nav .mail .uppercase, .header-layout-1 .header-nav .call .uppercase { font-size: .875em; } .header-layout-1 .header-nav .social-wrap { text-align: right; } .header-layout-1 .header-nav .social-wrap .fa { font-size: 15px; } .header-layout-1 .header-nav .social-wrap a { -webkit-transition: all .2s; transition: all .2s; width: 42px; height: 42px; display: inline-block; border: 1px solid #656464; border-radius: 50%; color: #656464; text-align: center; margin-left: 5px; } .header-layout-1 .header-nav .social-wrap a .fa { padding-top: 13px; } .header-layout-1 .header-nav .social-wrap a:hover { color: white; } .header-layout-1 .header-nav .nav-menu > ul { width: 100%; text-align: right; } .header-layout-1 .header-nav .nav-menu > ul > li { position: relative; } .header-layout-1 .header-nav .nav-menu > ul > li ul { display: none; position: absolute; left: 0; top: 75px; width: 230px; z-index: 2; padding: 5px 20px 10px 20px; text-align: left; } .header-layout-1 .header-nav .nav-menu > ul > li ul li { display: block; float: initial; border-bottom: 1px solid #3c424e; padding-top: 17px; padding-bottom: 17px; } .header-layout-1 .header-nav .nav-menu > ul > li ul li:last-child { border-bottom: none; } .header-layout-1 .header-nav .nav-menu > ul > li ul a { padding: 0; color: white; text-transform: capitalize; font-size: .86em; } .header-layout-1 .header-nav .nav-menu a { color: #333; font-weight: 600; padding: 26px 17px; display: inline-block; letter-spacing: 1px; } .header-layout-1 .header-nav .nav-menu > ul > li:last-child a { padding-right: 0; } .header-layout-1 .header-nav .nav-menu ul { padding-left: 15px; margin: 0; } .header-layout-1 .header-nav .nav-menu ul li { display: inline-block; } .header-layout-1 .header-nav .nav-menu .get-quote { color: white; padding: 27px 30px; font-weight: 500; } .header-layout-1 .header-nav .nav-menu .get-quote:hover { color: white; } .header-layout-1 .header-nav .nav-menu > ul > li ul { background-color: #1c1c1c; } /* Layout 2 */ .header-layout-2 .header-info { display: none; } .header-layout-2 .header-nav ul, .header-layout-2 .header-nav li { list-style: none; } .header-layout-2 .header-nav .middle { padding-top: 45px; padding-bottom: 30px; } .header-layout-2 .header-nav .logo { padding-top: 13px; max-height: 60px; } .header-layout-2 .header-nav .logo img { max-height: 50px; } .header-layout-2 .header-nav .logo h3 { margin-top: 10px; } .header-layout-2 .header-nav .icon { margin-right: 5px; } .header-layout-2 .header-nav .mail p, .header-layout-2 .header-nav .call p { font-size: .94em; } .header-layout-2 .header-nav .mail .uppercase, .header-layout-2 .header-nav .call .uppercase { font-size: .875em; } .header-layout-2 .header-nav .social-wrap { text-align: right; } .header-layout-2 .header-nav .social-wrap .fa { font-size: 15px; } .header-layout-2 .header-nav .social-wrap a { -webkit-transition: all .2s; transition: all .2s; width: 42px; height: 42px; display: inline-block; border: 1px solid #656464; border-radius: 50%; color: #656464; text-align: center; margin-left: 5px; } .header-layout-2 .header-nav .social-wrap a .fa { padding-top: 13px; } .header-layout-2 .header-nav .social-wrap a:hover { color: white; } .header-layout-2 .header-nav .nav-menu > ul { width: 100%; text-align: right; } .header-layout-2 .header-nav .nav-menu > ul > li { position: relative; } .header-layout-2 .header-nav .nav-menu > ul > li ul { display: none; position: absolute; left: 0; top: 75px; width: 230px; z-index: 2; padding: 5px 20px 10px 20px; text-align: left; } .header-layout-2 .header-nav .nav-menu > ul > li ul li { display: block; float: initial; border-bottom: 1px solid #3c424e; padding-top: 17px; padding-bottom: 17px; } .header-layout-2 .header-nav .nav-menu > ul > li ul li:last-child { border-bottom: none; } .header-layout-2 .header-nav .nav-menu > ul > li ul a { padding: 0; color: white; text-transform: capitalize; font-size: .86em; } .header-layout-2 .header-nav .nav-menu a { color: #333; font-weight: 600; padding: 26px 17px; display: inline-block; letter-spacing: 1px; } .header-layout-2 .header-nav .nav-menu > ul > li:last-child a { padding-right: 0; } .header-layout-2 .header-nav .nav-menu ul { padding-left: 15px; margin: 0; } .header-layout-2 .header-nav .nav-menu ul li { display: inline-block; } .header-layout-2 .header-nav .nav-menu .get-quote { color: white; padding: 27px 30px; font-weight: 500; } .header-layout-2 .header-nav .nav-menu .get-quote:hover { color: white; } .header-layout-2 .header-nav .nav-menu > ul > li ul { background-color: #1c1c1c; } /* Layout 3 */ .page-template-page-vc .header-layout-3 { top: 0; z-index: 9; left: 0; width: 100%; } .header-layout-3 .header-nav ul, .header-layout-3 .header-nav li { list-style: none; } .header-layout-3 .header-nav .middle { padding-top: 45px; padding-bottom: 30px; } .header-layout-3 .header-nav .logo { padding-top: 13px; max-height: 60px; } .header-layout-3 .header-nav .logo img { max-height: 50px; } .header-layout-3 .header-nav .logo h3 { margin-top: 10px; } .header-layout-3 .header-nav .icon { margin-right: 5px; } .header-layout-3 .header-nav .mail p, .header-layout-3 .header-nav .call p { font-size: .94em; } .header-layout-3 .header-nav .mail .uppercase, .header-layout-3 .header-nav .call .uppercase { font-size: .875em; } .header-layout-3 .header-nav .social-wrap { text-align: right; } .header-layout-3 .header-nav .social-wrap .fa { font-size: 15px; } .header-layout-3 .header-nav .social-wrap a { -webkit-transition: all .2s; transition: all .2s; width: 42px; height: 42px; display: inline-block; border: 1px solid #656464; border-radius: 50%; color: #656464; text-align: center; margin-left: 5px; } .header-layout-3 .header-nav .social-wrap a .fa { padding-top: 13px; } .header-layout-3 .header-nav .social-wrap a:hover { color: white; } .header-layout-3 .header-nav .nav-menu > ul { width: 100%; text-align: right; } .header-layout-3 .header-nav .nav-menu > ul > li { position: relative; } .header-layout-3 .header-nav .nav-menu > ul > li ul { display: none; position: absolute; left: 0; top: 75px; width: 230px; z-index: 2; padding: 5px 20px 10px 20px; text-align: left; } .header-layout-3 .header-nav .nav-menu > ul > li ul li { display: block; float: initial; border-bottom: 1px solid #3c424e; padding-top: 17px; padding-bottom: 17px; } .header-layout-3 .header-nav .nav-menu > ul > li ul li:last-child { border-bottom: none; } .header-layout-3 .header-nav .nav-menu > ul > li ul a { padding: 0; color: white; text-transform: capitalize; font-size: .86em; } .header-layout-3 .header-nav .nav-menu a { color: #333; font-weight: 600; padding: 26px 17px; display: inline-block; letter-spacing: 1px; } .header-layout-3 .header-nav .nav-menu > ul > li:last-child a { padding-right: 0; } .header-layout-3 .header-nav .nav-menu ul { padding-left: 15px; margin: 0; } .header-layout-3 .header-nav .nav-menu ul li { display: inline-block; } .header-layout-3 .header-nav .nav-menu .get-quote { color: white; padding: 27px 30px; font-weight: 500; } .header-layout-3 .header-nav .nav-menu .get-quote:hover { color: white; } .header-layout-3 .header-nav .nav-menu > ul > li ul { background-color: #1c1c1c; } .page-template-page-vc .header-layout-3 .header-nav .nav-menu.light-nav-menu a { color: white; } /* Layout 4 */ .header-layout-4 .header-info { background-color: white!important; color: white; padding-top: 25px; padding-bottom: 25px; } .header-layout-4 .header-info .logo img { max-height: 56px; } .header-layout-4 .header-info p, .header-layout-4 .header-info span { padding: 6px 0; color: black; font-weight: 500; } .header-layout-4 .header-info .icon-block { display: inline-block; margin-left: 40px; } .header-layout-4 .header-info .icon-block strong { display: block; } .header-layout-4 .header-info .icon-block .icon-span, .header-layout-4 .header-info .icon-block .text-span { display: inline-block; } .header-layout-4 .header-info .icon-block .icon-span { margin-right: 10px; } .header-layout-4 .header-info .icon-block .fa { font-size: 25px; } .header-layout-4 .header-info .icon-block .text-span { text-align: left; } .header-layout-4 .header-info .right-side { text-align: right; } .header-layout-4 .header-nav { background-color: #1c1c1c; } .header-layout-4 .header-nav .shop-bag { display: inline-block; float: right; margin-top: 23px; } .header-layout-4 .header-nav .shop-bag .fa { color: white; } .header-layout-4 .header-nav .shop-bag .shop-bag-container { background-color: #1c1c1c; } .header-layout-4 .header-nav ul, .header-layout-4 .header-nav li { list-style: none; } .header-layout-4 .header-nav .middle { padding-top: 45px; padding-bottom: 30px; } .header-layout-4 .header-nav .logo { padding-top: 13px; max-height: 60px; } .header-layout-4 .header-nav .logo img { max-height: 50px; } .header-layout-4 .header-nav .logo h3 { margin-top: 10px; } .header-layout-4 .header-nav .icon { margin-right: 5px; } .header-layout-4 .header-nav .mail p, .header-layout-4 .header-nav .call p { font-size: .94em; } .header-layout-4 .header-nav .mail .uppercase, .header-layout-4 .header-nav .call .uppercase { font-size: .875em; } .header-layout-4 .header-nav .social-wrap { text-align: right; } .header-layout-4 .header-nav .social-wrap .fa { font-size: 15px; } .header-layout-4 .header-nav .social-wrap a { -webkit-transition: all .2s; transition: all .2s; width: 42px; height: 42px; display: inline-block; border: 1px solid #656464; border-radius: 50%; color: #656464; text-align: center; margin-left: 5px; } .header-layout-4 .header-nav .social-wrap a .fa { padding-top: 13px; } .header-layout-4 .header-nav .social-wrap a:hover { color: white; } .header-layout-4 .header-nav .nav-menu > ul { width: 100%; text-align: left; } .header-layout-4 .header-nav .nav-menu > ul > li { position: relative; } .header-layout-4 .header-nav .nav-menu > ul > li:first-child > a { padding-left: 0; } .header-layout-4 .header-nav .nav-menu > ul > li ul { display: none; position: absolute; left: 0; top: 69px; width: 230px; z-index: 2; padding: 20px 0; text-align: left; } .header-layout-4 .header-nav .nav-menu > ul > li ul li { display: block; float: initial; } .header-layout-4 .header-nav .nav-menu > ul > li ul li:last-child { border-bottom: none; } .header-layout-4 .header-nav .nav-menu > ul > li ul a { padding: 0; color: #1c1c1c; text-transform: capitalize; font-size: .86em; } .header-layout-4 .header-nav .nav-menu a { color: white; font-weight: 600; padding: 27px 17px; display: inline-block; letter-spacing: 1px; } .header-layout-4 .header-nav .nav-menu ul { padding-left: 0; margin: 0; } .header-layout-4 .header-nav .nav-menu ul li { display: inline-block; } .header-layout-4 .header-nav .nav-menu ul ul { box-shadow: 0 9px 20px 0 #dadada; } .header-layout-4 .header-nav .nav-menu ul ul li { -webkit-transition: background .2s; transition: background .2s; } .header-layout-4 .header-nav .nav-menu ul ul li a { display: block; padding: 17px; } .header-layout-4 .header-nav .nav-menu ul ul li a:hover { color: white; } .header-layout-4 .header-nav .nav-menu ul ul li:hover { background-color: #1c1c1c; } .header-layout-4 .header-nav .nav-menu .get-quote { color: white; padding: 27px 30px; font-weight: 500; } .header-layout-4 .header-nav .nav-menu .get-quote:hover { color: white; } .header-layout-4 .header-nav .nav-menu > ul > li ul { background-color: white; } .businessone-second-menu .header-info { display: none; } /* Mobile Menu */ .mobile-menu-wrap { position: relative; } .mobile-menu-wrap ul, .mobile-menu-wrap li { list-style: none; } .mobile-menu-wrap .fa { color: black; position: absolute; right: 15px; top: -53px; cursor: pointer; } .mobile-menu { display: none; background-color: #1c1c1c; padding-top: 20px; padding-bottom: 10px; position: relative; } .mobile-menu a { color: white; } .mobile-menu ul.sub-menu { padding-left: 20px; } .mobile-menu ul.sub-menu li:before { color: white; content: "- - "; } /************************************************************************ // 3. Counter *************************************************************************/ .counter h2 { font-weight: 500; margin-top: 2px; font-size: 1.85em; } .counter p { text-transform: uppercase; font-size: .95em; letter-spacing: 2px; font-weight: 600; } /************************************************************************ // 4. Gallery *************************************************************************/ .section-gallery .scaffholding { position: relative; margin-top: 30px; } .section-gallery .scaffholding .hover-content { width: 100%; height: 100%; position: absolute; top: 0; text-align: center; } .section-gallery .scaffholding .hover-content a { color: white; width: 36px; height: 36px; border: 1px solid white; display: inline-block; text-align: center; border-radius: 50%; margin-left: 3px; margin-right: 3px; } .section-gallery .scaffholding .hover-content a .fa { padding-top: 10px; font-size: 14px; } .section-gallery .scaffholding .hover-content .links-wrap { width: 100%; height: 100%; display: table; } .section-gallery .scaffholding .hover-content .links-wrap .links { display: table-cell; vertical-align: middle; } .section-gallery.front img { -webkit-transition: opacity .3s; transition: opacity .3s; border-right: 1px solid transparent; box-sizing: content-box; } .section-gallery.front .scaffholding:hover img { opacity: .2; } .section-gallery.front .hover-content { display: none; } .gallery-template { margin-top: 100px; } /************************************************************************ // 5. Team *************************************************************************/ .block-team { position: relative; letter-spacing: 0; text-align: center; } .block-team img { -webkit-transition: -webkit-transform 0.25s; transition: transform .25s; } .block-team:hover img { -webkit-transform: rotate(3deg) scale(1.1, 1.1); transform: rotate(3deg) scale(1.1, 1.1); } .block-team:hover p { color: white; } .block-team .img-wrap { overflow: hidden; } .block-team .hover-content { background-color: white; border-right: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; overflow: hidden; padding-top: 40px; padding-bottom: 40px; position: relative; width: 100%; -webkit-transition: background .2s; transition: background .2s; } .block-team .hover-content p { -webkit-transition: color .2s; transition: color .2s; } .block-team .hover-content .first-wrap { position: absolute; top: 14px; width: 100%; } .block-team .hover-content .second-wrap { position: absolute; top: 100px; width: 100%; } .block-team .hover-content p { font-size: .9em; } .block-team .second-wrap { margin-top: 15px; overflow: hidden; } .block-team .second-wrap a { color: #777; width: 28px; height: 30px; display: inline-block; text-align: center; border-radius: 50%; margin-left: 3px; margin-right: 3px; } .block-team .second-wrap a .fa { padding-top: 10px; font-size: 15px; } .block-team h4 { color: #333; font-weight: 800; font-size: 1em; letter-spacing: 1px; margin-bottom: 5px; } /************************************************************************ // 6. Front Blog / Home Blog *************************************************************************/ .blog-container{ margin-bottom: 70px; } .front-blog { text-align: center; } .front-blog em { font-size: .8em; text-transform: uppercase; } .front-blog .p-summary { margin-top: 25px; line-height: 1.7; margin-bottom: 25px; text-align: left; } .front-blog .e-content, .front-blog .p-summary { margin-top: 37px; } .front-blog .h-entry { position: relative; } .front-blog .h-entry .u-photo { overflow: hidden; } .front-blog .h-entry .u-photo img { -webkit-transition: all 2s; transition: all 2s; } .front-blog .h-entry .u-photo:hover img { -webkit-transform: scale(1.05) rotate(2deg); transform: scale(1.05) rotate(2deg); } .front-blog .p-name { margin-top: 10px; } .front-blog .p-name a { color: #232323; } .front-blog .post-meta-wrap { font-size: .95em; padding: 13px 50px; position: relative; top: -41px; display: inline-block; line-height: 1.2; } .front-blog .post-meta-wrap span, .front-blog .post-meta-wrap a { color: white; } .front-blog .post-meta-wrap .divider { margin-left: 5px; margin-right: 5px; } .front-blog .businessone-btn1 { display: inline-block; } .home-blog { padding-top: 80px; } .home-blog .p-name { -ms-word-wrap: break-word; word-wrap: break-word; } .home-blog .h-entry { margin-bottom: 70px; } .sidebar-container { text-align: left; padding-left: 40px; } .sidebar-container .businessone-line:after { left: 0; margin-left: 0; } .sidebar-container .widget-title { font-size: 1.22em; margin-top: 37px; margin-bottom: 40px; } .sidebar-container ul { padding-left: 20px; margin-top: 15px; } .sidebar-container .widget-wrap > ul { padding-left: 0; } .sidebar-container ul, .sidebar-container li { list-style: none; } .sidebar-container li { padding-top: 5px; padding-bottom: 5px; } .sidebar-container select { width: 100%; height: 35px; border-color: #f3f3f3; } .sidebar-container table { width: 100%; line-height: 1.8; text-align: center; } .footer-widget .logo img { max-width: 210px; width: 100%; } .footer-widget .widget-title { font-size: 1.4em; margin-top: 30px; } .footer-widget ul { padding-left: 0; margin-top: 15px; } .footer-widget ul, .footer-widget li { list-style: none; } .footer-widget li { padding-top: 5px; padding-bottom: 5px; } .footer-widget select { width: 100%; height: 35px; border-color: #f3f3f3; } .footer-widget table { width: 100%; line-height: 1.8; text-align: center; } .footer-widget .fa { width: 38px; height: 38px; background-color: #2e3036; border: 2px solid transparent; color: #cccccc; font-size: 14px; padding-top: 9px; text-align: center; margin-right: 9px; margin-bottom: 9px; } .footer-widget .fa:hover { border-color: #5d5f66; color: #cccccc; } .footer-info-widget img { margin-bottom: 25px; } .footer-info-widget p { font-size: .95em; } .footer-info-widget strong, .footer-info-widget span { display: block; } .footer-info-widget .businessone-btn4 { display: inline-block; margin-top: 30px; font-size: .8em; padding: 11px 33px; } .footer-info-widget strong { font-size: 1.5em; letter-spacing: 2px; margin-top: 20px; margin-bottom: 5px; } .footer-info-widget .businessone-btn4, .footer-info-widget strong { color: white; } .searchform { position: relative; } .searchform input[type="text"] { width: 100%; padding-right: 30px; } .searchform .icon { cursor: pointer; position: absolute; top: 15px; right: 17px; } .searchform .icon:hover { color: black; } .home-blog.single-blog .e-content { text-align: initial; } .home-blog.single-blog .dt-published { text-align: center; } .home-blog.single-blog .tags a { color: #777777; border: 1px solid #dbdbdb; display: inline-block; padding: 3px 5px; font-size: .86em; padding: 7px 17px; margin-right: 7px; margin-bottom: 7px; } .home-blog.single-blog .tags a:hover { color: white; } .single-blog .e-content p { margin-bottom: 20px; } .businessone-pagenavi { text-align: center; border-top: 2px solid #d4d4d4; margin-bottom: 80px; } .businessone-pagenavi ul { display: inline-block; padding-left: 0; } .businessone-pagenavi a, .businessone-pagenavi span { width: 46px; height: 50px; display: inline-block; margin-left: 0; margin-right: 0; padding-top: 13px; text-transform: uppercase; font-weight: 600; } .businessone-pagenavi a { color: #232323; } .businessone-pagenavi li:first-child a, .businessone-pagenavi li:first-child span { border-left: none; } .businessone-pagenavi.gallery-pagenavi { margin-top: 60px; } /************************************************************************ // 7. Footer *************************************************************************/ .footer-widget { background-color: #272727; color: #c9c9c9; padding-top: 80px; padding-bottom: 10px; } .footer-widget a { font-size: .9em; } .footer-widget h4, .footer-widget a { color: #bbbbbb; } .footer-widget a:hover { color: white; } .footer-widget .widget-title { margin-bottom: 30px; color: #e8e8e8; font-size: 1.1em; text-transform: uppercase; margin-bottom: 50px; margin-top: 0; } .footer-widget .widget-wrap { margin-bottom: 70px; } .footer-widget .businessone-line:after { left: 0; bottom: -19px; margin-left: 0; } .footer-copyright { background-color: black; color: #bbbbbb; padding-top: 11px; padding-bottom: 17px; font-size: .9em; } .footer-copyright .text-wrap { font-weight: bold; padding-top: 10px; } .footer-copyright .text-wrap p { margin-bottom: 0; } .footer-copyright .social-wrap { text-align: right; } .footer-copyright .social-wrap a { display: inline-block; width: 38px; height: 38px; background-color: #2e3036; border: 2px solid #2e3036; text-align: center; margin-right: 5px; margin-bottom: 8px; } .footer-copyright .social-wrap a .fa { font-size: 15px; padding-top: 10px; -webkit-transition: color .2s; } /************************************************************************ // 8. Pricing *************************************************************************/ .pricing-block { text-align: center; } .pricing-block ul, .pricing-block li { list-style: none; } .pricing-block ul { padding-left: 0; } .pricing-block .heading { color: white; padding: 20px 5px; } .pricing-block .heading .price { color: white; font-size: 3.75em; display: inline-block; margin-top: 5px; } .pricing-block .heading .symbol { font-size: 1.6em; } .pricing-block .content { border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .pricing-block .content ul li { border-bottom: 1px solid #e0e0e0; padding: 19px 5px; } .pricing-block .content ul li:last-child { border-bottom: none; } .pricing-block .content .businessone-btn1, .pricing-block .content .businessone-btn2 { margin-bottom: 40px; } .pricing-block.active { position: relative; top: -37px; } .pricing-block.active .info { color: white; letter-spacing: 1px; font-size: .9em; text-transform: uppercase; font-family: 'Lora'; padding: 7px 5px; margin-bottom: 2px; } /************************************************************************ // 9. Front Shop *************************************************************************/ .front-shop .h-product .clearfix { padding-top: 12px; padding-bottom: 20px; } .front-shop .h-product .u-photo { text-align: center; padding: 50px 44px; background-color: #f7f7f7; position: relative; border: 1px solid #e9e9e9; } .front-shop .h-product .u-photo:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0; -webkit-transition: .2s all; transition: .2s all; } .front-shop .h-product:hover .u-photo:before { opacity: .8; } .front-shop .h-product .hover-content { text-align: right; display: none; width: 100%; position: absolute; bottom: 9px; right: 0; z-index: 2; } .front-shop .h-product .hover-content a { color: white; padding: 10px 19px; font-family: Poppins; text-transform: uppercase; font-size: .87em; } .front-shop .h-product .hover-content a .fa { font-size: 18px; margin-right: 7px; } .front-shop .h-product .hover-content a .fa-check, .front-shop .h-product .hover-content a .fa-circle-o-notch { position: relative; top: 2px; } .front-shop .h-product .hover-content .added_to_cart.wc-forward { display: none; } .front-shop .h-product .p-name a { font-size: .75em; color: black; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; } .front-shop .h-product .p-price { margin-top: 12px; } .front-shop .h-product .price .amount { font-weight: 500; font-size: .9em; } .businessone-carousel .owl-prev, .businessone-carousel .owl-next { position: absolute; top: 40%; display: inline-block; margin-top: -20px; width: 39px; height: 39px; text-align: center; padding-top: 7px; border: 1px solid #cbcbcb; color: #cbcbcb; -webkit-transition: background .2s, border .2s, color .2s; transition: background .2s, border .2s, color .2s; } .businessone-carousel .owl-prev:hover, .businessone-carousel .owl-next:hover { color: white; } .businessone-carousel .owl-next { right: -80px; } .businessone-carousel .owl-prev { left: -80px; } @media (max-width: 767px) { .front-shop .h-product .u-photo { padding: 15px; } .header-layout-1 .right-side { padding-left: 0; } } /************************************************************************ // 10. Top Banner *************************************************************************/ .top-banner { background-size: cover; height: 200px; background-position: center center; position: relative; } .top-banner .container { height: 100%; } .top-banner .container .title { width: 100%; height: 100%; display: table; } .top-banner .container .title .title-wrap { width: 100%; display: table-cell; vertical-align: middle; } .top-banner .container .title .title-wrap h1 { font-size: 2em; text-align: left; } .top-banner:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.8); } .top-banner h1 { margin-top: 0; margin-bottom: 0; color: white; position: relative; text-align: center; } /************************************************************************ // 11. Ribbon *************************************************************************/ .section-ribbon { border-top: 1px solid #c9cacc; border-bottom: 1px solid #c9cacc; padding-top: 15px; padding-bottom: 15px; } .section-ribbon span { margin-left: 5px; margin-right: 5px; font-size: .95em; } .section-ribbon .align-right { padding-top: 7px; } /************************************************************************ // 12. Comment Section *************************************************************************/ .section-comment { border-top: 1px solid #e0e0e0; padding-top: 50px; margin-top: 50px; text-align: initial; } .section-comment ul, .section-comment li { list-style: none; } .section-comment .title { margin-bottom: 35px; } .section-comment .comment-list { padding-left: 0; font-size: .95em; } .section-comment .comment-list li { padding-top: 20px; padding-bottom: 20px; } .section-comment .gravatar img { border-radius: 50%; } .section-comment .comment-meta-item { font-size: .9em; font-style: italic; } .section-comment .edit-comment { font-size: .9em; margin-left: 20px; } .section-comment .comment-author { margin-bottom: 5px; font-size: 1.1em; text-transform: uppercase; } .section-comment .comment-content { margin-top: 10px; } .section-comment .comment-content li { padding-top: initial; padding-bottom: initial; list-style: initial; } .section-comment .comment-reply-link { color: #35373e; padding: 5px 15px; margin-top: 15px; display: inline-block; } .section-comment .comment-reply-link:before { content: "- "; } .section-comment .comment-form { border-top: 1px solid #e0e0e0; margin-top: 40px; padding-top: 40px; } .section-comment .comment-form input, .section-comment .comment-form textarea { margin-top: 30px; } .section-comment .comment-form .businessone-btn1 { border: none; } .section-comment .comment-form textarea { height: 100px; } .section-comment .businessone-respond .businessone-btn1 { margin-top: 30px; font-size: .8em; padding: 12px 35px; color: white; } /************************************************************************ // 13. Testimonials *************************************************************************/ .businessone-testi-carousel .avatar { text-align: center; margin-top: 40px; } .businessone-testi-carousel .avatar img { width: 77px; height: 77px; border-radius: 50%; margin-right: 17px; } .businessone-testi-carousel .avatar .name { display: inline-block; text-align: left; position: relative; top: 11px; } .businessone-testi-carousel .owl-controls { text-align: center; margin-top: 45px; } .businessone-testi-carousel .owl-controls .owl-dot { width: 12px; height: 12px; border: 2px solid #cfcfd0; display: inline-block; margin-left: 4px; margin-right: 4px; border-radius: 50%; } .businessone-testi-carousel .content p { line-height: 2; text-align: center; color: white; } .businessone-testi-carousel img.quote { text-align: left; margin: initial; } .businessone-testi-carousel .profil { width: 140px; height: 140px; } .businessone-testi-carousel p { margin-top: 20px; color: #444444; line-height: 1.6; font-weight: 200; letter-spacing: .5px; } .businessone-testi-carousel h5 { margin-bottom: 5px; font-weight: 500; font-size: 1.1em; color: white; } /************************************************************************ // Accordion *************************************************************************/ .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { width: 10px; height: 10px; z-index: 2; right: 9px!important; } .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { margin-bottom: 24px; position: relative; padding-top: 8px; padding-bottom: 8px; background-color: white; border-bottom: 1px solid #ececec; padding-left: 0; background-color: none!important; } .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a:after { width: 28px; height: 28px; position: absolute; right: 0; top: 0; content: ""; background-color: white; } .vc_tta.vc_general .vc_tta-panel-title { font-size: .9em; font-weight: 500; letter-spacing: 1px; } .vc_tta.vc_general .vc_tta-panel.vc_active, .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 10px; margin-top: -5px; } .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #232323; } .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon:before { border-color: white; } .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a span { color: #555; } .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a span { color: #232323; } /************************************************************************ // Responsive *************************************************************************/ @media (max-width: 1320px) { .businessone-carousel .owl-next { right: 0; } .businessone-carousel .owl-prev { left: 0; } } @media (max-width: 1199px) { .header-layout-1 .header-nav .logo { text-align: center; margin-bottom: 20px; } } @media (max-width: 991px) { .mobile-row { margin-left: -15px; margin-right: -15px; } .desktop { display: none; } .header-layout-1 .header-nav .social-wrap { text-align: center; margin-top: 20px; } .header-layout-1 .header-nav .mail, .header-layout-1 .header-nav .call { text-align: center; } .header-layout-4 .header-nav { display: none; } .header-layout-4 .logo { text-align: center; margin-bottom: 20px; } .header-layout-4 .header-info .right-side { text-align: center; } .header-layout-4 .header-info .icon-block { margin-left: 0; margin-right: 30px; } .menu-container .logo { margin-bottom: 19px; } } @media (min-width: 992px) { .mobile-menu-wrap, .mobile, .mobile-menu { display: none; } .businessone-second-menu { position: absolute; left: 0; top: 0; width: 100%; padding-top: 40px; z-index: 9; } .businessone-second-menu .mail, .businessone-second-menu .call { color: white; } .businessone-second-menu .social-wrap a.u-url { color: white; border-color: white; } .businessone-second-menu p.info { color: white; } } @media (max-width: 767px) { .align-right { text-align: center; } .section-ribbon { text-align: center; } .header-layout-1 .header-nav .mail, .header-layout-1 .header-nav .call { margin-bottom: 20px; } .row { margin-left: 0; margin-right: 0; } .header-layout-4 .header-info .icon-block { display: block; margin-left: 0; margin-right: 0; text-align: left; } .footer-copyright .social-wrap { text-align: left; margin-top: 20px; } } /************************************************************************ // WordPress Edit *************************************************************************/ .businessone-contact-form1 input[type="text"], .businessone-contact-form1 input[type="email"], .businessone-contact-form1 textarea { box-shadow: none; background-color: transparent; margin-top: 20px; color: black; border: 1px solid #e3e3e3; width: 100%; -webkit-transition: border .2s; transition: border .2s; } .businessone-contact-form1 input[type="text"]:active, .businessone-contact-form1 input[type="email"]:active, .businessone-contact-form1 textarea:active, .businessone-contact-form1 input[type="text"]:focus, .businessone-contact-form1 input[type="email"]:focus, .businessone-contact-form1 textarea:focus { box-shadow: none; outline: none; border-color: #828282; } .businessone-contact-form1 br { display: none; } .businessone-contact-form1 .wpcf7-not-valid-tip { font-size: .85em; margin-top: 5px; } .businessone-contact-form1 input[type="text"], .businessone-contact-form1 input[type="email"], .businessone-contact-form1 textarea { padding: 10px 18px; } .businessone-contact-form1 textarea { padding-top: 16px; height: 172px; } .businessone-contact-form1 ::-webkit-input-placeholder { color: #909090; font-size: .9em; } .businessone-contact-form1 .businessone-btn2, .businessone-contact-form1 .businessone-btn1 { border-left: none; border-top: none; border-right: none; margin-top: 30px; } .businessone-contact-form1 .businessone-btn4 { float: right; } div.wpcf7-response-output { margin: 0; margin-top: 15px; } .wp-caption { max-width: 100%; height: auto; } .sticky { padding: 20px 10px; border: 2px solid #f6f6f6; } .sticky .postCont { top: 0; } .post-tag-wrap { margin-top: -20px; color: #777777; font-size: 13px; margin-bottom: 50px; } .gallery-caption { background-color: #f6f6f6; font-size: .8em; padding: 5px; } .bypostauthor { color: black; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ text-align: center; padding-top: 5px; clear: both; } .wp-caption.aligncenter { margin: auto; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption.alignnone, .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-top: 10px; margin-bottom: 10px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 5px 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* WPML */ .businessone_language_list.clearfix { margin-bottom: 0; } .businessone_language_list.clearfix .clearfix { margin-bottom: 0; } .businessone_language_list.clearfix ul { float: right; } .businessone_language_list.clearfix li { list-style: none; float: left; margin-left: 10px; }