/* Author : Pixel Industry Website : www.pixel-industry.com */ /* TABLE OF CONTENTS ========================================================================= */ /* 1. CSS RESET 2. DOCUMENT STYLES 3. TYPOGRAPHY 4. HEADER 5. PAGE TITLES 6. CUSTOM SECTION BACKGROUNDS 7. ELEMENTS 7.1. ACCORDION 7.2. BLOCKQUOTE 7.3. BUTTONS 7.4. CALL TO ACTION 7.5. CLIENT CAROUSEL 7.6. CLIENT LIST 7.7. COMPANY TIMELINE 7.8. CUSTOM HEADING 7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE 7.10. DRIVER APPLICATION 7.11. EVENTS 7.12. INTRO TITLE 7.13. LATEST POSTS STYLE 01 7.14. LATEST POSTS STYLE 02 7.15. LATEST POSTS STYLE 03 7.16. LIST WITH ICONS 7.17. NUMBERS COUNTER 7.18. PROMO BOXES 7.19. SERVICES FEATURE BOX 7.20. SERVICES GALLERY 7.21. SERVICE ICON CENTER 7.22. SERVICE ICON CENTER BOXED 7.23. SERVICES ICON LEFT 7.24. SERVICES ICON LEFT BOXED 7.25. SERVICE LIST - small icons and text 7.26. SERVICES LIST BIG ICONS 7.27. SERVICES LIST BIG ICONS + DETAILS (text) 7.28. SHIPPING QUOTE FORM 7.29. SLIDER - MASTER SLIDER 7.30. STATEMENT ELEMENT 7.31. TABLE 7.32. TABS 7.33. TEAM MEMBERS 7.34. TEAM MEMBERS LIST 7.35. TESTIMONIAL 7.36. TRACKING FORM 7.37. VEHICLE GALLERY FULL 8. HOME MINIMAL CUSTOM STYLES 9. BLOG 10. LOCATIONS PAGE 11. CONTACT 12. WIDGETS 13. FOOTER */ @font-face { font-family: 'CenturyGothic'; src: local('CenturyGothic') ,url('../fonts/CenturyGothic.ttf') format("truetype"); } /* 1. CEE RESET ----------------------------------------------------------------------------- */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *:focus { outline: 0; text-decoration: none; } a:focus, a:active { text-decoration: none; outline: 0; } .team-img{ -webkit-box-shadow: 10px 10px 5px 0px rgba(35,99,195,1); -moz-box-shadow: 10px 10px 5px 0px rgba(35,99,195,1); box-shadow: 10px 10px 5px 0px rgba(35,99,195,1); } .shadow-img{ -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1); box-shadow: 10px 10px 5px 0px rgba(0,0,0,1); padding-right:0px; } .border-dblue { border:2px dashed #fff !important; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5)!important; -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5)!important; box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5)!important; } /* ========================================================================== 2. DOCUMENT STYLES ========================================================================= */ body { font-family: 'CenturyGothic' !important; font-size: 13px; line-height: 22px; color: #777; background-image:url(../img/bg.jpg) !important; background-repeat:repeat; } .row{ margin-bottom: 70px; } *[class^="row"] *[class^="row"]:last-child{ margin-bottom: 0; } /* ========================================================================== 3. TYPOGRAPHY ========================================================================= */ p, a, span { color: #434241; font-family: Arial; line-height: 24px; font-size:13px; font-family:'CenturyGothic' !important; } p { padding-bottom: 15px; text-align:justify; font-family:'CenturyGothic' !important; } i.fa-round { display: inline-block; border-radius: 60px; box-shadow: 0px 0px 2px #958e73; background-color:#958e73; color:#fff; padding: 0.5em 0.6em; margin-right:5px; } a { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; text-decoration: none; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6{ font-family: 'CenturyGothic' !important; font-weight: 400; margin-bottom: 25px; margin-top: 0; color: #4b4b4b; } .icon_bold{font-size:15px !important; font-weight:bold !important; padding-right:10px; } .image_border { text-align: center; font-size:30px; color:#4D9734; padding:50px; border:2px dashed #4D9734; /*font-family: 'gothic' !important;*/ font-family: 'Lato', sans-serif !important; } .image_border_big { text-align: center; font-size:30px; color:#4D9734; padding:250px 100px ; border:2px dashed #4D9734; /*font-family: 'gothic' !important;*/ font-family: 'Lato', sans-serif !important; } . h1{ font-size: 30px; line-height: 30px; } h2{ font-size: 24px; line-height: 26px; } h3{ font-size: 21px; line-height: 24px; } h4{ font-size: 18px; line-height: 22px; } h5{ font-size: 16px; line-height: 18px; } h6{ font-size: 15px; line-height: 18px; } strong{ font-weight: 600; } img { max-width: 100%; height: auto; display: block; } img.float-left { float: left; margin: 12px 12px 12px 0; } img.float-right { float: right; margin: 12px 0px 12px 12px; } .img-fixed-bottom{ position: relative; bottom: -70px; } ul, ol { list-style-position: inside; } ul li, ol li { padding-bottom: 5px; } blockquote + p { margin-top: 15px; } .required{ color: #ce292d; } .text-big{ font-size: 18px; line-height: 25px; color: #333; } .align-right{ text-align: right; } a.read-more{ float: right; position: relative; } a.read-more span{ text-transform: uppercase; font-weight: 700; display: block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } a.read-more:hover span{ transform: translate(-15px, 0); -webkit-transform: translate(-15px, 0); -moz-transform: translate(-15px, 0); -ms-transform: translate(-15px, 0); } a.read-more i{ font-size: 11px; line-height: 20px; opacity: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } a.read-more:hover i{ opacity: 1; } a.download-link{ width: 100%; display: block; margin-bottom: 5px; } a.download-link span { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } a.download-link span i{ padding-right: 5px; } .mb-70{ margin-bottom: 70px; } .mb-30{ margin-bottom: 30px; } .mb-0{ margin-bottom: 0; } .svg-white .st0{ fill: #fff; } .h2-title{color:#4b4b4b;font-size:23px !important;margin-bottom:5px;text-align:left !important;padding:5px 0px; } .h7-title{color:#4b4b4b;font-size:28px !important;margin-bottom:5px;text-align:center;} .h4-title{font-size:16px;color:#505051;font-weight:100;font-family: 'CenturyGothic' !important;font-weight:bold;} .h7-span{color:#000;font-size:28px !important;font-family: 'CenturyGothic' !important;} .p-text{text-align:justify !important;font-size: 16px; font-weight: 100;font-family:'CenturyGothic' !important;} .p-border {border-top:1px solid #4b4b4b;width:60%;margin:auto;margin-top:5px;} /* ========================================================================== 4. HEADER ========================================================================= */ .header-wrapper { width: 100%; /* background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: fixed;*/ top: 0; z-index: 1000; } .header-wrapper.header-transparent { background-color: transparent; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .header-wrapper.header-transparent02{ background-color: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .header-wrapper.header-transparent.solid-color, .header-wrapper.header-transparent02.solid-color{ background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .header-wrapper.header-transparent.solid-color .header-style01 .main-nav{ background: #fff; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #header{ position: relative; z-index: 1000; } #search { width: 40px; min-height: 80px; position: relative; cursor: pointer; margin-left: 20px; margin-right: 30px; float: right; z-index: 1005; background-color: transparent; padding-top: 20px; } .search-submit { background-image: url('../img/search.png'); background-repeat: no-repeat; background-position: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 40px; min-height: 40px; border: none; text-indent: -9999px; position: absolute; cursor: pointer; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #search:focus, .search-submit:focus, #m_search:focus { outline: none; } #m_search { background: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 25px; position: absolute; top: 100%; width: 170px; right: 0; font-style: italic; color: #666; display: none; } /* MAIN NAVIGATION */ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color: transparent; } .main-nav .row{ margin-bottom: 0; } .main-nav{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* IE10+ */ margin-top: 35px; } .navbar{ min-height: 80px; margin-bottom: 0; } .navbar-default{ border: none; background: none; } #dl-menu{ display: none; } .navbar-nav > li { padding-bottom: 0; } .navbar-nav>li>a{ line-height: 48px; font-family: 'CenturyGothic' !important; font-size: 11px; font-weight: 700; color: #4c4c4d; text-transform: uppercase; letter-spacing:1px; } .navbar-default .navbar-nav>li>a{ color: #4c4c4d; border-bottom: 3px solid transparent; padding: 10px 20px; margin: 0px 20px; font-family: 'CenturyGothic' !important; font-size:17px; font-weight:100; } .nav>li>a{ padding-left: 25px; padding-right: 25px; } .header-style01 .navbar-default .navbar-nav>li>a:hover{ border-bottom: 3px solid; } .dropdown-menu{ background-image:url(../img/link-bg.jpg) !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #eee; width: 185px; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2); } .dropdown .dropdown-menu .dropdown-submenu > a{ position: relative; } .dropdown .dropdown-menu .dropdown-submenu > a:after{ position: absolute; display: block; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #aaa; right: 0; top: 50%; margin-top: -3px; } .dropdown-menu>li{ padding: 0px 20px; } .dropdown-menu>li>a{ font-size: 13px; color: #333; padding: 10px 0px; border-bottom: 1px dotted #ddd; } .dropdown-menu>li:last-child a{ border: none; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ background: none; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { left: 100%; top: -3px; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown.dropdown-submenu > a { position: relative; } .navbar-header{ padding-top: 18px; padding-left: 30px; } .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border: none; } .navbar-collapse{ float: right; padding: 0; } .nav > li.current-menu-item > a{ border-bottom: 3px solid; } /* HEADER STYLE 01 - WITH TOPBAR ------------------------------------------------------------------------- */ .header-style01 #top-bar-wrapper .row{ margin-bottom: 0; } .header-style01 #quick-links{ padding-top: 8px; } .header-style01 #quick-links li{ list-style: none; float: left; padding-right: 30px; padding-bottom: 0; } .header-style01 #quick-links li span, .header-style01 #quick-links li a{ color: #fff; } .header-style01 #top-bar-wrapper{ padding: 20px 0 0; width: 100%; } /* HEADER STYLE 02 - LIGHT TOPBAR ------------------------------------------------------------------------- */ .header-style02 #top-bar-wrapper .row{ margin-bottom: 0; } .header-style02 #quick-links{ padding-top: 8px; } .header-style02 #quick-links li{ list-style: none; float: left; padding-right: 30px; padding-bottom: 0; } .header-style02 #top-bar-wrapper{ background-color: #4D9734; padding: 0px; padding-bottom:10px; width: 100%; } .header-style02 .navbar-header{ padding-left: 0; } .header-style02 #search{ margin-right: 0; } .wpml-languages{ display: block; float: right; position: relative; } .wpml-languages a.active{ display: block; padding: 8px 6px 8px 10px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; } .wpml-languages a.active i{ font-size: 9px; margin-left: 5px; position: relative; top: -2px; } .wpml-languages a.active img{ width: 22px; float: left; } .wpml-languages a img{ width: 22px; } .wpml-lang-dropdown{ position: absolute; background-color: #fff; left: 0; top: 102%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; border: 1px solid #ddd; width: 100%; display: none; z-index: 10001; } .wpml-lang-dropdown li{ list-style: none; padding: 8px 15px; } .wpml-languages:hover ul.wpml-lang-dropdown{ display: block; } .header-style02 .header-inner{ padding: 0 0 10px; } .header-style02 .header-inner .main-nav{ margin-top: 0; background: none; } .header-style02 .navbar-default .navbar-nav>li>a:hover, .header-style02 .nav > li.current-menu-item > a{ border: none; border-bottom: none; border-color: transparent; } .header-style02 .navbar-default .navbar-nav>li>a{ border-bottom: none; } /* HEADER STYLE 02 - DARK TOPBAR ------------------------------------------------------------------------- */ .header-style02 #top-bar-wrapper.dark{ background-color: #333333; } .header-style02 #top-bar-wrapper.dark #quick-links li span, .header-style02 #top-bar-wrapper.dark #quick-links li a{ color: #ccc; } #top-bar-wrapper.dark .wpml-languages a.active, #top-bar-wrapper.dark .wpml-lang-dropdown{ background-color: #444; border: 1px solid #555; } #top-bar-wrapper.dark .wpml-languages a.active i{ color: #ccc; } /* HEADER STYLE 02 - DARK HEADER ------------------------------------------------------------------------- */ .header-wrapper.dark #top-bar-wrapper{ background-color: #222; } .header-wrapper.dark #quick-links li span, .header-wrapper.dark #quick-links li a{ color: #ccc; } .header-wrapper.dark .wpml-languages a.active, .header-wrapper.dark .wpml-lang-dropdown{ background-color: #333; border: 1px solid #444; } .header-wrapper.dark .wpml-languages a.active i{ color: #ccc; } .header-wrapper.dark{ background-color: #333; } .header-wrapper.dark .main-nav{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .header-wrapper.dark .navbar-default .navbar-nav>li>a{ color: #fff; } .header-wrapper.dark .dropdown-menu{ background-color: #333; border: 1px solid #444; } .header-wrapper.dark .dropdown-menu>li>a{ color: #888; border-bottom: 1px dotted #444; } .header-wrapper.dark .dropdown-menu>li>a:hover{ color: #fff; } .header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:after{ border-left: 5px solid #888; } .header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:hover:after{ border-left: 5px solid #fff; } .header-wrapper.dark #m_search{ background: #333; border: 1px solid #444; color: #ccc; } /* HEADER STYLE 03 ------------------------------------------------------------------------- */ .header-style03 .info-container{ float: right; } .header-style03 .info-container #quick-links, .header-style03 .info-container .wpml-languages, .header-style03 .info-container #search{ float: left; padding: 0 10px; } .header-style03 .info-container #quick-links{ padding-top: 10px; } .header-style03 #quick-links{ padding-top: 8px; } .header-style03 #quick-links li{ list-style: none; float: left; padding-right: 30px; padding-bottom: 0; } .header-style03 .wpml-lang-dropdown{ width: auto; left: 10px; } .header-style03 #search{ min-height: 60px; } .header-style03 .logo{ padding-top: 20px; } .header-style03 .logo-info-container{ padding-bottom: 0px; } .header-style03 .logo-info-container .row{ margin-bottom: 0; } .header-style03 .main-nav{ margin-top: 0; background: none; } .header-style03 .navbar-default .navbar-collapse, .navbar-default .navbar-form{ float: left; width: 100%; } .header-style03 .navbar-nav>li>a{ line-height: 20px !important; } .header-style03 .navbar{ min-height: 30px; } .header-style03 .nav > li.current-menu-item > a{ border-bottom: none; } .header-style03 .navbar a.btn{ position: relative; top: 10px; } /* HEADER STYLE 03 DARK ------------------------------------------------------------------------- */ .header-wrapper.dark .header-style03 .main-nav{ border-top: 1px solid #444; } /* ========================================================================== 5. PAGE TITLES ========================================================================= */ .page-title-style01{ padding-top: 70px; padding-bottom: 70px; margin-bottom: 70px; } .page-title-negative-top{ margin-top: 0 !important; padding-top: 185px; } .page-title-style01 .row, .page-title-style02 .row{ margin-bottom: 0; } .page-title-style01 h1{ color: #000; text-align: center; font-family: 'Lato', sans-serif !important; font-size:40px; } .breadcrumb-container{ width: 100%; float: left; } .page-title-style01 .breadcrumb{ margin: 0 auto; display: table; } .breadcrumb li{ list-style: none; float: left; padding: 0 0px 0 3px; color: #fff; } .breadcrumb li a{ color: #fff; } .breadcrumb li + li::before { font-size: 12px; content: '/'; color: #fff; padding: 0 8px; } .breadcrumb li:nth-child(2)::before { color: transparent; } .page-title-style02{ padding: 70px 0; margin-bottom: 70px; } .page-title-style02 h1{ color: #fff; margin-bottom: 0; } .page-title-style02 .breadcrumb-container{ float: right; width: auto; } .pt-bkg01{ background-image: url('../img/pics/page-title01.jpg'); background-repeat: repeat; } .pt-bkg02{ background-image: url('../img/pics/page-title02.jpg'); background-repeat: repeat; } .pt-bkg03{ background-image: url('../img/pics/page-title03.jpg'); background-repeat: repeat; } .pt-bkg04{ background-image: url('../img/pics/page-title04.jpg'); background-repeat: repeat; } .pt-bkg05{ background-image: url('../img/pics/page-title05.jpg'); background-repeat: repeat; } .pt-bkg06{ background-image: url('../img/pics/page-title06.jpg'); background-repeat: repeat; } .pt-bkg07{ background-image: url('../img/pics/page-title07.jpg'); background-repeat: repeat; } .pt-bkg08{ background-image: url('../img/pics/page-title08.jpg'); background-repeat: repeat; } .pt-bkg09{ background-image: url('../img/pics/page-title09.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg10{ background-image: url('../img/pics/page-title10.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg11{ background-image: url('../img/pics/page-title11.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg12{ background-image: url('../img/pics/page-title12.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg13{ background-image: url('../img/pics/page-title13.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg14{ background-image: url('../img/pics/page-title14.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg15{ background-image: url('../img/pics/page-title15.jpg'); background-repeat: no-repeat; background-size: cover; } .pt-bkg16{ background-image: url('../img/pics/page-title16.jpg'); background-repeat: no-repeat; background-size: cover; } /* ========================================================================== 6. CUSTOM SECTION BACKGROUNDS ========================================================================= */ .page-content.custom-bkg{ padding-top: 70px; } .page-content.column-img-bkg{ padding: 0; } .page-content.column-img-bkg .row{ margin-bottom: 0; } .custom-col-padding-both{ padding: 120px 70px; } .custom-col-padding-bottom{ padding-bottom: 120px; } .img-bkg01{ background-image: url('../img/pics/img-bkg01.jpg'); } .img-bkg02{ background-image: url('../img/pics/img-bkg02.jpg'); } .img-bkg03{ background-image: url('../img/pics/img-bkg03.jpg'); } *[class*="img-bkg"]{ background-size: cover; } .custom-bkg.bkg-grey{ background-image:url(../img/bg.jpg) !important; background-repeat:repeat; } .custom-bkg.bkg-light-blue{ background-image:url(../img/bg.jpg) !important; background-repeat:repeat; } .custom-bkg.bkg-dark-blue{ background-color: #4D9734; } .custom-bkg.bkg-dark-blue.transparent01{ background-color: rgba(37, 39, 46, 0.7); } .custom-bkg.bkg-dark-blue.transparent02{ background-color: rgba(37, 39, 46, 0.8); } .custom-bkg.bkg-dark-blue.transparent03{ background-color: rgba(37, 39, 46, 0.9); } .page-title-style01 + .page-content.custom-bkg, .page-title-style02 + .page-content.custom-bkg{ margin-top: -70px; } .page-content.parallax{ padding-top: 100px; padding-bottom: 30px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .parallax01{ background-image: url('../img/pics/parallax01.jpg'); } .parallax02{ background-image: url('../img/pics/parallax02.jpg'); } .parallax03{ background-image: url('../img/pics/parallax03.jpg'); } .parallax04{ background-image: url('../img/pics/parallax04.jpg'); } .parallax05{ background-image: url('../img/pics/parallax05.jpg'); } .page-content.dark h1, .page-content.dark h2, .page-content.dark h3, .page-content.dark h4, .page-content.dark h5, .page-content.dark h6{ color: #fff; } .page-content.dark p, .page-content.dark span, .page-content.dark li, .page-content.dark a{ color: #eee; } *[class^="col-"].custom-bkg{ padding: 30px; } *[class^="col-"].custom-bkg.dark h1, *[class^="col-"].custom-bkg.dark h2, *[class^="col-"].custom-bkg.dark h3, *[class^="col-"].custom-bkg.dark h4, *[class^="col-"].custom-bkg.dark h5, *[class^="col-"].custom-bkg.dark h6{ color: #fff; } *[class^="col-"].custom-bkg.dark p, *[class^="col-"].custom-bkg.dark a, *[class^="col-"].custom-bkg.dark span, *[class^="col-"].custom-bkg.dark li, *[class^="col-"].custom-bkg.dark label{ color: #eee; } /* ========================================================================== 7. ELEMENTS ========================================================================= */ /* 7.1. ACCORDION ------------------------------------------------------------------------- */ .accordion .title { width: 100%; background-color: #f6f6f6; margin-bottom: 10px; position: relative; padding: 10px 15px; float: left; } .accordion .title a{ font-size: 15px; color: #333; font-family: 'Raleway', 'Open Sans', Arial, sans-serif; font-weight: 700; position: relative; width: 100%; padding-left: 20px; display: block; float: left; } .accordion .title::before{ content: "\f067"; font-family: 'FontAwesome'; font-size: 15px; position: absolute; display: block; } .accordion .title.active::before{ content: "\f068"; font-family: 'FontAwesome'; font-size: 15px; position: absolute; display: block; } .accordion .title a::after{ display: none; } .accordion.careers .title{ padding: 15px 62px 15px 20px; } .accordion.careers .title a{ padding-left: 0; } .accordion.careers .title::before{ display: none; } .accordion.careers .title a span{ color: #333; font-weight: 600; width: 30%; display: block; float: left; font-size: 13px; } .accordion .job-position, .accordion .job-end-date{ text-transform: uppercase; } .accordion.careers .title::after{ position: absolute; content: ""; display: block; width: 52px; height: 100%; background-color: #e6e6e6; background-image: url('../img/accordion-closed.png'); background-repeat: no-repeat; background-position: center; right: 0; top: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .accordion.careers .title.active::after{ background-image: url('../img/accordion-opened.png'); background-repeat: no-repeat; background-position: center; } .accordion.careers .title:hover::after{ background-image: url('../img/accordion-opened.png'); background-repeat: no-repeat; background-position: center; } .accordion .content { margin-bottom: 20px; padding-left: 20px; padding-top: 20px; } /* 7.2. BLOCKQUOTE ------------------------------------------------------------------------- */ blockquote{ margin-left: 30px; border-left: 3px solid; padding: 15px 20px; font-size: 18px; line-height: 25px; font-style: italic; color: #333; } /* 7.3. BUTTONS ------------------------------------------------------------------------- */ .btn { text-transform: uppercase; font-weight: 700; position: relative; overflow: hidden; display: inline-block; backface-visibility: hidden; float: right; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; } .btn span { color: #fff; } .dark .btn span{ color: #fff; } .btn-big { padding: 12px 60px; font-size: 12px; } .btn-medium { padding: 10px 40px; font-size: 12px; } .btn-small { padding: 4px 20px; font-size: 11px; } .btn-yellow{ background-color: #fac312 !important; } .btn-centered{ float: none; display: table; margin: 0 auto; } .btn-yellow:hover{ background-color: #fcc820 !important; } /* 7.4. CALL TO ACTION ------------------------------------------------------------------------- */ .call-to-action .text{ width: 70%; float: left; } .call-to-action .btn{ float: right; position: relative; top: 30px; } /* 7.5. CLIENT CAROUSEL ------------------------------------------------------------------------- */ #client-carousel .owl-item img{ opacity: 0.7; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; } #client-carousel .owl-item:hover img{ opacity: 1; } /* 7.6. CLIENT LIST ------------------------------------------------------------------------- */ .clients-li{ width: 100%; } .clients-li li{ list-style: none; float: left; width: 33.33333333%; padding-left: 15px; padding-right: 15px; padding-bottom: 50px; padding-top: 20px; padding-bottom: 20px; border: 1px solid #eee; } .clients-li li:first-child{ padding-left: 0; } .clients-li:nth-child(3n){ padding-right: 0; } .clients-li li img{ opacity: 0.7; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; display: block; margin: 0 auto; vertical-align: middle; } .clients-li li:hover img{ opacity: 1; } .col-md-6 .clients-li li{ max-height: 92px; } /* 7.7. COMPANY TIMELINE ------------------------------------------------------------------------- */ .company-timeline{ width: 100%; } .company-timeline li{ list-style: none; float: left; width: 100%; position: relative; } .company-timeline li .timeline-item-details::before{ position: absolute; content: ""; display: block; left: 35px; top: 0; width: 1px; height: 100%; background-color: #ddd; z-index: 1; } .company-timeline .icon-date-container{ width: 70px; height: 70px; float: left; border: 2px solid #ddd; background-color: #fff; z-index: 2; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .company-timeline .icon-date-container i{ width: 70px; height: 70px; display: table-cell; vertical-align: middle; text-align: center; font-size: 24px; } .company-timeline .timeline-item-details{ padding-left: 100px; position: relative; padding-bottom: 30px; } .company-timeline li:last-child .timeline-item-details{ padding-bottom: 0; } /* 7.8. CUSTOM HEADING ------------------------------------------------------------------------- */ .row .custom-heading:only-child{ margin-bottom: -70px; } .custom-heading{ position: relative; width: 100%; display: block; padding-top: 12px; text-transform: uppercase; } .custom-heading::after{ position: absolute; display: block; content: ""; width: 40px; height: 3px; left: 0; top: 0; } .custom-heading.centered{ text-align: center; } .custom-heading.centered:after{ position: absolute; display: block; content: ""; width: 40px; height: 3px; left: 50%; margin-left: -20px; top: 0; } /* 7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE ------------------------------------------------------------------------- */ .col-md-12 .custom-heading02:only-child{ margin-bottom: 0; } .row .custom-heading02:only-child{ margin-bottom: -30px; } .custom-heading02{ position: relative; margin-bottom: 40px; } .custom-heading02 h1, .custom-heading02 h2, .custom-heading02 h3, .custom-heading02 h4{ font-size: 30px; line-height: 30px; margin-bottom: 5px; text-transform: none; text-align: center; margin-bottom: 0; font-weight:400; color:#000000; font-family:'CenturyGothic' !important; } .custom-heading02 p{ text-align: center; } .custom-heading02:after{ position: absolute; display: block; content: ""; width: 40px; height: 3px; bottom: 0; left: 50%; margin-left: -20px; } .custom-heading02.simple h1, .custom-heading02.simple h2, .custom-heading02.simple h3, .custom-heading02.simple h4{ padding-bottom: 15px; } /* 7.10. DRIVER APPLICATION ------------------------------------------------------------------------- */ .driver-app-form fieldset{ width: 33.33333333%; padding-right: 15px; float: left; } .driver-app-form fieldset:nth-child(3n){ padding-right: 0; } .driver-app-form .wpcf7-select{ max-height: 34px; } /* 7.11. EVENTS ------------------------------------------------------------------------- */ .table-responsive{ overflow-y: hidden; } .events-table thead{ border-bottom: 1px solid #e6e6e6; } .events-table thead th{ font-size: 18px; font-weight: 800; text-transform: uppercase; text-align: left; padding-left: 15px; padding-bottom: 10px; } .events-table thead th:first-child{ padding-left: 0; } .events-table tbody td{ padding: 0 15px; vertical-align: middle; } .events-table .event-date{ padding: 20px 0; } .events-table .event-date .day{ background-color: #fcfcfc; font-size: 36px; line-height: 36px; color: #333; font-weight: 800; text-align: center; padding: 20px 30px; } .events-table .event-date .month{ padding: 5px 10px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; } /* 7.12. INTRO TITLE ------------------------------------------------------------------------- */ .intro-title{ width: 100%; } .intro-title p{ font-size: 24px; line-height: 30px; color: #333; font-family: 'Raleway', 'Open Sans', Arial, sans-serif; text-align: center; } /* 7.13. LATEST POSTS STYLE 01 ------------------------------------------------------------------------- */ .pi-latest-posts li{ list-style: none; width: 100%; float: left; margin-bottom: 20px; } .pi-latest-posts li:last-child{ margin-bottom: 0; } .pi-latest-posts li .post-media{ width: 100px; height: 100px; float: left; margin-bottom: 0; } .pi-latest-posts li .post-details{ padding-left: 120px; } .pi-latest-posts li .post-details h4{ transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; margin-bottom: 10px; } .pi-latest-posts .post-date p{ color: #565f66; font-size: 12px; font-weight: 600; text-transform: uppercase; padding-bottom: 5px; } .pi-latest-posts .post-date i{ padding-right: 3px; } /* 7.14. LATEST POSTS STYLE 02 ------------------------------------------------------------------------- */ .pi-latest-posts02 li{ width: 30%; float: left; margin-right: 30px; list-style: none; } .col-md-8 .pi-latest-posts02 li, .col-md-9 .pi-latest-posts02 li{ width: 46%; } .col-md-6 .pi-latest-posts02 li, .col-md-4 .pi-latest-posts02 li, .col-md-3 .pi-latest-posts02 li{ width: 100%; margin-bottom: 20px; } .pi-latest-posts02 li:nth-child(3n){ padding-right: 0; } .pi-latest-posts02 .post-date, .pi-latest-posts02 .post-date{ width: 100px; float: left; } .pi-latest-posts02 .post-date .day{ background-color: #fcfcfc; font-size: 36px; line-height: 36px; color: #333; font-weight: 800; text-align: center; padding: 20px 30px; } .pi-latest-posts02 .post-date .month{ padding: 5px 10px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; } .pi-latest-posts02 .post-details{ padding-left: 120px; } .pi-latest-posts02 li .post-details h4{ transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; margin-bottom: 10px; } .pi-latest-posts02 .post-category p{ color: #565f66; font-size: 12px; font-weight: 600; text-transform: uppercase; padding-bottom: 5px; } .pi-latest-posts02 .post-category i{ padding-right: 3px; } /* 7.15. LATEST POSTS STYLE 03 ------------------------------------------------------------------------- */ .pi-latest-posts03 li{ list-style: none; width: 100%; float: left; margin-bottom: 20px; } .pi-latest-posts03 li:last-child{ margin-bottom: 0; } .pi-latest-posts03 li .post-media{ width: 60px; height: 60px; float: left; margin-bottom: 0; } .pi-latest-posts03 li .post-media i{ font-size: 36px; } .pi-latest-posts03 li .post-details{ padding-left: 70px; } .pi-latest-posts03 li .post-details h4{ transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; margin-bottom: 10px; } .pi-latest-posts03 .post-date p{ color: #565f66; font-size: 12px; font-weight: 600; text-transform: uppercase; padding-bottom: 5px; } .col-md-8 .pi-latest-posts03 li, .col-md-9 .pi-latest-posts03 li{ margin-right: 30px; width: 48%; } .col-md-8 .pi-latest-posts03 li:nth-child(2n), .col-md-9 .pi-latest-posts03 li:nth-child(2n){ margin-right: 0; } .col-md-6 .pi-latest-posts03 li, .col-md-4 .pi-latest-posts03 li, .col-md-3 .pi-latest-posts03 li{ width: 100%; margin-bottom: 20px; } /* 7.16. LIST WITH ICONS ------------------------------------------------------------------------- */ .fa-ul li i{ line-height: 20px; } .fa-ul.large-icons{ margin-left: 0; } .fa-ul.large-icons li{ margin-bottom: 20px; } .fa-ul.large-icons li:last-child{ margin-bottom: 0; } .fa-ul.large-icons li i{ font-size: 24px; width: 30px; height: 30px; } .fa-ul.large-icons .icon-container{ float: left; width: 30px; height: 30px; } .fa-ul.large-icons .li-content{ padding-left: 40px; } .fa-ul.large-icons .li-content h4{ padding-top: 3px; } /* 7.17. NUMBERS COUNTER ------------------------------------------------------------------------- */ .numbers-counter{ padding: 20px; background-color: #fcfcfc; } .numbers-counter .counter-container{ width: 100%; position: relative; } .numbers-counter .counter-container::after{ position: absolute; content: ""; display: block; width: 30px; height: 3px; bottom: 0; left: 50%; margin-left: -15px; } .numbers-counter .number{ font-size: 40px; line-height: 40px; font-weight: 800; text-align: center; color: #333; width: 100%; display: block; margin-bottom: 5px; } .numbers-counter p{ text-align: center; } /* 7.18. PROMO BOXES ------------------------------------------------------------------------- */ .promo-box{ padding: 90px 20px; } .promo-box02{ padding: 30px 30px 90px 30px; } .promo-box02 p{ text-align: center; } .promo-box h4, .promo-box p{ text-align: center; } .promo-box .btn{ float: none; margin: 0 auto; display: table; } .promo-bkg01{ background-image: url('../img/pics/promo01.jpg'); background-repeat: no-repeat; background-size: cover; } .promo-bkg02{ background-image: url('../img/pics/promo02.jpg'); background-repeat: no-repeat; background-size: cover; } /* 7.19. SERVICES FEATURE BOX ------------------------------------------------------------------------- */ .services-negative-top{ margin-top: -316px; } .custom-bkg .service-feature-box, .parallax .service-feature-box{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; } .service-feature-box{ box-shadow: 1px 0px 3px 0 #ddd; -webkit-box-shadow: 1px 0px 3px 0 #ddd; -moz-box-shadow: 1px 0px 3px 0 #ddd; border: 1px solid #eee; } .service-feature-box .service-media{ position: relative; overflow: hidden; } .service-feature-box .service-media img{ width: 100%; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; opacity: 1; } .service-feature-box .service-media:hover img{ transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); opacity: 0.7 } .service-feature-box .service-media a{ background-color: #1b2936; position: absolute; bottom: 0; right: 0; text-transform: uppercase; } .service-feature-box .service-media span{ color: #fff; padding-left: 20px; font-weight: 600; } .service-feature-box .service-media i{ background-color: #2f3840; padding: 5px 10px; font-size: 10px; line-height: 22px; margin-left: 20px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .service-feature-box .service-body{ background-color: #fff; padding: 20px; } /* 7.20. SERVICES GALLERY ------------------------------------------------------------------------- */ .services-gallery .col-md-3{ padding: 0; list-style: none; } .service-item-container{ position: relative; overflow: hidden; } .service-item-container .service-item{ width: 100%; height: 100%; overflow: hidden; cursor: pointer; z-index: 1; } .service-item-container .service-item img{ width: 100%; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; } .service-item-container .hover-mask-container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(49, 57, 63, 0.5); transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .service-item-container .service-item:hover .hover-mask-container{ opacity: 1; } .service-item-container figcaption{ position: absolute; width: 100%; top: 40px; } .service-item-container figcaption h1, .service-item-container figcaption h2, .service-item-container figcaption h3, .service-item-container figcaption h4, .service-item-container figcaption h5{ text-align: center; text-transform: uppercase; color: #fff; position: relative; padding-bottom: 15px; margin-bottom: 0; } .service-item-container figcaption h1:after, .service-item-container figcaption h2:after, .service-item-container figcaption h3:after, .service-item-container figcaption h4:after, .service-item-container figcaption h5:after{ position: absolute; content: ""; display: block; width: 40px; height: 3px; left: 50%; bottom: 0; margin-left: -20px; } .hover-mask-container .hover-details{ position: absolute; bottom: 40px; left: 50%; transform: translate(0, 100px); -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .hover-mask-container .hover-details span{ text-transform: uppercase; font-weight: 600; color: #fff; padding: 10px 30px; border: 3px solid; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .service-item-container .service-item:hover .hover-details{ transform: translate(0,0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); } .service-item-container .service-item:hover img{ transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); } /* 7.21. SERVICE ICON CENTER ------------------------------------------------------------------------- */ .service-icon-center .icon-container{ width: 100px; height: 100px; display: table; margin: 0 auto 20px; background-color: #fcfcfc; border: 2px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .service-icon-center .icon-container i{ font-size: 36px; color: #333; display: table-cell; vertical-align: middle; text-align: center; width: 100px; height: 100px; } .service-icon-center .icon-container img{ width: 60px; height: 60px; position: relative; left: 50%; margin-top: 15px; margin-left: -30px; } .service-icon-center h1, .service-icon-center h2, .service-icon-center h3, .service-icon-center h4, .service-icon-center h5{ text-align: center; margin-bottom: 15px; } .service-icon-center p{ text-align: center; } /* 7.22. SERVICE ICON CENTER BOXED ------------------------------------------------------------------------- */ .service-icon-center-boxed{ width: 100%; background-color: #fcfcfc; padding: 30px 20px; } .service-icon-center-boxed .service-title{ display: table; margin: 0 auto 10px; } .service-icon-center-boxed .service-title .icon-container{ width: 60px; height: 60px; float: left; } .service-icon-center-boxed .service-title h4{ padding-left: 70px; padding-top: 20px; } .service-icon-center-boxed p{ text-align: center; padding-bottom: 0; } .service-icon-center-boxed .icon-container i{ width: 60px; height: 60px; font-size: 46px; display: table-cell; vertical-align: middle; text-align: center; } /* 7.23. SERVICES ICON LEFT ------------------------------------------------------------------------- */ .service-icon-left{ width: 100%; } .service-icon-left .icon-container{ float: left; width: 100px; height: 100px; background-color: #fff; border: 2px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .service-icon-left .icon-container img, .service-icon-left .icon-container svg{ width: 60px; display: block; margin: 0 auto; vertical-align: middle; height: 60px; position: relative; top: 20px; } .service-icon-left .service-details{ padding-left: 120px; } .service-icon-left .service-details h1, .service-icon-left .service-details h2, .service-icon-left .service-details h3, .service-icon-left .service-details h4{ margin-bottom: 15px; } .service-icon-left .icon-container i{ font-size: 60px; text-align: center; display: table-cell; vertical-align: middle; height: 100px; width: 100px; } /* 7.24. SERVICES ICON LEFT BOXED ------------------------------------------------------------------------- */ .service-icon-left-boxed{ background-color: #fcfcfc; padding: 30px 40px; border:2px dashed #4D9734; -webkit-box-shadow: 10px 10px 5px 0px rgba(35,99,195,0.55); -moz-box-shadow: 10px 10px 5px 0px rgba(35,99,195,0.55); box-shadow: 10px 10px 5px 0px rgba(35,99,195,0.55); } .service-icon-left-boxed .icon-container{ float: left; width: 100px; } .service-icon-left-boxed .service-details{ padding-left: 120px; } .service-icon-left-boxed .service-details h1, .service-icon-left-boxed .service-details h2, .service-icon-left-boxed .service-details h3, .service-icon-left-boxed .service-details h4{ margin-bottom: 15px; } .service-icon-left-boxed .service-details p{ padding-bottom: 0; } .col-md-3 .service-icon-left-boxed .icon-container{ float: none; margin: 0 auto 20px; } .col-md-3 .service-icon-left-boxed .service-details{ padding-left: 0; } .col-md-3 .service-icon-left-boxed .service-details h1, .col-md-3 .service-icon-left-boxed .service-details h2, .col-md-3 .service-icon-left-boxed .service-details h3, .col-md-3 .service-icon-left-boxed .service-details h4, .col-md-3 .service-icon-left-boxed .service-details p{ text-align: center; } .service-icon-left-boxed i{ font-size: 70px; display: table-cell; vertical-align: middle; text-align: center; width: 100px; } /* 7.25. SERVICE LIST - small icons and text ------------------------------------------------------------------------- */ .service-list li{ list-style: none; width: 100%; float: left; padding-bottom: 10px; } .service-list li:last-child{ padding-bottom: 0; } .service-list li .icon-container{ width: 70px; height: 70px; float: left; } .service-list li p{ font-family: 'Raleway', 'Open Sans', Arial, sans-serif; font-size: 18px; padding-top: 20px; padding-left: 95px; } .service-list li i{ font-size: 46px; display: table-cell; vertical-align: middle; text-align: center; width: 70px; } /* 7.26. SERVICES LIST BIG ICONS ------------------------------------------------------------------------- */ .col-md-9 .service-list-big-icons li{ width: 33.3%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; } .col-md-9 .service-list-big-icons li:nth-child(3n){ padding-right: 0; } .col-md-9 .service-list-big-icons li:first-child{ padding-left: 0; } .service-list-big-icons{ width: 100%; } .service-list-big-icons li{ list-style: none; float: left; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; } .service-list-big-icons li .icon-container{ background-color: #fff; width: 80px; height: 80px; float: left; border: 2px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .service-list-big-icons .icon-container svg, .service-list-big-icons .icon-container img{ width: 60px; display: block; margin: 0 auto; height: 100%; } .service-list-big-icons li h4{ font-weight: normal; padding-left: 100px; padding-top: 30px; } .service-list-big-icons .icon-container i{ font-size: 36px; width: 80px; height: 80px; display: table-cell; vertical-align: middle; text-align: center; } /* 7.27. SERVICES LIST BIG ICONS + DETAILS (text) ------------------------------------------------------------------------- */ .service-list-big-icons-details li{ margin-bottom: 20px; } .col-md-9 .service-list-big-icons-details li{ width: 33.3%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; } .col-md-9 .service-list-big-icons-details li:nth-child(3n){ padding-right: 0; } .col-md-9 .service-list-big-icons-details li:first-child{ padding-left: 0; } .service-list-big-icons-details{ width: 100%; } .service-list-big-icons-details li{ list-style: none; float: left; } .service-list-big-icons-details li .icon-container{ background-color: #fff; width: 100px; height: 100px; float: left; border: 2px solid #ddd; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .service-list-big-icons-details li .icon-container svg, .service-list-big-icons-details li .icon-container img{ width: 60px; height: 100%; margin: 0 auto; display: table-cell; vertical-align: middle; } .service-list-big-icons-details li .service-details{ padding-left: 125px; padding-top: 10px; } .service-list-big-icons-details li .service-details h4{ margin-bottom: 15px; } .service-list-big-icons-details .icon-container i{ width: 100px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; font-size: 50px; } /* 7.28. SHIPPING QUOTE FORM ------------------------------------------------------------------------- */ .wpcf7.shipping-quote{ padding: 20px; background-color: #fcfcfc; } .wpcf7.shipping-quote label{ width: 50%; float: left; padding-top: 8px; } .wpcf7.shipping-quote fieldset{ width: 100%; margin-bottom: 5px; } .wpcf7.shipping-quote input.wpcf7-text{ width: 50%; float: left; padding: 5px 15px; } .wpcf7.shipping-quote .submit{ padding: 8px 30px; font-size: 13px; font-weight: 700; margin-top: 10px; text-transform: uppercase; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; float: right; color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } /* 7.29. SLIDER - MASTER SLIDER ------------------------------------------------------------------------- */ .header-style01 + .master-slider{ margin-top: -185px !important; } .master-slider .pi-caption01{ color: #fff; font-size: 72px; font-weight: 800; text-transform: uppercase; } .master-slider .pi-text{ font-family: 'Raleway', 'Open Sans', Arial, sans-serif; font-size: 30px; color: #fff; } .master-slider{ margin-bottom: 70px !important; } .master-slider.mb-0{ margin-bottom: 0 !important; } .master-slider.mb-30{ margin-bottom: 30px !important; } .master-slider .pi-caption02{ font-size: 21px; font-family: 'Raleway', 'Open Sans', Arial, sans-serif; font-weight: 800; text-transform: uppercase; color: #fff; } .master-slider .pi-button{ padding: 12px 50px; font-weight: 700; color: #fff; text-transform: uppercase; border: 2px solid; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .master-slider .pi-caption-dark{ color: #03253c; } .master-slider .ms-view{ background: transparent; } .master-slider .tooltip h1, .master-slider .tooltip h2, .master-slider .tooltip h3, .master-slider .tooltip h4, .master-slider .tooltip h5, .master-slider .tooltip h6{ color: #333; text-transform: uppercase; margin-bottom: 5px; position: relative; padding-bottom: 10px; } .master-slider .tooltip h6::after{ position: absolute; content: ""; display: block; width: 15px; height: 3px; bottom: 0; left: 0; } .master-slider .tooltip p, .master-slider .tooltip span{ color: #333; } .master-slider .tooltip img{ float: left; } .master-slider .tooltip-text{ padding-left: 85px; } .ms-skin-default .ms-tooltip{ max-width: 300px; } /* 7.30. STATEMENT ELEMENT ------------------------------------------------------------------------- */ .statement p{ padding: 0 50px; font-size: 24px; line-height: 30px; text-align: center; } /* 7.31. TABLE ------------------------------------------------------------------------- */ .table{ width: 100%; } .table caption{ font-size: 15px; font-weight: 700; text-align: left; margin-bottom: 20px; color: #333; text-transform: uppercase; } .table thead{ background-color: #f6f6f6; } .table thead tr th{ padding: 10px; font-weight: 700; color: #333; text-transform: uppercase; } .table thead tr th:first-child{ text-align: left; } .table tbody{ background-color: #fcfcfc; } .table tbody tr td{ padding: 10px; text-align: center; } .table tbody tr td:first-child{ text-align: left; color: #333; font-weight: 700; } /* 7.32. TABS ------------------------------------------------------------------------- */ .tabs{ overflow: hidden; } .tabs li{ list-style: none; float: left; background-color: #fcfcfc; overflow: hidden; position: relative; padding: 0; line-height: 55px; list-style: none; top: 3px; cursor: pointer; margin-right: 2px; } .tabs li a{ color: #333; padding: 0 30px; font-size: 15px; font-weight: 800; line-height: 55px; text-transform: uppercase; display: block; } .tab-content-wrap{ width: 100%; overflow: hidden; float: left; padding-top: 30px; } .tabs li.active a{ color: #fff; } /* 7.33. TEAM MEMBERS ------------------------------------------------------------------------- */ .team-member img{ margin-bottom: 20px; } .team-details{ position: relative; } .team-details:after{ position: absolute; content: ""; display: block; width: 40px; height: 3px; bottom: 0; left: 0; } .team-details h1, .team-details h2, .team-details h3, .team-details h4, .team-details h5{ margin-bottom: 0; text-transform: uppercase; } .team-details .position{ font-style: italic; } /* 7.34. TEAM MEMBERS LIST ------------------------------------------------------------------------- */ .team-list li{ list-style: none; width: 100%; margin-bottom: 30px; float: left; } .team-list li:last-child{ margin-bottom: 0; } .team-list li img{ float: left; } .team-list li .team-details-container{ padding-left: 293px; } .team-list li .team-details{ margin-bottom: 20px; } .col-md-3 .team-list li img, .col-md-4 .team-list li img{ float: none; display: table; margin: 0 auto 20px; width: 100%; } .col-md-3 .team-list li .team-details-container, .col-md-4 .team-list li .team-details-container{ padding-left: 0; } /* 7.35. TESTIMONIAL ------------------------------------------------------------------------- */ .testimonial{ background-color: #fcfcfc; padding: 30px; } .testimonial p{ font-size: 14px; line-height: 22px; font-style: italic; text-align: center; } .testimonial-author p{ font-size: 13px; font-weight: 700; text-transform: uppercase; font-style: normal; color: #333; } /* 7.36. TRACKING FORM ------------------------------------------------------------------------- */ .tracking{ width: 100%; position: relative; } .tracking .package-id{ padding: 5px 60px 5px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 40px; border: 1px solid #ddd; background-color: #fff; min-width: 100%; } .tracking .submit{ width: 40px; height: 40px; background-image: url('../img/tracking-arrow.png'); background-repeat: no-repeat; background-position: center; position: absolute; top:0; right: 0; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } /* 7.37. VEHICLE GALLERY FULL ------------------------------------------------------------------------- */ .vehicle-gallery .col-md-3{ padding: 0; list-style: none; } .gallery-item-container{ position: relative; overflow: hidden; } .gallery-item-container .gallery-item{ width: 100%; height: 100%; overflow: hidden; cursor: pointer; z-index: 1; } .gallery-item-container .gallery-item img{ width: 100%; height: auto; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } .gallery-item-container .hover-mask-container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(49, 57, 63, 0.5); transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; } .gallery-item-container .gallery-item:hover .hover-mask-container{ opacity: 1; } .gallery-item-container figcaption{ position: absolute; width: 100%; top: 40px; } .gallery-item-container figcaption h1, .gallery-item-container figcaption h2, .gallery-item-container figcaption h3, .gallery-item-container figcaption h4, .gallery-item-container figcaption h5{ text-align: center; text-transform: uppercase; color: #fff; position: relative; padding-bottom: 15px; margin-bottom: 0; } .gallery-item-container figcaption h1:after, .gallery-item-container figcaption h2:after, .gallery-item-container figcaption h3:after, .gallery-item-container figcaption h4:after, .gallery-item-container figcaption h5:after{ position: absolute; content: ""; display: block; width: 40px; height: 3px; left: 50%; bottom: 0; margin-left: -20px; } .hover-mask-container .hover-zoom{ position: absolute; bottom: 50%; left: 50%; width: 50px; height: 50px; margin-bottom: -25px; margin-left: -25px; transform: translate(0, 50%); -webkit-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; border: 2px solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .hover-mask-container .hover-zoom a{ display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; width: 50px; height: 50px; } .gallery-item-container .gallery-item:hover .hover-zoom{ transform: translate(0,0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); } .gallery-item-container .gallery-item:hover img{ transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); } /* VEHICLE GALLERY GRID ------------------------------------------------------------------------- */ .vehicle-gallery .col-md-4{ padding: 0; list-style: none; } .col-md-4 .gallery-item-container figcaption{ top: 20px; } /* ========================================================================== 8. HOME MINIMAL CUSTOM STYLES ========================================================================= */ .page-content.fixed.centered .container{ position: absolute; top: 50%; left: 50%; } .page-content.fixed.centered .container .row{ max-width: 100%; } .page-content.fixed.bottom .row{ margin-bottom: 0; max-width: 100%; } .page-content.fixed.bottom .container{ position: absolute; bottom: 0; left: 50%; } /* ========================================================================== 9. BLOG ========================================================================= */ .blog-posts li{ list-style: none; } .blog-posts .pagination{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .blog-posts .pagination ul{ float: right; } .blog-posts .pagination li{ float: left; background-color: #f5f9fc; border: 1px solid #ddd; list-style: none; margin-right: 5px; width: 30px; height: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .blog-posts .pagination li a{ display: table-cell; width: 30px; height: 30px; vertical-align: middle; text-align: center; } .blog-posts .pagination li.active a, .blog-posts .pagination li:hover a{ color: #fff; } .blog-post .post-body h3{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* BLOG LIST ------------------------------------------------------------------------- */ .blog-posts.post-list .blog-post{ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dotted #ddd; } .post-list .blog-post .post-date, .post-single .blog-post .post-date{ width: 100px; float: left; } .post-list .blog-post .post-date .day, .post-single .blog-post .post-date .day{ background-color: #fcfcfc; font-size: 36px; line-height: 36px; color: #333; font-weight: 800; text-align: center; padding: 20px 30px; } .post-list .blog-post .post-date .month, .post-single .blog-post .post-date .month{ padding: 5px 10px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; } .post-list .blog-post .post-body, .post-single .blog-post .post-body{ padding-left: 130px; } .post-list .blog-post .post-body h3{ font-size: 18px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } /* BLOG STANDARD ------------------------------------------------------------------------- */ .post-media{ width: 100%; overflow: hidden; z-index: 1; cursor: pointer; margin-bottom: 25px; } .post-media .post-img img{ -webkit-transition: all 2s ease 0s; -moz-transition: all 2s ease 0s; -o-transition: all 2s ease 0s; -ms-transition: all 2s ease 0s; transition: all 2s ease 0s; opacity: 1; } .post-media .post-img:hover img{ opacity: 0.7; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); } /* BLOG MASONRY ------------------------------------------------------------------------- */ .blog-posts.isotope.masonry{ padding: 0; } .blog-posts.isotope.masonry li.blog-post.isotope-item{ margin-bottom: 30px; width: 30%; margin-right: 15px; margin-left: 15px; background-color: #fff; float: left; } .blog-post.isotope-item .post-info{ margin-bottom: 30px; } .blog-post.isotope-item .post-date{ float: left; width: 50%; } .blog-post.isotope-item .post-date p{ color: #565f66; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 10px 0 0 20px; } .blog-post.isotope-item .post-date i{ padding-right: 3px; } .blog-post.isotope-item .post-info .post-category{ width: 50%; float: right; position: relative; } .blog-post.isotope-item .post-info .post-category a{ text-transform: uppercase; color: #eee; background-color: #565f66; padding: 7px 15px; position: absolute; right: 0; } .blog-post.isotope-item .post-body{ padding: 0 20px; } .blog-post.isotope-item .post-media{ margin-bottom: 15px; } .blog-post.isotope-item .post-footer{ padding: 0 15px 15px 20px; } .post-footer .post-meta{ width: 50%; float: left; padding-top: 3px; } .post-footer .post-meta li{ float: left; padding-right: 10px; padding-left: 10px; border-right: 1px solid #ddd; } .post-footer .post-meta li:first-child{ padding-left: 0; } .post-footer .post-meta li:last-child{ border-right: none; } .post-footer .post-meta li.comments a{ padding-left: 3px; } .post-footer .post-meta li.post-like:before{ float: right; position: relative; top: 6px; } .post-footer .post-meta li.post-like .box{ position: relative; top: -12px; padding-top: 12px; } .post-footer .post-meta li.post-like .box a{ padding-right: 15px; } .post-footer a.read-more span{ text-transform: none; font-weight: normal; } .post-footer .post-meta li.post-like:hover:before{ color: #ff0101; } /* BLOG SINGLE POST ------------------------------------------------------------------------- */ /* POST COMMENTS ------------------------------------------------------------------------- */ .post-comments { width: 100%; float: left; margin-top: 30px; } .comments-li { float: left; margin-bottom: 30px; background: none; padding-left: 0; list-style: none; } .comments-li > li { float: left; width: 100%; margin-bottom: 30px; list-style: none; min-height: 75px; } .comments-li > li:last-child .comment { border: none; margin-bottom: 0; } .comments-li .comment { float: left; min-height: 60px; border-bottom: 1px solid #ddd; padding-bottom: 30px; } .post-comments .comment + .children { margin-top: 30px; } .post-comments .children + .children { margin-top: 30px; } .comment .avatar { width: 70px; height: 70px; margin-right: 30px; float: left; border: 3px solid #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .comment-meta li { font-style: italic; list-style: none; } .comment-meta .author { font-size: 15px; font-family: 'Raleway', Arial, sans-serif; color: #252525; font-weight: 600; font-style: normal; } .comment .comment-body { margin-left: 100px; margin-top: 15px; } .comment .comment-reply-link { display: block; margin-top: 15px; background: url('../img/blog/reply.png') no-repeat 0 center; padding-left: 22px; cursor: pointer; text-transform: uppercase; font-weight: 600; float: right; } .post-comments .children { margin-left: 10%; float: left; padding: 0 0 0 20px; width: calc(90%); } .children li { list-style: none; } /* COMMENT FORM ------------------------------------------------------------------------ */ .comment-form{ width: 100%; float: left; } .comment-form fieldset{ width: 50%; float: right; padding-right: 30px; margin-bottom: 20px; } .comment-form fieldset:nth-child(2n + 1){ padding-right: 0; } .comment-form .wpcf7-message{ width: 100%; } .comment-form label{ width: 100%; margin-bottom: 5px; display: block; } .comment-reply{ padding: 13px 40px; font-size: 13px; font-weight: 700; text-transform: uppercase; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; float: right; color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } /* ========================================================================== 10. LOCATIONS PAGE ========================================================================= */ .page-title-map.page-title-negative-top #map{ height: 800px; margin-top: -186px; } .locations-li > li{ list-style: none; margin-bottom: 30px; } .locations-li > li h3{ border-bottom: 1px solid #ddd; padding-bottom: 10px; } .locations-li > li .fa-ul{ margin-left: 20px; } /* ========================================================================== 11. CONTACT ========================================================================= */ .wpcf7 fieldset{ margin-bottom: 15px; } .wpcf7 label{ width: 100%; padding-bottom: 10px; } .wpcf7-text, .wpcf7-select, .wpcf7-textarea{ background: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 8px 15px; } .wpcf7 .wpcf7-submit{ padding: 13px 40px; font-size: 13px; font-weight: 700; text-transform: uppercase; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; float: right; color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #map{ width: 100%; height: 450px; margin-bottom: 20px; } #map img{ max-width: none; } /* ========================================================================== 12. WIDGETS ========================================================================= */ .aside-widgets > li{ list-style: none; } .widget{ display: block; width: 100%; margin-bottom: 45px; } .widget .title h3{ font-size: 15px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; } .widget ul > li{ background-image: url('../img/arrow.png'); background-repeat: no-repeat; background-position: 0 center; list-style: none; padding-left: 15px; text-transform:uppercase; font-weight:bold; } .widget li a{ padding-top: 5px; display: block; } /* ASIDE SEARCH WIDGET -------------------------------------------------------------------------- */ .widget_search form { position: relative; } .widget_search .a_search { background-color: #fff; border: 1px solid #ddd; width: 100%; display: block; color: #777; font-style: italic; left: 0; top: 0; padding: 10px 60px 10px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .widget_search .search-submit { background-image: url('../img/search.png'); background-position: center; background-repeat: no-repeat; width: 40px; height: 100%; border: none; text-indent: -9999px; position: absolute; cursor: pointer; right: 0; top: 0; min-height: 40px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; } /* LATEST POSTS WIDGET 01 ------------------------------------------------------------------------- */ .rpw_posts_widget ul > li{ position: relative; background: none; background-image: none !important; padding-left: 18px; border-bottom: 1px dotted #ddd; padding-bottom: 8px; margin-bottom: 8px; } .rpw_posts_widget ul > li::before{ position: absolute; display: block; content: "\f073"; font-family: 'FontAwesome'; font-size: 11px; top: 5px; left: 0; } .rpw_posts_widget ul > li:last-child{ margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .rpw_posts_widget li h4{ font-size: 13px; line-height: 20px; font-weight: normal; margin-bottom: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } /* NAV MENU WIDGET ------------------------------------------------------------------------- */ .widget_nav_menu ul li{ background-position: right center; padding-left: 0; border-bottom: 1px dotted #ddd; } .widget_nav_menu ul li:last-child{ border-bottom: none; } /* NEWSLETTER WIDGET ------------------------------------------------------------------------- */ .widget_newsletterwidget .newsletter{ width: 100%; float: left; position: relative; } .widget_newsletterwidget .newsletter .email{ padding: 5px 60px 5px 15px; font-style: italic; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 40px; border: 1px solid #ddd; min-width: 100%; } .footer-dark .footer-widget-container .newsletter .email{ color: #bcc0c4; background-color: #565f66; border: none; } .newsletter .submit{ width: 40px; height: 40px; background-image: url('../img/subscribe.png'); background-repeat: no-repeat; background-position: center; position: absolute; top: 0; right: 0; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } /* NEWS CAROUSEL ------------------------------------------------------------------------- */ .news-carousel-container .icon-title{ float: left; border-right: 3px solid #1f2830; padding-right: 20px; margin-right: 20px; padding-top: 25px; padding-left: 15px; min-height: 80px; } .news-carousel-container .icon-title i, .news-carousel-container .icon-title h3{ float: left; font-size: 24px; } .news-carousel-container .icon-title i{ padding-right: 10px; } .news-carousel-container .owl-item { padding-top: 5px; } .news-carousel-container .owl-item h4{ margin-bottom: 5px; } .news-carousel-container .owl-item span{ text-transform: uppercase; } *[class^="col-"].custom-bkg .news-carousel-container{ margin: -15px; } /* ========================================================================== 13. FOOTER ========================================================================= */ #footer .row{ margin-bottom: 25px; } #footer-wrapper{ /* padding-top: 70px;*/ } #footer-wrapper.footer-dark{ background-color: #b8b095; color:#47412b; } #footer-wrapper.footer-light{ background-color: #fff; border-top: 1px solid #ddd; } .footer-dark .footer-widget-container .text-big{ color: #fff; } .footer-dark .footer-widget-container .widget .title h3{ color: #fff; } .footer-widget-container > li{ list-style: none; } .footer-dark .footer-widget-container p, .footer-dark .footer-widget-container a, .footer-dark .footer-widget-container address, .footer-dark .footer-widget-container span, .footer-dark .copyright-container p, .footer-dark .copyright-container a, .footer-dark .copyright-container span{ color: #bcc0c4; } .footer-social-icons{ margin-top: 15px; } .footer-social-icons > li{ list-style: none !important; background-image: none !important; float: left; margin-right: 5px; width: 30px; height: 30px; padding: 0 !important; } .footer-social-icons li a{ width: 30px; height: 30px; display: table-cell; vertical-align: middle; padding: 0; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .footer-social-icons li a:hover{ color: #fff; } .footer-dark .footer-social-icons li a{ background-color: #565f66; color: #fff; } .footer-light .footer-social-icons li a{ background-color: #f6f6f6; } .copyright-container .row{ margin-bottom: 0; } .footer-dark .copyright-container .row{ padding: 15px 0 10px 0; } .footer-light .copyright-container .row{ border-top: 1px solid #ddd; padding: 15px 0 10px 0; } .copyright-container a, .copyright-container p, .copyright-container span{ font-size: 11px; } /* SCROLL UP ------------------------------------------------------------------------- */ .scroll-up { width: 40px; height: 40px; position: fixed; bottom: 15px; right: 100px; display: none; text-indent: -9999px; background-image: url('../img/to-top.png'); background-repeat: no-repeat; background-color: #252525; z-index: 100; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }