/*! Theme Name: Bizindustries Theme URI: https://bootitems.com/bizindustries/ Author: Bootitems Author URI: https://bootitems.com/ Description: Bizindustries- is a business and industrial WordPress Theme. It is a simple, clean and modern responsive theme which is suitable for Business, Industrial, Consultant, Construction, corporate, agency and any startup companies sites. This theme is based on Bootstrap 4 with 1170px grid System by default. Version: 1.0.1 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: bizindustries Tags: blog, custom-background, custom-logo, three-columns, grid-layout, custom-menu, featured-images, threaded-comments, right-sidebar, theme-options, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 01. GLOBAL STYLES; 02. HEADER AREA; 02.1 TOP HEADER 02.2 SITE NAVIGATION 02.3 STICKY HEADER 02.4 SEARCH FORM 03. SLIDER STYLES 04. PAGE HEADER 05. INTRO AREA 06. COMPONENTS 06.1 SECTION HEADINGS 06.2 ICON BOX 06.3 IMAGE BOX 06.4 TAB STYLES 06.5 PRODUCT CATEGORY 06.6 PROGRESS BARS 07. TEAM MEMEBERS 08. BRANDS LOGOS 09. TESTIMONIALS 10. CALL TO ACTION 11. SLOGAN AREA 12. TIMELINE 13. PORTFOLIOS 14. LATEST NEWS 15. POST DETAIL 15.1 PAGINATION 15.2 COMMENT FORM 16. SIDEBAR 17. SERVICE DETAIL 18. CONTACT PAGE 19. FOOTER AREA 20. SCROLLUP BUTTON 21. PRELOADER ---------------------------------------------/* /*======================================== 01. GLOBAL STYLES ==========================================*/ /* === 1.1 BODY === */ html{ font-size:100%; -webkit-text-size-adjust: 100%; } body { background-color: #ffffff; color: #232D41; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: normal; line-height: 1.75; margin: 0; padding: 0; } *, *:before, *:after{ -webkit-box-sizing:border-box; box-sizing:border-box; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 14px; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } code, kbd, samp { font-family: monospace, monospace; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } #primary[tabindex="-1"]:focus { outline: 0; } a { color:#ea5151; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-decoration:none; background-color: transparent; } a:not([href]):not([tabindex]) { color: #fff !important; } a:visited { color: inherit; } a:hover, a:focus, a:active { color:#ea5151; text-decoration:none; } a:focus { outline: 1px dotted; color:#ea5151 !important; } a:hover, a:active { outline: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit } a.skip-link{ color:#ffffff !important; } /* === 1.3 HEADINGS ===*/ h1, h2, h3, h4, h5, h6{ color:#112034; clear: both; font-family: 'Montserrat', sans-serif; padding:0; margin:0 0 20px; font-weight:700; line-height: 1.5; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 16px; } /* === 1.4 PARAGRAPH ===*/ p{ margin:0 0 30px; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* === 1.5 FORM STYLE ===*/ input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], textarea { color: #666; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; width: 100%; margin-bottom: 20px; padding: 12px 16px; background-color: #ffffff; } select { border: 1px solid #ccc; } textarea { width: 100%; max-height: 165px; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; background: #EA4F52; color: #fff; line-height: 1; padding: 18px 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; outline: none; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{ background-color:#07364a; color: #fff; } ul, ol { margin: 0 0 25px 15px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 5px; margin-left: 0; padding-left: 20px; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 20px 0; } table { margin: 0 0 1.5em; width: 100%; } table, th, td { border: 1px solid #ededed; } table { border-collapse: collapse; margin: 0 0 30px; width: 100%; } th { background-color: #f8f8f8; font-weight: bold; padding: 8px 15px; } td { padding: 10px 15px; } .widget th { padding: 8px; } .widget td { padding: 6px 8px; } /* Block Elements */ .wp-block-button { margin-bottom: 15px; } .wp-block-group:where(.has-background) { padding: 1.25em 2.375em; } .wp-block-button__link::before { display: none; } /* === 1.6 CAPTIONS ====*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* === 1.6 GALLERIES ====*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* === 1.6 ACCESSIBILITY ====*/ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 16px; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #content[tabindex="-1"]:focus { outline: 0; } .blocks-gallery-grid li{ padding-left: 0 !important; } .blocks-gallery-grid li:before{ display:none !important; } /* === 1.6 ALIGNMENTS ====*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* === 1.6 BUTTONS ====*/ .btn { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; padding: 12px 24px; color: #fff; border: none; border-radius: 0; } .btn:hover, .btn-bizin:hover{ color:#ffffff; } .btn-bizin { background-color:#c02020; } .btn-bizin:focus{ background-color: #1b1b1b; } .btn.btn-bizin:hover i { padding-left: 0px; } .btn-flat{ border-radius:0; } .btn-borders, .btn-borders.btn-bizin { background-color: transparent; border: 1px solid #ea5151; color: #ea5151; } .btn.btn-default { color: #333 !important; background-color: #fff; border-color: #fff; } .btn.btn-default:hover { color:#ea5151 !important; } a.btn-fill{ color:#fff !important; } .btn-gray.btn-fill{ color:#555 !important; } .btn-borders.btn-gray, .btn-borders.btn-black, .btn-borders.btn-blue, .btn-borders.btn-green, .btn-borders.btn-yellow, .btn-borders.btn-orange, .btn-borders.btn-bizin, .btn-borders.btn-bizin-2, .btn-borders.btn-bizin-3, .btn-borders.btn-red, .btn-borders.btn-pink, .btn-borders.btn-petrol { background-color: transparent; border: 1px solid #b4b4b4; color: #555; } .btn-borders.btn-default{ background-color: transparent; border: 1px solid #ffffff; color: #fff !important; } .btn-second.btn-borders:hover, .btn-default.btn-borders:hover, .btn-borders.btn-bizin:hover, .btn-borders.btn-bizin-2:hover, .btn-borders.btn-bizin-3:hover, .btn-borders.btn-gray:hover, .btn-borders.btn-black:hover, .btn-borders.btn-blue:hover, .btn-borders.btn-green:hover, .btn-borders.btn-yellow:hover, .btn-borders.btn-orange:hover, .btn-borders.btn-red:hover, .btn-borders.btn-pink:hover, .btn-borders.btn-petrol:hover { color:#ffffff; opacity:1; } .btn-default.btn-borders:hover{ background-color: #ffffff; border-color: #ffffff; color:#555 !important; } .btn-borders.btn-bizin { background: transparent none repeat scroll 0 0; border: 1px solid #ea5151; color: #ea5151; } .btn-borders.btn-bizin:hover{ background-color: #ea5151; border-color: #ea5151; color:#ffffff !important; } .btn-gray{ background-color: #E5E5E5; border-color: #E5E5E5; } .btn-bizin-2 { background-color:#07364a; border-color: #07364a; color:#fff; } .btn-bizin-2:hover { background-color: #1b1b1b; color: #ffffff; } .btn-borders.btn-bizin-2{ border-color: #00a8ff; color: #00a8ff; } .btn-borders.btn-bizin-2:hover{ background-color: #00a8ff; border-color: #00a8ff; color:#ffffff !important; } .btn-bizin-3{ background-color: #1cb9c8; border-color: #1cb9c8; } .btn-borders.btn-bizin-3{ border-color: #1cb9c8; color: #1cb9c8; } .btn-borders.btn-bizin-3:hover{ background-color: #1cb9c8; border-color: #1cb9c8; color:#ffffff; } .btn-gray{ background-color: #E5E5E5; border-color: #E5E5E5; } .btn-borders.btn-gray{ border-color: #E5E5E5; color: #555; } .btn-borders.btn-gray:hover{ background-color: #E5E5E5; border-color: #E5E5E5; color:#555; } .btn-black{ background-color: #1b1b1b; border-color: #1b1b1b; } .btn-borders.btn-black{ border-color: #1b1b1b; color: #1b1b1b; } .btn-borders.btn-black:hover{ background-color: #1b1b1b; border-color: #1b1b1b; } .btn-second{ background-color: #006e90; border-color: #006e90; } .btn-borders.btn-second{ border-color: #006e90; color: #006e90; } .btn-borders.btn-second:hover{ background-color: #006e90; border-color: #006e90; } .btn-blue{ background-color: #0078D7; border-color: #0078D7; } .btn-borders.btn-blue{ border-color: #0078D7; color: #0078D7; } .btn-borders.btn-blue:hover{ background-color: #0078D7; border-color: #0078D7; } .btn-green{ background-color: #13A381; border-color: #13A381; } .btn-borders.btn-green{ border-color: #13A381; color: #13A381; } .btn-borders.btn-green:hover{ background-color: #13A381; border-color: #13A381; } .btn-yellow{ background-color: #FF4800; border-color: #FF4800; } .btn-borders.btn-yellow{ border-color: #FF4800; color: #FF4800; } .btn-borders.btn-yellow:hover{ background-color: #FF4800; border-color: #FF4800; } .btn-orange{ background-color: #FFA500; border-color: #FFA500; } .btn-borders.btn-orange{ border-color: #FFA500; color: #FFA500; } .btn-borders.btn-orange:hover{ background-color: #FFA500; border-color: #FFA500; } .btn-red{ background-color: #B10000; border-color: #B10000; } .btn-borders.btn-red{ border-color: #B10000; color: #B10000; } .btn-borders.btn-red:hover{ background-color: #B10000; border-color: #B10000; } .btn-pink{ background-color: #FF7F50; border-color: #FF7F50; } .btn-borders.btn-pink{ border-color: #FF7F50; color: #FF7F50; } .btn-borders.btn-pink:hover{ background-color: #FF7F50; border-color: #FF7F50; } .btn-borders.btn-petrol{ border-color: #8224E3; color: #8224E3; } .btn-petrol{ background-color: #8224E3; border-color: #8224E3; } .btn-borders.btn-petrol:hover{ background-color: #8224E3; border-color: #8224E3; } .btn-lg { font-size: 16px; padding: 18px 25px; } .btn-sm { font-size: 13px; padding: 6px 16px; } .btn-xs { font-size: 12px; padding: 3px 12px; } /* === 1.7 OTHER FIXES === */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } img{ max-width: 100%; height: auto; } .vertical-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .animate-box { opacity: 0; } .tbl { display: table; height: 100%; position: absolute; width: 100%; z-index: 2; } .tbl-cell { display: table-cell; vertical-align: middle; } .bg-gray{ background-color:#f7f7f7; } .primary-bg{ background-color:#ea5151; } .black-bg{ background-color:#181818; } .br-3{ border-radius: 3px; } .br-50{ border-radius: 50%; } .bg-dark{ background-color:#252525 !important; color:#fff; } .overlay-bg { position: relative; overflow:hidden; } .overlay-bg:before{ position: absolute; background-color: rgba(0, 0, 0, 0.50);; content: ""; display: block; height: 100%; left: 0; top: 0; width: 100%; } .bizin-semi-width .container{ max-width: 1400px; } .wrapper { overflow: hidden; } /* === Margins === */ .mb-20{ margin-bottom: 20px; } .mb-30{ margin-bottom: 30px; } .mb-50{ margin-bottom: 50px; } .mb-100{ margin-bottom: 100px; } .mb-120{ margin-bottom: 120px; } /* === Padding Bottom === */ .pb-10{padding-bottom:10px;} .pb-40{padding-bottom:40px;} .pt-10{padding-top: 10px;} /* === Padding Top Bottom === */ .ptb-80{padding: 80px 0;} .ptb-100{padding: 100px 0;} .ptb-110{padding: 110px 0;} /* Miscellaneous Paddings */ .pt80-pb45{ padding: 80px 0 45px; } .pt115-pb85{ padding: 115px 0 85px; } .pt115-pb65{ padding: 115px 0 65px; } .pt115-pb0{ padding: 115px 0 0; } .plr-45 { padding-left: 45px; padding-right: 45px; } /*======================================== 02. HEADER AREA ==========================================*/ .site-header { position: relative; } .top-header { background-color: #07364a; padding: 0; position: relative; } .top-header .top-header-inner { position: relative; padding: 9px 0; } .top-header.style-2 .top-header-inner { background-color: #07364a; display: block; display: inline-block; clear: both; max-width: 78%; width: 100%; float: right; z-index: 2; } .top-header.style-1 .top-header-inner { overflow: hidden; } .top-header.style-2 { background-color: #ffffff; } .top-header.style-2:after { background-color: #07364a; right: 0; width: 50%; position: absolute; top: 0; content: ""; height: 100%; z-index: 1; } .top-header.style-2 .top-header-inner::before { width: 0; height: 0; border-top: 52px solid #07364a; border-left: 52px solid transparent; position: absolute; left: -50px; content: ""; top: 0; } /* Top Info */ .top-info { color: #fff; float: left; padding-left: 10px; } .top-info span { font-size: 13px; padding-right: 15px; font-weight: 600; } .top-info span i { font-size: 13px; margin-right: 5px; } /* Top Nav */ .secondary-nav { padding-left: 15px; } .secondary-nav ul { margin: 0; padding: 0; list-style: none; } .secondary-nav ul li { float: left; padding: 0 10px; } .secondary-nav ul li a { font-family: 'Buenard', serif; color: #fff; display: block; padding: 0 5px; font-size: 16px; } .secondary-nav ul li a:hover{ color: #ea5151; } .top-header .social-icons { text-align: right; } .top-header .social-icons a:hover{ background-color: #ea5151; color:#fff; } /* 02.2 SITE NAVIGATION */ .main-header { background-color: #ffffff; position: relative; width: 100%; z-index: 9; } .site-branding { display: inline-block; max-width: 225px; position: relative; } .site-title { font-size: 20px; margin-bottom: 5px; line-height: 1.2; } .site-description { margin-bottom: 10px; line-height: 1; } .top-header.style-2 .site-branding { top: -12px; } .site-branding img { max-width: 100px; height: auto; } /* Navigation */ .main-menu-wrap{ max-width: calc(100% - 225PX); } .bizin-nav { float: left; width: 100%; text-align: right; padding: 25px 0; } .bizin-nav ul.menu { display: inline-block; } .bizin-nav ul{ list-style:none; display:block; margin:0; padding:0; } .bizin-nav .menu li { position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; list-style: none; padding: 0 10px; } .bizin-nav .menu li li li{ padding: 0; } .bizin-nav .menu li a { color: #232D41; display: block; font-family: 'Buenard', serif; font-size: 16px; } .bizin-nav .menu > li { padding: 0; display: inline-block; } .bizin-nav ul.menu > li > a { color: #07364a; font-size: 17px; font-weight: 700; opacity: 1; padding: 15px 18px; } .bizin-nav ul.menu > li > a:hover, .bizin-nav ul.menu > li a.focus, .bizin-nav ul.menu li.focus > a{ color:#ea5151; } .bizin-nav ul.menu > li:last-child a { padding-right: 0 !important; } .bizin-nav .menu > li:last-child > ul ul { left: auto; right: 100%; } .bizin-nav .menu > li ul { background-color: #ffffff; opacity: 0; top: 100%; left: 9999em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 5px 0 15px; position: absolute; -webkit-transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; -o-transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; width: 210px; z-index: 99; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12); text-align: left; } .bizin-nav .menu > li > ul li a { padding: 7px 14px; } .bizin-nav .menu > li > ul li a:hover { background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; color: #ea5151; } .bizin-nav .menu > li > ul > li > ul { left: 100%; padding: 10px; top: 0; } .bizin-nav ul.menu li:hover > ul, .bizin-nav ul.menu li.focus > ul{ opacity: 1; left: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .bizin-nav .menu > li > ul > li:hover > ul, .bizin-nav .menu > li:hover ul.mega-menu ul, .bizin-nav .menu > li.focus > ul.mega-menu, .bizin-nav .menu > li.focus ul.mega-menu ul{ opacity: 1; left: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Mega Menu */ .bizin-nav .menu li ul.mega-menu, .bizin-nav .menu li ul.mega-menu ul{ left: 0; } .bizin-nav .menu li > ul.mega-menu{ -webkit-transform: scale(0) translateX(-50%); transform: scale(0) translateX(-50%); transition: none; left: 50%; } .bizin-nav ul.menu li:hover > ul.mega-menu, .bizin-nav ul.menu li.focus > ul.mega-menu{ -webkit-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); left: 50%; } .bizin-nav .menu .mega-menu { padding: 15px 10px 20px; width: 400px; } .bizin-nav .menu .mega-menu > li.mega-col { float:left; padding: 0 10px; overflow: hidden; width: 50%; } .bizin-nav .menu .mega-menu.three-column { width: 620px ; } .bizin-nav .menu .mega-menu.three-column > li.mega-col { width: 33.33%; } .bizin-nav .menu .mega-menu ul { background-color: rgba(0, 0, 0, 0); border-top: none; left: 0; padding: 0; position: relative; -webkit-box-shadow: none; box-shadow: none; width: 100% !important; transition: none; } .bizin-nav .menu li.mega-col li { display: block; width: 100%; padding: 0; } .bizin-nav .menu li.mega-col li a { padding: 5px 0; } .bizin-nav .menu li.mega-col li a > i { margin-right: 5px; } .bizin-nav .menu li.mega-col li a:hover { background-color:transparent; } .bizin-nav > ul.menu > li:last-child{ padding-right:0; } /* Meag Menu Title */ .mega-menu .menu-title { color: #07364a; display: block; font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 0 0 6px; position: relative; font-size: 16px; } .bizin-nav .menu li.menu-item-has-children > a::after { content: "\f0d7"; font-family: FontAwesome; font-size: 12px; margin-top: -8px; position: absolute; right: 5px; top: 50%; } .bizin-nav .menu li ul li.menu-item-has-children > a::after { content: "\f0da"; right: 22px; margin-top: -13px; } .bizin-nav .menu > li > ul.mega-menu::before { left: 57%; margin-left: -4px; } .mega-menu li.menu-item-has-children > a::after{ display: none; } /* Mobile Menu */ .navigation-area .bw-nav{ position:static; } .mean-container .mean-bar { margin-top: 22px; position: inherit; margin-bottom: 22px; } .mobile-menu-area .mean-nav { left: 0; position: absolute; top: 90px; z-index: 2; } .mean-nav .mega-menu .menu-title { margin-bottom: 0; padding: 12px 20px; } .mobile-menu-area .mega-menu .menu-title { color: #fff; padding-left: 35px !important; font-size: 14px; font-weight: 500; } .mobile-menu-area.mean-container { margin-left: 20px; } .bizin-nav ul.menu li.current_page_item > a{ color:#ea5151; } /*=== 02.3 STICKY HEADER ===*/ .scroll-header .main-header { -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; animation-delay: 0s; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; display: block; } /* 02.4 SEARCH FORM */ .has-search-icon .bizin-nav { padding-right: 70px; } .search-icon { cursor: pointer; position: absolute; display: inline-block; width: 34px; height: 34px; overflow: hidden; white-space: nowrap; color: transparent; right: 12px; z-index: 3; opacity: 1 !important; } button.search-icon, button.search-icon:hover{ background-color:transparent !important; } .search-icon:before, .search-icon:after { content: ''; position: absolute; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .search-icon:before { top: 8px; left: 9px; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #07364a; } .search-icon:after { height: 2px; width: 6px; background: #07364a; bottom: 10px; right: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-icon.open:before, .search-icon.open:after { opacity: 0; } .search-icon:hover:before{ border-color: #ea5151; } .search-icon:hover:after { background-color: #ea5151; } .search-icon span { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .search-icon span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .search-icon.open span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-icon span:before, .search-icon span:after { content: ''; position: absolute; display: inline-block; height: 2px; width: 20px; top: 50%; margin-top: -2px; left: 50%; margin-left: -8px; background-color: #07364a; opacity: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } .search-icon.open span:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .search-icon span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-icon.open span:before, .search-icon.open span:after { opacity: 1; background-color:#ea5151; } .navigation-top .search-icon { display: none; position: absolute; right: 10px; top: 20px; } /* Search Modal */ .search-modal { background: rgba(0, 0, 0, 0.4); position: fixed; bottom: 0; left: -9999px; top: 0; transition: opacity 0.2s linear, left 0s 0.34s linear; width: 100%; z-index: 999; visibility: hidden; opacity: 0; } .search-modal.open { left: 0; opacity: 1; transition: opacity 0.2s linear; visibility: visible; } .admin-bar .search-modal.open { top: 32px; } @media (max-width: 782px) { .admin-bar .search-modal.open { top: 46px; } } .search-modal-inner { background: #fff; transform: translateY(-100%); transition: all 0.3s ease 0s; } .search-modal.open .search-modal-inner { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); transform: translateY(0); transition: all 0.3s ease 0s; padding: 34px 0 10px; } .search-box { max-width: 80%; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; } .search-modal .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0; position: relative; width: 100%; } .search-modal .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%; } .search-modal .search-form .search-field { background: none; border: none; border-radius: 0; color: inherit; font-size: 26px; height: 116px !important; margin: 0 0 0 -40px; max-width: calc(100% + 40px); padding: 0 0 0 40px; width: calc(100% + 40px); } .search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; transform: translateY(-50%); } .search-modal .search-submit:focus { right: 0; background-color:#ea5151; } .search-cross svg { height: 26px; width: 25px; transition: transform 0.15s ease-in-out; } button.search-cross { background: none !important; border: none; box-shadow: none; border-radius: 0; font-size: inherit; letter-spacing: inherit; text-transform: none; cursor: pointer; align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: -40px; padding: 0 29px; } .search-cross:focus svg, .search-cross:hover svg { transform: scale(1.15); } .wp-block-search .wp-block-search__label { font-weight: 700; text-transform: uppercase; font-size: 16px; font-family: 'Montserrat', sans-serif; } .wp-block-search__button { background: #EA4F52; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 12px; color: #fff; margin-left: 5px; height: 52px; } /*======================================== 03. SLIDER STYLES ==========================================*/ .slider-area { position:relative; display:block; } .single-slide { background-repeat: no-repeat; background-size: cover; min-height: 668px; position: relative; } .slide-wrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slide-content { display: block; margin-bottom: 1px; margin-top: -12px; max-width: 532px; } .slide-content.text-right{ float: right; } .slide-content.text-center{ margin: auto; } .slide-content h4, .page-banner h3 { font-family: 'Buenard', serif; font-size: 36px; color: #cc2c2c; display: block; margin-bottom: 0; } .slide-content h2 { color: #ffffff; font-size: 46px; margin-bottom: 10px; font-weight: 900; line-height: 1.3; } .slide-content p { color: #ffffff; font-size: 16px; line-height: 1.7; margin-bottom: 35px; } .slide-content .btn{ color:#fff; } .banner-gradient, .slider-gradient { width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: rgba(31,29,29,1); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,29,29,1)), color-stop(0%, rgba(31,29,29,1)), color-stop(44%, rgba(31,29,29,1)), color-stop(45%, rgba(35,33,33,1)), color-stop(83%, rgba(187,186,186,0.07)), color-stop(100%, rgba(255,255,255,0.07))); background: -o-linear-gradient(left, rgba(31,29,29,1) 0%, rgba(31,29,29,1) 0%, rgba(31,29,29,1) 44%, rgba(35,33,33,1) 45%, rgba(187,186,186,0.07) 83%, rgba(255,255,255,0.07) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(31,29,29,1)), color-stop(0%, rgba(31,29,29,1)), color-stop(44%, rgba(31,29,29,1)), color-stop(45%, rgba(35,33,33,1)), color-stop(83%, rgba(187,186,186,0.07)), to(rgba(255,255,255,0.07))); background: linear-gradient(to right, rgba(31,29,29,1) 0%, rgba(31,29,29,1) 0%, rgba(31,29,29,1) 44%, rgba(35,33,33,1) 45%, rgba(187,186,186,0.07) 83%, rgba(255,255,255,0.07) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1d1d', endColorstr='#ffffff', GradientType=1 ); } .slider-overlay { width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; opacity: 0.5; } /* Default Slider Animations */ .owl-item.active .slide-content h4{ -webkit-animation: fadeInUp 700ms ease-in-out; animation: fadeInUp 700ms ease-in-out; } .owl-item.active .slide-content h2{ -webkit-animation: fadeInUp 900ms ease-in-out; animation: fadeInUp 900ms ease-in-out; } .owl-item.active .slide-content p{ -webkit-animation: fadeInUp 1200ms ease-in-out; animation: fadeInUp 1200ms ease-in-out; } .owl-item.active .slide-content a.btn{ -webkit-animation: fadeInUp 1500ms ease-in-out; animation: fadeInUp 1500ms ease-in-out; } /* Slider Full Screen */ .single-slide.slider-full { min-height: 100vh; height: 100vh; } .single-slide.slider-full .slide-content { padding-top: 70px; } /*=== Slider Controls ==== */ .owl-carousel.carousel-ctls { position: relative; } .carousel-ctls .owl-nav{ visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .carousel-ctls:hover .owl-nav{ visibility: visible; opacity: 1; } .owl-carousel.carousel-ctls .owl-nav > button { z-index: 99; height: 40px; width: 40px; background-color: #fff; line-height: 32px; text-align: center; position: absolute; top: 50%; margin-top: -20px; border-radius: 50%; outline: none; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .carousel-ctls .owl-nav span { width: 100%; height: 100%; display: block; position: relative; } .carousel-ctls .owl-nav span::before { width: 100%; display: block; height: 100%; background-color: #ea5151; border-radius: 50%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease; transition: background-color 0.5s ease, -webkit-transform 0.5s ease; -o-transition: background-color 0.5s ease, transform 0.5s ease; transition: background-color 0.5s ease, transform 0.5s ease; transition: background-color 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; content: ""; z-index: 1; } .carousel-ctls .owl-nav > button:hover span:before { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); visibility: visible; opacity: 1; } .carousel-ctls .owl-nav > button.disabled{ display: none; } .carousel-ctls .owl-nav button i { color: #07364A; font-size: 20px; margin-left: 0; margin-top: 0; line-height: 38px; z-index: 3; position: relative; } .carousel-ctls .owl-nav button:hover i{ color:#fff; } .carousel-ctls .owl-nav > button.owl-prev { left: -20px; -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1); box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1); } .carousel-ctls .owl-nav > button.owl-next { right: -20px; -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); } .owl-carousel.carousel-ctls .owl-nav.svg-nav > button { height: 42px; width: 27px; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .carousel-ctls .owl-nav.svg-nav > button.owl-prev { left: -30px; } .carousel-ctls .owl-nav.svg-nav > button.owl-next { right: -30px; } .svg-arrow{} .aleft,.aright { fill: #062c3c; fill-rule: evenodd; } .aleft:hover, .aright:hover{ fill: #ea5151; } /* Owl Dots */ .carousel-ctls .owl-dots { width: 100%; text-align: center; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; } .carousel-ctls .owl-dot { display: inline-block; outline: none; } .carousel-ctls .owl-dot span { border: none; background-color: #ea5151; border-radius: 50%; display: block; height: 14px; margin: 0 6px; width: 14px; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; position: relative; } .carousel-ctls .owl-dot.active span { background-color: #ea5151; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 6px 6px; -ms-transform-origin: 6px 6px; transform-origin: 6px 6px; } .carousel-ctls .owl-dot span::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; border-radius: 50%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 7px 7px; -ms-transform-origin: 7px 7px; transform-origin: 7px 7px; border: 1px solid #ea5151; opacity: 0; visibility: hidden; } .carousel-ctls .owl-dot.active span::before { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease; transition: background-color 0.5s ease, -webkit-transform 0.5s ease; -o-transition: background-color 0.5s ease, transform 0.5s ease; transition: background-color 0.5s ease, transform 0.5s ease; transition: background-color 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform-origin: 7px 7px; -ms-transform-origin: 7px 7px; transform-origin: 7px 7px; opacity: 1; visibility: visible; } /* Hero Slider Controls */ #hero-slider.carousel-ctls .owl-dots { bottom: 25px; } #hero-slider.carousel-ctls .owl-nav > button { height: 60px; width: 60px; } #hero-slider.carousel-ctls .owl-nav > button.owl-prev { left: 15px; } #hero-slider.carousel-ctls .owl-nav > button.owl-next { right: 15px; } #hero-slider.carousel-ctls .owl-nav span { line-height: 60px; } /*======================================== 04. PAGE HEADER ==========================================*/ .page-header { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; } .page-banner { max-width: 525px; min-height: 376px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-banner h3 { font-size: 32px; } .page-banner h1 { color: #fff; font-size: 44px; font-weight: 900; margin-bottom: 10px; word-wrap: break-word; } .page-banner p { color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 0; } /*======================================== 05. INTRO AREA ==========================================*/ .intro-area hr { margin-top: 45px; margin-bottom: 50px; } .intro-content { margin-bottom: 60px; } .intro-content h3 { font-size: 32px; margin-bottom: 35px; font-weight: 900; line-height: 1.3; } .intro-content h3 span { color: #ea5151; } .intro-content p{} .countdown-area { display: block; width: 100%; border-top: 1px solid #ddd; padding-top: 55px; } .count-down { margin-bottom: 45px; } .count-down i { font-size: 24px; margin-bottom: 20px; color: #ea5151; } .count-down h5 { font-size: 20px; margin-bottom: 5px; font-weight: 900; letter-spacing: 1px; } .count-down p { margin-bottom: 0; } /*======================================== 06. COMPONENTS ==========================================*/ /*=== 06.1 SECTION HEADINGS ===*/ .section-heading { display: block; position: relative; max-width: 460px; margin: 0 auto 80px; } .mxw-500{ max-width: 500px; } .section-heading .sub-title { text-transform: uppercase; letter-spacing: 2px; font-weight: 700; display: block; margin-bottom: 0; color: #ea5151; } .section-heading h2 { font-weight: 900; position: relative; margin-bottom: 35px; padding-bottom: 0; } .section-heading h2::after { width: 60px; height: 4px; position: absolute; left: 50%; background-color: #ea5151; content: ""; margin-left: -30px; bottom: -10px; } .section-heading p { font-size: 17px; font-weight: 400; margin: 0; } .section-heading .sub-title { text-transform: uppercase; letter-spacing: 3px; font-weight: 700; font-size: 13px; display: block; margin-bottom: 0; color: #ea5151; } /* ======= 06.2 ICON BOX ========*/ .icon-box { display: block; margin-bottom: 50px; } .icon-box h6 { display: block; margin-bottom: 12px; } .icon-box h6 a:hover{ color:#ea5151; } .icon-box p { margin-bottom: 8px; } .more-btn { position: relative; font-weight: 600; color: inherit; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; padding-right: 12px; overflow: hidden; display: inline-block; } .more-btn:hover{ color:#ea5151; } .more-btn::after { position: absolute; content: "\f101 "; font-family: FontAwesome; top: 1px; right: 0px; font-weight: normal; } .entry-content a{ position: relative; color:#232D41; } .more-btn::before, .entry-content a:before { content: ""; width: 0; height: 1px; bottom: -1px; position: absolute; left: auto; right: 0; z-index: 1; -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; -webkit-transition: width .7s cubic-bezier(.25,.8,.25,1) 0s; -o-transition: width .7s cubic-bezier(.25,.8,.25,1) 0s; transition: width .7s cubic-bezier(.25,.8,.25,1) 0s; background-color: #ea5151; } .more-btn:hover:before,.entry-content a:hover:before { width: 100%; left: 0; right: auto; } .entry-content a:before { width: 100%; left: 0; right: auto; background-color: #232D41; } .entry-content a:hover:before { width: 0; left: auto; right: 0; background-color: #ea5151; } .textwidget a{ text-decoration: underline; } .textwidget a:hover{ text-decoration: none; } /* Style 03 */ .icon-holder { font-size: 26px; margin-bottom: 35px; color: #ea5151; position: relative; } .icon-holder.icon-bg, .icon-holder.has-border { width: 60px; height: 60px; line-height: 60px; margin-bottom: 45px; background-color: #ea5151; text-align: center; color: #fff; font-size: 20px; display: inline-block; } .icon-box.style-3 { -webkit-box-shadow: 0px 6px 61px 6px rgba(0,0,0,0.1); box-shadow: 0px 6px 61px 6px rgba(0,0,0,0.1); padding: 35px; background-color: #fff; border-radius: 5px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; position: relative; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .icon-box.style-3 > img { max-width: 50px; height: auto; margin-bottom: 35px; } .icon-box.style-3 h6 { font-weight: 600; font-size: 18px; } .icon-box.style-3 p{ font-size: 15px; } .icon-box.style-3:hover { background-color: #ea5151; -webkit-box-shadow: 0px 25px 68px 6px rgba(255,33,63,0.5); box-shadow: 0px 25px 68px 6px rgba(255,33,63,0.5); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .icon-box.style-3:hover .icon-holder.icon-bg{ background-color: #fff; color: #ea5151; } .icon-box.style-3:hover h6, .icon-box.style-3:hover p { color:#fff; } /* Hover Effects */ .icon-holder.bounce-in i { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .icon-holder.effect-2::before { position: absolute; left: 0; top: 0; background-color: #ea5151; width: 100%; height: 100%; content: ""; -ms-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all 0.5s cubic-bezier(0.05, -0.17, 0.39, 1.65); -o-transition: all 0.5s cubic-bezier(0.05, -0.17, 0.39, 1.65); transition: all 0.5s cubic-bezier(0.05, -0.17, 0.39, 1.65); visibility: hidden; opacity: 0; } .has-border.effect-2::before{ border-radius: 50%; } .icon-box:hover .effect-2::before { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .icon-box:hover .effect-2 i { color: #fff; z-index: 1; position: relative; } .icon-box:hover .bounce-in i{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); -o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Style 02 */ .icon-header { margin-bottom: 10px; display: block; } .icon-header .icon-holder { margin-bottom: 10px; } .icon-holder.icon-sm { width: 42px; height: 42px; line-height: 42px; font-size: 16px; } .icon-box.icon-bg.icon-sm .icon-holder { margin-bottom: 0; } .icon-box .icon-header h6 { display: inline-block; margin-left: 7px; font-size: 17px; } .icon-holder.has-border { background-color: transparent; color: #ea5151; border: 1px solid #dfdfdf; } /* ======= 06.3 IMAGE BOX ========*/ .image-box { position: relative; overflow: hidden; display: block; margin-bottom: 55px; } .image-box img{ width: 100%; height: auto; } .img-des { position: absolute; left: 0; width: 100%; background-color: rgba(7, 54, 74, 0.95); color: #fff; padding-bottom: 35px; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .img-des h5 { display: block; color: #fff; font-size: 18px; margin-bottom: 8px; padding: 16px 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .img-des p { padding: 15px 30px; display: block; margin-bottom: 15px; font-style: italic; } .img-des a { color: #fff; background-color: #ea5151; padding: 6px 12px; font-size: 13px; line-height: 1; } .img-des a:hover{ background-color: #ea5151; } .image-box:hover .img-des{ -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .image-box:hover .img-des h5 { background-color: #ea5151; } .plink { display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: red; left: 0; top: 0; text-indent: -99999px; opacity: 0; color: #fff !important; } .plink:focus{ color:#fff; } .image-box-2 { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .image-inner { background-color: rgba(0, 0, 0, 0.85); padding: 50px 45px 55px; color: #fff; } .image-inner h2 { color: #ea5151; font-size: 32px; font-weight: 900; text-transform: uppercase; } .image-inner h3 { color: #fff; display: block; margin-bottom: 2px; line-height: 1; } .image-inner p { font-weight: 600; } .big-one .image-inner { min-height: 530px; } .image-inner .btn{ color:#fff; } .image-inner .btn:hover{ background-color:#ea5151; color:#fff; } /*=== 06.4 TAB STYLES ===*/ .biztab-nav { margin-bottom: 10px; } .biztab-nav .nav-link { background-color: #a60000; color: #fff; margin-bottom: 1px; padding: 20px; font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 1.15; } .biztab-nav .nav-link.active { background-color: #6B0000; } .biztab-nav .nav-link.active::after { content: "\f061 "; position: absolute; color: #fff; font-family: FontAwesome; font-size: 20px; padding-top: 4px; padding-left: 10px; } .biztab-content { border: 2px solid #fff; padding: 30px; color: #fff; } .biztab-content h3 { color: #a60000; text-transform: uppercase; font-weight: 900; } .biztab-content .tab-pane{} .biztab-content .tab-pane ul { list-style: none; padding: 0; padding-left: 10px; } .biztab-content .tab-pane ul li { position: relative; padding-left: 24px; margin-bottom: 5px; } .biztab-content .tab-pane ul li::before { position: absolute; left: 0; top: 0; content: "\f061"; font-family: FontAwesome; color: #A60000; } /*=== 06.5 PRODUCT CATEGORY ===*/ .productcat-area{ background-color: #09425a; } .single-cat { background-color: #09425a; padding: 30px; min-height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-cat.bg-2{ background-color: #07364a; } .single-cat.bg-3{ background-color: #072b3b; } .single-cat h2 { font-size: 24px; text-transform: uppercase; color: #fff; } /*======================================== 06.6 PROGRESS BARS ==========================================*/ .progress-title{ font-size: 16px; margin: 15px 0 20px; } .progress{ height: 16px; background: #eeeeee; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 45px; overflow: visible; } .progress .progress-bar{ position: relative; -webkit-animation: animate-positive 2s; animation: animate-positive 2s; background-color:#ea5151; } .progress .progress-bar:after{ content: "\f0d7"; font-family: "FontAwesome"; font-weight: 900; font-size: 20px; position: absolute; top: -18px; right: -5px; color:#ea5151; } .progress .progress-value { position: absolute; top: -35px; right: -20px; font-size: 16px; font-weight: 700; color: #333333; } @-webkit-keyframes animate-positive{ 0% { width: 0%; } } @keyframes animate-positive{ 0% { width: 0%; } } /*======================================== 07. TEAM MEMEBERS ==========================================*/ .member-wrap{ position: relative; display: block; text-align: center; margin-bottom: 120px; } .member-figure{ position: relative; display: block; overflow: hidden; } .member-figure > img{ width: 100%; height: auto; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .member-wrap:hover .member-figure > img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .member-info{ position: relative; } .member-inner { position: absolute; display: block; overflow: hidden; top: -70px; width: calc(100% - 30px); left: 15px; background-color: #fff; text-align: center; padding: 30px 15px 30px 15px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 3; } .member-wrap:hover .member-inner{ top: -50px; } .member-inner:before{ position: absolute; content: ''; width: 100%; height: 2px; background-color: #da2c46; left: 0px; right: 0px; top: 0px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .member-wrap:hover .member-inner:before{ height: 100%; } .member-wrap:hover .member-inner { padding: 22px 15px 78px 15px; } .member-name-role{ position: relative; } .member-inner h4 { margin-bottom: 0px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; font-size: 18px; text-transform: uppercase; } .member-inner .role { margin: 0; padding: 0; font-weight: 600; color: #555555; } .member-wrap:hover .member-inner h4, .member-wrap:hover .member-inner .role{ color: #fff; } .member-inner .social-icons { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; left: 0; top: 80px; opacity: 0; visibility: hidden; } .member-inner .social-icons a { color: #da2c46; background: #fff; } .member-wrap:hover .member-inner .social-icons { opacity: 1; visibility: visible; top: 95px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .team-carousel.carousel-ctls .owl-dots { bottom: 0px; } .team-carousel .col-lg-4{ max-width: 100%; } /*======================================== 08. BRANDS LOGOS ==========================================*/ .brands-area { padding: 80px 0; } .single-logo { padding: 10px; background-color: #F7F7F7; border: 1px solid rgba(0, 0, 0, 0.1); } .brand-logos .single-logo a { display: block; } .brand-logos .single-logo img { width: auto; height: auto; margin: auto; } .brand-logos.carousel-ctls .owl-dots { bottom: -60px; } a.custom-logo-link { display: block; } /*======================================== 09. TESTIMONIALS ==========================================*/ .review-carousel{} .review-carousel .col-md-6 { max-width: 100%; } .tistimonial { display: block; position: relative; padding: 30px 30px 10px; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 55px; } .client-pic { margin-bottom: 30px; position: absolute; } .client-face{ border-radius: 50%; width: 80px; height: 80px; margin-bottom: 20px; overflow: hidden; } .client-pic img { width: 100%; height: auto; } .ratings { margin: 0; padding: 0; list-style: none; text-align: center; } .ratings li { display: inline-block; padding-right: 2px; } .ratings i { color: #ea5151; font-size: 12px; } .quote-area.has-face { padding-left: 125px; } .quote-area h6 { font-weight: 600; font-size: 14px; } .quote { font-style: italic; } .quote p { font-weight: 600; font-size: 16px; } .quote p::before { content: "\f10d "; font-family: fontAwesome; margin-right: 7px; position: relative; top: -4px; font-size: 14px; font-weight: 300; } /*======================================== 10. CALL TO ACTION ==========================================*/ .cta-wrap{} .cta-wrap h4 { color: #fff; font-size: 26px; font-weight: 500; display: block; margin-bottom: 10px; } .cta-wrap strong { font-weight: 900; } .cta-wrap p { margin-bottom: 0; } .primary-bg .cta-wrap strong, .primary-bg .cta-wrap p { color: #ffffff; } /*======================================== 11. SLOGAN AREA ==========================================*/ .slogan-area { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } .slogan { max-width: 650px; margin: auto; } .slogan h2 { color: #fff; line-height: 2; font-weight: 400; } .slogan h4{ color: #fff; } /*======================================== 12. TIMELINE ==========================================*/ .single-tl { width: 100%; position: relative; overflow: hidden; padding: 35px 0; } .single-tl::after { position: absolute; left: 50%; top: 0; height: 100%; width: 3px; background: #07364a; content: ''; margin-left: -1.5px; } .tl-thumb { width: calc(50% - 30px); float: left; margin-bottom:30px } .tl-thumb img { border: 1px solid #7da9bf; outline: none; display: block; } .tl-post{ position: relative; } .single-tl.post-odd .tl-thumb, .single-tl.post-even .tl-post { margin-right: 30px; } .single-tl.post-odd .tl-post, .single-tl.post-even .tl-thumb { margin-left: 30px; } .single-tl.post-odd .tl-thumb img { float: right; } .single-tl.post-even .tl-post{ text-align:right; } .tl-post { width: calc(50% - 30px); position: relative; float: left; margin-bottom: 30px; z-index: 2; } .tl-meta { display: inline-block; margin-top: -5px; } .tl-meta h4 { font-size: 20px; color: #fff; letter-spacing: 1px; margin-bottom: 20px; background-color: #ea5151; padding: 5px 15px; } .tl-title { font-size: 24px; margin-bottom: 10px; } .tl-content { display: block; margin: 0; border: 1px solid #ddd; padding: 20px 25px 5px; } .tl-content .learn-more { display: block; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; font-weight: 600; } .content-area ul { margin-bottom: 20px; padding: 0; list-style: none; } .content-area ul li { padding-left: 18px; margin-bottom: 5px; position: relative; } .content-area ul li::before { content: ""; width: 6px; height: 6px; background-color: #ea5151; position: absolute; top: 12px; left: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-area ol li::before { display:none; } .hexagon { position: absolute; left: -43px; top: 10px; z-index: 1; } .post-even .hexagon { left: inherit; right: -42px; } .hexagon span { width: 26px; height: 13px; background-color: #ea5151; position: relative; display: block; } .hexagon span::before { content: ""; position: absolute; top: -9px; left: 0; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 9px solid #ea5151; } .hexagon span::after { content: ""; position: absolute; bottom: -9px; left: 0; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 9px solid #ea5151; } /*======================================== 13. PORTFOLIOS ==========================================*/ .portfolio-area .section-heading { margin: 0 auto 50px; } .filter-menu { display: block; margin-bottom: 40px; list-style: none; padding: 0; } .filter-menu li { position: relative; padding: 16px; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #333333; list-style: none; display: inline-block; cursor: pointer; } .portfolio-inner { position: relative; overflow: hidden; } .portfolio-inner img { position: relative; -webkit-transition: 0.35s all ease-in-out; -o-transition: 0.35s all ease-in-out; transition: 0.35s all ease-in-out; z-index: 1; max-width: 100%; } .portfolio-inner:hover > img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .pinfo-wrap, .portfolio-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 3; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolio-overlay { z-index: 2; background-color: #07364a; visibility: hidden; opacity: 0; -webkit-transition: 0.30s all ease-in-out; -o-transition: 0.30s all ease-in-out; transition: 0.30s all ease-in-out; } .portfolio-inner:hover .portfolio-overlay { z-index: 2; background-color: #07364a; visibility:visible; opacity: 0.75; } .picon { position: relative; background-color: #fff; text-align: center; color: #333; line-height: 1; padding: 20px; display: inline-block; border-radius: 50%; font-size: 20px; -ms-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all 0.5s cubic-bezier(0.05, -0.17, 0.39, 1.65); -o-transition: all 0.5s cubic-bezier(0.05, -0.17, 0.39, 1.65); transition: all 0.5s cubic-bezier(0.05, -0.17, 0.39, 1.65); visibility: hidden; opacity: 0; } .picon:hover{ background-color: #ea5151; color:#fff; } .portfolio-inner:hover .picon { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); margin: 20px; visibility:visible; opacity:1; } .pinfo { display: block; position: absolute; bottom: 25px; left: 30px; } .pinfo h4 { display: block; margin: 0; padding: 0; letter-spacing: 1px; color: #fff; font-size: 20px; position: relative; top: 0; -webkit-transition: 0.35s all ease-in-out; -o-transition: 0.35s all ease-in-out; transition: 0.35s all ease-in-out; visibility: hidden; opacity: 0; } .pinfo .terms { position: relative; margin: 0; padding: 0; top: 0; -webkit-transition: 0.45s all ease-in-out; -o-transition: 0.45s all ease-in-out; transition: 0.45s all ease-in-out; visibility: hidden; opacity: 0; color: #fff; } .pinfo .terms a { color: #fff; } .pinfo .terms a:hover { color: #ea5151; } .portfolio-inner:hover .pinfo .terms, .portfolio-inner:hover .pinfo h4{ top: -25px; visibility: visible; opacity: 1; } .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } /*======================================== 14. LATEST NEWS ==========================================*/ .single-news { position: relative; margin-bottom: 55px; } .entry-thumb { display: block; overflow: hidden; border-radius: 5px; background-color: #222; } .entry-thumb img{ width: 100%; height: auto; display: block; margin: auto; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .single-news:hover .entry-thumb img { opacity: 0.5; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .entry-header-wrap { position: relative; display: block; padding: 0 10px; } .post-detail .entry-header-wrap { padding: 0; } .entry-header-wrap .entry-date { width: 55px; background-color: #ea5151; display: block; text-align: center; color: #fff; padding: 12px 0; position: absolute; top: 0; left: 10px; line-height: 1.5; } .post-detail .entry-date { left: 0; } .post-detail .has-thumbanil .entry-date { left: 10px; } .entry-date a,.entry-date a:hover{ color:#fff !important; } .entry-date a:focus { outline: 1px dotted #fff; color:#112034 !important; } .entry-date strong { font-size: 20px; font-weight: 700; margin-bottom: 2px; } .entry-header { display: block; position: relative; padding-left: 70px; padding-top: 10px; word-wrap: break-word; } .entry-header.no-date { padding-left: 0 !important; } .entry-header h4 { font-size: 18px; display: block; margin-bottom: 5px; position: relative; } .sticky .entry-header h4::before { content: "\f097"; display: inline-block; font-family: FontAwesome; font-weight: normal; margin: 0px 12px 0 0; top: 1px; position: relative; font-size: 25px; color: #ea5151; } .entry-content { padding: 0 10px; overflow: hidden; } .post-detail .entry-content { padding: 0; } .entry-content p { overflow: hidden; } .entry-meta { font-size: 14px; font-weight: 500; margin-bottom: 26px; text-transform: capitalize; } .entry-meta span { margin-right: 10px; } .entry-meta p span:last-child { margin-right: 0; } .entry-meta a { color: #333333; } .entry-header h4 a:hover, .entry-meta a:hover{ color:#ea5151; } .entry-content .read-more { display: inline-block; background-color: #ea5151; color: #fff; padding: 8px 12px; line-height: 1; font-weight: 700; font-size: 14px; } .entry-content .read-more:hover, .entry-content .read-more:focus{ background-color: #07364a; color: #ffffff; } .has-thumbanil .entry-header { padding-top: 18px; } .has-thumbanil .entry-date{ top: -10px; } .blog-list .single-news { border-bottom: 1px solid #ddd; padding-bottom: 35px; } .blog-list .entry-header h4 { font-size: 28px; } .blog-list .has-thumbanil .entry-header { padding-top: 25px; padding-left: 90px; } .blog-list .has-thumbanil .entry-date { top: -15px; } .blog-list .entry-header-wrap .entry-date { width: 65px; } .news-carousel .col-lg-4 { max-width: 100%; } .related-posts .entry-date strong { line-height: 1; } .related-posts .entry-date { padding: 8px 0; } /*======================================== 15. POST DETAIL ==========================================*/ .post-detail .single-news { margin-bottom: 50px; } .post-detail .entry-date { top: -8px; } .post-detail .has-thumbanil .entry-date { top: -20px; } .post-detail .entry-date { width: 85px; } .post-detail .entry-header { padding-left: 110px; margin-bottom: 60px; } .post-detail .has-thumbanil .entry-header { margin-bottom: 45px; } .post-detail .entry-header.no-date { margin-bottom: 30px; } .post-detail .entry-header h3 { margin-bottom: 10px; } .post-detail .entry-meta p a { font-weight: bold; } .post-detail .single-news:hover .entry-thumb img { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .p-date{ font-size:20px; } blockquote { background-color: #f8f8f8; font-size: 17.5px; border-left: 5px solid #ea5151; line-height: 28px; margin: 15px 0 15px; padding: 20px 20px 10px !important; } blockquote p { margin-bottom: 15px; } /*=== 15.1 PAGINATION ==*/ .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation, .site-main .posts-navigation{ overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-previous{ float: left; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next{ float: right; text-align: right; width: 50%; } .site-main .post-navigation{ padding: 16px 0; margin-bottom: 60px; border-top: 2px solid #112034; border-bottom: 2px solid #112034; display: block; width: 100%; overflow: hidden; } .post-navigation a, .posts-navigation a{ color: #112034; } .post-navigation a:hover, .posts-navigation a:hover{ color: #ea4f52; } .nav-previous, .nav-next { font-size: 14px; font-weight: 600; } .nav-previous::before { content: "\f177"; display: inline-block; font-family: FontAwesome; font-weight: normal; margin: 0 5px 0 0; } .nav-next:after { content: "\f178"; display: inline-block; font-family: FontAwesome; font-weight: normal; margin: 0 0 0 5px; } .paging-navigation { margin-bottom: 0; margin-top: 55px; padding: 8px 0; text-align: center; } .paging-navigation li { display: inline-block !important; padding-left: 0 !important; margin: 0 !important; } .paging-navigation li:before { display: none; } .page-numbers { list-style: none; margin:0; padding:0; } .page-numbers a { background-color: #112034; color: #fff; padding: 12px 18px; font-size: 14px; font-weight: bold; } .page-numbers a:hover { background: #ea4f52; color:#ffffff; } .page-numbers .current { background: #ea4f52; color: #fff; padding: 12px 18px; font-size: 14px; font-weight: bold; } .page-link.dots { border: none; color: #112034; } /*=== 15.2 COMMENT FORM ===*/ .comment-form-area > .comments-list { margin: 0 0 80px; padding: 0; list-style: none; } .comments-list, .comments-list .children { padding: 0; margin: 0; } .comments-list .children { margin: 0 0 0 20px; } .content-area ul.comments-list { margin-left: 0; } .content-area .comments-list li { padding-left: 18px; } .content-area ol li, .content-area .comments-list > li, .content-area .comments-list ol li { padding-left: 0; } .comments-list li.comment:before{ display: none; } .comment-form-area h3 { font-size: 18px; font-weight: 700; line-height: 18px; margin-bottom: 35px; text-transform: uppercase; } .comment-form .single-field{ margin-bottom:30px; } .comment-form .single-field > input { background-color: #fff; border: medium none; margin-bottom: 0; } .comment-form .single-field > textarea { background-color: #fff; border: medium none; } .comment-form .single-field > label { letter-spacing: 0px; } .comment-form .form-submit .submit { background-color: #ea4f52; border: medium none; border-radius: 0; color: #fff; height: 42px; font-size:14px; line-height: 42px; padding: 0 25px; font-weight: 600; text-transform: uppercase; } .comment-form .form-submit .submit:hover { background-color: #112034; } /*=== Comments ===*/ .comment-form-area h4.comments-title { font-size: 16px; font-weight: 600; line-height: 26px; margin-bottom: 20px; } .comment-content > ul, .comment-content > ol { margin: 0 0 30px 5px; padding-left: 0; } .comment-content > ul ul, .comment-content > ul ol { margin: 0 0 10px 20px; } .comment-content > ol { padding-left: 16px; } .comment-content p { margin-bottom: 20px; } .comment-content a { text-decoration: underline; word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { max-width: 747px; margin: 40px 0; } .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; width: 100%; } .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } .comments-title { margin: 20px 0; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; margin: 0; } .comment-list .children { margin: 0 0 0 40px; } .comment-list > li:after, .comment-list .children > li:before { background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 15px 0 24px; position: relative; clear: both; overflow: hidden; border-bottom: 1px solid #E7E7E7; margin-bottom: 20px; } .post-comment-sec { margin-bottom: 20px; } .comment-author .avatar { border: 1px solid #E7E7E7; display: block; float: left; margin: 0 20px 20px 0; background-color: #fff; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #ea4f52; font-size: 16px; font-weight: bold; } .says { display: none; } .sticky { display: block; } .updated:not(.published) { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { margin: 10px 0; } .comment-meta, .comment-meta a { color: #a2a2a2; font-size: 13px; } .comment-meta a:hover { color: #ea5151; } .comment-metadata { margin-bottom: 10px; margin-top: 0; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: "\f021"; margin-right: 10px; display: inline-block; font-family: FontAwesome; font-weight: normal; } .comment-reply-link:before, .comment-reply-login:before { content: "\f122"; margin-right: 10px; display: inline-block; font-family: FontAwesome; font-weight: normal; } .comment-respond { background-color: #f7f7f7; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03); padding: 20px 30px; margin: 30px 0 0; width: 100%; display: block; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 20px; overflow: hidden; width: 20px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: "\f05c"; display: inline-block; font-family: FontAwesome; font-size: 20px; font-weight: normal; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; } #cancel-comment-reply-link { background-color: #ea5151; font-size: 14px; color: #fff; padding: 3px 6px; border-radius: 4px; text-transform: capitalize; font-weight: 500; } /*======================================== 16. SIDEBAR ==========================================*/ .widget { display: block; position: relative; margin-bottom: 60px; } .widget-area .widget:last-child { margin-bottom: 0; } .widget h4 { font-size: 16px; margin-bottom: 35px; } .widget a:hover { color: #ea5151; } .widget ul { display: block; margin: 0; padding: 0; list-style: none; } .widget ul li { display: block; margin-bottom: 5px; } .widget-area ul li a { color: #232D41; } .widget ul ul{ margin-left: 16px; } /* widget-title */ .widget-area .widget-title { color: #ffffff; display: block; font-size: 15px; margin-bottom: 22px; padding-bottom: 10px; position: relative; text-transform: uppercase; letter-spacing: 1px; } .widget-area h2 { font-size: 16px; text-transform: uppercase; } .widget-area .widget-title span { background-color: #ea5151; padding: 8px 16px; line-height: 2; } .widget-area h4.widget-title::before { bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ea5151; content: ""; position: absolute; } /* widget-search */ .search-form{ display: block; position: relative; } .widget-search .search-field, .search-form .search-field { border: 1px solid #dddddd; height: 52px; padding: 0 72px 0 10px; width: 100%; border-radius: 0; background-color: #fff; } .widget-search .search-form button, .widget-area .search-form button { border: medium none; border-radius: 0; color: #ffffff; height: 48px; position: absolute; right: 2px; width: 68px; z-index: 2; top: 2px; font-size: 12px; padding: 7px; } .widget select { max-width: 100%; width: 100%; padding: 14px 8px; } .widget-area .widget ul { list-style: outside none none; margin: 0; padding: 0; } .widget-area .widget ul ul { margin-left: 5px; } .widget.widget-category > ul li, .widget-area .widget > ul li { position:relative; } .widget-area .widget > ul li{ padding-left:12px; } .widget-area .widget > ul li::before { position: absolute; left: 0; content: "\f101"; font-size: 12px; font-family: FontAwesome; top: 2px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #29384D; } .widget-area .widget > ul li:hover:before{ color:#ea4f52; left:2px; } .widget .recentcomments span.comment-author-link{ text-transform:capitalize; } /* Tag Cloud */ .widget .tagcloud a { border: 1px solid rgba(0, 0, 0, 0.15); color: #112034; display: inline-block; padding: 4px 10px; font-size: 14px !important; margin-bottom: 5px; border-radius: 2px; } .widget .tagcloud a:hover { background-color: #ea5151; color: #ffffff; } /* Recent Post */ .widget-post { display: block; overflow: hidden; width: 100%; } .widget-blog .widget-post > a { position: relative; display: block; overflow: hidden; float: left; margin-right:10px; } .widget-post .post-content { display: block; margin: 0; } .widget-post .post-content a.title { color: #112034; font-family: "Montserrat",sans-serif; line-height: 1.35; margin-bottom: 5px; font-weight: 500; display: block; } .widget-post .post-content p{ color:#666666; font-size:13px; } .footer-area .post-content a.title { color: #A0AFC3; font-size: 13px; font-weight: 600; line-height: 20px; } .widget-post .post-content a.title:hover { color:#ea5151; } .widget-post .post-content p.post-date { font-size: 12px; font-style: italic; margin-bottom: 0; } /* Service Widget */ .services-widget { background-color: #07364a; } .services-widget ul{} .widget .services-widget ul li { margin-bottom: 0; } .services-widget ul li.active a::before, .services-widget ul li a:hover:before { position: absolute; left: 0; top: 0; width: 4px; background-color:#ea5151; height: 100%; content: ""; } .services-widget ul li a { display: block; color: #fff; padding: 15px 30px; position: relative; font-weight: 600; } .services-widget ul li.active a, .services-widget ul li a:hover { background-color: #062B3B; color: #ea5151; padding-left: 33px; } .services-widget ul li a:hover:before { } /* Contact Widget */ .contact-widget { background-color: #ea5151; padding: 28px; } .contact-widget h4 { font-size: 24px; margin-bottom: 20px; } .contact-widget p { font-size: 16px; } .contact-widget a { display: block; color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 18px; position: relative; padding-left: 35px; } .contact-widget a:hover{ color:#112034; } .contact-widget a.phone::before, .contact-widget a.email:before{ position: absolute; left: 0; top: 1px; content: "\f095"; font-family: FontAwesome; } .contact-widget a.phone{} .contact-widget a.email{} .contact-widget a.email:before{ content: "\f003"; } .contact-widget .btn { padding: 15px 20px 15px !important; font-size: 16px; text-transform: uppercase; margin-bottom: 0; margin-top: 40px; } .contact-widget .btn:hover{ color:#fff; } .widget_bizindustries_about_info{ margin-bottom: 30px; } /* Widget Posts */ .widget-post { margin-bottom: 25px; display: flex; } .wpost-thumb { margin-right: 10px; position: relative; width: 75px; flex-shrink: 0; top: 4px; } .wpost-thumb img{ max-width:100%; height: auto; } .wpost-entry { width: 100%; position: relative; } .wpost-entry h6 { margin-bottom: 5px; line-height: 1.3; font-weight: 500; } .wpost-entry p { font-size: 14px; font-style: italic; margin-bottom: 0; line-height: 1.3; } /*======================================== 17. SERVICE DETAIL ==========================================*/ .service-banner{ max-width: 620px; } .service-banner h1 { font-size: 38px; } .service-detail h2{ font-size: 32px; } .service-detail img{ margin-bottom: 25px; } .services-widget h4 { color: #fff; font-size: 22px; margin-bottom: 25px; padding: 20px 25px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .brochure-widget h4 { font-size: 18px; margin-bottom: 22px; } .brochure-btn { display: block; padding: 20px 16px 20px 50px; background-color: #07364A; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 700; position: relative; margin-bottom: 25px; } .brochure-btn:visited { color: #ffffff; } .brochure-btn span { font-size: 15px; line-height: 1; font-style: italic; position: relative; left: 2px; display: block; font-weight: 500; } .widget .brochure-btn:hover{ background-color: #ea5151; color:#fff; } .brochure-btn::before { position: absolute; top: 50%; font-family: FontAwesome; content: "\f019 "; margin-top: -14px; left: 16px; } /*=== SOCIAL ICONS ===*/ .social-icons.crcl a{ border-radius: 50%; } .social-icons a { display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #fff; margin-right: 5px; font-size: 14px; background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(234, 81, 81, 1)), color-stop(50%, rgb(19, 66, 86))) repeat scroll right top / 200% 200%; background: rgba(0, 0, 0, 0) -o-linear-gradient(bottom, rgba(234, 81, 81, 1) 50%, rgb(19, 66, 86) 50%) repeat scroll right top / 200% 200%; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(234, 81, 81, 1) 50%, rgb(19, 66, 86) 50%) repeat scroll right top / 200% 200%; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .social-icons.size-lg a { width: 42px; height: 42px; line-height: 42px; font-size: 18px; } .social-icons a:last-child{ margin-right: 0; } .social-icons a:hover { background-position: left bottom; background-color: #134256; color: #fff !important; } .widget-about .social-icons a{ color: #ea5151; } .social-icons.bg-color a.facebook { background: #4d67a3; } .social-icons.bg-color a.twitter { background: #25a7df; } .social-icons.bg-color a.linkedin { background: #005a99; } .social-icons.bg-color a.google-plus{ background: #d72626; } .social-icons.bg-color a.behance{ background: #0896cd; } .social-icons.bg-color a.instagram{ background: #0177b5; } .social-icons.bg-color a.youtube{ background: #cc181e; } .social-icons.bg-color a.pinterest{ background: #bd2125; } .social-icons.bg-color a.skype{ background: #62b1f6; } .social-icons.bg-color a.dribbble{ background: #eb4095; } .social-icons.bg-color a.rss{ background: #ffa500; } .social-icons.bg-color a.github{ background: #17aee1; } .social-icons.bg-color a.vimeo{ background: #808080; } .social-icons.bg-color a.tumblr{ background: #a6d785; } .social-icons.bg-color a{ border: 1px solid rgba(0, 0, 0, 0.1); color: #fff; } .social-icons.bg-color a:hover { opacity: 0.75; } /*======================================== 18. CONTACT PAGE ==========================================*/ .contact-form { display: block; margin-bottom: 55px; } .half-field, .half-field-last { float: left; width: 48.5%; } .half-field-last { float: right; } @media (max-width: 767px) { .half-field, .half-field-last { width: 100%; } } .contact-box { background-color: rgba(0, 0, 0, 0.03); padding: 35px; margin-bottom: 55px; } .contact-heading { border-bottom: rgba(0, 0, 0, 0.1); margin-bottom: 25px; } .contact-heading h4 { margin-bottom: 2px; font-size: 20px; color: #eb5b5b; font-weight: 900; } .contact-heading p { font-style: italic; } .contact-box > p { line-height: 2.2; font-size: 16px; font-weight: 500; margin-bottom: 0; } .contact-box > p a { font-weight: 700; } .contact-item { background-color: #f7f7f7; padding: 15px 25px 20px; border-left: 4px solid #ea5151; font-size: 16px; } .contact-item h5 { margin-bottom: 10px; } .contact-item a { font-weight: 700; } .contact-item address { margin-bottom: 0; } /*======================================== 19. FOOTER AREA ==========================================*/ .footer-area { display: block; background-color: #07364a; color: #7faabd; font-weight: 500; } .footer-widgets { display: block; padding: 80px 0 25px; } /* Widget About */ .footer-logo{} .footer-logo img { max-width: 80px; height: auto; margin-bottom: 20px; } .widget-about h4 { margin-bottom: 20px; font-size: 16px; } .widget_bootitems_core_about_info { margin-bottom: 0; } /* Widget Contact */ .widget-contact { max-width: 230px; } .widget-contact .location, .widget-contact .email, .widget-contact .phone { position: relative; padding-left: 35px; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding-bottom: 15px; margin-bottom: 15px; } .widget-contact .location::before, .widget-contact .email::before, .widget-contact .phone::before { position: absolute; left: 0; top: 50%; font-family: fontawesome; font-size: 18px; color: #ea5151; margin-top: -20px; } .widget-contact p.location:before{ content: "\f041"; } .widget-contact .phone:before{ content: "\f095"; } .widget-contact .email:before{ content: "\f003"; } .widget-contact span { display: block; font-size: 13px; line-height: 1.4; } .widget-contact p.location{} .widget-contact .email{ border-bottom: none; padding-bottom: 15px; margin-bottom: 0; } .widget-contact .phone{} .widget-contact a{ font-weight: 600; } /* Widget Subscribe */ .mc4wp-form-fields p { margin-bottom: 10px; } .mc4wp-form-fields strong { margin-bottom: 10px; display: block; } .mc4wp-form-fields input[type="email"] { margin-bottom: 10px; } .mc4wp-form-fields input[type="submit"] { width: 100%; } .mc4wp-form-fields input[type="checkbox"] { margin-right: 8px; } .mc4wp-response p{ color: #ea5151; } .footer-widget h4{ color: #fff; } .footer-widget a { color: #7faabd; } .footer-widget a:hover{ color: #ea5151; } .footer-widget.widget .tagcloud a { color: #7faabd; } .footer-widget.widget .tagcloud a:hover{ color: #fff; } .footer-widget.widget .tagcloud a { border: 1px solid rgba(0, 0, 0, 0.1); } .footer-widget.widget_recent_entries li{ margin-bottom: 10px; } .footer-widget.widget_recent_entries a{ display:block; font-weight: 600; } .footer-widget .post-date { display: block; font-style: italic; font-size: 14px; } /* Footer Bottom */ .footer-bottom { background-color: #062c3c; padding: 30px 0; } .footer-bottom p { margin-bottom: 0; } /*======================================== 20. SCROLLUP BUTTON ==========================================*/ .back-to-top { display: none; bottom: 20px; position: fixed; right: 30px; text-align: center; width: 46px; height: 46px; line-height: 46px; z-index: 1; background-color: #ea5151; color: #fff; font-size: 16px; border-radius: 50%; } .back-to-top:hover { background: #134256; color: #fff; } /*======================================== 21. PRELOADER ==========================================*/ .preloader-wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 9999; position: fixed; width: 100%; background-color: #062C3C; height: 100vh; left: 0; top: 0; } .preloader { display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; width: 60px; height: 60px; } .preloader div { display: flex; width: 25px; height: 25px; background: #ea5151; border-radius: 3px; } .preloader div:nth-child(1) { animation: squad1 3s steps(1) infinite .2s; } .preloader div:nth-child(2) { animation: squad2 3s steps(1) infinite; } .preloader div:nth-child(3) { animation: squad3 3s steps(1) infinite .4s; } @keyframes squad2 { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(35px); } 50% { transform: translate(-35px, 35px); } 75% { transform: translateX(-35px); } } @keyframes squad1 { 0%, 100% { transform: translateY(0); } 25% { transform: translateX(35px); } 50% { transform: translate(35px, 35px); } 75% { transform: translateY(35px); } } @keyframes squad3 { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-35px); } 50% { transform: translate(35px, -35px); } 75% { transform: translateX(35px); } } .site-by { color: #fff; font-size: 14px; margin-top: 20px; }