/* Template: Webster - Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 4.0.2 Design and Developed by: potenzaglobalsolutions.com NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. */ /*================================================ [ Table of contents ] ================================================ :: Header - topbar - search - Cart - FullWidth - Light - Dark - Left-menu - Logo-center - Fancy - fancy without-topbar - Side menu icon - Vertical header - One page Header :: Slider (all home page main sliders ) :: - Slider-parallax one page :: - Mobile slider :: Background :: Home page section :: Decolines :: Awesome features :: Feature Step :: About Us :: Resume :: Portfolio :: - Portfolio item :: - Portfolio-item-2 :: - Portfolio single page :: Our Blog :: Our services :: Creativity :: Our History :: Our Service Objects :: Sidebar :: About me :: Team page :: Error 404 :: Coming soon :: Register :: Login :: maintenance :: Our clients :: Process :: Careers :: Sitemap :: Privacy-policy :: Page sidebar :: Terms and conditions :: Footer :: Boxed v1.2 :: index portfolio 4 :: index portfolio 04 about :: index portfolio single ====================================== [ End table content ] ======================================*/ /************************* Header *************************/ .default { background: transparent; z-index: 9999; position: absolute; width: 100%; } /*topbar*/ .topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 14px 0; } .topbar ul li { display: inline-block; color: #fff; font-size: 13px; font-weight: normal; margin-right: 10px; } .topbar ul li:last-child { margin-right: 0px; } .topbar ul li a { color: #fff; font-size: 13px; font-weight: normal; font-style: normal; } .topbar-call { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .topbar-call ul li i { margin-right: 5px; color: #84ba3f; } .topbar-call ul li a { margin-right: 30px; color: #ffffff; } .topbar-social { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .topbar-social ul li a { margin-left: 5px; } .topbar-social ul li a span { margin-right: 5px; font-size: 12px; } .topbar-social ul li:last-child a span { margin-right: 0; } .topbar ul li a:hover { color: #84ba3f;} /*menu*/ .menu-bar { float: right; } .mega-menu .menu-links { float: left; } .search-cart { display: inline-block; } .search-cart i.icon { color: #ffffff; line-height: 20px; font-size: 14px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .search-cart i.icon:hover { color: #84ba3f; } .search-cart .search { display: inline-block; padding-right: 15px; padding-left: 10px; } .search-cart .shpping-cart { display: inline-block; } .shpping-cart a { position: relative; } .shpping-cart strong.item { display: block; position: absolute; top: -7px; left: auto; right: -8px; font-size: 10px; color: #ffffff; width: 16px; height: 16px;line-height: 16px; text-align: center; background-color: #84ba3f; border-radius: 50%; } /*search*/ .search .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .search .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } .search .search-btn:hover { color: #84ba3f; } .search.search-open .search-btn:before { content: ""; } .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: 100%; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 3px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: all 400ms ease; } .search.search-open .search-box { opacity: 1 !important;visibility: visible !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); box-shadow: 0 0 50px rgba(0,0,0,.1); } .search .search-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; border-radius: 3px; } .search .search-box input:focus { background: transparent; border:1px solid #eceff8; } .search .search-box button { background: transparent; border: none; cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 27px; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .search .search-box button:hover { color: #84ba3f; } /*mega-menu */ .mega-menu .menu-logo { padding: 25px 0 25px; } .mega-menu .menu-logo img { height: 85px; } .mega-menu .drop-down-multilevel.right-menu { right: 0px; } .mega-menu > section.menu-list-items { padding: 0; } .mega-menu .menu-links > li > a { text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 20px; } .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down a { color: #323232; } .mega-menu .menu-links > li.active .drop-down li.active a { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down a:hover { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down li.active a i { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down a i:hover { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #84ba3f; background: #f7f7f7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #84ba3f; background: #f7f7f7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #84ba3f; background: #f7f7f7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #84ba3f; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #84ba3f; } .mega-menu .row { margin-left: 0px; margin-right: 0px; } .mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } .mega-menu.desktopTopFixed .menu-logo { padding: 0px; } .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 20px; } .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 50px; } .mega-menu .badge { color: #ffffff; } .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #fafafa; } /*fullWidth*/ .header.fullWidth .container-fluid { padding: 0 60px; } /*light*/ .header.light { background: #ffffff; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); z-index: 999; } .header.light .topbar ul li { color: #323232; } .header.light .topbar ul li a { color: #323232; } .header.light .mega-menu .menu-links > li > a { color: #323232;} .header.light .mega-menu .menu-links > li > a:hover { color: #FFF; } .header.light .mega-menu .menu-links > li.active > a { color: #FFF; } .header.light .topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .header.light .search-cart i.icon { color: #323232; } .header.light .search-cart i.icon:hover { color: #84ba3f; } .header.light .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; } .header.light .search .search-btn { color: #323232; } .header.light .search .search-btn:hover { color: #84ba3f; } /*dark*/ .header.dark { background: #323232; position: relative; } .header.transparent { background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; z-index: 999; } /*side-menu-icon*/ .side-menu-icon { display: inline-block; } .side-menu-icon .menu-icon { font-size: 16px; color: #ffffff; padding-left: 15px; } .side-menu-icon .menu-icon:hover { color: #84ba3f; } /************************* topbar-dark *************************/ .header.topbar-dark .topbar { background: #323232; } .header.topbar-dark .topbar .topbar-call ul li a, .header.topbar-dark .topbar ul li, .header.topbar-dark .topbar ul li a { color: #ffffff !important; } @media (min-width: 992px) { .mega-menu { min-height: inherit; } .header.light .mega-menu { min-height: 90px; } .mega-menu > section.menu-list-items { float: none; } .mega-menu > section.menu-list-items > .container, .mega-menu > section.menu-list-items > .container > .row, .mega-menu > section.menu-list-items > .container > .row > div { height: 100%; } .mega-menu > section.menu-list-items .menu-bar { height: 100%; } .mega-menu > section.menu-list-items .menu-bar > ul{ display: table !important; height: 100%; } .mega-menu > section.menu-list-items .menu-bar > ul > li { display: table-cell; vertical-align: bottom; float: none;} .mega-menu > section.menu-list-items .menu-bar > ul > li:hover { background: #8ab820; color: #FFF} .mega-menu > section.menu-list-items .menu-bar > ul > li.active { background: #7f140b; color: #FFF} .mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .mega-menu .drop-down-multilevel { top: 100%; } .mega-menu > section.menu-list-items .search-cart { height: 100%; } .mega-menu > section.menu-list-items .search-cart .search { vertical-align: middle; display: table; height: 100%; float: left; } .header .search .search-btn { display: table-cell; vertical-align: middle; position: relative; width: 10px; float: none; clear: both; height: 100%; } .search .search-btn:before { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .search-cart .shpping-cart { display: table; float: left; height: 100%; } .shpping-cart a { position: relative; display: table-cell; vertical-align: middle; } .shpping-cart strong.item { display: block; position: absolute; top: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; } .cart { top: 100%; } .mega-menu > section.menu-list-items > .container-fluid, .mega-menu > section.menu-list-items > .container-fluid > .row, .mega-menu > section.menu-list-items > .container-fluid > .row > div { height: 100%; } .logo-center .mega-menu > section.menu-list-items .menu-bar > ul { height: auto; } .logo-center .mega-menu > section.menu-list-items .menu-bar > ul > li { display: inline-block; } .logo-center .mega-menu > section.menu-list-items .search-cart { height: auto; } .logo-center .mega-menu > section.menu-list-items .menu-bar { height: auto; } .logo-center .mega-menu .drop-down, .logo-center .mega-menu .drop-down-tab-bar, .logo-center .mega-menu .drop-down-multilevel { top: auto; } .logo-center .mega-menu .menu-links > li > a { line-height: 72px; } .logo-center.header .search .search-btn { line-height: 72px; } .logo-center .search-cart i.icon { line-height: 72px; } .logo-center .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 60px; } .logo-center .mega-menu.desktopTopFixed .search .search-btn { line-height: 60px; } .logo-center .mega-menu.desktopTopFixed .search-cart i.icon { line-height: 60px; } .logo-center .search .search-btn:before { top: inherit; transform: inherit; } .logo-center .search-cart .shpping-cart { float: right; } .vertical-menu .mega-menu > section.menu-list-items .menu-bar { height: auto; } .vertical-menu .mega-menu > section.menu-list-items .menu-bar > ul > li { display: block; } .search-cart .side-menu-icon { display: table; float: left; height: 100%; } .side-menu-icon .menu-icon { position: relative; display: table-cell; vertical-align: middle; } .header.light .mega-menu { min-height: 135px; } nav#menu.desktopTopFixed { min-height: 90px; } } /************************************* Background **************************************/ /*images background*/ .white-bg { background: #fff; } .gray-bg { background: #e7e7df; } .dark-gray-bg { background: #666666; } .theme-bg { background: #7f140b; } .theme-bg_g { background: #8ab821; } .black-bg { background: #323232; } .dark-theme-bg { background: #050801; } .p-font { font-size: 18px;} .bg-overlay-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-20:before { background: rgba(132,186,63, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-50:before { background: rgba(132,186,63, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-70:before { background: rgba(132,186,63, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-90:before { background: rgba(132,186,63, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-10, .bg-overlay-black-20, .bg-overlay-black-30, .bg-overlay-black-40, .bg-overlay-black-50, .bg-overlay-black-60, .bg-overlay-black-70, .bg-overlay-black-80, .bg-overlay-black-90, .bg-overlay-white-10, .bg-overlay-white-20, .bg-overlay-white-30, .bg-overlay-white-40, .bg-overlay-white-50, .bg-overlay-white-60, .bg-overlay-white-70, .bg-overlay-white-80, .bg-overlay-white-90, .bg-overlay-theme-20, .bg-overlay-theme-50, .bg-overlay-theme-70, .bg-overlay-theme-90 { position: relative; } /************************************* home page section **************************************/ .our-service-home { padding-bottom: 230px; } .custom-content { margin-top: -220px; background: #84ba3f; position: relative; z-index: 9; padding: 50px;} /************************************* decolines **************************************/ .decolines { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0;left: 0; pointer-events: none; } .decolines--fixed { position: fixed; width: 100vw;height: 100vh; } .decoline { position: absolute; } /************************************* portfolio *************************************/ .isotope-filters { display: table; margin:0 auto 50px; text-align: center; } .isotope-filters.text-left { display: block; margin: 30px 0; text-align: left; } .isotope-filters button { margin: 4px; cursor: pointer; padding: 6.5px 25px; font-size: 15px; border-radius: 3px; background: transparent; color: #363636; font-weight: 500; border: 1px solid #ccc;text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } .isotope-filters button.active, .isotope-filters button:hover { background: #84ba3f; color: #fff; border-color: #84ba3f; } .isotope-filters button+button { margin-left: 10px; } .isotope, .masonry { margin: 0 -15px 0 0; } .isotope .grid-item img { width: 100%; border: 10px solid #7f140b;} .isotope.columns-1 .grid-item { width: 100%; padding: 0 15px 15px 0; } .isotope.columns-2 .grid-item { width: 50%; padding: 0 15px 15px 0; } .isotope.columns-3 .grid-item { width: 33.33333333%; padding: 0 15px 15px 0; } .isotope.columns-4 .grid-item { width: 25%; padding: 0 15px 15px 0; } .isotope.columns-5 .grid-item { width: 20%; padding: 0 15px 15px 0; } .isotope.no-padding .grid-item { padding: 0 !important; } .masonry.no-padding .masonry-item { padding: 0 !important; } .masonry .masonry-item img { width: 100%; } .masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 15px 0; } .masonry.columns-3 .masonry-item { width: 33.33333333%; padding: 0 15px 15px 0; } .masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 15px 0; } .masonry.columns-5 .masonry-item { width: 20%; padding: 0 15px 15px 0; } .isotope.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } .isotope.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } .isotope.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } .isotope.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } .masonry.columns-4 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } .masonry.columns-4 .portfolio-item .portfolio-overlay h6 { display: none; } .masonry.columns-5 .portfolio-item .portfolio-overlay h4 { font-size: 16px; } .masonry.columns-5 .portfolio-item .portfolio-overlay h6 { display: none; } /*filters-vertical*/ .filters-vertical { margin: 0; } .filters-vertical button{ display: block; margin: 0; border: none; padding: 6.5px 0px; text-align: left;} .filters-vertical.isotope-filters button+button{ margin: 0; } .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover{ color: #84ba3f; background: transparent;} .portfolio-item.rs-hero:before{content: none; } .portfolio-item.rs-hero{ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.07); } /************************************* portfolio item **************************************/ .portfolio-title { padding: 100px 60px 30px; } .portfolio-title span { display: block; } .portfolio-item { width: 100%; position: relative; overflow: hidden; color: #fff; width: 100%; border: 0; position: relative; } .portfolio-item img { width: 100%; -webkit-transition: transform 0.35s; -o-transition: transform 0.35s; -ms-transition: transform 0.35s; -moz-transition: transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .portfolio-item .portfolio-overlay { width: 100%; background: #84ba3f; padding: 10px 0px; position: absolute; bottom:-80px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 30px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .portfolio-item .portfolio-overlay h4 { font-weight: 600; margin-bottom: 5px; } .portfolio-item .portfolio-overlay a:hover { color: #323232; } .portfolio-item .portfolio-overlay span { font-weight: 400; font-size: 14px; } .portfolio-item .portfolio-overlay span a { color: #ffffff; } .portfolio-item .portfolio-overlay span a:hover { color: #323232; } .portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} .portfolio-item a.popup:hover { background: #84ba3f; color: #ffffff; } .portfolio-item:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } .portfolio-item:hover a.popup{ opacity: 1; top: 20px; } .portfolio-item:before { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: 115%; -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .owl-carousel .owl-item .portfolio-item img { width: 100%; } .portfolio-item.only-popup { width: 100%; text-align: center; } .portfolio-item.only-popup a.popup { display: inline-block; left: 50%; margin-left: -20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } .portfolio-item:hover .portfolio-overlay { bottom: 0; } /* no-title */ .no-title .portfolio-item .portfolio-overlay { position: inherit; bottom: inherit; background: #f6f7f8; } .no-title .portfolio-item .portfolio-overlay a, .no-title .portfolio-item .portfolio-overlay span { color: #323232; } .no-title .portfolio-item .portfolio-overlay a:hover { color: #84ba3f; } /*portfolio pupup*/ .mfp-bottom-bar { display: none; } .portfolio-home .isotope { margin-bottom: 0; } .corporate-02-portfolio .portfolio-item .portfolio-overlay a:hover { color: rgba(255,255,255,.7); } .corporate-02-portfolio .portfolio-item .portfolio-overlay span a:hover { color: rgba(255,255,255,.7); } /************************************* portfolio-item-2 **************************************/ .portfolio-item-2 { width: 100%; overflow: hidden; position: relative; } .portfolio-item-2:before { background: transparent; } .portfolio-item-2 .portfolio-hover { padding: 20px; position: absolute; z-index: 99; bottom: 0px; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .portfolio-item-2 .portfolio-hover .hover-name { position: absolute; bottom: -10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .portfolio-item-2 .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } .portfolio-item-2 .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #84ba3f; } .portfolio-item-2 .portfolio-hover .hover-icon { position: absolute; bottom: -10px; right: 30px; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .portfolio-item-2 .portfolio-hover .hover-icon a { color: #fff; } .portfolio-item-2 .portfolio-hover .hover-icon a:hover { color: #84ba3f; } .portfolio-item-2:hover .portfolio-hover { opacity: 1; background: rgba(0, 0, 0, 0.9); } .portfolio-item-2 img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .portfolio-item-2:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: 30px; } .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: 40px; } .no-title .portfolio-item-2 { overflow: visible; } .no-title .portfolio-item-2 .portfolio-hover { position: inherit; border: inherit; opacity: 1; background: #f6f7f8; clear: both; } .no-title .portfolio-item-2:hover .portfolio-hover { bottom: inherit; background: inherit; background: #f6f7f8; } .no-title .portfolio-item-2 .portfolio-hover .hover-name { bottom: inherit; position: inherit; display: inline-block; clear: both; } .no-title .portfolio-item-2 .portfolio-hover .hover-icon { bottom: inherit; position: inherit; display: inline-block; float: right; padding-top: 20px; text-align: right;} .no-title .portfolio-item-2:hover .portfolio-hover .hover-name { bottom: inherit; } .no-title .portfolio-item-2:hover .portfolio-hover .hover-icon { bottom: inherit; } .no-title .portfolio-item-2:hover img { opacity: 1; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit; transform:inherit; } .no-title .portfolio-item-2 .portfolio-hover .hover-icon a, .no-title .portfolio-item-2 .portfolio-hover .hover-name span, .no-title .portfolio-item-2 .portfolio-hover .hover-name a { color: #323232; } .no-title .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .no-title .portfolio-item-2 .portfolio-hover .hover-name a:hover { color: #84ba3f; } /*video vimeo and youtube*/ .js-video { height: 0; padding-top: 25px; padding-bottom: 54%; position: relative; overflow: hidden; } .js-video.widescreen { padding-bottom: 34.34%; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; } .js-video.big { padding-top: 30px; } .blog-entry .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; list-style: none; } .blog-entry .grid-post li img { width: 100%; } .blog-entry .grid-post li .portfolio-item { width: 100%; } /*blog-entry-audio*/ .blog-entry .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; background-size: cover; } /*blog pages*/ /*blog-grid-3-column*/ .blog-grid-3-column .blog-entry .blog-entry-audio { padding: 63px 20px; } .blog-grid-2-sidebar .blog-entry .blog-entry-audio { padding: 96px 20px; } /************************************* our services **************************************/ .service-image-holder { position: relative; height: 496px; } .service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .services-text-box { background:#fff; padding: 10% 15%;} .services-text-box-black { background:#363636; padding: 80px 50px !important; } .services-text-box-green { background:#84ba3f; padding: 80px 50px !important; } /************************************* creativity **************************************/ .creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } .creativity p { font-size: 30px; } .creativity .button { display: inline-block; float: none; } .contact-map iframe { width: 100%; height: 100%; } #formmessage {display: none;} .contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } .contact-form .section-field:nth-child(3) { margin-right: 0px; } .contact-form .section-field:nth-child(6) { margin-right: 0px; } .contact-box.contact-box-top { margin-top: -1px; position: relative; } .touch-in .contact-box { box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); display: inline-block; margin-bottom: 0; padding: 60px 20px; width: 100%;} .contact-box i { background: #84ba3f; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #ffffff; display: inline-block;} .contact-form .form-control {position: relative; width: 100%; margin-bottom: 20px; } .section-field.textarea{width: 100%;} .g-recaptcha.section-field {width: 100%; margin-bottom: 20px; } .contact-form textarea.form-control {width: 100%; } .contact-box .contact-icon { display: table-cell; padding-right: 20px; } .contact-box .contact-icon i { background: transparent; line-height: normal; font-size: 34px; height: auto; width: auto;} .contact-box.theme-bg .contact-icon i{color: #ffffff !important;} .contact-box .contact-info { display: table-cell; vertical-align: top; padding: 0; background: none;} .contact-2 .addresss-info p, .contact-2 .addresss-info i, .contact-2 .addresss-info li{color: #ffffff;} .contact-2 .contact-add{padding: 80px 0} .contact-2 .contact-add i{font-size: 40px;} .contact-3 .g-map { padding-top: 101%; } .contact-2 .g-map { padding-top: 100%; } .map-side { left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 9;} .map-side.map-right {left: auto; right: 0;} .contact-3 .contact-add{padding: 80px 15px; } .contact-3 .contact-add i{font-size: 40px; color: #84ba3f;} .contact-3 .contact-form .section-field {width: 100%;} .contact-social ul li { display: inline-block; } .contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } .contact-social ul li a:hover { background: #353535 !important; color: #fff;} .contact-3 .theme-bg.contact-add i{color: #ffffff !important;} .footer-contact .footer-nav ul li a { color: #353535; } .footer-contact .footer-nav ul li a:hover { color: #2046f2; } .footer-contact .contact-box .contact-icon i { background: transparent; color: #84ba3f; margin-bottom: 10px; } .footer.footer-topbar hr { border-color: #d9d9d9; } .footer.footer-topbar img#logo-footer { height: 34px; margin-bottom: 10px; } .footer-contact .social ul { background: #f6f7f8; } .footer-contact .social ul li a i { color: #353535; } .footer-contact .social ul li a i:hover { color: #2046f2; } .footer-contact .usefull-link ul li a { color: #353535; } .footer-contact .usefull-link ul li a:hover { color: #2046f2; } .footer-contact { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); margin-bottom: 80px; margin-top: -220px; padding: 60px 0; } .footer-contact .contact-box { text-align: center; } .footer-contact .contact-box .contact-icon { display: block; padding-right: 0; color: #2046f2; } .footer-contact .contact-box .contact-info { display: block; background: none; padding: 0; width: 100%;} .footer-contact .contact-box .contact-info .section-title { margin-bottom: 0px; } .footer-contact .contact-box .contact-info h5 { color: #353535; } .our-clients.theme-bg{padding: 60px 0 170px;} .footer-Newsletter .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); } .footer-Newsletter .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); } .footer-Newsletter .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } /************************************* error 404 **************************************/ .error-block { position: relative; z-index: 9; padding: 20px 0 130px 0px; } .error-block .error-text { position: absolute; text-align: center; left: 0; right: 0; z-index: -1; } .error-block .error-text h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; } .error-block .error-text span { display: inline-block; position: absolute; right: -86px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 124px; line-height: 90px; color: rgba(0, 0, 0, 0.1); font-weight: bold; } .error-block h1 { font-size: 87px; padding-top: 110px; } .error-block p { font-size: 33px; } .error-text-02 { position: relative; text-align: center; } .error-text-02 h2 { font-size: 420px; line-height: 300px; color: rgba(255, 255, 255, 0.2); position: relative; left: -70px; top: 0; } .error-text-02 span { display: inline-block; position: absolute; right: -50px; top: 109px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); font-size: 117px; line-height: 100px; color: rgba(255, 255, 255, 0.2); font-weight: bold; } .error-middle { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /************************* BG - Images *************************/ .parallax { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -ms-background-size: cover !important; position: relative; z-index: 0; background-origin: initial; background-position: center center !important; background-repeat: no-repeat; } .gradient-overlay{position:relative;} .gradient-overlay:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:url(../images/construction/bg/gradient-overlay1.png) repeat-y left 0;} /************************************* Footer **************************************/ .footer.black-bg{background: #1a1a1a;} .footer.black-bg p { color: rgba(255,255,255,0.5); } .footer.black-bg .social-icons li a { color: rgba(255,255,255,0.5); } .footer.black-bg .social-icons li a:hover { color: rgba(255,255,255,1) !important; } .footer p{font-size: 14px;} .footer-logo img { width: 65%; } .footer h6{font-size: 14px;} .addresss-info li { font-size: 14px; margin-bottom: 15px; color: rgba(255,255,255,0.5); list-style: none; } .addresss-info i{ color:rgba(255,255,255,0.5); padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 14px; } .addresss-info p { display: table; color: rgba(255,255,255,0.5); margin-bottom: 0px; } .addresss-info li a { color: rgba(255,255,255,0.5); } .footer a{font-size: 14px;} .addresss-info.text-black li, .addresss-info.text-black p, .addresss-info.text-black li a { color: #626262; } .addresss-info.text-black i { color: #84ba3f; font-size: 20px; width: 40px; } /*footer-Newsletter*/ .footer-Newsletter { display: inline-block; width: 100%;} .footer-useful-link.footer-hedding ul { margin-top: -6px; } .footer-Newsletter .form-control { border-left: 0px; height: 50px; border-radius: 3px; font-size: 14px; color: rgba(255,255,255,0.3); border:none; background: rgba(255, 255, 255, 0.08); padding: 10px 25px; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .footer-Newsletter .form-control:focus { border:0; box-shadow: none; background: rgba(255, 255, 255, 0.10); } .footer-Newsletter .button.button-border{border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.5); font-size: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .footer-Newsletter .button.button-border:hover { color: #ffffff; } .footer-Newsletter .button.button-border:focus { border-color: transparent; } .footer-useful-link ul li { list-style: none; margin-bottom: 12px;} .footer-useful-link ul li:last-child { margin-bottom: 0; } .footer-useful-link ul li a { color: rgba(255,255,255,0.5); font-size: 14px; vertical-align: top; display: block; line-height: 26px; } .footer-useful-link ul li a:hover { color: #84ba3f; } /*transparent*/ .footer-Newsletter.transparent .form-control { background: rgba(0, 0, 0, 0.04); } .footer-Newsletter.transparent .form-control::-moz-placeholder { color: #323232; } .footer-Newsletter.transparent .form-control::-ms-input-placeholder { color: #323232; } .footer-Newsletter.transparent .form-control::-webkit-input-placeholder { color: #323232; } /*footer-widget*/ .footer-widget { padding: 20px 0; border-top: 1px solid #262626;} .footer-widget p{font-size: 14px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;} .footer-widget a { color: #84ba3f; } .footer-widget a:hover { color: #84ba3f; } .footer-widget-social {margin-top: 5px; } .footer-widget-social li { display: inline-block;} .footer-widget-social a i { display: inline-block; color: rgba(255,255,255,0.5); background: none; border-radius: 50%; width: 35px; height: 35px; text-align:center; line-height: 37px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .footer-widget-social a i:hover{background: #84ba3f;} .footer .footer-nav ul li { display: inline-block;} .footer .footer-nav ul li a { margin: 0 5px; color: #323232;} .footer .footer-nav ul li a:hover { color: #84ba3f; } .footer .social ul li {display: inline-block;} .footer .social ul li a i { font-size: 14px; width: 45px; height: 45px; line-height: 45px; text-align: center; float: none; color: #323232; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s} .footer .social ul li a i:hover{color: #84ba3f;} .footer .social ul{background: #f6f7f8; display: inline-block; border-radius: 3px; padding: 0px 10px;} .footer .usefull-link ul li {display: block; border-bottom: 0px; line-height: 24px; padding: 5px 0; } .footer .usefull-link ul li a{color: #323232;} .footer .usefull-link ul li a:hover { color: #84ba3f; } .footer .copyright { padding: 30px 0 20px;} .footer .copyright ul li a {color: #323232;} .footer .copyright ul li a:hover {color: #84ba3f;} img#logo-footer{ height: 100px; width: auto; } .footer.light .footer-nav ul li a{color: #fff;} .footer.light .footer-nav ul li a:hover { color: #323232; } .footer.light h6{color: #fff;} .footer.light .about-content p{color: #fff;} .footer.light .usefull-link ul li a{color: #fff;} .footer.light .usefull-link ul li a:hover {color: #323232;} .footer.light .copyright ul li {color: #fff;} .footer.light .copyright ul li a {color: #ffffff; font-size: 14px;} .footer.light .copyright ul li a:hover {color: #323232; } .footer.light.footer-topbar .copyright ul li { color: #ffffff } .footer.light .copyright p {color: #fff;} .footer.light .social ul li a i {color: #84ba3f;} .footer.light .social ul li a:hover i {color: #323232;} .footer .footer-text p{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} .footer .footer-social ul li a{color:rgba(255, 255, 255, 0.5) !important; padding-top: 10px;} .footer .footer-social ul li a:hover { color: #84ba3f !important; } .footer.footer-topbar .copyright ul li{color:rgba(255, 255, 255, 0.5) !important;} .footer.footer-one-page .contact-add i { font-size: 20px } .footer.footer-one-page h5 { color: rgba(255,255,255,0.5); } .footer.footer-one-page p { color: rgba(255,255,255,0.5); } .footer-one-page.white-bg .footer-Newsletter .form-control:focus { background: rgba(0,0,0,0.06); } /* footer transparent*/ .footer.transparent h6, .footer.transparent p, .footer.transparent ul li a, .footer.transparent span { color: #ffffff; } /*widget-gallery*/ .footer .footer-gallery ul li { float: left; width: 58px; margin: 2px; list-style: none; } .footer .footer-tags li { display: inline-block; } .footer .footer-tags li a { background: transparent; color: #fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; padding: 8px 16px; font-size: 13px; margin-right: 2px; margin-bottom: 5px; display: block; } .footer .footer-tags li a:hover { background: #84ba3f; } /*footer-social-big*/ .footer-social-big ul li { display: inline-block; padding: 10px; width: 70px; text-align: center; background: rgba(255, 255, 255, 0.1); } .footer-social-big ul li.facebook { background: #5d82d1; } .footer-social-big ul li.pinterest { background: #e13138; } .footer-social-big ul li.linkedin { background: #238cc8; } .footer-social-big ul li i { color: #ffffff; display: block; width: 30px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin: 0 auto; } .footer-social-big ul li span { display: block; text-align: center; color: #ffffff; margin-top: 10px; font-size: 11px; } /*footer-box*/ .footer-box { background: rgba(102, 102, 102, 0.2); padding: 30px; clear: both; margin-bottom: 40px; margin-top: 60px; } .footer-box .box-content { display: table-cell; vertical-align: top; } .footer-box .box-link { display: table-cell; padding-left: 20px; vertical-align: middle; } .footer-box .box-link a { display: block; padding: 8px 16px; width: 140px; } /*google-map*/ .google-map .row [class*='col-'] { min-height: 0; } .map-icon { position: relative; z-index: 999; cursor: pointer; } .google-map .map-icon:before { cursor: pointer; content: "\f041"; font-family: "FontAwesome"; font-size: 30px; font-weight: normal; right: 0; position: absolute; text-indent: 0; top: -32px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #ffffff; color: #84ba3f; text-align: center; } .google-map.google-map-open .map-icon::before { content: "\f00d"; } .google-map .map-open { height: 0; overflow: hidden; transition: all 900ms ease; } .google-map .map-open iframe { height: 300px; } .google-map-open .map-open { height: 300px; } .pos-r{position: relative;} .img-side img{max-width: 100%} .img-side.img-left {left: 0;} .img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100;} .font-bold {font-weight: 600} .no-gutter{ margin-right:0; margin-left:0;} .no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} /************************************* index portfolio 4 **************************************/ .portfolio-item.simple-effect .portfolio-overlay span { color: #363636; } .portfolio-item.simple-effect .portfolio-overlay span a { color: #363636; } .portfolio-item.simple-effect .portfolio-overlay a:hover { color: #84ba3f; } .portfolio-item.simple-effect .portfolio-overlay span a:hover { color: #84ba3f; } .portfolio-item.simple-effect .portfolio-overlay { z-index: 9; opacity: 0; bottom: inherit; background: transparent; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } .portfolio-item.simple-effect:hover:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 1); z-index: 1; background-size: 115%; -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); -moz-transition: all 0.7s cubic-bezier(.68,.11,.13,.98); transition: all 0.6s cubic-bezier(.68,.11,.13,.98); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio-item.simple-effect:hover .portfolio-overlay { top: 50%; opacity: 1; } /*footer*/ .footer .container-fluid { padding: 0 60px; } #footer-fixed { position: fixed; bottom: 0px; width: 100%; z-index: -1; box-shadow: inset 0 27px 60px -25px rgba(0,0,0,0.3); } .footer.footer-simple ul li a, .footer.footer-simple p, .footer.footer-simple .addresss-info i, .footer.footer-simple li { color: #ffffff; font-weight: bold; font-size: 16px; } .footer.footer-simple ul li a:hover { color: rgba(255, 255, 255, 0.6); } .footer.footer-simple .social-icons li a { color: #ffffff; width: 100%; } .footer.footer-simple .social-icons li a:hover { color: rgba(255, 255, 255, 0.6); } /*elements*/ .full-width { width: 100%; } .height-100vh { height: 100vh; } .pos-bot { position: absolute; bottom: 0; /*width: 100%; */} .vertical-align { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } /************************************* index portfolio 04 about **************************************/ .portfolio-03-about { padding: 0 50px; } .portfolio-03-about p { font-size: 16px; font-weight: 600; } /************************************* index portfolio single **************************************/ /*popup-video*/ .popup-video-image { position: relative; } .popup-video-image:before { background: rgba(37, 41, 51, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .popup-video-image a i { color: #ffffff; text-align: center; line-height: 60px; width: 60px; height: 60px; background: #84ba3f; display: inline-block; margin: 0 auto; border-radius: 50%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; font-size: 20px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .popup-video-image a i:hover { background: #323232; } /************************************* portfolio **************************************/ .portfolio-item.image-text { position: relative; } .portfolio-item.image-text .portfolio-overlay { bottom: 30px; background: transparent; } .portfolio-item.image-text .portfolio-overlay span { display: block; } .portfolio-item.image-text:before { position: absolute; width: 100%; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } .portfolio-item.image-text .portfolio-overlay a.button { padding: 6px 16px; } .portfolio-item.image-text .portfolio-overlay a.button span { font-size: 12px; } .portfolio-item.image-text .portfolio-overlay a.button:hover { color: #ffffff; } /*contact 04*/ .contact-4 .blockquote { border: none; font-size: 30px;} .contact-4 p { line-height: 24px;} .quote:before { color:#84ba3f;} /*contact 05*/ .contact-5 .feature-info p { margin-bottom: 0;} .contact-5 .feature-info { padding: 40px; } /*testimonial*/ .blockquote-section.testimonial-title blockquote { font-size: 40px; } .masonry-item .testimonial-widget .testimonial-info .testimonial-avtar img { height: 50px; width: 50px; border-radius: 50%; } .masonry-item .testimonial-info:before { display: none; } .masonry-item .testimonial-widget .testimonial-info .testimonial-name span { font-size: 14px; } .leave-your-testimonial .contact-form .form-control { background-color: #ffffff; } /*search-no-result*/ .search-no-result { padding: 130px 0px; } .search-no-result i { font-size: 130px; } .search-no-result .bg-title h2 { font-size: 420px; line-height: 300px; color: rgba(0, 0, 0, 0.03); position: absolute; left: 0; right: 0; top: 0; } .no-result-search .form-control:focus { box-shadow: none; } /*cookies page*/ .cookies-policy:before { content: ""; position: absolute; z-index: 3; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0 17px 15px 17px; top: -15px; left:45px; border-bottom-color: #f7f7f7; } /*invoice page*/ .addresss-info.invoice-addresss li { color: #626262; margin-bottom: 10px; } .addresss-info.invoice-addresss li a{ color: #84ba3f; } /*process 02*/ .process-box-02 h1 { font-size: 90px; line-height: 90px; } .process-box-02 .process-info { border-left: 3px solid rgba(0, 0, 0, 0.1); } .process-box-02 .process-info.process-right { border-left:0; border-right: 3px solid rgba(0, 0, 0, 0.1); } .teaser { background: #4a4a49; } .teaser_a .teaser:hover { background: #84ba3f; } .waesche { background-image: url(../images/icon_waesche.png); background-repeat: no-repeat; width: 60px;height: 60px; display: block;} .verkauf { background-image: url(../images/icon_verkauf.png); background-repeat: no-repeat; width: 60px;height: 60px; display: block;} .reparatur { background-image: url(../images/icon_reparatur.png); background-repeat: no-repeat; width: 60px;height: 60px; display: block;} .gutachten { background-image: url(../images/icon_gutachten.png); background-repeat: no-repeat; width: 60px;height: 60px; display: block;} /************************************* boxed **************************************/ @media (min-width: 1220px) { body.boxed-layout .wrapper { float: none; width: 1220px; margin: 0 auto; position:relative; background-color: #FFF; box-shadow: 0 0 60px rgba(0,0,0,.1); -moz-box-shadow: 0 0 60px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 60px rgba(0,0,0,.1); } /*index 01*/ body.boxed-layout .wrapper .portfolio-title.section-title p { display: none; } body.boxed-layout .wrapper .portfolio-title.section-title span { display: none; } /*index 02*/ body.boxed-layout .wrapper .contact-3 .g-map { padding-top: 140%; } body.boxed-layout .wrapper .contact-2 .g-map { padding-top: 90% } body.boxed-layout .wrapper.vertical-header { width: auto; box-shadow: none; } body.boxed-layout #footer-fixed { position: inherit !important; width: inherit; bottom: inherit !important; z-index: inherit; } body.boxed-layout .wrapper { margin-bottom: 0 !important; } body.boxed-layout .christmas-coming-soon { position: absolute; } body.boxed-layout .container { width: 1170px; } body.frame-layout .wrapper { margin: 0 auto; margin-top: 1.5%; margin-bottom: 1.5%; width: 97%; position: relative; box-shadow: 0 0 60px rgba(0,0,0,.1); } body.frame-layout .header.default, body.frame-layout .header.transparent, body.frame-layout header.one-page { left: 0; right: 0; } body.frame-layout .navbar.affix { top: 0; } body.frame-layout header.one-page.light .navbar { min-height: 10px !important; } body.frame-layout #footer-fixed { position: inherit !important; bottom: inherit !important; z-index: inherit; } body.frame-layout .wrapper { margin-bottom:1.5% !important; } body.frame-layout .christmas-coming-soon { position: absolute; } } @media print { .sidebar, footer, .admin-header, header, .page-title, #back-to-top, .action-box { display: none !important; } .content-wrapper{ width: 100% !important; margin-left:0; } } @media all and (-ms-high-contrast:none) { .st-menu { position: absolute; } img.bottom-img { top: 0; } .search-cart { display: table; } .search { display: table-cell !important; } .shpping-cart { display: table-cell !important; } .search-cart .shpping-cart { float: none !important; } .mega-menu > section.menu-list-items .search-cart .search { float: none !important; } .search-cart .shpping-cart { vertical-align: middle; } .logo-center.header .search .search-btn { line-height: 0px; } .newsletter.fancy button { padding: 14px 20px; } } @media not all and (min-resolution:.001dpcm) { @media { .newsletter.fancy button { padding: 14px 20px; } } } @media screen and (max-width:991px) { .header.light .mega-menu .menu-links > li > a:hover, .header.light .mega-menu .menu-links > li.active > a { color: #000; } } @media screen and (min-width:992px) { .header.light .mega-menu .menu-links > li > a:hover, .header.light .mega-menu .menu-links > li.active > a { color: #000; } }