/* CargoHub */ /************ TABLE OF CONTENTS *************** 1. Reset 2. Global Settings 3. Typography Style 4. All Elements Design 5. PreloaderPreloader 6. Page Header 7. Main Navigations 8. Page Conents 9.services Section 10.Projects Section 11.404 page 12.Back To Top 13.Comments Style 14.Sidebar Widgets 15.Sidebar Services 16.sidebar project 17.Contact location 18.Footer 19.Carousel 20.Shortcodes 21.service-box 22.contact-box 23.Projects 24.Counter 25.Testimonials 26.Pricing 27.Services 28.Team 29.Custom Quote **********************************************/ /*** ==================================================================== Reset ==================================================================== ***/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*** ==================================================================== Global Settings ==================================================================== ***/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: #eaeaea; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { border-color: #222; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ body { color: #555555; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1.6; background: #fff; word-wrap: break-word; overflow-x: hidden; font-weight: 400; } a { -webkit-transition: 0.5s; transition: 0.5s; color: #222; text-decoration: none; } a:hover, a:focus { text-decoration: none; color: #222; } a img { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Montserrat', sans-serif; line-height: 1.5; color: #222; } h1 { font-size: 41px; } h2 { font-size: 34px; } h3 { font-size: 28px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } /*-------------------------------------------------------------- Elements --------------------------------------------------------------*/ img { max-width: 100%; height: auto; } input[type=text], textarea { border: 1px solid #555; background: #fff; } blockquote { font-size: 16px; font-style: italic; border-left: 3px solid #c02030; padding: 15px 0 15px 20px; margin: 35px 0 35px 40px; line-height: 2; font-weight: 500; } table { text-align: left; } table tr { border: 1px solid #f4f4f4; border-bottom-width: 0; padding: 5px; } table tr td, table tr th { padding: 5px; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .secpadd3{padding:30px 0px;} .secpadd{padding:70px 0px;} .secpadd2{padding:70px 0 40px;} .secpaddbig{padding:100px 0 70px;} .secpaddlf{padding-top:80px;padding-bottom:80px;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .tabs .tabs-nav { margin: 0; padding: 0; overflow: hidden; list-style-type: none; } .tabs .tabs-nav li { float: left; } .tabs .tabs-nav a { display: block; } .tabs .tabs-panel { clear: both; display: none; } .tabs .tabs-panel.active { -webkit-animation: fadeIn 1 1s ease; animation: fadeIn 1 1s ease; display: block; } .socials a { display: inline-block; padding: 0 15px; font-size: 18px; color: #848484; -webkit-transition: 0.5s; transition: 0.5s; } .socials a:last-child { padding-right: 0; } .socials a:first-child { padding-left: 0; } .socials a:hover { color: #333366; } .main-color { color: #333366; } .main-color2 { color: #c02030; } .main-background-color { background-color: #c02030; } .sub-color { color: #0c1239; } .sub-background-color { background-color: #0c1239; } .owl-carousel div.owl-item img { max-width: 100%; width: inherit; } .ch_button, .tp-caption.ch_button { -webkit-transition: 0.3s !important; transition: 0.3s !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; padding: 17px 35px !important; text-align: center !important; min-width: 175px !important; } .ch_button:hover, .tp-caption.ch_button:hover { border-color: #c02030 !important; background-color: #c02030 !important; } .fh-form p:before, .fh-form p:after { content: ''; display: table; } .fh-form p:after { clear: both; } .fh-form .single-field { clear: both; } .fh-form .field { margin-bottom: 20px; } .fh-form .field.submit { margin-bottom: 0; } .fh-form input[type="submit"] { text-transform: capitalize; font-size: 15px; font-weight: 400; } .fh-form input[type="submit"]:focus { outline: none; } .fh-form textarea, .fh-form input[type="text"], .fh-form input[type="email"], .fh-form select { width: 100%; border: 1px solid #ececec; padding-left: 15px; padding-right: 15px; color: #848484; background-color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .fh-form textarea:focus, .fh-form input[type="text"]:focus, .fh-form input[type="email"]:focus, .fh-form select:focus { outline: none; border-color: #a8a8a8; } .fh-form textarea { height: 175px; padding: 10px 15px; } .fh-form input[type="text"], .fh-form input[type="email"], .fh-form select { font-size: 16px; height: 45px; line-height: 45px; } .fh-form .first-row, .fh-form .last-row { width: 50%; padding: 0 15px; } .fh-form .first-row { float: left; padding-left: 0; clear: both; } .fh-form .last-row { float: right; padding-right: 0; } .fh-form ::-webkit-input-placeholder { color: #a8a8a8; } .fh-form ::-moz-placeholder { color: #a8a8a8; } .fh-form :-ms-input-placeholder { color: #a8a8a8; } .fh-form :-moz-placeholder { color: #a8a8a8; } .fh-form select { color: #a8a8a8; } .fh-form .note { padding-top: 10px; } .fh-form label { font-size: 18px; font-weight: 600; font-family: 'Montserrat', sans-serif; color: #222; margin: 0; } .fh-form span.require { color: #c02030; } .fh-form-1 .fh-form-row { margin-left: -10px; margin-right: -10px; } .fh-form-1 div[class*="col-"] { padding-left: 10px; padding-right: 10px; } .fh-form-3 textarea { height: 210px; } .fh-form-3 p.field { margin-bottom: 30px; } .fh-form-3 input[type="text"], .fh-form-3 input[type="email"], .fh-form-3 select { height: 50px; line-height: 50px; } .fh-form-3 .submit { text-align: center; } .fh-form-2 textarea { height: 145px; } .fh-form-2 input[type="text"], .fh-form-2 input[type="email"], .fh-form-2 select { height: 48px; line-height: 48px; } .fh-form-2 p.field { margin-bottom: 30px; } .fh-form-2 .field.submit { margin-top: -5px; } .request-form .form-label { color: #222; font-weight: 400; margin-bottom: 35px; } .request-form .field { margin-bottom: 25px; } .request-form .field.check-box { margin-bottom: 33px; } .request-form label { color: #222; font-size: 16px; font-weight: 500; font-family: 'Montserrat', sans-serif; margin-bottom: 3px; } .request-form textarea { height: 113px; } .request-form input[type="submit"] { width: 100%; } .request-form .checkbox-box { display: block; border: 1px solid #ececec; padding: 25px 20px; } .contact-form-message { clear: both; margin-top: 20px; display: block; } .request-form .checkbox-box .wpcf7-list-item { display: block; margin-left: 0; margin-bottom: 8px; } .request-form .checkbox-box .wpcf7-list-item.last { margin-bottom: 0; } .request-form .checkbox-box .wpcf7-list-item label { width: 100%; color: #848484; font-weight: 300; font-family: 'Open Sans', sans-serif; } .request-form .checkbox-box .wpcf7-list-item-label { margin-left: 10px; } .track-form > div { zoom: 1; } .track-form > div:before, .track-form > div:after { content: ""; display: table; } .track-form > div:after { clear: both; } .track-form > div:before, .track-form > div:after { content: ""; display: table; } .track-form > div:after { clear: both; } .track-form label { width: 25%; float: left; font-size: 16px; font-weight: 500; padding-top: 13px; } .track-form .date-range { font-size: 16px; font-weight: 500; color: #222; font-family: 'Montserrat', sans-serif; display: inline-block; padding-left: 10px; } .track-form .field { width: 75%; float: right; margin-bottom: 30px; } .track-form p.submit { margin-top: 15px; margin-bottom: 30px; } .track-form input[type="text"], .track-form input[type="email"], .track-form select { height: 50px; line-height: 50px; } .track-form span.start, .track-form span.end { width: 45%; display: inline-block; position: relative; } .track-form span.start:after, .track-form span.end:after { content: '\f073'; font-family: FontAweSome; color: #c02030; font-size: 14px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .track-form span.start input, .track-form span.end input { padding-right: 40px; } .track-form span.end { float: right; } .track-form span.wpcf7-list-item { margin-left: 0; margin-right: 30px; } .track-form .fh-radio { display: block; margin-top: 13px; } .track-form .fh-radio .wpcf7-list-item label { width: 100%; color: #848484; font-weight: 300; font-family: 'Open Sans', sans-serif; padding-top: 0; } .track-form .text-form { font-weight: 400; } .track-form .text-form a { text-decoration: underline; } .alignnone { margin: 0; } .aligncenter, div.aligncenter, .aligncenter img { display: block; margin: 1em auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption { background: #fff; border: 1px solid #555; padding: 5px; max-width: 100%; text-align: center; } .wp-caption img { display: block; width: 100%; height: auto; margin: 0; } .wp-caption-text { font-size: small; margin: 0; padding: 5px 0 0; } .gallery-caption { display: block; } .bypostauthor { display: block; } .sticky { display: block; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .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; } /*** ==================================================================== preloader ==================================================================== ***/ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icon/preloader.png); } /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .site-header { background-color: #fff; position: relative; padding: 26px 0; } .site-logo h1, .site-logo h2, .site-logo p { margin: 0; line-height: 0; text-indent: -9999px; } .site-logo .hide-logo { display: none; } .site-logo .show-logo { display: inline-block; } .topbar { background-color: #0c1239; position: relative; z-index: 1000; line-height: 60px; } .topbar .topbar-left { float: left; } .topbar .topbar-left .topbar-search .search-form { left: 0; right: auto; } .topbar .topbar-right { float: right; } .topbar .widget { font-size: 15px; margin-bottom: 0; display: inline-block; color: #dde2fc; padding: 0 20px; } .topbar .widget:first-child { padding-left: 0; } .topbar .widget:last-child { padding-right: 0; } .topbar .widget p { margin-bottom: 0; } .topbar .widget .topbar-contact i { color: #c02030; padding-right: 6px; font-size: 18px; } .topbar .widget .topbar-contact i:before { font-size: 18px; } .topbar .cargo-search-widget { padding-left: 15px; } .topbar .topbar-search { position: relative; } .topbar .topbar-search .toggle-search { font-size: 15px; color: #dde2fc; position: relative; } .topbar .topbar-search .toggle-search:before { content: '\f00d'; font-family: FontAweSome; position: absolute; top: 50%; left: 0; font-size: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .topbar .topbar-search .search-form { padding: 0; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; border: none; } .topbar .topbar-search .search-form i { color: #999999; } .topbar .topbar-search .search-form ::-webkit-input-placeholder { color: #999999; } .topbar .topbar-search .search-form :-moz-placeholder { color: #999999; } .topbar .topbar-search .search-form ::-moz-placeholder { color: #999999; } .topbar .topbar-search .search-form :-ms-input-placeholder { color: #999999; } .topbar .topbar-search .search-form:after, .topbar .topbar-search .search-form:before { display: none; } .topbar .topbar-search .search-form .search-field { height: 40px; line-height: 40px; padding-right: 40px; background-color: rgba(255, 255, 255, 0.1); color: #9e9e9e; } .topbar .topbar-search .search-form .search-submit { right: 0; width: 45px; height: 45px; } .topbar .topbar-search.topbar-search-1 .search-form { position: absolute; top: 120%; right: 0; width: 250px; line-height: 45px; background-color: #fff; -webkit-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .topbar .topbar-search.topbar-search-1 .search-form i { color: #222; } .topbar .topbar-search.topbar-search-1 .search-form ::-webkit-input-placeholder { color: #757575; } .topbar .topbar-search.topbar-search-1 .search-form :-moz-placeholder { color: #757575; } .topbar .topbar-search.topbar-search-1 .search-form ::-moz-placeholder { color: #757575; } .topbar .topbar-search.topbar-search-1 .search-form :-ms-input-placeholder { color: #757575; } .topbar .topbar-search.topbar-search-1 .search-form .search-field { background-color: transparent; } .topbar .topbar-search.display-search .toggle-search i { opacity: 0; } .topbar .topbar-search.display-search .toggle-search:before { opacity: 1; } .topbar .topbar-search.display-search .search-form { top: 102%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .topbar .topbar-socials { display: inline-block; padding: 0; margin: 0; } .topbar .topbar-socials li { display: inline-block; padding: 0 10px; } .topbar .topbar-socials li a { color: #dde2fc; -webkit-transition: 0.5s; transition: 0.5s; } .topbar .topbar-socials li:hover a { color: #c02030; } .topbar .cargohub-social-links-widget a { color: #dde2fc; font-size: 15px; } .topbar .cargohub-social-links-widget a:hover { color: #c02030; } .topbar .widget_icl_lang_sel_widget ul.lang_sel { padding: 15px 20px 15px 0; position: relative; } .topbar .widget_icl_lang_sel_widget ul.lang_sel:after { content: '\f107'; font-family: FontAwesome; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .topbar .widget_icl_lang_sel_widget ul.lang_sel a { color: #fff; font-size: 14px; font-weight: 400; } .topbar .widget_icl_lang_sel_widget ul.lang_sel a img { margin-right: 10px; } .topbar .widget_icl_lang_sel_widget ul.lang_sel a:hover { color: #fff; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul { position: absolute; background-color: #f4f4f4; width: 100%; text-align: left; padding-left: 20px; opacity: 0; top: 53px; -webkit-transition: 0.5s; transition: 0.5s; z-index: -9999; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul a { color: #272727; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul a:hover { color: #272727; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul:before { content: ''; width: 100%; height: 5px; background-color: transparent; top: -4px; left: 0; } .topbar .widget_icl_lang_sel_widget ul.lang_sel ul li { padding: 10px 10px 10px 0; } .topbar .widget_icl_lang_sel_widget ul.lang_sel:hover ul { opacity: 1; z-index: 9999; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .topbar .widget_nav_menu ul li { display: inline-block; padding: 0 15px; } .topbar .widget_nav_menu ul li:last-child { padding-right: 0; } .topbar .widget_nav_menu ul li:first-child { padding-left: 0; } .topbar .widget_nav_menu ul li a { padding-left: 0; } .topbar .widget_nav_menu ul li a:before { display: none; } .page-header { margin: 0; padding-bottom: 0; border: none; background-color: #161616; } .page-header h1 { color: #fff; text-transform: capitalize; font-weight: 600; margin: 0; font-size: 44px; line-height: 1.2; position: relative; z-index: 99; } .page-header .header-title { padding-top: 120px; padding-bottom: 120px; text-align: center; background-attachment: fixed; position: relative; background:url(../images/bg/page-header-bg.jpg) center center no-repeat fixed;background-size:cover; } .page-header .breadcrumb-area { background-color: #fff; padding: 22px 0; border-bottom: 1px solid #ececec; font-size: 16px; } .page-header .breadcrumb-area nav { background-color: transparent; text-align: left; padding: 0; margin: 0; color: #848484; line-height: 20px; } .page-header .breadcrumb-area nav a span[itemprop="title"] { color: #848484; -webkit-transition: 0.5s; transition: 0.5s; } .page-header .breadcrumb-area nav i { padding: 0 5px; font-size: 14px; color: #848484; } .page-header .breadcrumb-area nav span[itemprop="title"] { color: #848484; } .page-header .site-social-share { text-align: right; position: relative; color: #222; } .page-header .site-social-share .socials-share { position: absolute; width: 100%; top: 50%; right: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .page-header .site-social-share:hover .socials-share { opacity: 1; } .header-sticky.header-v1 .site-header.minimized, .header-sticky.header-v2 .site-header.minimized { top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; position: fixed; z-index: 9999; background-color: #fff; } .header-sticky.admin-bar.header-v1 .site-header.minimized, .header-sticky.admin-bar.header-v2 .site-header.minimized { top: 32px; } .header-sticky.admin-bar.header-v3 .site-header.minimized .site-menu, .header-sticky.admin-bar.header-v4 .site-header.minimized .site-menu { top: 32px; } .header-sticky.header-transparent .site-header.minimized { top: 0 !important; } .header-sticky.header-transparent .site-header.minimized .site-logo img.logo-dark { display: inline-block; } .header-sticky.header-transparent .site-header.minimized .site-logo img.logo-light { display: none; } .header-sticky.header-transparent.admin-bar .site-header.minimized { top: 32px !important; } .header-sticky.header-v3 .site-header.minimized .site-menu, .header-sticky.header-v4 .site-header.minimized .site-menu { position: fixed; top: 0; z-index: 9999; width: inherit; } .header-sticky.header-v3 .site-header.minimized .site-menu { width: 100%; } .header-transparent .topbar { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(12, 18, 57, 0.9); } .header-transparent.admin-bar .topbar { top: 32px; } .header-transparent .site-header { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; border-bottom: 1px solid rgba(35, 41, 81, 0.1); } .header-transparent .page-header .header-title { padding-top: 275px; } .header-v3 .site-header, .header-v4 .site-header { padding: 0; } .header-v3 .site-logo, .header-v4 .site-logo { float: left; } .header-v3 .site-header-widget, .header-v4 .site-header-widget { float: right; } .header-v3 .site-header-widget .widget, .header-v4 .site-header-widget .widget { float: right; text-align: left; padding: 0 15px; margin-bottom: 0; } .header-v3 .site-header-widget .widget:first-child, .header-v4 .site-header-widget .widget:first-child { padding-right: 0; } .header-v3 .site-header-widget .widget:last-child, .header-v4 .site-header-widget .widget:last-child { padding-left: 0; } .header-v3 .site-header-widget .widget p, .header-v4 .site-header-widget .widget p { margin-bottom: 0; font-size: 16px; font-style: italic; } .header-v3 .site-header-widget .widget i, .header-v4 .site-header-widget .widget i { color: #202020; } .header-v3 .site-header-widget .widget h4, .header-v4 .site-header-widget .widget h4 { color: #c02030; font-size: 15px; font-weight: 500; margin-bottom: 0; margin-top: 5px; } .header-v3 .site-header { background-color: transparent; } .header-v3 .site-contact { padding-top: 38px; padding-bottom: 28px; } .header-v3 .site-header-widget span { float: left; margin-top: -5px; } .header-v3 .site-header-widget i { font-size: 33px; } .header-v3 .site-header-widget i:before { font-size: 33px; } .header-v3 .site-header-widget h4, .header-v3 .site-header-widget p { margin-left: 50px; } .header-v4 .topbar { border-bottom: 1px solid #f1f1f1; } .header-v4 .ch-empty-space { height: 85px; } .header-v4 .page-header .header-title { padding-top: 200px; } .header-v4 .site-header { background-color: transparent; position: absolute; width: 100%; top: 0; z-index: 999; } .header-v4 .site-contact { padding: 29px 30px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; background-color: #fff; } .header-v4 .site-header-widget span { float: left; width: 50px; height: 50px; line-height: 46px; text-align: center; border: 2px solid #f1f1f1; } .header-v4 .site-header-widget i { font-size: 22px; } .header-v4 .site-header-widget i:before { font-size: 22px; } .header-v4 .site-header-widget h4, .header-v4 .site-header-widget p { margin-left: 70px; } .fh-header-minimized { display: none; } .header-v2 .fh-header-minimized.minimized, .header-v3 .fh-header-minimized.minimized { display: block; } .off-canvas-layer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; cursor: pointer; display: none; background-color: rgba(0, 0, 0, 0.5); } .display-mobile-menu .off-canvas-layer { display: block; } /*-------------------------------------------------------------- Navigations --------------------------------------------------------------*/ .nav { line-height: 40px; } .nav a { font-weight: 600; font-size: 14px; color: #222; display: block; font-family: 'Montserrat', sans-serif; } .nav ul { list-style: none; padding-left: 0; margin-bottom: 0; } .nav ul ul { -webkit-transition: top 0.3s ease 0s, opacity 0.3s; transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; top: 110%; left: 8px; width: 270px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); background-color: #fff; margin-top: 31px; padding: 15px 0; z-index: 9999; } .nav ul ul:before { content: ''; width: 100%; height: 40px; position: absolute; background-color: transparent; left: 0; top: -40px; } .nav ul ul ul { -webkit-transition: left 0.3s ease 0s, opacity 0.3s; transition: left 0.3s ease 0s, opacity 0.3s; left: 115%; top: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; z-index: 9999; } .nav ul ul ul:before { content: ''; width: 10px; height: 100%; position: absolute; background-color: transparent; top: 0; left: -10px; } .nav li { display: inline-block; position: relative; } .nav li:hover > ul { opacity: 1; top: 92%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .nav li li { padding: 12px 30px; display: block; line-height: 1.2; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; } .nav li li:last-child { border-bottom: 0; } .nav li li:hover { background-color: #333366; } .nav li li:hover > a { color: #333366; } .nav li li:hover > ul { top: 0; left: -webkit-calc(100% + 10px); left: calc(100% + 10px); } .nav ul.menu { zoom: 1; } .nav ul.menu:before, .nav ul.menu:after { content: ""; display: table; } .nav ul.menu:after { clear: both; } .nav ul.menu:before, .nav ul.menu:after { content: ""; display: table; } .nav ul.menu:after { clear: both; } .nav ul.menu > li { display: block; float: left; position: relative; padding: 9px 14px; } .nav ul.menu > li > a { text-transform: uppercase; padding-top: 0; padding-bottom: 0; position: relative; z-index: 99; } .nav ul.menu > li:first-child > ul { left: 0; } .nav ul.menu > li:last-child { border: none; } .nav ul.menu > li.has-children > a:before, .nav ul.menu > li.active > a:before { font-family: FontAweSome; position: absolute; top: 50%; right: -13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav ul.menu > li:hover > a, .nav ul.menu > li.current-menu-item > a, .nav ul.menu > li.active > a, .nav ul.menu > li.current_page_item > a, .nav ul.menu > li.active > a { color: white; } .nav div.menu > ul { zoom: 1; } .nav div.menu > ul:before, .nav div.menu > ul:after { content: ""; display: table; } .nav div.menu > ul:after { clear: both; } .nav div.menu > ul:before, .nav div.menu > ul:after { content: ""; display: table; } .nav div.menu > ul:after { clear: both; } .nav div.menu > ul > li { display: block; float: left; position: relative; padding: 9px 19px; } .nav div.menu > ul > li > a { text-transform: uppercase; padding-top: 0; padding-bottom: 0; position: relative; z-index: 99; } .nav div.menu > ul > li:first-child > ul { left: 0; } .nav div.menu > ul > li.page_item_has_children > a:before { content: '\f107'; font-family: FontAweSome; position: absolute; top: 50%; right: -13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav div.menu > ul > li.current-menu-item > a, .nav div.menu > ul > li.active > a, .nav div.menu > ul > li.current_page_item > a, .nav div.menu > ul > li.current_page_parent > a, .nav div.menu > ul > li:hover > a { color: #333366; } .nav .menu li.extra-menu-item { float: right; } .nav .menu li.extra-menu-item.menu-item-button-link { padding: 0; color:white; } .nav .menu li.extra-menu-item.menu-item-button-link a { color: #fff; font-weight: 500; font-size: 15px; margin-top: 4px; text-transform: inherit; } .nav .menu li.extra-menu-item.menu-item-button-link a:hover { color: #fff; } .nav .menu li.extra-menu-item.menu-item-search { position: relative; text-align: right; padding-right: 0; } .nav .menu li.extra-menu-item.menu-item-search .toggle-search { color: #c02030; } .nav .menu li.extra-menu-item.menu-item-search .toggle-search:before { content: '\f00d'; font-family: FontAweSome; position: absolute; top: 50%; left: 0; font-size: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .nav .menu li.extra-menu-item.menu-item-search .toggle-search:after { content: ''; position: absolute; top: 50%; left: -25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.1); width: 1px; height: 22px; } .nav .menu li.extra-menu-item.menu-item-search .search-form { position: absolute; top: 130%; right: 0; width: 250px; border: 1px solid #f4f4f4; background-color: transparent; -webkit-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; z-index: 99; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .nav .menu li.extra-menu-item.menu-item-search .search-form i { position: absolute; top: 50%; right: 16px; color: #222; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav .menu li.extra-menu-item.menu-item-search .search-form .search-submit { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .nav .menu li.extra-menu-item.menu-item-search .search-form input[type="search"] { height: 50px; line-height: 50px; width: 100%; padding: 0 40px 0 15px; background-color: #fff; border: none; } .nav .menu li.extra-menu-item.menu-item-search .search-form input[type="search"]:focus { outline: none; border: none; } .nav .menu li.extra-menu-item.menu-item-search.display-search .toggle-search i { opacity: 0; } .nav .menu li.extra-menu-item.menu-item-search.display-search .toggle-search:before { opacity: 1; } .nav .menu li.extra-menu-item.menu-item-search.display-search .search-form { top: 110%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .header-v1 .nav ul ul ul { left: 110%; top: 0; } .header-v1 .nav li:hover > ul { top: 92%; } .header-v1 .nav li li:hover > ul { top: 0; left: -webkit-calc(100% + 10px); left: calc(100% + 10px); } .header-v1 .nav a { color: #333366; } .header-v1 .nav li li > a { color: #222; } .header-v1 .nav li li:hover > a { color: #fff; } .header-v1 .nav .menu li.extra-menu-item.menu-item-search .search-form { top: 180%; } .header-v1 .nav .menu li.extra-menu-item.menu-item-search.display-search .search-form { top: 160%; } .header-v2 .nav .menu li.extra-menu-item.menu-item-search .search-form { top: 180%; } .header-v2 .nav .menu li.extra-menu-item.menu-item-search.display-search .search-form { top: 160%; } .header-v3 .site-menu { background-color: #0c1239; } .header-v3 .nav ul ul { top: 85%; } .header-v3 .nav ul ul:before { height: 5px; top: -5px; } .header-v3 .nav ul ul ul:before { height: 100%; left: -10px; } .header-v3 .nav li:hover > ul { top: 55%; } .header-v3 .nav li li:hover > ul { top: 0; left: -webkit-calc(100% + 10px); left: calc(100% + 10px); } .header-v3 .nav a { color: #fff; } .header-v3 .nav li li > a { color: #222; } .header-v3 .nav li li:hover > a { color: #fff; } .header-v3 .nav ul.menu > li { padding: 15px 27px; } .header-v3 .nav ul.menu > li:last-child { padding-right: 0; } .header-v3 .nav ul.menu > li:first-child { padding-left: 0; } .header-v3 .nav ul.menu .menu-item-button-link { padding: 6px 0; } .header-v3 .site-menu { background-color: #0c1239; } .header-v3 .sub-background-color, .header-v3 .topbar, .header-v3 .nav li li:hover, .header-v3 .site-menu, .header-v3 .site-menu, .header-v3 .fh-service-box-2.box-style-2 .box-header .fh-icon, .header-v3 .fh-price-table .table-header, .header-v3 .project-wrapper .project-thumbnail .pro-link, .header-v3 .single-post .entry-thumbnail::before, .header-v3 .blog-wrapper .entry-thumbnail a::before, .header-v3 .service .service-thumbnail a::before, .header-v3 .fh-latest-post .item-latest-post .entry-thumbnail a::before, .header-v3 .fh-service .entry-thumbnail .link, .header-v3 .fh-team .team-member .team-header::before, .header-v3 .fh-icon-box.version-light::before, .header-v3 .fh-btn-2, .header-v3 .fh-testimonials-carousel .testi-wrapper { background-color: #202020; } .header-v4 .site-menu { background-color: #0c1239; } .header-v4 .nav ul ul { top: 85%; } .header-v4 .nav ul ul:before { height: 5px; top: -5px; } .header-v4 .nav ul ul ul:before { height: 100%; left: -10px; } .header-v4 .nav li:hover > ul { top: 55%; } .header-v4 .nav li li:hover > ul { top: 0; left: -webkit-calc(100% + 10px); left: calc(100% + 10px); } .header-v4 .nav a { color: #fff; } .header-v4 .nav li li > a { color: #222; } .header-v4 .nav li li:hover > a { color: #fff; } .header-v4 .nav ul.menu { padding: 0 30px; } .header-v4 .nav ul.menu > li { padding: 0 7px 0 17px; } .header-v4 .nav ul.menu > li:last-child { padding-right: 0; } .header-v4 .nav ul.menu > li:first-child { padding-left: 0; } .header-v4 .nav ul.menu > li > a { position: relative; padding: 13px 20px 13px 10px; } .header-v4 .nav ul.menu > li > a:after { content: ''; position: absolute; width: 0; height: 5px; right: 0; bottom: 0; background-color: #c02030; -webkit-transition: 0.5s; transition: 0.5s; } .header-v4 .nav ul.menu > li.current-menu-item > a:after, .header-v4 .nav ul.menu > li.active > a:after, .header-v4 .nav ul.menu > li.current_page_item > a:after, .header-v4 .nav ul.menu > li:hover > a:after { right: auto; left: 0; width: 100%; } .header-v4 .nav ul.menu > li.has-children > a:before { right: 7px; } .header-v4 .nav ul.menu > li.menu-item-button-link { padding: 4px 0; } .header-v4 .nav ul.menu > li.menu-item-button-link a { padding: 0; } .header-v4 .nav ul.menu > li.menu-item-search a { padding-left: 0; padding-right: 0; } .header-v4 .nav .menu li.extra-menu-item.menu-item-search .search-form { right: -30px; } .header-sticky .site-header.minimized .nav .menu > li a { color: #222; } .header-sticky .site-header.minimized .nav .menu > li.menu-item-button-link a { color: #fff; } .header-sticky .site-header.minimized .nav .menu > li.menu-item-button-link:hover a { color: #fff; } .header-sticky .site-header.minimized .nav .menu > li:hover > a, .header-sticky .site-header.minimized .nav .menu > li.current-menu-item > a, .header-sticky .site-header.minimized .nav .menu > li.active > a { color: #333366; } .header-sticky .site-header.minimized .nav .menu > li li:hover > a { color: #fff; } .header-sticky.header-v3 .site-header.minimized .nav .menu > li a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li a { color: #fff; } .header-sticky.header-v3 .site-header.minimized .nav .menu > li.menu-item-button-link a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li.menu-item-button-link a { color: #fff; } .header-sticky.header-v3 .site-header.minimized .nav .menu > li.menu-item-button-link:hover a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li.menu-item-button-link:hover a { color: #fff; } .header-sticky.header-v3 .site-header.minimized .nav .menu > li:hover > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li:hover > a, .header-sticky.header-v3 .site-header.minimized .nav .menu > li.current-menu-item > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li.current-menu-item > a, .header-sticky.header-v3 .site-header.minimized .nav .menu > li.active > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li.active > a { color: #c02030; } .header-sticky.header-v3 .site-header.minimized .nav .menu > li li a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li li a { color: #222; } .header-sticky.header-v3 .site-header.minimized .nav .menu > li li:hover > a, .header-sticky.header-v4 .site-header.minimized .nav .menu > li li:hover > a { color: #fff; } .post-navigation { float: right; } .post-navigation .nav-previous, .post-navigation .nav-next { display: inline-block; margin: 5px 0; } .post-navigation .nav-previous a, .post-navigation .nav-next a { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; } .post-navigation .nav-previous .meta-nav, .post-navigation .nav-next .meta-nav { font-size: 14px; } .post-navigation .nav-previous { padding-right: 10px; border-right: 0.5px solid #eee; } .post-navigation .nav-previous .meta-nav { padding-right: 12px; } .post-navigation .nav-next { padding-left: 10px; border-left: 0.5px solid #eee; } .post-navigation .nav-next .meta-nav { padding-left: 12px; } .post-navigation a:hover { color: #c02030; } .blog-grid .numeric-navigation { border-top: 1px solid #f4f4f4; padding-top: 60px; } .numeric-navigation { clear: both; display: block; text-align: center; float: none; padding-top: 0; } .numeric-navigation .page-numbers { color: #222; font-weight: 600; font-size: 18px; width: 52px; height: 52px; line-height: 49px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; border: 2px solid #f4f4f4; display: inline-block; margin: 0 3px; -webkit-transition: 0.5s; transition: 0.5s; position: relative; } .numeric-navigation .page-numbers i { color: #b8b8b8; -webkit-transition: 0.5s; transition: 0.5s; } .numeric-navigation .page-numbers:first-child { margin-left: 0; } .numeric-navigation .page-numbers:last-child { margin-right: 0; } .numeric-navigation .page-numbers:hover, .numeric-navigation .page-numbers.current { color: #fff; background-color: #c02030; border-color: #c02030; } .numeric-navigation .page-numbers:hover i, .numeric-navigation .page-numbers.current i { color: #fff; } .portfolio-navigation { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; padding-bottom: 20px; padding-top: 21px; text-align: center; } .portfolio-navigation .nav-previous, .portfolio-navigation .nav-next { padding-top: 7px; } .portfolio-navigation .nav-previous a, .portfolio-navigation .nav-next a { font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; } .portfolio-navigation .nav-previous a:hover, .portfolio-navigation .nav-next a:hover { color: #c02030; } .portfolio-navigation .nav-previous .meta-nav.left, .portfolio-navigation .nav-next .meta-nav.left { padding-right: 10px; } .portfolio-navigation .nav-previous .meta-nav.right, .portfolio-navigation .nav-next .meta-nav.right { padding-left: 10px; } .portfolio-navigation .portfolio-link { font-size: 24px; } .portfolio-navigation .nav-previous { float: left; } .portfolio-navigation .nav-next { float: right; } .all-project .numeric-navigation { margin-top: 0; padding-top: 20px; } .all-service .numeric-navigation { margin-top: 0; padding-top: 20px; } .project-nav-ajax nav.numeric-navigation { text-align: center; } .project-nav-ajax nav.numeric-navigation .page-numbers { display: none; } .project-nav-ajax nav.numeric-navigation .page-numbers.next { font-size: 16px; font-weight: 700; color: #c02030; text-align: center; display: inline-block; position: relative; min-width: 160px; min-height: 50px; line-height: 49px; height: inherit; -webkit-border-radius: 50px; border-radius: 50px; padding: 0 20px; background-color: #fff; text-transform: capitalize; border: 2px solid #f7f7f7; -webkit-box-shadow: none; box-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; } .project-nav-ajax nav.numeric-navigation .page-numbers.next span { display: block; -webkit-transition: 0.5s; transition: 0.5s; color: #c02030; } .project-nav-ajax nav.numeric-navigation .page-numbers.next .cargohub-loading { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; width: 100%; } .project-nav-ajax nav.numeric-navigation .page-numbers.next.loading .cargohub-loading { opacity: 1; } .project-nav-ajax nav.numeric-navigation .page-numbers.next.loading .load-more { opacity: 0; } .project-nav-ajax nav.numeric-navigation .page-numbers.next:hover, .project-nav-ajax nav.numeric-navigation .page-numbers.next:focus { color: #fff; border-color: #c02030; -webkit-box-shadow: none; box-shadow: none; outline: none; background-color: #c02030; } .project-nav-ajax nav.numeric-navigation .page-numbers.next:hover span, .project-nav-ajax nav.numeric-navigation .page-numbers.next:focus span { color: #fff; } .project-nav-ajax nav.numeric-navigation .page-numbers:before { display: none; } .navbar-toggle { padding: 0; margin: 0; -webkit-border-radius: 0; border-radius: 0; position: static; } .navbar-icon { display: inline-block; height: 25px; width: 27px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .navbar-icon .navbars-line { display: inline-block; width: 27px; height: 2px; background-color: #222; position: absolute; top: 50%; left: 0; cursor: pointer; } .navbar-icon .navbars-line:before, .navbar-icon .navbars-line:after { position: absolute; width: 100%; height: 2px; content: ''; background-color: #222; } .navbar-icon .navbars-line:before { top: -8px; } .navbar-icon .navbars-line:after { bottom: -8px; } .header-transparent .navbar-icon .navbars-line, .header-transparent .navbar-icon .navbars-line:before, .header-transparent .navbar-icon .navbars-line:after { background-color: #fff; } .navbars-icon { display: inline-block; position: relative; } .navbars-icon i { color: #222; font-size: 26px; } .admin-bar .primary-mobile-nav { top: 32px; } .primary-mobile-nav { width: 340px; -webkit-transition: 0.4s; transition: 0.4s; background-color: #fff; position: fixed; top: 0; right: -340px; height: 100%; overflow-x: hidden; overflow-y: auto; color: #848484; z-index: 99999; border: 1px solid #f4f4f4; } .primary-mobile-nav .close-canvas-mobile-panel { padding: 20px; display: inline-block; font-size: 46px; line-height: 30px; padding-bottom: 0; } .primary-mobile-nav ul { list-style: none; padding-left: 0; } .primary-mobile-nav ul.menu { padding-bottom: 30px; } .primary-mobile-nav ul.menu.over-submenu { height: 0; overflow: hidden; padding-bottom: 0; } .primary-mobile-nav ul.menu li { padding: 15px 20px; position: static; } .primary-mobile-nav ul.menu li .toggle-children { float: right; position: relative; } .primary-mobile-nav ul.menu li .toggle-children i { position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; right: -20px; top: -12px; font-size: 22px; } .primary-mobile-nav ul.menu li > ul { position: absolute; float: left; right: 0; top: 0; visibility: visible; display: inline-block; width: 100% !important; z-index: 10; margin-top: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.35s; transition: 0.35s; background-color: #fff; overflow-y: auto; overflow-x: hidden; height: 100%; } .primary-mobile-nav ul.menu li > ul .menu-parent-items { background-color: #f4f4f4; color: #222; text-transform: uppercase; } .primary-mobile-nav ul.menu li.over-menu > ul { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .primary-mobile-nav ul.menu li.menu-back { padding-left: 40px; position: relative; } .primary-mobile-nav ul.menu li.menu-back:before { content: '\f104'; font-family: Fontawesome; font-size: 22px; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .primary-mobile-nav ul.menu li.extra-menu-item { margin-top: 40px; } .primary-mobile-nav ul.menu li.current-menu-item > a { color: #c02030; } .primary-mobile-nav .menu-item-search .toggle-search { display: none; } .primary-mobile-nav .menu-item-search .search-form { position: relative; opacity: 1; z-index: 9; color: #848484; } .primary-mobile-nav .menu-item-search .search-form i { position: absolute; top: 50%; right: 16px; color: #222; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .primary-mobile-nav .menu-item-search .search-form .screen-reader-text { display: none; } .primary-mobile-nav .menu-item-search .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .primary-mobile-nav .menu-item-search .search-form :-moz-placeholder { color: #9e9e9e; } .primary-mobile-nav .menu-item-search .search-form ::-moz-placeholder { color: #9e9e9e; } .primary-mobile-nav .menu-item-search .search-form :-ms-input-placeholder { color: #9e9e9e; } .primary-mobile-nav .menu-item-search .search-form .search-submit { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .primary-mobile-nav .menu-item-search .search-form label { width: 100%; margin-bottom: 0; } .primary-mobile-nav .menu-item-search .search-form input[type="search"] { height: 50px; line-height: 50px; width: 100%; padding: 0 55px 0 15px; border: 1px solid #ececec; } .primary-mobile-nav .menu-item-search .search-form input[type="search"]:focus { outline: none; } .display-mobile-menu .primary-mobile-nav { right: 0; z-index: 99999; } /*-------------------------------------------------------------- Content --------------------------------------------------------------*/ .fh-btn { font-size: 16px; font-weight: 400; color: #fff; text-align: center; display: inline-block; min-width: 150px; min-height: 50px; line-height: 50px; -webkit-border-radius: 0; border-radius: 0; padding: 0 20px; background-color: #c02030; text-transform: capitalize; border: 0; -webkit-box-shadow: none; box-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; } .fh-btn:hover, .fh-btn:focus { color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; background-color: #c02030; } .fh-btn-2 { font-size: 16px; font-weight: 400; color: #fff; text-align: center; display: inline-block; min-width: 150px; min-height: 50px; line-height: 50px; -webkit-border-radius: 0; border-radius: 0; padding: 0 20px; background-color: #0c1239; text-transform: capitalize; border: 0; -webkit-box-shadow: none; box-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; } .fh-btn-2:hover, .fh-btn-2:focus { color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; background-color: #0c1239; } .site-content { padding-top: 80px; padding-bottom: 80px; } .container { padding-left: 0; padding-right: 0; } .container .container { width: 100%; } p { margin-bottom: 15px; } .page-template-template-homepage .site-content, .page-template-template-fullwidth .site-content, .single-service .site-content { padding-top: 0; padding-bottom: 0; } .single-post.single-right .site-content, .blog.single-right .site-content, .category.single-right .site-content, .tag.single-right .site-content, .single-post.single-left .site-content, .blog.single-left .site-content, .category.single-left .site-content, .tag.single-left .site-content { padding-top: 0; padding-bottom: 0; } .single-post.single-right .content-area, .blog.single-right .content-area, .category.single-right .content-area, .tag.single-right .content-area, .single-post.single-left .content-area, .blog.single-left .content-area, .category.single-left .content-area, .tag.single-left .content-area, .single-post.single-right .blog-sidebar .cargohub-widget, .blog.single-right .blog-sidebar .cargohub-widget, .category.single-right .blog-sidebar .cargohub-widget, .tag.single-right .blog-sidebar .cargohub-widget, .single-post.single-left .blog-sidebar .cargohub-widget, .blog.single-left .blog-sidebar .cargohub-widget, .category.single-left .blog-sidebar .cargohub-widget, .tag.single-left .blog-sidebar .cargohub-widget { padding-top: 80px; padding-bottom: 80px; } .single-post.blog-grid .site-main, .blog.blog-grid .site-main, .category.blog-grid .site-main, .tag.blog-grid .site-main { margin-left: -15px; margin-right: -15px; zoom: 1; } .single-post.blog-grid .site-main:before, .blog.blog-grid .site-main:before, .category.blog-grid .site-main:before, .tag.blog-grid .site-main:before, .single-post.blog-grid .site-main:after, .blog.blog-grid .site-main:after, .category.blog-grid .site-main:after, .tag.blog-grid .site-main:after { content: ""; display: table; } .single-post.blog-grid .site-main:after, .blog.blog-grid .site-main:after, .category.blog-grid .site-main:after, .tag.blog-grid .site-main:after { clear: both; } .single-post.blog-grid .site-main:before, .blog.blog-grid .site-main:before, .category.blog-grid .site-main:before, .tag.blog-grid .site-main:before, .single-post.blog-grid .site-main:after, .blog.blog-grid .site-main:after, .category.blog-grid .site-main:after, .tag.blog-grid .site-main:after { content: ""; display: table; } .single-post.blog-grid .site-main:after, .blog.blog-grid .site-main:after, .category.blog-grid .site-main:after, .tag.blog-grid .site-main:after { clear: both; } .single-left .primary-sidebar { float: left; } .single-left .content-area { float: right; } .single-left.single-post .site-main, .single-left.blog .site-main, .single-left.category .site-main, .single-left.tag .site-main { padding-left: 10px; } .single-right .primary-sidebar { float: right; } .single-right .content-area { float: left; } .single-right.single-post .site-main, .single-right.blog .site-main, .single-right.category .site-main, .single-right.tag .site-main { padding-right: 10px; } .entry-thumbnail { margin-bottom: 20px; position: relative; } .entry-meta { padding-bottom: 5px; } .entry-meta a { color: #848484; font-weight: 400; } .entry-meta a:hover { color: #c02030; } .entry-meta .meta { float: left; padding: 0 15px; position: relative; } .entry-meta .meta:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 17px; background-color: #949494; } .entry-meta .meta:first-child { padding-left: 0; } .entry-meta .meta:last-child:after { display: none; } .entry-meta .meta.views { cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; text-transform: capitalize; } .entry-meta .meta.views:hover { color: #333366; } .entry-meta .meta.author a { text-transform: capitalize; } .entry-meta .fa { padding-right: 8px; color: #333366; } .entry-title { font-size: 26px; font-weight: 500; margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; } .entry-time { position: absolute; width: 55px; height: 55px; padding: 8px 0; top: 10px; left: 10px; background-color: #333366; color: #fff; text-align: center; font-size: 18px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .entry-time span { display: block; line-height: 1.2; } .post-author { margin-top: 70px; } .post-author .box-title { text-transform: capitalize; font-size: 30px; font-weight: 600; margin: 0 0 40px; padding-bottom: 15px; position: relative; } .post-author .box-title:after { content: ''; position: absolute; height: 1px; width: 70px; background-color: #333366; left: 0; bottom: 0; } .post-author .box-title:before { content: ''; position: absolute; height: 1px; width: 100%; background-color: #f6f6f6; left: 0; bottom: 0; } .post-author .post-author-box { background-color: #f7f7f7; padding: 30px; } .post-author .post-author-box .post-author-avatar { float: left; padding-right: 30px; } .post-author .post-author-box .author-name { margin: 0; font-weight: 600; font-size: 20px; color: #222; text-transform: capitalize; } .post-author .post-author-box .post-author-info p { font-size: 16px; margin-top: 10px; margin-bottom: 0; } .post-password-form input[type="password"] { border: 1px solid #f4f4f4; -webkit-transition: 0.5s; transition: 0.5s; outline: none; padding: 5px 10px; height: 40px; } .post-password-form input[type="password"]:focus { border-color: #ececec; outline: none; } .post-password-form input[type="submit"] { height: 40px; border: none; outline: none; } .post-password-form input[type="submit"]:focus { outline: none; } .single .entry-content.no-title { padding-top: 10px; } .single-post .hentry { border: 1px solid #eee; } .single-post .hentry.no-thumb .entry-header { padding-top: 30px; } .single-post .entry-thumbnail { overflow: hidden; position: relative; } .single-post .entry-thumbnail img { -webkit-transition: 0.5s; transition: 0.5s; } .single-post .entry-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0c1239; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 99; } .single-post .entry-thumbnail:hover img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .single-post .entry-thumbnail:hover:before { opacity: 0.7; } .single-post .entry-title, .single-post .entry-header .entry-meta, .single-post .entry-content, .single-post .entry-footer { margin-left: 30px; margin-right: 30px; } .single-post .entry-title { display: none; } .single-post.no-sidebar .entry-thumbnail { text-align: center; } .no-thumb .entry-thumbnail { margin: 0; display: none; } .no-thumb .entry-thumbnail i { display: none; } .entry-content { padding-bottom: 0; } .entry-footer { padding: 20px 0; border-top: 1px solid #f6f6f6; } .blog-wrapper { border: 1px solid #ececec; margin-bottom: 60px; } .blog-wrapper .entry-thumbnail { overflow: hidden; margin-bottom: 15px; } .blog-wrapper .entry-thumbnail a { display: inline-block; position: relative; } .blog-wrapper .entry-thumbnail a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0c1239; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 99; } .blog-wrapper .entry-thumbnail a img { -webkit-transition: 0.5s; transition: 0.5s; } .blog-wrapper.no-thumb .wrapper { padding-top: 30px; } .blog-wrapper .entry-footer { border: none; padding-top: 3px; padding-bottom: 23px; } .blog-wrapper .entry-footer a { font-weight: 500; font-family: 'Montserrat', sans-serif; color: #c02030; } .blog-wrapper:hover .entry-thumbnail a:before { opacity: 0.7; } .blog-wrapper:hover .entry-thumbnail img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .blog-wrapper.sticky .entry-title:before { content: '\f02e'; font-family: FontAweSome; padding-right: 5px; color: #c02030; } .blog-classic .blog-wrapper .entry-header, .blog-classic .blog-wrapper .entry-content, .blog-classic .blog-wrapper .entry-footer { margin-left: 30px; margin-right: 30px; } .blog-grid .blog-wrapper { padding-bottom: 0; margin-bottom: 55px; border: 0; } .blog-grid .blog-wrapper.no-thumb .wrapper { padding-top: 0; } .blog-grid .blog-wrapper .wrapper { border: none; } .blog-grid .blog-wrapper .entry-title, .blog-grid .blog-wrapper .entry-content { padding-left: 0; padding-right: 0; } .blog-grid .blog-wrapper .entry-content { display: none; } .blog-grid .blog-wrapper .entry-title { font-size: 22px; margin-bottom: 0; } .blog-grid .blog-wrapper .entry-footer { border: none; padding: 0; -webkit-transition: 0.5s; transition: 0.5s; } .blog-grid .blog-wrapper.col-md-6:nth-child(2n+1), .blog-grid .blog-wrapper.col-md-4:nth-child(3n+1), .blog-grid .blog-wrapper.col-md-3:nth-child(4n+1) { clear: left; } .blog-grid .blog-wrapper.col-3 .entry-title, .blog-grid .blog-wrapper.col-4 .entry-title { font-size: 20px; } .socials-share { margin-left: 0; margin-bottom: 0; padding-left: 0; list-style: none; display: inline-block; } .socials-share li { display: inline-block; padding: 0 5px; } .socials-share li:first-child { padding-left: 0; } .socials-share li:last-child { padding-right: 0; } .socials-share a { color: #848484; font-size: 14px; display: inline-block; width: 39px; height: 38px; line-height: 38px; text-align: center; background-color: #f4f4f4; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; position: relative; } .socials-share a:hover { background-color: #c02030; color: #fff; } .tax-service_category .site-content, .post-type-archive-service .site-content { padding-top: 80px; padding-bottom: 40px; } /*** ==================================================================== services Section ==================================================================== ***/ .service .service-inner { margin-bottom: 40px; -webkit-transition: 0.5s; transition: 0.5s; } .service .service-summary { margin-bottom: 0; } .service .service-summary h2 { font-size: 20px; font-weight: 500; margin-top: 0; margin-bottom: 5px; } .service .service-summary p { margin-bottom: 0; } .service .service-thumbnail { margin-bottom: 27px; overflow: hidden; display: inline-block; } .service .service-thumbnail a { position: relative; display: block; } .service .service-thumbnail a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0c1239; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 99; } .service .service-thumbnail img { -webkit-transition: 0.5s; transition: 0.5s; } .service.col-md-4:nth-child(3n+1) { clear: left; } .service:hover .service-thumbnail a:before { opacity: 0.7; } .service:hover .service-thumbnail img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .service:hover .service-inner { border-color: #c02030; } .service:hover .service-title a { color: #c02030; } .post-type-archive-service .site-content .content-area, .tax-service_category .site-content .content-area { padding-top: 0; padding-bottom: 0; } .single-service .aligncenter { display: none; } .single-service blockquote { padding: 20px 75px; background-color: #f4f4f4; border-left: 1px solid #c02030; position: relative; } .single-service blockquote:before { content: ''; position: absolute; width: 1px; height: 92%; left: 3px; top: 0; background-color: #c02030; } .single-service blockquote:after { content: '\e914'; font-family: 'factoryhub'; position: absolute; top: 22px; left: 22px; color: #e6e6e6; font-style: normal; font-size: 32px; } .single-service cite { display: block; font-size: 16px; font-style: normal; padding-top: 10px; color: #222; } .single-service cite span { color: #c02030; } .single-project .single-project { padding-bottom: 70px; } .single-project .entry-thumbnail { margin-bottom: 35px; position: relative; } .single-project .entry-thumbnail .owl-dots { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; } .single-project .entry-thumbnail .owl-dots .owl-dot span { width: 12px; height: 12px; border: 4px solid #fff; background-color: transparent; } .single-project .entry-thumbnail .owl-dots .owl-dot:hover span, .single-project .entry-thumbnail .owl-dots .owl-dot.active span { border-color: #c02030; } .single-project .entry-content { padding-right: 30px; border-right: 1px solid #f4f4f4; } .single-project .single-project-title { font-size: 30px; font-weight: 500; padding-bottom: 20px; margin-bottom: 30px; margin-top: 0; position: relative; text-transform: capitalize; } .single-project .single-project-title:before { content: ''; position: absolute; bottom: 0; left: 0; width: 67px; height: 2px; background-color: #c02030; } .single-project .project-socials { padding-top: 20px; } .card1 { background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; border: 1px solid #ddd; } .card1:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .card1-body { padding: 20px; padding: 20px; height: 200px; /* Adjust the height as needed */ display: flex; flex-direction: column; justify-content: space-between; } .box-title1 { margin-bottom: 15px; color: #333; font-size: 18px; font-weight: bold; text-align: center; } .fh-icon-box1 { margin-bottom: 15px; text-align: center; } .fh-icon-box1 img { max-width: 120px; max-height: 80px; display: inline-block; margin: 0 10px; vertical-align: middle; } .metas { padding-left: 0px; } .metas h4 { font-size: 16px; font-weight: 500; margin: 0; line-height: 1; display: inline-block; padding-right: 10px; } .metas a, .metas p { color: #848484; font-size: 16px; margin-bottom: 0; } .metas .meta { padding-bottom: 19px; } .metas .meta:last-child { padding-bottom: 0; } .metas i { font-size: 14px; color: #c02030; } /*** ==================================================================== Projects Section ==================================================================== ***/ .list-project { margin-left: -15px; margin-right: -15px; } .all-project ul.filter { margin-bottom: 43px; list-style: none; text-align: center; display: inline-block; position: relative; padding-left: 0; } .all-project ul.filter li { font-size: 16px; color: #222; font-weight: 500; font-family: 'Montserrat', sans-serif; display: inline-block; cursor: pointer; position: relative; padding: 0 15px; -webkit-transition: all 0.5s; transition: all 0.5s; } .all-project ul.filter li a { color: #222; font-weight: 500; } .all-project ul.filter li.active, .all-project ul.filter li:hover { color: #c02030; } .all-project ul.filter li.active a, .all-project ul.filter li:hover a { color: #c02030; } .all-project ul.filter li:first-child { padding-left: 0; } .all-project ul.filter li:last-child { padding-right: 0; } .project-wrapper { margin-bottom: 30px; text-align: center; } .project-wrapper .project-thumbnail { position: relative; overflow: hidden; } .project-wrapper .project-thumbnail .pro-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #0c1239; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 99; } .project-wrapper .project-thumbnail img { -webkit-transition: 0.5s; transition: 0.5s; } .project-wrapper .project-thumbnail .project-button { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: scale(0.6) translateY(-50%); -ms-transform: scale(0.6) translateY(-50%); transform: scale(0.6) translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 100; } .project-wrapper .project-thumbnail .project-button .button-link { width: 45px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 3px; -webkit-transition: 0.5s; transition: 0.5s; } .project-wrapper .project-thumbnail .project-button .button-link:hover { background-color: #c02030; border-color: #c02030; } .project-wrapper:hover .project-thumbnail .pro-link { opacity: 0.7; } .project-wrapper:hover .project-thumbnail img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .project-wrapper:hover .project-thumbnail .project-button { -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); opacity: 1; } /*** ==================================================================== 404 page ==================================================================== ***/ .search-no-results .no-results .page-header { background-color: transparent; } .search-no-results .no-results h2 { margin-bottom: 30px; color: #222; } .search-no-results .no-results .search-form { font-size: 16px; position: relative; color: #a8a8a8; padding: 0 5px; border: 1px solid #f4f4f4; margin-top: 20px; } .search-no-results .no-results .search-form:before { content: '\f002'; position: absolute; top: 50%; right: 16px; color: #222; font-family: FontAwesome; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-no-results .no-results .search-form .screen-reader-text { display: none; } .search-no-results .no-results .search-form ::-webkit-input-placeholder { color: #a8a8a8; } .search-no-results .no-results .search-form :-moz-placeholder { color: #a8a8a8; } .search-no-results .no-results .search-form ::-moz-placeholder { color: #a8a8a8; } .search-no-results .no-results .search-form :-ms-input-placeholder { color: #a8a8a8; } .search-no-results .no-results .search-form .search-submit { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .search-no-results .no-results .search-form label { width: 100%; margin-bottom: 0; } .search-no-results .no-results .search-form label input { height: 50px; line-height: 50px; width: 100%; padding: 0 35px 0 15px; border: 0; background-color: transparent; font-weight: 400; } .search-no-results .no-results .search-form label input:focus { outline: none; } .error404 .site-content { padding-top: 140px; padding-bottom: 140px; } .error404 .error-404 { text-align: left; color: #222; } .error404 .error-404 .page-header { margin-top: 0; padding-bottom: 0; margin-bottom: 45px; border: 0; background-color: transparent; } .error404 .error-404 .page-header p { line-height: 1; } .error404 .error-404 .page-header p.line-1 { font-size: 20px; text-transform: uppercase; padding-bottom: 15px; } .error404 .error-404 .page-header p.line-2 { font-size: 18px; } .error404 .error-404 h1 { font-size: 150px; font-weight: 600; color: #222; margin: 0; line-height: 1; padding-bottom: 5px; } .error404 .error-404 .search-field { background-color: #fff; font-weight: 400; border: none; } .error404 .error-404 .search-form { font-size: 16px; position: relative; color: #848484; padding: 0 5px; width: 430px; border: 1px solid #ececec; background-color: #fff; } .error404 .error-404 .search-form:before { content: '\f002'; position: absolute; top: 50%; right: 7px; color: #222; font-family: FontAwesome; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .error404 .error-404 .search-form:after { content: ''; position: absolute; top: -1px; right: -11px; width: 50px; height: 52px; background-color: #fafafa; z-index: 9; border: 1px solid #ececec; } .error404 .error-404 .search-form .screen-reader-text { display: none; } .error404 .error-404 .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form :-moz-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form ::-moz-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form :-ms-input-placeholder { color: #9e9e9e; } .error404 .error-404 .search-form .search-submit { position: absolute; top: 1px; right: -10px; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .error404 .error-404 .search-form label { width: 100%; margin-bottom: 0; } .error404 .error-404 .search-form label input { height: 50px; line-height: 50px; width: 100%; padding: 0 0 0 15px; } .error404 .error-404 .search-form label input:focus { outline: none; } .error404 .error-404 .back-home { margin-top: 25px; } .error404 .error-404 .back-home a { color: #fff; font-size: 16px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .error404.error404-no-bg .error-404 div[class*="col-"] { width: 100%; text-align: center; } .error404.error404-no-bg .error-404 .search-form { margin: 0 auto; } /*** ==================================================================== Back To Top ==================================================================== ***/ .scroll-to-top { display: inline-block; position: fixed; bottom: 60px; right: 15px; width: 60px; height: 60px; line-height: 50px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #c02030; color: #c02030; font-size: 30px; background-color: #160f09; -webkit-transition: 0.5s; transition: 0.5s; z-index: 9999; cursor:pointer; } .scroll-to-top .fa { color: #c02030; } .scroll-to-top:hover { color: #c02030; } .scroll-to-top:hover .fa { color: #c02030; } .scroll-to-top.show-scroll { opacity: 1; } .backtotop { display: inline-block; position: fixed; bottom: 60px; right: 60px; width: 60px; height: 60px; line-height: 50px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #c02030; color: #c02030; font-size: 30px; background-color: white; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 9999; } .backtotop .fa { color: #c02030; } .backtotop.show-scroll { opacity: 1; } /*** ==================================================================== Comments Style ==================================================================== ***/ .bypostauthor { display: block; } .comments-area { clear: both; margin-top: 80px; } .comments-title, .comment-reply-title { text-transform: capitalize; font-size: 30px; font-weight: 600; margin: 0 0 20px; padding-bottom: 10px; position: relative; } .comments-title:after, .comment-reply-title:after { content: ''; position: absolute; height: 2px; width: 67px; background-color: #c02030; left: 0; bottom: 0; } .comment-count { display: none; } .comment-reply-title { margin-bottom: 30px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list .children { list-style: none; padding: 0 0 0 80px; } .comment-list .children:last-child { margin-bottom: 0; } .comment-list > .comment:first-child article { border: none; } .comment { zoom: 1; float: left; clear: both; width: 100%; } .comment:before, .comment:after { content: ""; display: table; } .comment:after { clear: both; } .comment:before, .comment:after { content: ""; display: table; } .comment:after { clear: both; } .comment article { padding: 40px 0; border-top: 1px solid #ececec; overflow: hidden; } .comment .comment-author { float: left; } .comment .comment-edit-link { float: right; margin-right: 20px; } .comment .comment-meta { margin-left: 130px; } .comment .author-name { font-size: 18px; font-family: 'Montserrat', sans-serif; color: #222; font-weight: 400; text-transform: capitalize; font-style: normal; padding-bottom: 10px; } .comment .comment-reply-link { font-size: 16px; font-weight: 500; text-transform: capitalize; position: relative; font-family: 'Montserrat', sans-serif; } .comment .comment-reply-link:hover { color: #c02030; } .comment-respond { margin-top: 50px; } .comment-respond .comment-notes { font-size: 16px; font-weight: 400; color: #222; padding-bottom: 5px; } .comment-respond ::-webkit-input-placeholder { color: #9f9f9f; font-size: 16px; } .comment-respond .required { display: none; } .comment-respond textarea { width: 100%; padding: 10px 15px; border-color: #ececec; outline: none; color: #222; height: 108px; -webkit-transition: 0.5s; transition: 0.5s; } .comment-respond textarea:focus { border-color: #848484; } .comment-respond .comment-form-comment { margin-bottom: 30px; margin-top: 20px; } .comment-respond .comment-form-email input { border: 1px solid #ececec; } .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url, .comment-respond .comment-form-phone { width: 50%; float: left; padding: 0 15px; } .comment-respond .comment-form-author input, .comment-respond .comment-form-email input, .comment-respond .comment-form-url input, .comment-respond .comment-form-phone input { width: 100%; padding-left: 15px; height: 50px; border-color: #ececec; outline: none; color: #222; -webkit-transition: 0.5s; transition: 0.5s; } .comment-respond .comment-form-author input:focus, .comment-respond .comment-form-email input:focus, .comment-respond .comment-form-url input:focus, .comment-respond .comment-form-phone input:focus { border-color: #848484; } .comment-respond .comment-form-author, .comment-respond .comment-form-url { padding-left: 0; } .comment-respond .comment-form-email, .comment-respond .comment-form-phone { padding-right: 0; } .comment-respond .form-submit { clear: both; margin-top: 35px; } .comment-respond .form-submit .submit { font-size: 16px; font-weight: 400; color: #fff; text-align: center; display: inline-block; min-width: 150px; min-height: 50px; line-height: 50px; -webkit-border-radius: 0; border-radius: 0; padding: 0 20px; background-color: #c02030; text-transform: capitalize; border: 0; -webkit-box-shadow: none; box-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; } .comment-respond .form-submit .submit:hover, .comment-respond .form-submit .submit:focus { color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; background-color: #c02030; } .comment-content { word-break: break-all; padding-bottom: 20px; } .comment-content a { word-wrap: break-word; } .comment-awaiting-moderation { display: block; } /*** ==================================================================== Sidebar Widgets ==================================================================== ***/ .single-right .blog-sidebar .cargohub-widget { border-left: 1px solid #f4f4f4; padding-left: 40px; } .single-left .blog-sidebar .cargohub-widget { border-right: 1px solid #f4f4f4; padding-right: 40px; } .widget { margin-bottom: 50px; } .widget:last-child { margin-bottom: 0; } .widget .widget-title { text-transform: uppercase; font-size: 20px; font-weight: 600; margin: 0 0 40px; padding-bottom: 15px; position: relative; } .widget .widget-title:after { content: ''; position: absolute; height: 2px; width: 67px; left: 0; bottom: 0; background-color: #c02030; } .widget ul { margin: 0; padding: 0; } .widget ul li { list-style: none; } .widget table, .widget select { width: 100%; } .widget select { color: #848484; border: 1px solid #eeeeee; height: 50px; padding-left: 15px; background-color: transparent; font-weight: 400; } .widget select:focus { outline: none; } .widget select option { color: #555; } .widget table { text-align: left; width: 100%; } .widget table caption { border: 1px solid #eeeeee; border-bottom-width: 0; text-align: center; } .widget table thead { color: #222; } .widget table tr { border: 1px solid #eeeeee; border-bottom-width: 0; padding: 3px 0; } .widget table tr td, .widget table tr th { padding: 5px 10px; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .widget_calendar { line-height: 26px; } .widget_recent_comments li, .widget_rss li { border-bottom: solid 1px #f4f4f4; padding: 15px 0; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .widget_recent_comments li > a, .widget_rss li > a { color: #848484; padding-left: 0; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .widget_recent_comments li:hover > a, .widget_rss li:hover > a { color: #c02030; } .widget_recent_comments li:last-child, .widget_rss li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_recent_comments li ul, .widget_rss li ul { margin-top: 15px; border-top: solid 1px #f4f4f4; } .widget_recent_comments .children, .widget_rss .children { border-top: 1px solid #f4f4f4; margin-top: 15px; margin-left: 15px; } .widget_recent_comments .children li:first-child, .widget_rss .children li:first-child { padding-top: 15px; } .widget_recent_comments .children li:last-child, .widget_rss .children li:last-child { padding-bottom: 0; border-bottom: none; } .widget_categories .widget-title, .widget_pages .widget-title, .widget_archive .widget-title, .widget_nav_menu .widget-title, .widget_recent_entries .widget-title, .widget_meta .widget-title, ul.service-menu .widget-title { margin-bottom: 40px; } .widget_categories li, .widget_pages li, .widget_archive li, .widget_nav_menu li, .widget_recent_entries li, .widget_meta li, ul.service-menu li { padding: 14px 0; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; border-bottom: 1px solid #eee; } .widget_categories li:after, .widget_pages li:after, .widget_archive li:after, .widget_nav_menu li:after, .widget_recent_entries li:after, .widget_meta li:after, ul.service-menu li:after { color: #848484; content: '\f105'; position: absolute; top: 15px; right: 0; font-size: 16px; font-family: FontAweSome; -webkit-transition: all 0.5s; transition: all 0.5s; } .widget_categories li > a, .widget_pages li > a, .widget_archive li > a, .widget_nav_menu li > a, .widget_recent_entries li > a, .widget_meta li > a, ul.service-menu li > a { color: #848484; padding-left: 30px; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .widget_categories li > a:before, .widget_pages li > a:before, .widget_archive li > a:before, .widget_nav_menu li > a:before, .widget_recent_entries li > a:before, .widget_meta li > a:before, ul.service-menu li > a:before { color: #848484; content: '\f114'; position: absolute; top: -4px; left: 0; font-size: 16px; font-family: FontAweSome; -webkit-transition: all 0.5s; transition: all 0.5s; } .widget_categories li:hover, .widget_pages li:hover, .widget_archive li:hover, .widget_nav_menu li:hover, .widget_recent_entries li:hover, .widget_meta li:hover, ul.service-menu li:hover { color: #c02030; } .widget_categories li:hover:after, .widget_pages li:hover:after, .widget_archive li:hover:after, .widget_nav_menu li:hover:after, .widget_recent_entries li:hover:after, .widget_meta li:hover:after, ul.service-menu li:hover:after { color: #c02030; } .widget_categories li:hover > a, .widget_pages li:hover > a, .widget_archive li:hover > a, .widget_nav_menu li:hover > a, .widget_recent_entries li:hover > a, .widget_meta li:hover > a, ul.service-menu li:hover > a { color: #c02030; } .widget_categories li:hover > a:before, .widget_pages li:hover > a:before, .widget_archive li:hover > a:before, .widget_nav_menu li:hover > a:before, .widget_recent_entries li:hover > a:before, .widget_meta li:hover > a:before, ul.service-menu li:hover > a:before { color: #c02030; } .widget_categories li ul, .widget_pages li ul, .widget_archive li ul, .widget_nav_menu li ul, .widget_recent_entries li ul, .widget_meta li ul, ul.service-menu li ul { margin-top: 15px; border-top: solid 1px #f4f4f4; } .widget_categories li ul li:last-child, .widget_pages li ul li:last-child, .widget_archive li ul li:last-child, .widget_nav_menu li ul li:last-child, .widget_recent_entries li ul li:last-child, .widget_meta li ul li:last-child, ul.service-menu li ul li:last-child { border-bottom: 0; padding-bottom: 0; } .widget_categories .children, .widget_pages .children, .widget_archive .children, .widget_nav_menu .children, .widget_recent_entries .children, .widget_meta .children, ul.service-menu .children { border-top: 1px solid #f4f4f4; margin-top: 15px; margin-left: 15px; } .widget_categories .children li:first-child, .widget_pages .children li:first-child, .widget_archive .children li:first-child, .widget_nav_menu .children li:first-child, .widget_recent_entries .children li:first-child, .widget_meta .children li:first-child, ul.service-menu .children li:first-child { padding-top: 15px; } .widget_categories .children li:last-child, .widget_pages .children li:last-child, .widget_archive .children li:last-child, .widget_nav_menu .children li:last-child, .widget_recent_entries .children li:last-child, .widget_meta .children li:last-child, ul.service-menu .children li:last-child { padding-bottom: 0; border-bottom: none; } .widget_tag_cloud a { margin-bottom: 10px; margin-right: 8px; display: inline-block; font-size: 16px !important; background-color: transparent; color: #848484; padding: 5px 18px; position: relative; border: 1px solid #f4f4f4; } .widget_tag_cloud a:hover { color: #fff; text-decoration: none; background-color: #c02030; } .popular-posts-widget .popular-post { margin-bottom: 40px; border: 0; padding: 0; } .popular-posts-widget .widget-thumb { float: left; } .popular-posts-widget .mini-widget-title { margin-left: 100px; } .popular-posts-widget .mini-widget-title h4 { font-size: 16px; font-weight: 500; line-height: 26px; text-transform: capitalize; margin-top: -5px; margin-bottom: 8px; } .popular-posts-widget i { color: #c02030; padding-right: 10px; } .widget-about img { margin-bottom: 25px; } .widget-about a { font-size: 14px; font-weight: 700; text-transform: uppercase; display: block; margin-top: 20px; } .widget-about a .fa { padding-left: 5px; } .widget-about a:hover { color: #c02030; } .tabs-widget .tabs-nav li { width: 33%; border-bottom: none; padding-bottom: 0; } .tabs-widget .tabs-nav li:last-child { width: 34%; } .tabs-widget .tabs-nav li:before { display: none; } .tabs-widget .tabs-nav li a { background: #555; border: 1px solid #ccc; color: #646464; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 700; font-family: 'Montserrat', sans-serif; } .tabs-widget .tabs-nav li a.active { color: #fff; text-decoration: none; border-color: transparent; background-color: #c02030; } .tabs-widget .tabs-nav li a:hover { text-decoration: none; } .tabs-widget .tabs-panel { margin-top: -1px; padding: 15px 0 20px; } .tabs-widget .tab-comments .comment { border-bottom: solid 1px #ccc; padding: 10px 0; overflow: hidden; } .tabs-widget .tab-comments .comment-summary { font-style: italic; margin-bottom: 5px; } .recent-post { margin-bottom: 20px; } .recent-post:last-child { margin-bottom: 0; } .recent-post .widget-thumb { display: block; float: left; } .recent-post .icon { color: #c02030; display: none; } .recent-post .post-text { padding-left: 85px; } .recent-post .post-title { display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; padding-bottom: 5px; } .recent-post .post-date { font-size: 16px; font-weight: 300; } .recent-post.no-thumbnail .icon { display: block; float: left; } .recent-post.no-thumbnail .icon i, .recent-post.no-thumbnail .icon i:before { font-size: 16px; } .recent-post.no-thumbnail .post-text { padding-left: 26px; } .popular-post { border-bottom: 1px solid #f4f4f4; padding: 25px 0; overflow: hidden; } .popular-post:last-child { border-bottom: none; padding-bottom: 0; } .popular-post .widget-thumb { float: left; } .popular-post .post-text { margin-left: 95px; color: #848484; font-size: 16px; } .popular-post .post-text .post-title { color: #222; display: block; padding-bottom: 5px; font-family: 'Montserrat', sans-serif; font-weight: 500; } .popular-post .post-text .post-date i { font-size: 14px; padding-right: 10px; color: #c02030; } .popular-post .post-text .post-comments { display: block; } .popular-post .post-text .read-more { line-height: 2; } .popular-post.no-thumbnail .post-text { margin-left: 0; margin-top: 0; } .widget-recent-comments li { padding: 20px 0; color: #ccc; } .widget-recent-comments li a, .widget-recent-comments li p { color: #555; } .widget_search .search-field, .topbar-search .search-field { background-color: transparent; font-weight: 400; border-width: 0; } .widget_search .search-form, .topbar-search .search-form { font-size: 16px; position: relative; color: #222; border: 1px solid #eee; } .widget_search .search-form:before, .topbar-search .search-form:before { content: '\f002'; font-family: FontAwesome; } .widget_search .search-form:after, .topbar-search .search-form:after { content: ''; position: absolute; top: -1px; right: -1px; width: 50px; height: 52px; background-color: #f4f4f4; border: 1px solid #f4f4f4; z-index: 9; } .widget_search .search-form i, .topbar-search .search-form i, .widget_search .search-form:before, .topbar-search .search-form:before { position: absolute; top: 50%; right: 16px; color: #222; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget_search .search-form .screen-reader-text, .topbar-search .search-form .screen-reader-text { display: none; } .widget_search .search-form ::-webkit-input-placeholder, .topbar-search .search-form ::-webkit-input-placeholder { color: #9e9e9e; } .widget_search .search-form :-moz-placeholder, .topbar-search .search-form :-moz-placeholder { color: #9e9e9e; } .widget_search .search-form ::-moz-placeholder, .topbar-search .search-form ::-moz-placeholder { color: #9e9e9e; } .widget_search .search-form :-ms-input-placeholder, .topbar-search .search-form :-ms-input-placeholder { color: #9e9e9e; } .widget_search .search-form .search-submit, .topbar-search .search-form .search-submit { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .widget_search .search-form label, .topbar-search .search-form label { width: 100%; margin-bottom: 0; } .widget_search .search-form input[type="search"], .topbar-search .search-form input[type="search"] { height: 50px; line-height: 50px; width: 100%; padding: 0 55px 0 15px; } .widget_search .search-form input[type="search"]:focus, .topbar-search .search-form input[type="search"]:focus { outline: none; } .download .item-download { background-color: transparent; font-size: 16px; position: relative; border: 1px solid #f4f4f4; -webkit-transition: 0.5s; transition: 0.5s; padding: 15px 20px; } .download .item-download a { font-weight: 600; display: block; color: #222; } .download .item-download i { color: #222; -webkit-transition: 0.5s; transition: 0.5s; padding-right: 20px; } .download .item-download:hover { color: #fff; border-color: #c02030; background-color: #c02030; } .download .item-download:hover a, .download .item-download:hover i { color: #fff; } /*** ==================================================================== Sidebar Services ==================================================================== ***/ .services-menu-widget ul li { border: 1px solid #ececec; border-bottom-width: 0; background-color: #f7f7f7; padding: 15px 20px; position: relative; -webkit-transition: 0.5s; transition: 0.5s; } .services-menu-widget ul li:after { display: none; } .services-menu-widget ul li:last-child { border-bottom-width: 1px; } .services-menu-widget ul li a { display: block; color: #848484; font-family: 'Montserrat', sans-serif; font-size: 16px; padding-left: 0; font-weight: 400; position: relative; -webkit-transition: 0.5s; transition: 0.5s; } .services-menu-widget ul li a:before { display: none; } .services-menu-widget ul li:hover, .services-menu-widget ul li.current-menu-item { background-color: #c02030; border-color: #c02030; } .services-menu-widget ul li:hover a, .services-menu-widget ul li.current-menu-item a { color: #fff; } .side-contact { padding: 25px 20px; } .side-contact h3 { margin-top: 0; margin-bottom: 35px; font-size: 24px; color: #fff; position: relative; padding-bottom: 15px; } .side-contact h3:after { content: ''; position: absolute; left: 0; bottom: 0; width: 70px; height: 1px; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); } .side-contact i { color: #c02030; padding-right: 10px; } .cargohub-social-links-widget a { color: #fff; padding: 0 15px; font-size: 16px; -webkit-transition: 0.5s; transition: 0.5s; } .cargohub-social-links-widget a:first-child { padding-left: 0; } .cargohub-social-links-widget a:last-child { padding-right: 0; } .cargohub-social-links-widget a:hover { color: #c02030; } .cargohub-social-links-widget .style-2 a { color: rgba(255, 255, 255, 0.7); font-size: 14px; width: 38px; height: 38px; line-height: 34px; padding: 0; text-align: center; border: 2px solid rgba(255, 255, 255, 0.1); -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 5px; } .cargohub-social-links-widget .style-2 a:first-child { margin-left: 0; } .cargohub-social-links-widget .style-2 a:last-child { margin-right: 0; } .cargohub-social-links-widget .style-2 a:hover { color: #fff; background-color: #c02030; border-color: #c02030; } /*** ==================================================================== sidebar project ==================================================================== ***/ .latest-project-widget .latest-project-list { margin-left: -5px; margin-right: -5px; } .latest-project-widget .latest-project { width: 33.3333%; float: left; padding: 0 5px; margin-bottom: 10px; } .latest-project-widget .widget-thumb { display: block; position: relative; } .latest-project-widget .widget-thumb:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #c02030; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 90; } .latest-project-widget .widget-thumb:hover:before { opacity: 0.8; } .latest-project-widget .widget-thumb:hover i { opacity: 1; } .latest-project-widget i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; color: #fff; font-size: 16px; z-index: 99; } .latest-project-widget .fp-widget-thumb { display: inline-block; } /*** ==================================================================== Contact location ==================================================================== ***/ .cargo-office-location-widget { line-height: initial; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .cargo-office-location-widget .current-office { color: #dde2fc; padding-right: 17px; position: relative; } .cargo-office-location-widget .current-office:after { content: '\f107'; font-family: FontAweSome; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; color: #c02030; z-index: 99; } .cargo-office-location-widget .office-switcher { border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 10px; position: relative; float: left; } .cargo-office-location-widget .office-switcher i { font-size: 15px; padding-right: 10px; } .cargo-office-location-widget .office-switcher i:before { font-size: 15px; } .cargo-office-location-widget .office-switcher ul { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: top 0.3s ease 0s, opacity 0.3s; transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; background-color: #fff; color: #222; width: 100%; padding: 5px 10px; left: 0; top: -webkit-calc(100% + 28px); top: calc(100% + 28px); font-weight: 400; -webkit-box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2); } .cargo-office-location-widget .office-switcher ul li { padding: 5px 0; cursor: pointer; } .cargo-office-location-widget .office-switcher.show-office ul { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); top: -webkit-calc(100% + 15px); top: calc(100% + 15px); } .cargo-office-location-widget .topbar-office { float: right; display: none; } .cargo-office-location-widget .topbar-office.active { display: block; padding-left: 10px; } .cargo-office-location-widget .topbar-office li { display: inline-block; padding: 0 20px; } .cargo-office-location-widget .topbar-office li:last-child { padding-right: 0; } .cargo-office-location-widget .topbar-office li i { color: #c02030; padding-right: 6px; font-size: 18px; } .cargo-office-location-widget .topbar-office li i:before { font-size: 18px; } .cargo-contact-widget .detail { margin-bottom: 15px; padding-bottom: 13px; border-bottom: 1px solid #f4f4f4; } .cargo-contact-widget .detail:last-child { border: 0; } .cargo-contact-widget i { color: #c02030; font-size: 23px; float: left; } .cargo-contact-widget i:before { font-size: 23px; } .cargo-contact-widget h5, .cargo-contact-widget p { padding-left: 40px; } .cargo-contact-widget h5 { margin-top: 0; margin-bottom: 7px; } .cargo-contact-widget p { margin-bottom: 0; } /*** ==================================================================== Footer ==================================================================== ***/ .site-footer { padding: 25px 0; color: #fff; } .site-footer .footer-copyright { font-size: 16px; color: #fff; } .site-footer .footer-copyright a { color: #c02030; } .footer-widgets { color: #fff; } .footer-widgets .widget { margin-bottom: 35px; } .footer-widgets .widget_mc4wp_form_widget { margin-bottom: 0; } .footer-widgets .widget-title { font-size: 20px; font-weight: 600; color: #fff; margin: 0; padding-bottom: 20px; text-transform: uppercase; } .footer-widgets .widget-title:after { display: none; } .footer-widgets .widget-title a { color: #fff; } .footer-widgets .menu { margin-top: -10px; } .footer-widgets .menu li { padding: 5px 0 5px 15px; border: 0; } .footer-widgets .menu li:before { display: none; } .footer-widgets .menu li:after { top: 4px; right: auto; left: 0; } .footer-widgets .menu li a { color: #fff; padding-left: 0; } .footer-widgets .menu li a:before { display: none; } .footer-widgets .menu li:hover a { color: #c02030; } .footer-widgets .fh-form-field { margin-bottom: 15px; } .footer-widgets .fh-form-field .subscribe { position: relative; border: 1px solid rgba(255, 255, 255, 0.1); margin-top: 23px; } .footer-widgets .fh-form-field .subscribe ::-webkit-input-placeholder { color: #fff; } .footer-widgets .fh-form-field .subscribe ::-moz-placeholder { color: #fff; } .footer-widgets .fh-form-field .subscribe :-ms-input-placeholder { color: #fff; } .footer-widgets .fh-form-field .subscribe :-moz-placeholder { color: #fff; } .footer-widgets .fh-form-field .subscribe input[type="email"] { width: 100%; background-color: transparent; color: #fff; padding-left: 10px; padding-right: 95px; border: 0; -webkit-box-shadow: none; box-shadow: none; height: 50px; line-height: 50px; } .footer-widgets .fh-form-field .subscribe input[type="email"]:focus { outline: none; } .footer-widgets .fh-form-field .subscribe input[type="submit"] { position: absolute; width: 86px; height: 50px; right: 0; top: 0; background-color: #c02030; z-index: 99; border: none; } .latest-post { padding: 22px 0; border-bottom: 1px solid #0a253d; } .latest-post:first-child { padding-top: 0; } .latest-post:last-child { padding-bottom: 0; border-bottom: 0; } .latest-post .post-date { display: block; color: #c02030; } .latest-post a { display: block; color: #d8d8d8; font-family: 'Montserrat', sans-serif; } .latest-project-widget .latest-project-list { padding-top: 5px; } .footer-menu ul { padding: 0; margin: 0; } .footer-menu ul li { display: inline-block; padding: 0 15px; } .footer-menu ul li:last-child { padding-right: 0; } .footer-menu ul li:first-child { padding-left: 0; } .footer-menu ul li a { color: #848484; } .footer-menu ul li a:hover { color: #c02030; } .footer-text a { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 15px; } .contact-widget { border-bottom: 1px solid #232951; padding-top: 50px; padding-bottom: 40px; } .contact-widget .contact h4 { color: #fff; margin: 0; font-size: 18px; font-weight: 400; padding-left: 50px; } .contact-widget .contact p { font-style: italic; margin-bottom: 0; padding-left: 50px; } .contact-widget .contact i { color: #c02030; float: left; font-size: 38px; margin-top: -5px; } .contact-widget .contact i:before { font-size: 38px; } .footer-contact { margin-left: -15px; margin-right: -15px; } .footer-contact .ft-contact i { float: left; font-size: 23px; color: #c02030; margin-top: -3px; } .footer-contact .ft-contact i:before { font-size: 23px; } .footer-contact .ft-contact p { margin-left: 45px; } .footer-contact .ft-contact.fax { margin-bottom: 30px; } .footer-contact .ft-contact.phone { margin-bottom: 5px; } .footer-contact .ft-contact.phone p { margin-bottom: 5px; } .footer-sidebars { padding-top: 80px; padding-bottom: 50px; } .opening-hours { list-style: none; padding-left: 0; margin-left: 0; } .opening-hours li { padding: 4px 0; } .opening-hours li span { float: right; } /*** ==================================================================== Carousel ==================================================================== ***/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play-2.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-nav div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .owl-nav .owl-prev { left: 0; } .owl-nav .owl-next { right: 0; } /* Styling Pagination*/ .owl-dots .owl-dot { display: inline-block; zoom: 1; display: inline; /*IE7 life-saver */ } .owl-dots .owl-dot span { display: block; width: 8px; height: 8px; margin: 0 7px; -webkit-border-radius: 50%; border-radius: 50%; background-color: transparent; border: 1px solid #fff; -webkit-transition: 0.5s; transition: 0.5s; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background-color: #fff; } /* If PaginationNumbers is true */ .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; border-radius: 30px; } /*** ==================================================================== Shortcodes ==================================================================== ***/ .site-content .vc_row.vc_row-fluid { margin-bottom: 0; margin-left: 0; margin-right: 0; } .site-content .vc_row.parallax { background-attachment: fixed; background-position: 50% 50%; } .site-content .vc_row.overlay-enable { position: relative; } .site-content .vc_row > .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .site-content .vc_row.vc_inner { margin-left: -15px; margin-right: -15px; } .site-content .vc_row > .container-fluid { padding-left: 15px; padding-right: 15px; } .site-content .vc_row .wpb_content_element { margin-bottom: 0; } .site-content .vc_row.vc_row-flex > .container-fluid { width: 100%; } .site-content .vc_row.vc_row-flex > .container > .row, .site-content .vc_row.vc_row-flex > .container-fluid > .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-content .vc_row.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner, .site-content .vc_row.vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -moz-box-flex: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .site-content .vc_row.vc_row-o-columns-top > .container > .row, .site-content .vc_row.vc_row-o-columns-top > .container-fluid > .row { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .site-content .vc_row.vc_row-o-columns-middle > .container > .row, .site-content .vc_row.vc_row-o-columns-middle > .container-fluid > .row { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .site-content .vc_row.vc_row-o-columns-bottom > .container > .row, .site-content .vc_row.vc_row-o-columns-bottom > .container-fluid > .row { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .site-content .vc_row.vc_row-o-equal-height > .container > .row .vc_column_container, .site-content .vc_row.vc_row-o-equal-height > .container-fluid > .row .vc_column_container { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; -moz-box-align: stretch; align-items: stretch; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .site-content .vc_row.vc_row-o-content-top > .container > .row > .vc_column_container > .vc_column-inner, .site-content .vc_row.vc_row-o-content-top > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; } .site-content .vc_row.vc_row-o-content-middle > .container > .row > .vc_column_container > .vc_column-inner, .site-content .vc_row.vc_row-o-content-middle > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; } .site-content .vc_row.vc_row-o-content-bottom > .container > .row > .vc_column_container > .vc_column-inner, .site-content .vc_row.vc_row-o-content-bottom > .container-fluid > .row > .vc_column_container > .vc_column-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; } .site-content .vc_column-inner { padding-top: 0 !important; background-repeat: no-repeat; } .fh-button { font-weight: 500; font-size: 15px; color: #fff; font-family: 'Montserrat', sans-serif; } .fh-button:hover { color: #fff; } .fh-button.button-type-bordered { min-width: 160px; height: 50px; line-height: 48px; border: 1px solid #fff; text-align: center; } .fh-button.align-left { float: left; } .fh-button.align-right { float: right; } .fh-button.button-color-dark { color: #222; } .fh-button.button-color-dark.button-type-bordered { border-color: #222; } .fh-button.button-color-dark:hover { color: #222; } .fh-button .fh-icon, .fh-button .img-icon { padding-left: 10px; } .fh-section-title h2 { font-size: 36px; font-weight: 600; padding-bottom: 20px; margin-bottom: 0; /* margin-top: 70px; */ position: relative; text-transform: uppercase; } .fh-section-title h2:before { content: ''; position: absolute; bottom: 0; left: 0; width: 67px; height: 2px; background-color: #333366; } .fh-section-title.text-center h2:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .fh-section-title.version-light h2 { color: #fff; padding-bottom: 0; } .fh-section-title.version-light h2:before { display: none; } .fh-icon-box { margin-bottom: 30px; position: relative; } .fh-icon-box h4, .fh-icon-box h4 a, .fh-icon-box .fh-icon, .fh-icon-box .img-icon { -webkit-transition: 0.5s; transition: 0.5s; position: relative; z-index: 10; } .fh-icon-box:hover h4 a { color: #c02030; } .fh-icon-box:hover .overlay { opacity: 1; } .fh-icon-box h4 { font-size: 20px; font-weight: 500; padding-bottom: 10px; padding-top: 15px; margin: 0; } .fh-icon-box .desc { position: relative; z-index: 10; -webkit-transition: 0.5s; transition: 0.5s; } .fh-icon-box .fh-icon { font-size: 74px; display: block; line-height: 1; background-color: transparent; color: #0c1239; } .fh-icon-box .fh-icon i:before { font-size: 74px; } .fh-icon-box.version-light { color: #fff; } .fh-icon-box.version-light h4, .fh-icon-box.version-light h4 a, .fh-icon-box.version-light .fh-icon { color: #fff; } .fh-icon-box.version-light:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0c1239; opacity: 0.7; z-index: 9; -webkit-transition: 0.5s; transition: 0.5s; } .fh-icon-box.version-light:hover h4, .fh-icon-box.version-light:hover h4 a, .fh-icon-box.version-light:hover .fh-icon { color: #fff; } .fh-icon-box.version-light:hover:before { background-color: #c02030; } .fh-icon-box.has-line:before { content: ''; position: absolute; width: 1px; height: -webkit-calc(100% + 35px); height: calc(100% + 35px); top: 0; left: 35px; background-color: #efefef; } .fh-icon-box.has-line.icon-right:before { left: auto; right: 35px; } .fh-icon-box.has-line .fh-icon { background-color: #fff; } .fh-icon-box.no-border { border: none; } .fh-icon-box.show-button .button-box { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .fh-icon-box.show-button:hover .desc { opacity: 0; } .fh-icon-box.show-button:hover .button-box { opacity: 1; } .fh-icon-box.style-1 { padding: 30px; border: 1px solid #efefef; text-align: center; } .fh-icon-box.style-1.no-border { border: none; } .fh-icon-box.style-1.version-light { -webkit-box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 16.6px 3.4px rgba(0, 0, 0, 0.2); } .fh-icon-box.style-2 { margin-bottom: 35px; } .fh-icon-box.style-2 .fh-icon { font-size: 30px; color: #0c1239; width: 70px; height: 70px; line-height: 70px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid #dbdbdb; position: relative; z-index: 99; } .fh-icon-box.style-2 .fh-icon i:before { font-size: 30px; } .fh-icon-box.style-2:hover .fh-icon { background-color: #c02030; border-color: #c02030; color: #fff; } .fh-icon-box.style-2 h4 { padding-top: 0; } .fh-icon-box.style-2.icon-left h4, .fh-icon-box.style-2.icon-left .desc { padding-left: 100px; } .fh-icon-box.style-2.icon-left .fh-icon, .fh-icon-box.style-2.icon-left .img-icon { float: left; } .fh-icon-box.style-2.icon-right { text-align: right; } .fh-icon-box.style-2.icon-right h4, .fh-icon-box.style-2.icon-right .desc { padding-right: 100px; } .fh-icon-box.style-2.icon-right .fh-icon, .fh-icon-box.style-2.icon-right .img-icon { float: right; } .fh-icon-box.style-2.icon-center { text-align: center; } .fh-icon-box.style-2.icon-center .fh-icon, .fh-icon-box.style-2.icon-center .img-icon { margin: 0 auto 20px; } .fh-icon-box.style-2.service-process .fh-icon { width: 110px; height: 110px; line-height: 110px; } .fh-icon-box.style-2.service-process .fh-icon i, .fh-icon-box.style-2.service-process .fh-icon i:before { font-size: 32px; } .fh-icon-box.style-3 { color: #dde2fc; } .fh-icon-box.style-3 .fh-icon, .fh-icon-box.style-3 .img-icon { font-size: 64px; color: #c02030; float: left; padding-top: 25px; } .fh-icon-box.style-3 .fh-icon i:before, .fh-icon-box.style-3 .img-icon i:before { font-size: 64px; } .fh-icon-box.style-3 h4, .fh-icon-box.style-3 .desc { padding-left: 110px; } .fh-icon-box.style-3 h4, .fh-icon-box.style-3 h4 a { padding-top: 0; padding-bottom: 15px; color: #fff; font-size: 24px; } .fh-feature-box { position: relative; color: #dde2fc; margin-bottom: 30px; } .fh-feature-box .box-title, .fh-feature-box .desc { padding-left: 70px; } .fh-feature-box .chars { position: absolute; left: 0; top: 7px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #c02030; border: 1px solid #232951; font-family: 'Montserrat', sans-serif; font-weight: 400; } .fh-feature-box .box-title { font-size: 20px; color: #fff; margin: 0; padding-bottom: 10px; font-weight: 400; } /*** ==================================================================== service-box ==================================================================== ***/ .fh-service-box { margin-bottom: 30px; color: #fff; position: relative; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box h4, .fh-service-box h4 a { color: #fff; font-weight: 600; font-size: 20px; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box h4, .fh-service-box .desc { padding-left: 70px; } .fh-service-box h4 { margin: 0; padding-bottom: 10px; } .fh-service-box i { font-size: 50px; color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box i:before { font-size: 50px; } .fh-service-box .fh-icon, .fh-service-box .img-icon { position: absolute; left: 20px; top: 0; line-height: 1; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box.style-1 { padding: 25px 20px; border: 1px solid #232951; } .fh-service-box.style-1 .fh-icon, .fh-service-box.style-1 .img-icon { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fh-service-box.style-1:hover { border-color: #c02030; } .fh-service-box.style-1:hover .fh-icon, .fh-service-box.style-1:hover .img-icon { color: #c02030; top: 30px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .fh-service-box.style-1:hover i { color: #c02030; } .fh-service-box.style-2 { color: #555555; } .fh-service-box.style-2 .fh-icon, .fh-service-box.style-2 .img-icon { left: 0; } .fh-service-box.style-2 h4, .fh-service-box.style-2 h4 a { color: #222; } .fh-service-box.style-2 i { color: #0c1239; } .fh-service-box.style-2:hover h4, .fh-service-box.style-2:hover h4 a, .fh-service-box.style-2:hover .fh-icon, .fh-service-box.style-2:hover i { color: #c02030; } .fh-service-box-2 { margin-bottom: 30px; } .fh-service-box-2 .box-wrapper { padding: 30px 30px 30px 30px; border: 1px solid #f4f4f4; border-top-width: 0; } .fh-service-box-2 .box-wrapper .fh-icon, .fh-service-box-2 .box-wrapper .img-icon { float: left; margin-top: -10px; } .fh-service-box-2 h4, .fh-service-box-2 h4 a { font-weight: 500; font-size: 20px; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box-2 h4 { margin: 0; padding-left: 75px; } .fh-service-box-2 .sub-title { font-size: 14px; padding-left: 75px; display: block; } .fh-service-box-2 .fh-icon { color: #c02030; } .fh-service-box-2 .fh-icon i, .fh-service-box-2 .fh-icon i:before { font-size: 48px; } .fh-service-box-2 .box-header { border-bottom: 1px solid #f4f4f4; padding-bottom: 15px; margin-bottom: 25px; } .fh-service-box-2 ul { margin: 0; padding-left: 20px; } .fh-service-box-2 ul li { padding-bottom: 10px; } .fh-service-box-2 ul li:last-child { padding-bottom: 0; } .fh-service-box-2.no-thumb .box-wrapper { border-top-width: 1px; } .fh-service-box-2.box-style-2 .box-thumb { position: relative; } .fh-service-box-2.box-style-2 .box-thumb img{width:100%;} .fh-service-box-2.box-style-2 .box-thumb .fh-icon { color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 10; } .fh-service-box-2.box-style-2 .box-thumb .fh-icon i, .fh-service-box-2.box-style-2 .box-thumb .fh-icon i:before { font-size: 80px; } .fh-service-box-2.box-style-2 .box-thumb:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #c02030; -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; z-index: 9; } .fh-service-box-2.box-style-2 .box-wrapper { padding: 25px 15px; background-color: #fff; border: 1px solid #eeeeee; text-align: center; position: relative; } .fh-service-box-2.box-style-2 h4, .fh-service-box-2.box-style-2 .box-content { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box-2.box-style-2 h4 { padding-left: 0; font-size: 18px; } .fh-service-box-2.box-style-2 .box-header { border: none; padding-bottom: 0; margin-bottom: 15px; } .fh-service-box-2.box-style-2 .box-header .fh-icon { width: 70px; height: 70px; line-height: 70px; color: #fff; background-color: #0c1239; float: none; display: block; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 9px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box-2.box-style-2 .box-header .fh-icon i, .fh-service-box-2.box-style-2 .box-header .fh-icon i:before { font-size: 48px; } .fh-service-box-2.box-style-2 .read-more { font-size: 15px; font-family: 'Montserrat', sans-serif; color: #0c1239; font-weight: 500; text-decoration: underline; display: inline-block; margin-top: 7px; opacity: 0; -webkit-transition: 0.8s; transition: 0.8s; } .fh-service-box-2.box-style-2:hover .box-thumb .fh-icon { opacity: 1; } .fh-service-box-2.box-style-2:hover .box-thumb:before { opacity: 0.85; } .fh-service-box-2.box-style-2:hover h4, .fh-service-box-2.box-style-2:hover .box-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box-2.box-style-2:hover .read-more { opacity: 1; } .fh-service-box-2.box-style-2:hover .box-header .fh-icon { opacity: 0; } /*** ==================================================================== contact-box ==================================================================== ***/ .fh-contact-box { margin-bottom: 45px; } .fh-contact-box h4 { margin: 0; padding-bottom: 10px; font-size: 20px; font-weight: 500; } .fh-contact-box i { float: left; font-size: 26px; color: #c02030; } .fh-contact-box i:before { font-size: 26px; } .fh-contact-box h4, .fh-contact-box .desc { padding-left: 40px; } .fh-contact-box ul { padding-left: 40px; margin: 0; list-style: none; } .fh-contact-box ul li { float: left; width: 42px; height: 42px; line-height: 38px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; border: 2px solid #f4f4f4; margin: 0 5px; -webkit-transition: 0.5s; transition: 0.5s; } .fh-contact-box ul li:first-child { margin-left: 0; } .fh-contact-box ul li:last-child { margin-right: 0; } .fh-contact-box ul li a { color: #848484; display: block; font-size: 15px; } .fh-contact-box ul li a i { float: none; color: inherit; font-size: inherit; } .fh-contact-box ul li a i:before { font-size: inherit; } .fh-contact-box ul li:hover { background-color: #c02030; } .fh-contact-box ul li:hover a { color: #fff; } /*** ==================================================================== Projects ==================================================================== ***/ .fh-project .list-project { overflow: hidden; } .fh-project .item-project { margin-bottom: 30px; display: inline-block; text-align: center; } .fh-project .item-project .project-thumbnail { position: relative; margin-bottom: 15px; } .fh-project .item-project .pro-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s; } .fh-project .item-project .project-summary h2 { font-size: 20px; color: #fff; font-weight: 500; text-transform: capitalize; margin: 0; } .fh-project .item-project .project-summary h2 a { color: #fff; } .fh-project .item-project .project-summary .project-cat { color: #c02030; } .fh-project .item-project .project-summary .project-cat a { color: #c02030; } .fh-project ul.filter { margin-bottom: 70px; list-style: none; position: relative; text-align: right; padding-left: 0; } .fh-project ul.filter li { font-size: 16px; display: inline-block; padding: 5px 10px; margin: 0 5px; cursor: pointer; position: relative; background-color: #1d1d1d; border: 1px dashed transparent; -webkit-transition: 0.5s; transition: 0.5s; } .fh-project ul.filter li.active, .fh-project ul.filter li:hover { border-color: rgba(255, 255, 255, 0.15); } .fh-project ul.filter li:first-child { margin-left: 0; } .fh-project ul.filter li:last-child { margin-right: 0; } .fh-project.style-1 .project-thumbnail { overflow: hidden; position: relative; } .fh-project.style-1 .project-thumbnail .pro-link { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .fh-project.style-1 .project-thumbnail img { -webkit-transition: 0.5s; transition: 0.5s; } .fh-project.style-1 .project-inner:hover .project-thumbnail a { opacity: 0.6; } .fh-project.style-1 .project-inner:hover .project-thumbnail img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .fh-project.style-2 .project-inner, .fh-project.style-3 .project-inner { position: relative; } .fh-project.style-2 .project-inner .project-thumbnail, .fh-project.style-3 .project-inner .project-thumbnail { margin-bottom: 0; } .fh-project.style-2 .project-inner .project-summary, .fh-project.style-3 .project-inner .project-summary { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 999; padding: 0 15px; } .fh-project.style-2 .project-inner:hover .pro-link, .fh-project.style-3 .project-inner:hover .pro-link { background-color: rgba(0, 0, 0, 0.8); } .fh-project.style-2 .project-inner:hover .project-summary, .fh-project.style-3 .project-inner:hover .project-summary { opacity: 1; } .fh-project.style-2 .item-project { width: 25%; padding: 0 15px; } .fh-project.style-2 .item-project.project-1 { width: 50%; } .fh-project.style-2 ul.filter { margin-bottom: 70px; list-style: none; position: relative; text-align: right; padding-left: 0; } .fh-project.style-2 ul.filter li { color: #848484; font-size: 16px; display: inline-block; padding: 5px 20px; margin: 0; cursor: pointer; position: relative; background-color: transparent; border: none; -webkit-transition: 0.5s; transition: 0.5s; } .fh-project.style-2 ul.filter li:before { content: '/'; color: #848484; position: absolute; right: -5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fh-project.style-2 ul.filter li.active, .fh-project.style-2 ul.filter li:hover { color: #c02030; } .fh-project.style-2 ul.filter li:first-child { padding-left: 0; } .fh-project.style-2 ul.filter li:last-child { padding-right: 0; } .fh-project.style-2 ul.filter li:last-child:before { display: none; } .fh-project.style-3 .item-project { width: 20%; padding: 0; margin: 0; } .fh-project.style-3 ul.filter { margin-bottom: 70px; list-style: none; position: relative; text-align: right; padding-left: 0; } .fh-project.style-3 ul.filter li { color: #656565; font-size: 16px; display: inline-block; padding: 5px 20px; margin: 0; cursor: pointer; position: relative; background-color: transparent; border: none; -webkit-transition: 0.5s; transition: 0.5s; } .fh-project.style-3 ul.filter li:before { content: '/'; color: #656565; position: absolute; right: -5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fh-project.style-3 ul.filter li.active, .fh-project.style-3 ul.filter li:hover { color: #c02030; } .fh-project.style-3 ul.filter li:first-child { padding-left: 0; } .fh-project.style-3 ul.filter li:last-child { padding-right: 0; } .fh-project.style-3 ul.filter li:last-child:before { display: none; } .fh-latest-post .item-latest-post { margin-bottom: 30px; background-color: #fff; } .fh-latest-post .item-latest-post.column-4 .entry-title { font-size: 20px; } .fh-latest-post .item-latest-post .entry-thumbnail { margin-bottom: 15px; position: relative; } .fh-latest-post .item-latest-post .entry-thumbnail a { display: block; position: relative; overflow: hidden; } .fh-latest-post .item-latest-post .entry-thumbnail a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: #0c1239; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .fh-latest-post .item-latest-post .entry-thumbnail img { -webkit-transition: 0.5s; transition: 0.5s; } .fh-latest-post .item-latest-post .entry-meta { padding-bottom: 0; } .fh-latest-post .item-latest-post .entry-title { line-height: 1.2; margin-bottom: 5px; } .fh-latest-post .item-latest-post .entry-title a { font-size: 20px; font-weight: 500; } .fh-latest-post .item-latest-post .entry-footer { border: 0; padding: 0; font-weight: 500; } .fh-latest-post .item-latest-post .entry-footer a { color: #c02030; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 500; } .fh-latest-post .item-latest-post:hover .entry-thumbnail a:before { opacity: 0.7; } .fh-latest-post .item-latest-post:hover .entry-thumbnail img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .fh-latest-post.carousel .owl-nav div { width: 50px; height: 50px; line-height: 48px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid #d8d8d8; color: #d8d8d8; font-size: 18px; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; } .fh-latest-post.carousel .owl-nav div:hover { color: #fff; background-color: #c02030; border-color: #c02030; } .fh-latest-post.carousel .owl-nav .owl-next { right: 15px; } .fh-latest-post.carousel .owl-nav .owl-prev { right: 75px; left: auto; } .fh-latest-post.carousel .owl-dots .owl-dot span { width: 9px; height: 9px; border-color: #ececec; -webkit-transition: 0.5s; transition: 0.5s; } .fh-latest-post.carousel .owl-dots .owl-dot:hover span, .fh-latest-post.carousel .owl-dots .owl-dot.active span { border-color: #c02030; background-color: #c02030; } .fh-latest-post .post-list { margin-left: -15px; margin-right: -15px; width: auto; } .fh-latest-post .owl-item { padding: 0 15px; } /*** ==================================================================== Counter ==================================================================== ***/ .fh-counter { font-family: 'Montserrat', sans-serif; text-align: center; color: #fff; margin-bottom: 30px; } .fh-counter .fh-icon { display: block; padding-bottom: 25px; } .fh-counter .fh-icon i, .fh-counter .fh-icon i:before { font-size: 80px; } .fh-counter .counter { font-size: 60px; font-weight: 700; line-height: 1; font-family: 'Montserrat', sans-serif; } .fh-counter h4 { color: #fff; font-size: 14px; font-weight: 300; margin: 0; background-color: #c02030; margin-top: 10px; padding: 5px 10px; font-weight: 600; } .fh-counter.icon-left { text-align: left; } .fh-counter.icon-left .fh-icon { float: left; padding-bottom: 0; margin-top: -10px; } .fh-counter.icon-left .fh-icon i, .fh-counter.icon-left .fh-icon i:before { font-size: 60px; } .fh-counter.icon-left .counter { font-size: 48px; font-weight: 300; padding-right: 0; padding-left: 80px; } .fh-counter.icon-left h4 { font-size: 16px; background-color: transparent; } /*** ==================================================================== Testimonials ==================================================================== ***/ .fh-testimonials .testi-item { position: relative; padding: 40px 35px 35px 125px; } .fh-testimonials .testi-icon { position: absolute; top: 35px; left: 35px; width: 60px; height: 60px; line-height: 60px; border: 3px solid #f4f4f4; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: #f4f4f4; } .fh-testimonials .testi-icon i:before { font-size: 28px; } .fh-testimonials .testi-star { display: inline-block; border: 1px solid #f4f4f4; text-align: center; font-size: 14px; padding: 3px 7px; -webkit-border-radius: 30px; border-radius: 30px; margin-bottom: 20px; } .fh-testimonials .testi-star i { padding: 0 4px; color: #ebce09; } .fh-testimonials .testi-des { font-style: italic; font-size: 22px; padding-bottom: 10px; } .fh-testimonials .testi-name { display: block; font-size: 20px; font-weight: 600; color: #222; } .fh-testimonials .testi-job { font-size: 16px; color: #c02030; } .fh-testimonials-grid .testi-item { border: 3px solid #f4f4f4; margin-bottom: 50px; } .fh-testimonials-carousel { overflow: hidden; color: #f7f7f7; position: relative; } .fh-testimonials-carousel .testi-wrapper { padding: 115px 0; background-color: #0c1239; } .fh-testimonials-carousel.column-1 .testi-item { width: 50%; } .fh-testimonials-carousel.column-2 { border: none; } .fh-testimonials-carousel.column-2 .owl-dots { position: static; margin-top: 45px; } .fh-testimonials-carousel.column-2 .testi-list { margin-left: -15px; margin-right: -15px; width: auto; } .fh-testimonials-carousel.column-2 .owl-item { padding: 0 15px; } .fh-testimonials-carousel .testi-item { border: 3px solid rgba(247, 247, 247, 0.11); } .fh-testimonials-carousel .testi-icon { border-color: #fff; color: #fff; } .fh-testimonials-carousel .testi-star { border-color: #232951; } .fh-testimonials-carousel .testi-info { padding-right: 35%; } .fh-testimonials-carousel .testi-name { color: #f7f7f7; } .fh-testimonials-carousel .owl-dots { text-align: center; position: absolute; right: 52%; bottom: 150px; } .fh-testimonials-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 0 10px; -webkit-transition: 0.5s; transition: 0.5s; } .fh-testimonials-carousel .owl-dots .owl-dot:hover span, .fh-testimonials-carousel .owl-dots .owl-dot.active span { border-color: #c02030; background-color: #c02030; } .fh-testimonials-carousel .owl-nav div { width: 55px; height: 55px; line-height: 50px; font-size: 24px; text-align: center; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .fh-testimonials-carousel .owl-nav div:hover { border-color: #c02030; color: #c02030; } .fh-testimonials-carousel .owl-nav .owl-prev { left: 15px; } .fh-testimonials-carousel .owl-nav .owl-next { right: 15px; } /*** ==================================================================== Pricing ==================================================================== ***/ .fh-price-table { text-align: center; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09); margin-bottom: 40px; font-weight:400; } .fh-price-table .table-header { background-color: #0c1239; color: #fff; padding-top: 25px; padding-bottom: 35px; padding-right: 17.5%; padding-left: 17.5%; -webkit-transition: 0.5s; transition: 0.5s; } .fh-price-table .desc { color: #a3a3a3; -webkit-transition: 0.5s; transition: 0.5s; } .fh-price-table .plan-name { margin: 0; font-size: 20px; font-weight: 400; color: #fff; text-transform: uppercase; padding-bottom: 10px; } .fh-price-table .price-box { font-size: 100px; font-weight: 700; line-height: 1; color: #fff; position: relative; margin-bottom: 10px; display: inline-block; } .fh-price-table .price-box .currency { font-size: 18px; font-weight: 300; color: #a3a3a3; position: absolute; top: 17px; left: -12px; -webkit-transition: 0.5s; transition: 0.5s; } .fh-price-table .price-box .unit { font-size: 12px; font-weight: 400; font-style: italic; position: absolute; width: 100%; bottom: 10px; left: 85%; color: #a3a3a3; font-family: 'Open Sans', sans-serif; -webkit-transition: 0.5s; transition: 0.5s; } .fh-price-table .table-content { padding-top: 10px; padding-bottom: 40px; border: 2px solid transparent; -webkit-transition: 0.5s; transition: 0.5s; border-top: 0; } .fh-price-table .table-content a { margin-top: 40px; border: 2px solid #f4f4f4; background-color: transparent; color: #222; -webkit-transition: 0.5s; transition: 0.5s; } .fh-price-table ul { padding: 0; margin: 0; list-style: none; } .fh-price-table ul li { padding: 15px 0; border-bottom: 1px solid #f4f4f4; } .fh-price-table.promoted .table-header, .fh-price-table:hover .table-header { color: #fff; background-color: #c02030; } .fh-price-table.promoted .desc, .fh-price-table:hover .desc { color: #fff; } .fh-price-table.promoted .price-box .currency, .fh-price-table:hover .price-box .currency, .fh-price-table.promoted .price-box .unit, .fh-price-table:hover .price-box .unit { color: #fff; } .fh-price-table.promoted .table-content, .fh-price-table:hover .table-content { border-color: #c02030; } .fh-price-table.promoted .table-content a, .fh-price-table:hover .table-content a { border-color: #c02030; background-color: #c02030; color: #fff; } .fh-partner .partner-item { width: 100%; text-align: center; } .fh-partner .partner-item .partner-content { min-height: 90px; line-height: 84px; } .fh-partner .partner-item a { height: 100%; display: block; } /*** ==================================================================== Services ==================================================================== ***/ .fh-service .item-service.col-md-4:nth-child(3n+1), .fh-service .item-service.col-md-3:nth-child(4n+1) { clear: left; } .fh-service .entry-title { font-size: 20px; padding-bottom: 0; font-weight: 500; } .fh-service .entry-thumbnail { position: relative; display: block; overflow: hidden; margin-bottom: 0; } .fh-service .entry-thumbnail .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: #0c1239; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service .entry-thumbnail .icon { color: #fff; font-size: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #c02030; text-align: center; line-height: 70px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 100; } .fh-service .entry-thumbnail img { -webkit-transition: 0.5s; transition: 0.5s; width:100%; } .fh-service h2, .fh-service h2 a { -webkit-transition: 0.5s; transition: 0.5s; } .fh-service .read-more { font-size: 15px; font-family: 'Montserrat', sans-serif; color: #c02030; font-weight: 500; } .fh-service .service-content { margin-bottom: 50px; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service .service-content:hover .entry-thumbnail .link { opacity: 0.7; } .fh-service .service-content:hover .entry-thumbnail img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .fh-service .service-content:hover .entry-thumbnail .icon { opacity: 1; } .fh-service .service-content:hover h2, .fh-service .service-content:hover h2 a { color: #c02030; } .fh-service.style-bordered .summary { padding: 25px 30px; border: 1px solid #f4f4f4; border-top-width: 0; font-weight: 400; } .fh-service.style-bordered .item-service.no-thumb .summary { border-top-width: 1px; } .fh-service.style-bordered .service-content:hover { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07); } .fh-service.style-flat { text-align: center; } .fh-service.style-flat .entry-thumbnail { margin-bottom: 22px; } .fh-service.style-flat .summary { padding: 0 25px; } .fh-service.style-flat .entry-title { position: relative; padding-bottom: 17px; margin-bottom: 15px; } .fh-service.style-flat .entry-title:after { content: ''; width: 67px; height: 2px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #c02030; } .fh-accordion.vc_tta-accordion .vc_tta-panel-heading { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .fh-accordion.vc_tta-accordion .vc_tta-panel-title { font-weight: 500; font-size: 18px; } .fh-accordion.vc_tta-accordion .vc_tta-panel-title a { color: #222 !important; padding: 20px !important; background-color: #f7f7f7 !important; cursor: pointer; -webkit-transition: 0.5s !important; transition: 0.5s !important; } .fh-accordion.vc_tta-accordion .vc_tta-panel-title a i { font-size: 18px !important; position: absolute; right: 15px; margin-left: 0; top: 27px; color: #848484; } .fh-accordion.vc_tta-accordion .vc_tta-panel-title a span { margin-left: 0 !important; } .fh-accordion.vc_tta-accordion .vc_tta-panel-body { background-color: #fff !important; padding: 25px 20px !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a { color: #222 !important; padding: 18px 20px !important; background-color: #fff !important; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a i { font-size: 18px !important; position: absolute; right: 15px; margin-left: 0; top: 27px; color: #848484; -webkit-transition: 0.5s; transition: 0.5s; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a:hover { color: #c02030 !important; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-title a:hover i { color: #c02030 !important; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel-body { background-color: #fff !important; padding: 5px 20px 10px 20px !important; border-top: 0 !important; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title a { color: #c02030 !important; } .fh-accordion.style-2.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title a i { color: #c02030 !important; } .vc_opening-hours { border: 2px solid #ececec; padding: 20px 30px; } .vc_opening-hours h3 { margin: 0; font-size: 24px; padding-bottom: 15px; } .vc_opening-hours ul { padding: 0; list-style: none; margin-left: 0; } .vc_opening-hours ul li { padding: 10px 0; border-bottom: 1px solid #f4f4f4; font-size: 14px; } .vc_opening-hours ul li:last-child { border-bottom: none; } .vc_opening-hours ul li span { float: right; } .service-tabs .vc_tta-tabs-container { margin: 0 !important; } .service-tabs .vc_tta-tabs-list { background-color: #04192b; } .service-tabs .vc_tta-tabs-list li, .service-tabs .vc_tta-tabs-list li a { background-color: transparent !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 0 !important; } .service-tabs .vc_tta-tabs-list li { padding: 15px 0 !important; } .service-tabs .vc_tta-tabs-list li a { color: #fff !important; padding-top: 0 !important; padding-bottom: 0 !important; border-right: 1px solid rgba(255, 255, 255, 0.25) !important; } .service-tabs .vc_tta-tabs-list li:hover a, .service-tabs .vc_tta-tabs-list li.vc_active a { color: #c02030 !important; border-color: #c02030; } .service-tabs .vc_tta-tabs-list li:last-child a { border: 0 !important; } /*** ==================================================================== Team ==================================================================== ***/ .fh-team .team-list { padding-top: 105px; position: relative; margin-left: -15px; margin-right: -15px; width: auto; } .fh-team .team-list .owl-item { padding-left: 15px; padding-right: 15px; } .fh-team .team-member { margin-bottom: 30px; text-align: center; } .fh-team .team-member .team-header { position: relative; overflow: hidden; display: inline-block; margin-bottom: 15px; } .fh-team .team-member .team-header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0c1239; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 9; } .fh-team .team-member .team-header img { -webkit-transition: 0.5s; transition: 0.5s; } .fh-team .team-member ul { list-style: none; padding: 0; margin: 0; position: absolute; top: 50%; left: -45px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 11; -webkit-transition: 0.5s; transition: 0.5s; } .fh-team .team-member ul li { width: 45px; height: 45px; line-height: 45px; margin: 1px 0; background-color: #c02030; } .fh-team .team-member ul li a { color: #fff; display: block; } .fh-team .team-member:hover .team-header:before { opacity: 0.7; } .fh-team .team-member:hover .team-header img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .fh-team .team-member:hover ul { left: 0; } .fh-team .team-member h4 { font-size: 20px; margin-bottom: 0; margin-top: 0; font-weight: 500; } .fh-team .team-member .job { color: #c02030; font-size: 16px; display: block; font-weight: 400; } .fh-team .owl-nav div { font-size: 18px; color: #d8d8d8; top: 0; width: 50px; height: 50px; line-height: 47px; text-align: center; background-color: #fff; border: 1px solid #efefef; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: 0.5s; transition: 0.5s; } .fh-team .owl-nav div:hover { color: #fff; background-color: #c02030; } .fh-team .owl-nav .owl-next { right: 15px; } .fh-team .owl-nav .owl-prev { right: 75px; left: auto; } .fh-team .owl-dots { text-align: center; } .fh-team .owl-dots .owl-dot span { border-color: #efefef; background-color: #fff; width: 10px; height: 10px; } .fh-team .owl-dots .owl-dot:hover span, .fh-team .owl-dots .owl-dot.active span { border-color: #c02030; background-color: #c02030; } /*** ==================================================================== Custom Quote ==================================================================== ***/ .custom-quote blockquote { margin-left: 0; margin-top: 25px; padding: 30px 10px 10px 50px; border-left: 2px solid #f4f4f4; position: relative; } .custom-quote blockquote:before { content: '\e914'; font-family: 'factoryplus'; font-size: 20px; color: #c02030; position: absolute; left: 20px; top: 0; font-style: initial; } .custom-quote blockquote a { display: block; color: #c02030; font-size: 18px; font-weight: 500; font-family: 'Montserrat', sans-serif; font-style: initial; } .custom-quote.quote-project blockquote { background-color: #fafafa; border-left: 1px solid #c02030; padding: 20px 10px 20px 75px; } .custom-quote.quote-project blockquote:before { font-size: 32px; color: #ececec; top: 10px; left: 25px; } .custom-quote.quote-project blockquote:after { content: ''; position: absolute; height: 90%; width: 1px; background-color: #c02030; left: 3px; top: 0; } .custom-quote.quote-project blockquote h3 { font-size: 18px; font-weight: 400; font-style: normal; margin: 0; }