/* Template Name: Biz Lina Template URI: Author URI: Anil Basnet Description:Biz Lina is clean, responsive, modern and feature rich multi-purpose Business HTML template. It is an ultimate flexible template with loads of useful options and features. You can create high-quality websites for business companies of any scale using this HTML without changing a single structure. This HTML template is ideal for business, portfolio, digital agencies and general corporate websites development. It is fully responsive and renders perfectly on any device. Additionally, this template comes with full width easy to use slider, multiple home and blog layouts, full-width layouts, color options and more. Images used in the demo is just for demonstration purpose. Those images are not bundled in the zip. Version: 1.0.0 Primary use: Business / Corporate */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1. Normalize 2. Typography 3. Elements 4. Forms 4.1. Search Forms 5. Alignments 6. Clearings 7. Media 7.1. Captions 8. Gallery 9. Custom Button 10. Navigation 10.1. Links 10.2. Menu 11. Header Section 11.1. Top Header 11.2. Header 11.2.1. Header v2 11.2.2. Header v3 11.2.3.. Home landing 12. Custom Header 13. Content 13.1. Custom Gird 13.2. Post And Single Post Meta 13.3. Comments 13.4. Blog 13.5. Sidebar 14. Widget 15. Footer 16. Footer widgets 17. Scrollup Style 18. Front Page sections 18.1. Featured Slider 18.2. News And Events 18.3. Post Grid 18.4. Featured Page 18.5. Call to action 18.6. Services 18.7. Plan 18.8. Associate logo 18.9. Team 18.10. Counter 18.11. Testimonial 18.12. Portfolio 18.13. Feature Page 18.14. Skills 18.15. Quick Contact 18.16. Social Links 19 Inner Page Templates 19.1 Basic Breadcrumb 19.2 Error 404 Page 19.3 Contact page /*-------------------------------------------------------------- 1. Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; word-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } a { background-color: transparent; } a:active, a:hover { outline: 0; } b, strong { font-weight: bold; } dfn { font-style: italic; } 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; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; } 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"] { 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-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; } q { font-style: italic; font-weight: bold; letter-spacing: 1px; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 3px; border: 2px double #f9f9f9; text-align: center; } /*-------------------------------------------------------------- 2. Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #000; font-size: 16px; line-height: 1.75; font-family: 'Roboto', sans-serif; } h1 { font-size:40px; } h2 { font-size:32px; } h3 { font-size:22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-weight: 500; color: #000; line-height: 1.5; } p { margin: 0 0 15px 0; } dfn, cite, em, i { font-style: italic; } blockquote { text-align: center; position: relative; margin: 0 0 25px; font-size: 27px; font-weight: 100; } blockquote cite { font-size: 18px; line-height: 1.89; color: #888888; } blockquote cite { display: block; margin-top: 7px; } address { margin: 0 0 15px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 15px; max-width: 100%; overflow: auto; padding: 15px; } code { padding: 2px 4px; font-size: 90%; color: #dc4357; background-color: #0b60a912; border-radius: 4px; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- 3. Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fafafd; /* Fallback for when there is no custom background color defined. */ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote:before { content: "\201c"; font-family: "Times New Roman"; display: block; font-size: 93px; line-height: 50px; font-weight: 700; } blockquote:before { color: #0b60a9; } hr { background-color: #ECECEE; border: 0; height: 1px; margin: 60px 0; clear: both; } ul, ol { margin: 0 0 20px 0; padding: 0 0 0 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 15px 15px; } .technology_main{width:1200px; height:40px; float:left; margin:0 0 4px 0px; padding:0px; background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e7e7e7)); background-image: -webkit-linear-gradient(top, #fbfbfb, #e7e7e7); background-image: -moz-linear-gradient(top, #fbfbfb, #e7e7e7); background-image: -o-linear-gradient(top, #fbfbfb, #e7e7e7); background-image: linear-gradient(to bottom, #fbfbfb, #e7e7e700);} .tech_image{float:left; margin:0 0 0 8px; padding:5px 9px 0 0px; height:99px; background:url(images/g_line.html) no-repeat; background-position:right;} .contaner_main{width:990px; height:auto; float:left; margin:0 0 20px 0px; padding:0px;} .left{width:700px; height:auto; float:left; margin:0 16px 0 10px; padding:0px;} .courses_training_main{width:700px; height:237px; float:left; margin:0px; padding:0px; } .courses_training{width:700px; height:170px; float:left; margin:0px; padding:0px; border:#ee3004 solid 1px;} .p_courses{width:318px; height:auto; float:left; margin:0 0 0 30px; padding:0px; font-family:Calibri; font-size:17px; color:#383838; text-transform:uppercase;} .p_courses ul{padding:0px; margin:8px 0 0 10px;} .p_courses li{padding:5px 0 5px 0px; margin:0px; list-style:url(images/star_icon.html);} .selected a{color:#ee3004;} .p_course_head{font-family:Century Gothic; font-size:22px; color:#000000; text-align:left; margin:0px 10px 0px 0px; padding:7px 10px 7px 10px; border:#ee3004 solid 1px; float:left; border-bottom:none; background-color: #fcfcfc; border-radius:4px 4px 0px 0px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e5e3e4)); background-image: -webkit-linear-gradient(top, #fcfcfc, #e5e3e4); background-image: -moz-linear-gradient(top, #fcfcfc, #e5e3e4); background-image: -o-linear-gradient(top, #fcfcfc, #e5e3e4); background-image: linear-gradient(to bottom, #fcfcfc, #e5e3e4);} .p_course_head a{text-decoration:none; color:#000000;} img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } figure { margin: 15px 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 15px; width: 100%; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*-------------------------------------------------------------- 4. Forms --------------------------------------------------------------*/ input[type="button"], input[type="reset"], input[type="submit"], button { background: #0b60a9; color: #fff; font-size: 16px; line-height: 1.5; padding:10px 35px; border: none; height: auto; width: auto; cursor: pointer; display: inline-block; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:focus, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button:active { background-color: #222; color: #fff; outline: none; } 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, select { color: #272727; border: 1px solid #e7e7e7; padding: 7px 10px 7px 15px; } select { border: 1px solid #f5f5f5; width: 100%; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } 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:1px solid #319be2; } textarea { width: 100%; } /*-------------------------------------------------------------- 4.1. Search Forms --------------------------------------------------------------*/ form.search-form { position: relative; } input.search-field { width: 100%; border: 5px solid #f7f7f7; } .search-submit { width: 100%; margin-top: 15px; } .searchform { width: 430px; margin: 0 auto; max-width: 100%; } .searchform-inner { position: relative; } input.search-submit, input.search-submit:visited { position: absolute; top: 0; margin: 0; right: 0; font-size: 13px; padding: 16px 20px; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #272727; } ::-moz-placeholder { /* Firefox 19+ */ color: #272727; } :-ms-input-placeholder { /* IE 10+ */ color: #272727; } :-moz-placeholder { /* Firefox 18- */ color: #272727; } #footer-widgets ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #footer-widgets ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #footer-widgets :-ms-input-placeholder { /* IE 10+ */ color: #fff; } #footer-widgets :-moz-placeholder { /* Firefox 18- */ color: #fff; } .text-alignleft { text-align: left; } .text-alignright { text-align: right; } .text-aligncenter { text-align: center; } a:hover img, a:focus img, a:active img { opacity: 0.8; transition: box-shadow 0.2s ease-out 0s; } /*-------------------------------------------------------------- 5. Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 50px; } .alignright { display: inline; float: right; margin-left: 50px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .text-alignleft { text-align: left; } .text-alignright { text-align: right; } .text-aligncenter { text-align: center; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 7. Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /** * Print */ @media print { form, button, input, select, textarea, .navigation, .main-navigation, .social-navigation, .sidebar, .content-bottom-sections, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link { display: none; } } /** * Media Queries */ /** * Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*-------------------------------------------------------------- 7.1. Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 15px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- 8. Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 20. Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: middle; width: 100%; margin: 0; padding: 5px; float: left; } .gallery-item img { vertical-align: middle; } .gallery-item:hover { opacity: 0.7; } .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; } .gallery-caption { display: block; background: #f9f8f8; padding: 8px; font-size: 18px; } /*-------------------------------------------------------------- 9. Custom Button --------------------------------------------------------------*/ .custom-button, .custom-button:visited, a.button, .custom-button.custom-primary-button, .custom-button.custom-primary-button:visited { transition: all 0.3s ease 0s; background: #da251c; color: #fff; font-size: 14px; line-height: 1.8; padding: 10px 35px; border: none; height: auto; width: auto; cursor: pointer; display: inline-block; min-width: 135px; text-align: center; margin: 0; position: relative; font-weight: 500; vertical-align: middle; } /*Circle button style*/ .button-curved .custom-button, .button-curved .custom-button:visited, .button-curved a.button.custom-button, .button-curved a.button.custom-button:visited .button-curved .custom-button.custom-primary-button, .button-curved .custom-button.custom-primary-button:visited, .button-curved input[type="button"], .button-curved input[type="reset"], .button-curved input[type="submit"], .button-curved a.scrollup, a.scrollup:visited, .button-curved { border-radius: 27px; } .button-semi-curved { border-radius: 5px; } .button-circle { border-radius: 100%; } .section-carousel-enabled.button-circle .slick-prev.slick-arrow, .section-carousel-enabled.button-circle .slick-next.slick-arrow{ border-radius: 100%; } .custom-button:hover, .button:hover, button:focus, .button:focus, .custom-button:focus, .custom-button:active, .custom-button.custom-primary-button:hover, .custom-button.custom-primary-button:active, .custom-button.custom-primary-button:focus { background-color: #222; color: #fff; box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54); } .overlay-enabled .custom-button:hover, .overlay-enabled a.button:hover, .overlay-enabled button:focus, .overlay-enabled a.button:focus, .overlay-enabled .custom-button:focus, .overlay-enabled .custom-button:active, .overlay-enabled .custom-button.custom-primary-button:hover, .overlay-enabled .custom-button.custom-primary-button:active, .overlay-enabled .custom-button.custom-primary-button:focus, .dark-background .custom-button:hover, .dark-background a.button:hover, .dark-background button:focus, .dark-background a.button:focus, .dark-background .custom-button:focus, .dark-background .custom-button:active, .dark-background .custom-button.custom-primary-button:hover, .dark-background .custom-button.custom-primary-button:active, .dark-background .custom-button.custom-primary-button:focus { background-color: #fff; color: #222; box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54); } /*custom-secondary*/ .custom-button.custom-secondary-button, .custom-button.custom-secondary-button:active, .custom-button.custom-secondary-button:visited { background-color: #fff; color: #2c3038; margin-left: 15px; } .custom-button.custom-secondary-button:hover { background: #0b60a9; color: #fff; } .more-link { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; font-weight: 600; font-size: 14px; } .more-link:after { content: "\f30b"; font-family: 'Font Awesome 5 Free'; padding-left: 6px; font-weight: normal; font-size: 12px; font-weight: 900; } .more-link:hover { padding-left: 10px; } a.more-link:hover::after { content: "\f00c"; } .custom-button.custom-default { background: #ddd; color: #222; } .custom-button.custom-success { background: #0fb661; } .custom-button.custom-info { background: #30b4da; } .custom-button.custom-warning { background: #f0b02f; } .custom-button.custom-danger { background: #ff4f39; } .custom-button.custom-dark { background: #222222; } .custom-button.custom-purple { background: #9261c6; } .custom-button.custom-pink { background: #ff6b98; } .custom-button.custom-default:hover, .custom-button.custom-pink:hover, .custom-button.custom-purple:hover, .custom-button.custom-dark:hover, .custom-button.custom-danger:hover, .custom-button.custom-warning:hover, .custom-button.custom-info :hover, .custom-button.custom-success:hover, .custom-button.custom-default:hover { opacity: 0.8; } .custom-button-demo h4 { margin-top: 30px; margin-bottom: 30px; } .custom-button.button-large { padding: 20px 50px; font-size: 20px; } .custom-button.button-medium { padding: 15px 35px; } button.custom-button.button-extra-small { padding: 5px 15px; font-size: 13px; } /*-------------------------------------------------------------- 10. Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1. Links --------------------------------------------------------------*/ a { color:#323232; text-decoration: inherit; } a:visited { color: #323232; } a:focus { outline: none; } a:hover, a:focus, a:active { color: #0b60a9; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- 9.2. Menus --------------------------------------------------------------*/ div#mob-menu-quick, #mobile-trigger-quick { display: none; } .quick-link { float: right; position: relative; } /*Top Nav*/ #header-nav { padding: 20px; background-color: #ffffff; text-align: left; visibility: hidden; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; top: 130%; right: 0; -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); width: 190px; position: absolute; z-index: 9999; margin: 0; } .quick-link:hover #header-nav { visibility: visible; opacity: 1; top: 100%; right: 0; } #header-nav ul { display: block; margin: 0; padding: 0; } #header-nav li { display: block; width: 100%; float: none; border: none; margin: 6px 0; border-top: 1px solid #f1f1f1; } #header-nav li:first-child { border: none; } #header-nav li li { float: none; display: block; margin: 0; } #header-nav ul li a { display: block; font-size: 14px; padding-left: 10px; position: relative; text-transform: capitalize; z-index: 99; margin-top: 5px; } #header-nav ul li:hover > ul.sub-menu { display: block; opacity: 1; z-index: 1000; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; } #header-nav ul ul { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 200px; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); display: block; opacity: 0; background-color: #252525; padding: 0 10px 10px; } #header-nav ul ul a { border-bottom: 1px solid rgba(221, 221, 221, 0.34); border-left: medium none; border-right: medium none; height: auto; text-align: left; width: 100%; font-size: 14px; color: #fff; padding: 10px; margin: 0; } #header-nav .menu-toggle, #header-nav .dropdown-toggle { display: none; } #header-nav ul li a:hover, #header-nav li.current-menu-item a, #header-nav li.current_page_item a, #header-nav li:hover > a { color: #0b60a9; } #mob-menu2, #mobile-trigger-quick { display: none; } .main-navigation ul { display: block; margin: 0; padding: 0; } .main-navigation { float: left; } #main-navigation { padding: 5px 0; background: #15156e; } .main-navigation ul ul.sub-menu { padding: 10px 25px; background-color: #fff; text-align: left; visibility: hidden; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; top: 150%; left: 0; -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); width: 270px; position: absolute; z-index: 999; } .main-navigation ul > li:hover > ul.sub-menu { opacity: 1; left: 0; z-index: 9999; visibility: visible; top:130% } .main-navigation ul ul ul { left: 100%; top: 0; box-shadow: 2px 1px 2px #222; } .main-navigation li { position: relative; display: inline-block; margin-bottom:0; } .main-navigation ul > li:hover > ul { opacity: 1; left:0; z-index: 9999; } .main-navigation ul ul ul ul { display: none; } .main-navigation ul ul ul li:hover > ul { display: block; } .main-navigation ul ul li:hover > ul { opacity: 1; left:100%; } .main-navigation li li { float: none; display: block; } .main-navigation ul li li:last-child > a { border: none; } .main-navigation ul li a { color: #fff; display: block; font-size: 14px; font-weight: 500; padding: 15px 0; position: relative; z-index: 99; text-transform: uppercase; font-family: 'Roboto', sans-serif; margin: 0 25px 0 0; } .main-navigation ul ul a { border-bottom: 1px solid #f5f2f2; border-left: medium none; border-right: medium none; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset; transition: padding 0.2s ease-in-out 0s; height: auto; padding: 10px 0; text-align: left; width: 100%; margin: 0; color: #666666; font-size: 14px; text-transform: capitalize; } .main-navigation ul li.menu-item-has-children > a, .main-navigation ul li.page-item-has-children > a { padding-right: 30px; } .main-navigation li > a:hover, .main-navigation li.current-menu-item > a, .main-navigation li.current-page-item > a, .main-navigation li:hover > a { color:#fff; } .main-navigation li li > a:hover, .main-navigation li li.current-menu-item > a, .main-navigation li li.current-page-item > a, .main-navigation li li:hover > a { color:#0b60a9; } .main-navigation li li > a:hover, .main-navigation li li.current-menu-item > a, .main-navigation li li.current-page-item > a, .main-navigation li li:hover > a { padding-left: 5px; } #main-navigation ul ul::after { content: ""; display: block; position: absolute; top: -6px; border-left: 1px solid #f1f0f0; border-top: 1px solid #f1f0f0; z-index: 9999; left: 20px; transform: rotate(45deg); background: #fff; height: 12px; width: 12px; } .main-navigation ul li.menu-item-has-children > a::before, .main-navigation ul li.page-item-has-children > a::before { content: "\f107"; font-family: 'Font Awesome 5 Free'; margin-left: 10px; margin-right: 0; position: absolute; right: 5px; top: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; font-size: 12px; font-weight: 900; } .main-navigation ul ul a:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; position: absolute; opacity: 0; transition: all 0.2s ease-in-out 0s; font-weight: 900; left: -15px; } .main-navigation ul ul a:hover:before { opacity: 1; left: -6px; } .main-navigation ul li li.menu-item-has-children > a::after, .main-navigation ul li li.page-item-has-children > a::after { content: "\f105"; top: 12px; right: 15px; } .main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page-item-has-children a { padding-right: 20px; } .main-navigation .menu-toggle, .main-navigation .dropdown-toggle { display: none; } #mobile-trigger { display: none; } #mob-menu { display: none; } .main-navigation li a:after { content: ''; position: absolute; left: 0; bottom: -6px; width: 100%; height: 5px; background-color: #ffffff; -webkit-transition: all 0.33s ease-out; -moz-transition: all 0.33s ease-out; -o-transition: all 0.33s ease-out; -ms-transition: all 0.33s ease-out; transition: all 0.33s ease-out; opacity: 0; } .main-navigation li:hover a:after, .main-navigation li.current-menu-item a:after, .main-navigation li.current_page_item a:after { opacity: 1; width: 100%; } /*Mega Menu*/ .site-header .container { position: relative; } .main-navigation ul li.has-mega-menu { position: inherit; } .main-navigation ul li.has-mega-menu .flat-mega-memu ul { float: left; width: 20%; padding: 0 15px; border-right: 1px solid #f5f5f5; margin: 15px 0; } #main-navigation ul li.has-mega-menu ul::after { display: none; } .main-navigation ul li.has-mega-menu .flat-mega-memu { width: 1220px; left: 20px!important; background-color: #fff; text-align: left; visibility: hidden; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; top: 150%; -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25); position: absolute; z-index: 999; overflow: hidden; } .main-navigation ul li.has-mega-menu:hover .flat-mega-memu { opacity: 1; z-index: 9999; visibility: visible; overflow: hidden; top: 130%; } .main-navigation ul li.has-mega-menu .flat-mega-memu ul li a { border: none; padding-top: 5px; padding-bottom: 5px; } /*Page/Post Navigation*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { clear: both; overflow: hidden; padding: 0; border-bottom: 1px solid #f7f7f7; padding: 60px 0; } .nav-links a { display: inline-block; } .nav-links span.meta-nav { display: none; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-previous a::before, .posts-navigation .nav-previous a::before, .post-navigation .nav-previous a::before{ content: "\f30a"; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-weight: 900; } .comment-navigation .nav-next a::after, .posts-navigation .nav-next a::after, .post-navigation .nav-next a::after{ content: "\f30b"; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-left: 10px; font-weight: 900; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .pagination .nav-links .page-numbers { padding: 5px; background: #fff; } .pagination .nav-links .page-numbers.dots { background-color: inherit; border:none; color:#272727; } .pagination .nav-links .page-numbers { padding: 6px 18px; color: #272727; display: inline-block; background: #f5f5f5; margin: 5px; } .pagination .nav-links .current, .pagination .nav-links a:hover, .pagination .nav-links a:active, .pagination .nav-links a:focus { background: #0b60a9; color: #fff; border-color: #0b60a9; } .pagination .nav-links { text-align: center; clear: both; } nav.navigation.pagination { margin:0; clear: both; float: left; width: 100%; } /*-------------------------------------------------------------- 11. Header Section --------------------------------------------------------------*/ /*-------------------------------------------------------------- 11.1. Top Header --------------------------------------------------------------*/ #tophead { background: #504d4d; } #tophead .social-links { clear: inherit; float: left; } #tophead span.social-title { float: left; padding: 9px 20px; color: #cecece; font-style: italic; } /*quick contact*/ #quick-contact > ul { margin: 0; padding: 0; } #quick-contact a:hover { text-decoration: underline; } #quick-contact li { clear: inherit; float: left; font-size: 14px; line-height: 0.8; list-style: outside none none; text-align: left; font-weight: 400; margin: 0 0 0 35px; padding: 0; color: #666; } #tophead .section { margin:0; } .quick-link a.quick-button-links { padding: 11px 30px 11px 20px; display: block; background: #0b60a9; color: #fff; font-weight: 500; font-size: 14px; } .quick-link a.quick-button-links:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; position: absolute; right: 13px; top: 11px; -moz-transition: all 0.3s ease-in-out; font-size: 14px; font-weight: 900; } #header-right { float: right; margin-top: 10px; margin-left: 20px; } #main-header #header-right { float: right; margin-top: 25px; } #quick-link-buttons { float: right; display: table; position: relative; } #quick-link-buttons .cart-button i { margin-right: 10px; } #quick-link-buttons .cart-button > span { min-width: 15px; min-height: 15px; background-color: #fff; border-radius: 100%; font-size: 11px; padding: 1px 0px; line-height: 1.2; position: absolute; top: -12px; background: #f1f0f0; text-align: center; right: 0; } #tophead .social-links li a { border: none; margin: 0; width: 45px; height: initial; padding: 6px 0; } #tophead .social-links li { display: block; margin-right: 0; margin-top: 0; margin-left: 0px; float: right; } #tophead .social-links li a::before { color: #cecece; line-height: 2.5; font-size: 13px; font-weight: 100; text-shadow: none; } #tophead .social-links li a:hover::before { color: #fff; } #tophead a.search-icon { float: right; display: block; color: #928f8f; padding: 11px 15px; font-size: 13px; } #header-search { position: relative; float: right; margin-left: 15px; } .search-box-wrap { background: #ffffff; display: none; position: absolute; right: 0; top: 55px; padding: 25px 30px 25px; z-index: 9991; } #header-search a.search-icon { padding: 16px 0 0; display: block; font-size: 13px; color: #fff; } .header-social-wrapper .social-links ul li a::before { color: #fff; } /*-------------------------------------------------------------- 11.2. Header --------------------------------------------------------------*/ #masthead { clear: both; width: 100%; z-index: 999; position: relative; transition: all 0.2s ease-in-out 0s; padding: 20px 0; background: #fff; } .sticky-header #main-navigation ul ul { top:60px; } .header-social-wrapper { float: right; margin-top: 2px; } #site-identity { float: left; margin-top: 5px; } .site-branding { margin: 0; text-align: center; margin-bottom:0px; } .site-title { font-size: 27px; font-weight: 700; margin: 0; } .site-title a, .site-title a:visited { color: #191d3d; } .site-title a:hover, .site-title a:focus, .site-title a:active{ color: #0b60a9; } .site-description { color: #777; font-size: 14px; font-style: inherit; font-weight: 300; letter-spacing: 1.5px; margin: 0; text-align: left; } #main-navigation .container { position: relative; } #quick-contact { float: right; } .header-box-icon { float: left; font-size: 34px; margin-right: 20px; line-height: 1.4; color: #0b60a9; text-align: center; } #quick-contact li i { font-size: 36px; margin: 0; display: block; color: #0b60a9; height: auto; width: auto; border: none; padding: 0; } .header-box-info { float: left; line-height: 1.5; } .header-box-info strong { display: block; color: #222; } #quick-contact a { display: block; color: #666; } .header-social-wrapper .social-links li a { border: 2px solid transparent; } .custom-button.apply-now { float: right; margin-left: 35px; min-width: inherit; padding-left: 30px; padding-right: 30px; } .main-navigation ul li.has-mega-menu:hover .flat-mega-memu { top: 105%; } .sticky-header #main-navigation { transition: padding 0.2s ease-in-out 0.2s; } .sticky-header #main-navigation { position: fixed; top: 0; width: 100%; left: 0; box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08); padding: 10px 0; z-index: 999; transition: padding 0.2s ease-in-out 0.2s; } /*-------------------------------------------------------------- 11.2.1 Header v2 --------------------------------------------------------------*/ .header-v2 #quick-contact { float: right; margin-top: 0; } .header-v2 .quick-link { float: right; } .header-v2 .site-header #main-navigation { display: table; float: right; background: inherit; padding: 0; } .header-v2 #quick-contact li { clear: inherit; float: left; font-size: 14px; line-height: 0.8; list-style: outside none none; text-align: left; font-weight: 400; margin-left: 12px; padding: 12px 15px 12px 0px; color: #cecece; } .header-v2 #quick-contact li i { color: #ffffff; display: inline-block; font-size: 12px; margin-right: 5px; border: 1px solid #b9b1b1; height: 21px; width: 22px; text-align: center; padding: 4px; } .header-v2 #tophead .header-social-wrapper { clear: inherit; float: left; } .header-v2 #quick-contact a { display: inline-block; color: #cecece; } .header-v2 .main-navigation ul li a { color: #222; } .header-v2 #header-search a.search-icon { color: #222; padding: 15px 0 0 10px; } .header-v2 #masthead { padding: 24px 0; } .header-v2 .main-navigation ul li.has-mega-menu:hover .flat-mega-memu { top: 142%; } /*-------------------------------------------------------------- 11.2.2 Header v3 --------------------------------------------------------------*/ .header-v2.sticky-header #main-navigation, .header-v3.sticky-header #main-navigation, .home-landing.sticky-header #main-navigation { position: inherit; top: inherit; width: auto; left: inherit; box-shadow: inherit; padding: inherit; z-index: inherit; transition: inherit; } .header-v2.sticky-header #masthead, .header-v3.sticky-header #masthead, .home-landing.sticky-header #masthead { position: fixed; top: 0; width: 100%; left: 0; background: #ffffff; box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08); padding: 15px 0; } .header-v3 .custom-button.apply-now { float: right; margin-left: 35px; min-width: inherit; padding-left: 30px; padding-right: 30px; } .header-v3 #quick-contact { float: right; margin-top: 0; } .header-v3 .quick-link { float: right; } .header-v3 .site-header #main-navigation { display: table; float: right; background: inherit; padding: 0; } .header-v3 #quick-contact li { clear: inherit; float: left; font-size: 14px; line-height: 0.8; list-style: outside none none; text-align: left; font-weight: 400; margin-left: 12px; padding: 12px 15px 12px 0px; color: #cecece; } .header-v3 #quick-contact li i { color: #ffffff; display: inline-block; font-size: 12px; margin-right: 5px; border: 1px solid #b9b1b1; height: 20px; width: 25px; text-align: center; padding: 4px; } .header-v3 #tophead .header-social-wrapper { clear: inherit; float: left; } .header-v3 #quick-contact a { display: inline-block; color: #cecece; } .header-v3 .main-navigation ul li a { color: #222; } .header-v3 #header-search a.search-icon { color: #222; padding: 15px 0 0 10px; } .header-v3 #masthead { padding: 24px 0; } .header-v3 .main-navigation ul li.has-mega-menu:hover .flat-mega-memu { top: 142%; } /*-------------------------------------------------------------- 11.2.3. Home landing --------------------------------------------------------------*/ .home-landing #masthead { padding: 10px 0; } .home-landing.sticky-header #masthead { padding: 10px 0; } .home-landing.sticky-header .main-navigation ul li.has-mega-menu:hover .flat-mega-memu { opacity: 1; z-index: 9999; visibility: visible; overflow: hidden; top: 119%; } .home-landing .site-header #main-navigation { display: table; float: right; background: inherit; padding: 0; } .home-landing #quick-contact a { display: inline-block; color: #cecece; } .home-landing .main-navigation ul li a { color: #222; } .home-landing #masthead { padding: 24px 0; } .home-landing .main-navigation ul li.has-mega-menu:hover .flat-mega-memu { top: 142%; } /*-------------------------------------------------------------- 12. Custom Header --------------------------------------------------------------*/ #custom-header { position: relative; background: url(images/custom-header/custom-header.jpg); padding: 100px 0; clear: both; background-size: 100%; } #custom-header img { vertical-align: middle; } #custom-header::after { background: #000000; content: ""; display: block; height: 100%; opacity: 0.4; position: absolute; top: 0; width: 100%; z-index: 8; } .custom-header-content { position: relative; text-align: center; z-index: 9; } .page-title { color: #fff; text-transform: capitalize; font-size: 43px; margin: 0; } /*-------------------------------------------------------------- 13. Content --------------------------------------------------------------*/ #fakeloader{ position: fixed; width: 100%; height: 100%; top: 0px; background-color: rgb(11, 96, 169); z-index: 9999; } #content { padding: 50px 0; background: #fff; } #primary { float: left; padding-left: 25px; padding-right: 25px; width: 70%; } .site-layout-boxed .container { padding: 0 30px; } body.site-layout-boxed { background: rgb(234, 234, 234); } /*-------------------------------------------------------------- 13.1. Custom Gird --------------------------------------------------------------*/ .full-with-stretch .container { padding:0; width: 100%; } .boxed-with { max-width: 1180px; } .container { width: 100%; padding: 0; } .container { width: 1230px; margin: 0 auto; padding-left: 25px; padding-right: 25px; max-width: 100%; } .container::after, .inner-wrapper::after { clear: both; content: ""; display: table; } .boxed-layout #page { width: 1300px; margin: 30px auto; max-width: 100%; background: #fff; box-shadow: 0 0 26px #d8d7d7; } .inner-wrapper { margin-left: -25px; margin-right: -25px } .inner-wrapper:before, .inner-wrapper:after { content: " "; display: table } .inner-wrapper:after { clear: both } .wrapper-fluid { margin: 0; padding: 0; } .wrapper-fluid .col-grid-1, .wrapper-fluid .col-grid-2, .wrapper-fluid .col-grid-3, .wrapper-fluid .col-grid-4, .wrapper-fluid .col-grid-5, .wrapper-fluid .col-grid-6, .wrapper-fluid .col-grid-7, .wrapper-fluid .col-grid-8, .wrapper-fluid .col-grid-9, .wrapper-fluid .col-grid-10, .wrapper-fluid .col-grid-11, .wrapper-fluid .col-grid-12 { margin: 0; } .col-grid-1, .col-grid-2, .col-grid-3, .col-grid-4, .col-grid-5, .col-grid-6, .col-grid-7, .col-grid-8, .col-grid-9, .col-grid-10, .col-grid-11, .col-grid-12 { padding-left: 25px; padding-right: 25px; float: left; margin: 25px 0 25px 0; transition: all 0.4s ease-in-out 0s; } .col-grid-1 { width: 8.33333% } .col-grid-2 { width: 16.66667% } .col-grid-3 { width: 25% } .col-grid-4 { width: 33.33333% } .col-grid-5 { width: 41.66667% } .col-grid-6 { width: 50% } .col-grid-7 { width: 58.33333% } .col-grid-8 { width: 66.66667% } .col-grid-9 { width: 75% } .col-grid-10 { width: 83.33333% } .col-grid-11 { width: 91.66667% } .col-grid-12 { width: 100% } .grid-container { background: #f1f1f1; padding: 10px 15px; border-radius: 3px; } .col-grid-1 span { font-size: 12px; text-align: center; } .icon-list-demo i { text-align: center; vertical-align: middle; font-size: 24px; border: 1px solid #f9f9f9; width: 50px; height: 50px; line-height: 50px; margin-right: 12px; color: rgba(43, 61, 81, 0.7); border-radius: 3px; display: inline-block; transition: all 0.2s; } .img-circle { border-radius: 50%; } .img-rounded { border-radius: 6px; } img.img-border { border: 1px solid #ddd; padding: 5px; } img.img-shadow { box-shadow: 0px 8px 40px #bfc0c1; } ::-moz-selection { color: #fff; background: #0b60a9; } ::selection { color: #fff; background: #0b60a9; } .icon-social-demo .social-links { text-align: left; } /*-------------------------------------------------------------- 13.2. Post And Single Post Meta --------------------------------------------------------------*/ .sticky { display: block; position: relative; } .hentry{ margin: 0 0 40px; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin:0; } .page-links { clear: both; margin: 0 0 15px; } .entry-meta { margin-top: 0; margin-bottom: 20px; } .entry-meta > span { display: inline-block; margin-bottom: 0; font-size: 14px; line-height: 1; font-size: 14px; margin-right: 15px; } .entry-header { margin-bottom: 5px; } .entry-meta > span:first-child { margin-left: 0; padding-left:0; border:none; } .entry-title { font-size: 24px; margin-bottom: 0; } .entry-title a, .entry-title a:visited { color: #272727; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #0b60a9; } .global-layout-right-sidebar .entry-content-wrapper, .global-layout-left-sidebar .entry-content-wrapper, .default-full-width.blog-full-width .entry-content-wrapper { padding: 35px 40px 0; margin: -57px 30px 0; background: #fff; position: relative; } article.hentry { padding-bottom: 40px; border-bottom: 1px solid #eee; } article.hentry .custom-button { margin: 15px 0 0; } .single article.hentry { border: none; padding-bottom: 0; margin: 0; } .entry-thumb.alignleft, .entry-thumb.alignright { margin-bottom: 30px; } .entry-thumb.aligncenter { position: relative; margin-bottom: 25px; text-align: center; } .entry-thumb { position: relative; } .entry-thumb img { vertical-align: middle; width: 100%; } .entry-meta a, .entry-meta a:visited { color: #ada9a9; } .entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active { color: #0b60a9; } .blog .entry-content-inner, .archive .entry-content-inner, .single .entry-content-inner { padding: 30px 40px 50px 140px; background: #fff; margin-left: 20px; margin-right: 20px; } .blog .has-post-thumbnail .entry-content-inner, .archive .has-post-thumbnail .entry-content-inner, .single .has-post-thumbnail .entry-content-inner { margin-top: -30px; } .page-header { background: #fff; padding: 30px 50px; margin-bottom: 30px; } .blog.archive-layout-simple article.hentry, .archive.archive-layout-simple article.hentry { clear: both; display: block; overflow: hidden; } /* blog grid layout*/ .blog.archive-layout-simple .entry-content-wrapper, .archive.archive-layout-simple .entry-content-wrapper { display: table; } .blog.archive-layout-grid .hentry.post .entry-header, .archive.archive-layout-grid .hentry.post .entry-header { margin-bottom: 5px; clear: both; } .blog.archive-layout-grid .hentry.post .entry-thumb, .archive.archive-layout-grid .hentry.post .entry-thumb { max-width: 100%; float: none; margin: 0; } .blog.archive-layout-grid .hentry.post .entry-thumb.alignleft, .archive.archive-layout-grid .hentry.post .entry-thumb.alignleft { float: left; margin:0; } .blog.archive-layout-grid .hentry.post .entry-thumb.alignright, .archive.archive-layout-grid .hentry.post .entry-thumb.alignright { float: right; margin:0; } .blog.archive-layout-grid .hentry.post, .archive.archive-layout-grid .hentry.post { width: 50%; float: left; padding: 0 20px; float: left; clear: none; border: none; } .blog.archive-layout-grid .masonry-wrapper, .archive.archive-layout-grid .masonry-wrapper { overflow: hidden; height: 100%; } .blog.archive-layout-grid article.hentry:nth-child(2n+1), .archive.archive-layout-grid article.hentry:nth-child(2n+1) { clear: both; } .blog.archive-layout-grid .hentry.post .entry-content-wrapper, .archive.archive-layout-grid .hentry.post .entry-content-wrapper { padding: 30px 30px 5px; clear: both; } .blog.archive-layout-grid .entry-content-outer-wrapper, .archive.archive-layout-grid .entry-content-outer-wrapper { box-shadow: 0 0 18px #f5eeee; } .blog .hentry.post a.more-link, .archive .hentry.post a.more-link { clear: both; margin-top: 20px; display: block; } .blog.archive-layout-grid #main, .archive.archive-layout-grid #main { margin: 0 -20px; } .sticky .entry-content-wrapper .entry-title::before { content: "\f08d"; display: block; font-family: 'Font Awesome 5 Free'; color: #000; text-align: center; font-size: 18px; float: left; margin-right: 15px; font-style: inherit; font-weight: 900; margin-top: 5px; } .blog article.hentry, .archive article.hentry{ padding-bottom: 10px; } .entry-header .entry-meta { position: absolute; left: 30px; top: 30px; text-align: center; margin: 0; } .entry-header .entry-meta span::before { display: none; } .entry-header .entry-meta span.posted-on { background: #f5f5f5; display: block; margin: 0; } .entry-header .entry-meta span span { display: block; padding: 3px 25px; } /*-------------------------------------------------------------- 13.3. Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-notes { position: relative; } #respond { clear: both; display: block; background: #fcfcfc; padding: 30px; } #comments { margin-top: 30px; } #comment-form-title { font-size: 24px; padding-bottom: 10px; } .comment-list li.comment::after { content: inherit; display: none; } .comment-list li{ padding-left: 0; } .comment { display: block; float: left; width: 100%; } ol.comment-list { border-radius: 5px; float: left; margin-bottom: 15px; margin-left: 0; margin-right: 0; overflow: inherit; padding: 0; width: 100%; } ol.comment-list .children { border: medium none; float: left; margin: 35px 0; width: 100%; } ol.comment-list li { list-style: outside none none; margin-bottom: 15px; } .authorbox { overflow: hidden; padding: 0 0 40px; border-bottom: 1px solid #f7f7f7; } .authorbox h4.author-header { margin-bottom: 5px; } .comment .comment-body { border-radius: 0; clear: both; display: block; float: left; padding: 30px 30px 30px 0; position: relative; text-align: left; width: 100%; border-bottom: 1px solid #f7f7f7; } .comments-title { padding: 10px 0 45px; clear: both; border-bottom: 1px solid #f7f7f7; font-size: 25px; } .comment-author.vcard { font-size: 20px; margin-bottom: 5px; } .comment-list .children { padding-left: 40px; } #tab-reviews .comment-form-author, #tab-reviews .comment-form-email, #tab-reviews .comment-form-url{ width: 100%; } .comment-form-author input, .comment-form-email input, .comment-form-url input{ width: 100%; } .comment-list li.comment > div img.avatar { left: 29px; position: absolute; top: 29px; } .vcard .avatar { float: left; margin-right: 35px; margin-bottom: 0; margin-top: 10px; } .comment-metadata { font-size: 14px; line-height: 16px; margin-bottom: 10px; } .comment-metadata > a { color: #ada9a9; margin-right: 30px; } .comment-metadata > a:before { content: "\f274"; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; } .edit-link:before { content: "\f044"; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; } a.comment-reply-link:before { content: "\f3e5"; font-family: 'Font Awesome 5 Free'; margin-right: 7px; font-size: 14px; font-weight: 900; } .form-allowed-tags code { white-space: inherit; word-wrap: break-word; } .bypostauthor { display: block; } .author-avatar { float: left; margin-right: 35px; } .author-avatar img, .vcard .avatar { max-width: 100px; } .comment p { font-size: 14px; } .reply { float: right; font-size: 16px; } .entry-meta .byline .author.vcard { margin-left: -4px; } .entry-footer > span::before, .entry-meta > span::before { display: inline-block; font-family: 'Font Awesome 5 Free'; height: 15px; margin-right: 8px; content: ""; font-size: 13px; } .entry-meta span.comments-link::before { content: "\f086"; } .entry-meta > .cat-links::before { content: "\f07c"; } .entry-meta > .byline::before { content: "\f007"; } .entry-meta .tags-links::before { content: "\f02c"; font-weight: 900; font-size: 10px; } .entry-meta > .posted-on::before { content: "\f274"; } .entry-footer .edit-link::before{ content: "\f044"; } #commentform label { display: inline; position: relative; } #commentform input[type="checkbox"], #commentform input[type="radio"] { margin-right: 10px; } #commentform p.form-submit { margin-top: 30px; } #commentform span.required { color: #f0632b; } /*-------------------------------------------------------------- 13.4. Blog --------------------------------------------------------------*/ article.hentry.post.blog-grid .entry-thumb { max-width: 100%; float: none; } article.hentry.post.blog-grid { width: 33.33%; float: left; padding: 10px 30px; float: left; clear: none; border: none; } article.hentry.post.blog-grid .entry-meta { margin-bottom: 10px; } article.hentry.post.blog-grid .entry-content-wrapper { background: #fdfdfd; padding: 30px; text-align: center; box-shadow: 0 0 33px #eaeaea; } .entry-content a, .entry-header a { display: inline-block; } /*-------------------------------------------------------------- 13.5. Sidebar --------------------------------------------------------------*/ #sidebar-primary { float: right; } #sidebar-secondary { float: left; } .sidebar { width: 30%; padding-left: 25px; padding-right: 25px; float: left; } .sidebar .widget { margin-bottom: 40px; padding: 30px; box-shadow: 0 0 55px #f3f3f3; } .widget-area .widget::after, .widget-area .widget::before { clear: both; content: ""; display: table; } .sidebar .widget-title { position: relative; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 30px; } .sidebar .widget-title:after { background: #0b60a9; position: absolute; bottom: -2px; content: ""; width: 20%; height: 3px; left: 0; } .sidebar ul { list-style: outside none none; padding: 0; margin: 0; } .sidebar ul ul { border-bottom:none; padding-bottom: 0; } .sidebar ul li { padding-bottom: 5px; padding-top: 5px; position: relative; padding-right: 15px; font-size: 15px; } .sidebar ul li::before { content: "\f105"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 13px; right: 0; position: absolute; top: 8px; font-weight: 900; } .widget .tagcloud a:hover { border: 2px solid #0b60a9; color: #0b60a9; } .widget .tagcloud a { border: 2px solid #dddddd; display: inline-block; font-size: 14px !important; line-height: 1.5; margin: 5px; padding: 3px 15px; float: left; border-radius: 20px; color: #222; } .widget .tagcloud { text-align: center; } .sidebar ul li a, .sidebar ul li a:visited { color: #272727; } .sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active { color:#0b60a9; } /*calendar section*/ .section-calendar { text-align: center; } .section-calendar caption { border:1px solid #ddd; margin-bottom: 15px; padding: 5px; } .section .tagcloud a { border: 1px solid; display: inline-block; font-size: 16px; line-height: 1.5; margin-bottom: 5px; padding: 5px 15px; } .section-categories li > a, .section-archive li > a { display: inline-block; min-width: 85%; } /* layout sidebar*/ .global-layout-left-sidebar #primary { float: right; } .three-columns-enabled #primary { display: inline-block; float: none; width: 46%; } .global-layout-three-columns .sidebar { float: right; } .three-columns-enabled .sidebar { width: 27%; } #content.global-layout-no-sidebar, .global-layout-no-sidebar > .container { width: 100%; padding: 0; } .global-layout-no-sidebar-box > .container { padding: 0; } .global-layout-no-sidebar #primary { width: 100%; } .equal-three-columns-enabled #primary, .equal-three-columns-enabled .sidebar { width: 33.33%; } #content.global-layout-no-sidebar > .container > .inner-wrapper { margin: 0; } .global-layout-no-sidebar #primary { width: 100%; padding: 0; } /* Global layout sidebar*/ .global-layout-three-columns-pcs #sidebar-primary, .global-layout-three-columns-cps #sidebar-primary, .global-layout-three-columns-psc #sidebar-primary { float: left; } .global-layout-three-columns-pcs #sidebar-secondary, .global-layout-three-columns-cps #sidebar-secondary { float: right; } .global-layout-three-columns-cps #primary { float: left; } .default-full-width.blog-full-width #primary { width: 100%; max-width: 930px; margin: 0 auto; float: none; } .default-full-width.blog-grid-layout #primary, .default-full-width #primary { width: 100%; max-width: 100%; } .default-full-width.blog-grid-layout #primary article.hentry { border: none; } .default-full-width.blog-grid-layout .entry-content, .default-full-width.blog-grid-layout .entry-meta, .default-full-width.blog-grid-layout .entry-header { padding: 0 35px; } .default-full-width.blog-grid-layout .entry-content { padding-bottom: 30px; } /*-------------------------------------------------------------- 14. Widget --------------------------------------------------------------*/ .section, .widget { margin: 0 0 15px; } /* Make sure select elements fit in widget. */ .section select, .widget select { max-width: 100%; } /*-------------------------------------------------------------- 15. Footer --------------------------------------------------------------*/ #colophon-top { padding: 30px 0; background: #2e363a; } #colophon-top .social-links { float: right; } #colophon { background-color: #25292f; clear: both; color: #fff; font-size: 14px; text-align: center; padding: 15px 0; } #colophon p { margin: 0; } #colophon a, #colophon a:visited { color:#ccc; } #colophon a:hover, #colophon a:focus, #colophon a:active { color:#fff; } .site-info { float: right; } .copyright { float: left; } /*-------------------------------------------------------------- 16. Footer Widgets --------------------------------------------------------------*/ #footer-widgets { background-color: #2e363a; overflow: hidden; padding: 70px 0; color: #ccc; font-size: 16px; position: relative; z-index: 9; background-attachment: fixed; } #footer-widgets ul { list-style: none; margin: 0; padding: 0; } #footer-widgets ul li { font-size: 15px; padding: 0px 15px 5px 20px; position: relative; } #footer-widgets ul li::before { color: #fff; content: "\f105"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 13px; left: 3px; position: absolute; top: 2px; font-weight: 900; } #footer-widgets .footer-widget-area { float: left; padding: 0 25px; width: 25%; } #footer-widgets a, #footer-widgets a:visited { color:#ddd; } #footer-widgets a:hover, #footer-widgets a:active, #footer-widgets a:focus { color: #ffffff; } #footer-widgets .footer-active-1 { width: 100%; } #footer-widgets .footer-active-2 { width: 50%; } #footer-widgets .footer-active-3 { width: 33.33%; } #footer-widgets .footer-active-4 { width: 25%; } #footer-widgets .widget-title { color: #fff; font-weight: 400; padding-bottom: 15px; margin-bottom: 30px; position: relative; } #footer-widgets .cat-count { float: right; } #footer-widgets .widget-title:after { display: block; content: ""; height: 1px; background: #ffffff; width: 50px; position: absolute; bottom: -1px; } /*Footer Navigation*/ #footer-navigation { float: left; } #footer-navigation li { display: inline-block; list-style: outside none none; } #footer-navigation li a { display: block; margin-right: 15px; text-transform: capitalize; color: #ddd; padding: 5px 0; } #footer-navigation li a:hover { color: #0b60a9; } #footer-navigation ul { margin: 0; padding: 0; } .quick-contact-widget { margin-bottom: 34px; padding: 40px; background: #ffffff; box-shadow: 0 0 29px #efeded; } /*Quick Contact Widget*/ .quick-contact-widget span { display: block; margin-bottom: 10px; font-size: 15px; line-height: 2; display: table; clear: both; } .quick-contact-widget span i { font-size: 14px; padding-right: 10px; color: #222; border: 1px solid #ddd; display: inline-block; text-align: center; padding: 12px; height: 40px; width: 40px; margin-right: 10px; border-radius: 100%; } .quick-contact-widget h3 { margin-bottom: 20px; } .recent-posts-widget p { margin-bottom: 5px; color: #bbc0d2; font-style: italic; font-size: 13px; } .recent-posts-widget ul li, #footer-widgets .recent-posts-widget ul li { padding:0; } #footer-widgets .recent-posts-widget ul li:before, #footer-widgets .social-links ul li:before { display: none; } .recent-posts-widget h4 { margin: 0; font-weight: 500; color: #fff; line-height: 1.5; font-size: 17px; } .sidebar .recent-post-item { clear: both; margin-bottom: 15px; overflow: hidden; } #footer-widgets .social-links ul li { display: inline-block; margin-right: 5px; margin-top: 0; padding: 0; } #footer-widgets .social-links { float: left; margin-top: 20px; } .recent-posts-widget img { max-width: 105px; margin-right: 25px; } #footer-widgets #contactform textarea, #footer-widgets #contactform input { margin-bottom: 10px; background: #2e363a; border: 1px solid #504b4b; } #footer-widgets #comments { height: 80px!important; } #footer-widgets #contactform button#submit { margin: 5px 0 0; } /*-------------------------------------------------------------- 17. Scrollup Style --------------------------------------------------------------*/ #btn-scrollup { display: none; } a.scrollup, a.scrollup:visited { background-color: #0b60a9; bottom: 50px; color: #ffffff; float: right; line-height: 1.2; padding: 10px 15px; position: fixed; right: 32px; text-align: center; z-index: 999; } a.scrollup:hover, a.scrollup:focus, a.scrollup:active { background-color:#333; color: #ffffff; } .scrollup i { font-size: 20px; } /*-------------------------------------------------------------- 18. Front page sections --------------------------------------------------------------*/ #content { background: #fff; } #content::after, #content::before { content: ""; display: table; clear: both; } #content .section { margin-bottom: 0; padding: 90px 0; clear: both; } #content .no-padding { padding: 0; } #content .section-title { margin-bottom: 10px; position: relative; font-size: 33px; font-weight: 500; font-family: 'Poppins', sans-serif; } #content .section-title-wrap { text-align: center; width: 100%; display: table; } #content .section-title-wrap span.divider { height: 3px; width: 80px; margin: 0 0 15px; border-bottom: 2px solid #0b60a9; position: relative; display: inline-block; } #content .section-title-wrap span.divider:before { width: 45px; height: 2px; margin-left: 17px; content: ""; display: block; background: #0b60a9; margin: 5px auto; } #content .section-title-wrap.text-alignleft span.divider:before, #content .section-title-wrap.text-alignright span.divider:before{ display: none; } #content .section-title-wrap.text-alignleft span.divider, #content .section-title-wrap.text-alignright span.divider { margin: 0 0 25px; } #content .section-title-wrap.text-alignleft .section-title { margin-bottom: 20px; } #content .section-title-wrap.text-alignright .section-title { margin-bottom: 20px; } #content .section-subtitle { font-size: 16px; margin: 0 auto 50px; text-align: center; } #content .section-top-subtitle { font-style: italic; letter-spacing: 1.5px; font-weight: 500; font-size: 14px; } #content .full-width-stretch-section .container { max-width: 100%; width: 100%; } #content .boxed-width-section { max-width: 1180px; margin: 0 auto; } #content .minimal-padding { padding: 40px 0; } #content .section.dark-background .section-subtitle { color:#ddd; } #content .section-title-wrap.text-alignleft { text-align: left; } #content .section-title-wrap.text-alignleft .section-subtitle { margin: 0 0 40px; text-align: left; } #content .section-title-wrap.text-alignright { text-align: right; } #content .section-title-wrap.text-alignright .section-subtitle { margin: 0 0 40px; float: right; clear: both; } #content .section-title-wrap.text-alignright span.divider { float: right; } #content .section.dark-background { background-color: #25292f; } #content .section.lite-background { background-color: #f6f8f9; } #content .background-img { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 99; } #content .background-img.overlay-enabled:after { content: ""; display: block; background: rgba(31, 31, 31, 0.78); height: 100%; width: 100%; top: 0; position: absolute; z-index: -1; left: 0; } #content .section.dark-background .section-title, #content .section.background-img .section-title, #content .section.dark-background .section-subtitle, #content .section.background-img .section-subtitle, #content .section.background-img.overlay-enabled p { color: #fff; } .box-shadow-block { -webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -webkit-transition: box-shadow 0.3s, transform 0.3s; -moz-transition: box-shadow 0.3s, transform 0.3s; -ms-transition: box-shadow 0.3s, transform 0.3s; -o-transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; padding: 0; background: #fff; position: relative; } .box-shadow-block:hover, .box-shadow-block:focus, .box-shadow-block:active { -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); transform: translateY(-10px); } .more-wrapper { display: block; text-align: center; margin-top: 20px; clear: both; float: left; width: 100%; } /*-------------------------------------------------------------- 12. Featured slider --------------------------------------------------------------*/ #content .section.section-featured-slider { padding: 0; } .section-featured-slider { overflow: hidden; position: relative; z-index: 99; } .section-featured-slider .featrued-slider { color: #686868; clear: both; position: relative; text-align: center; z-index: -1; } .section-featured-slider .overlay-enabled article::after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 888; background-color: #222; opacity: 0.5; } .section-featured-slider img { width: 100%; vertical-align: middle; } .section-featured-slider .cycle-slide { width: 100%; } .section-featured-slider article.first { display: block; } .section-featured-slider article { display: none; } .section-featured-slider .cycle-slideshow { margin-bottom: 0; padding: 0; } .section-featured-slider .cycle-caption { bottom: 28%; height: auto; left: 10%; max-width: 100%; padding: 0; position: absolute; transition: all 1s ease-in-out 0s; width: 80%; z-index: 999; } .section-featured-slider .cycle-caption.text-alignleft { left: 15%; } .section-featured-slider .cycle-caption.text-alignright { right: 15%; } .section-featured-slider h3 { font-size: 60px; line-height: 1.2; margin-bottom: 15px; opacity: 0; padding-right: 50px; transition: all 0.5s linear 1s; font-weight: 700; max-width: 100%; display: inline-block; font-family: 'Poppins', sans-serif; } .section-featured-slider p { font-size: 19px; margin-bottom: 45px; color: #e2e1e1; font-weight: 400; opacity: 0; -webkit-transition: all 0.5s linear 1.5s; -moz-transition: all 0.5s linear 1.5s; -ms-transition: all 0.5s linear 1.5s; -o-transition: all 0.5s linear 1.5s; transition: all 0.5s linear 1.5s; padding-left: 50px; width: 730px; max-width: 100%; display: inline-block; } .section-featured-slider h3 a { color: #fff; display: inline-block; } .section-featured-slider .slider-buttons{ opacity: 0; -webkit-transition: all 0.5s linear 2s; -moz-transition: all 0.5s linear 2s; -ms-transition: all 0.5s linear 2s; -o-transition: all 0.5s linear 2s; transition: all 0.5s linear 2s; } .section-featured-slider .slider-buttons .custom-button { padding: 15px 40px; font-size: 14px; text-transform: uppercase; line-height: 1.5; } .section-featured-slider .cycle-slide-active h3, .section-featured-slider .cycle-slide-active p, .section-featured-slider .cycle-slide-active .slider-buttons{ opacity: 1; } .section-featured-slider .cycle-slide-active h3 { padding-right: 0; } .section-featured-slider .cycle-slide-active p { padding-left: 0; } .section-featured-slider .cycle-slide-active .slider-buttons { opacity: 1; padding-right: 0; } /*slider pager box*/ .section-featured-slider .cycle-pager span { background-color: #fff; cursor: pointer; display: inline-block; float: none; height: 12px; margin: 3px 5px; width: 12px; z-index: 99; border-radius: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section-featured-slider .cycle-pager { bottom:5%; left: 0; position: absolute; text-align: center; width: 100%; z-index: 999; } .section-featured-slider .cycle-pager .cycle-pager-active { background-color: #0b60a9; border-color:#fff; height: 30px; } /*Slider cycle next / previous*/ .section-featured-slider .cycle-prev, .section-featured-slider .cycle-next { bottom: 50%; color: #ffffff; cursor: pointer; display: block; font-size: 20px; font-weight: normal; position: absolute; text-align: center; width: 45px; z-index: 999; height: 45px; padding: 0; z-index: 999; line-height: 2.2; background: rgba(14, 14, 14, 0.26); transition: all 0.2s ease-in-out 0s; opacity: 0; } .section-featured-slider:hover .cycle-prev, .section-featured-slider:hover .cycle-next { opacity: 1; bottom:45%; } .section-featured-slider .cycle-prev { left:2%; } .section-featured-slider .cycle-next { right:2%; } .section-featured-slider .cycle-prev:hover, .section-featured-slider .cycle-next:hover{ background-color: #0b60a9; border-color: #0b60a9; color: #fff; } /*Featured Banner */ .section-featured-banner { position: relative; } .section-featured-banner .banner-caption { bottom: 28%; height: auto; left: 15%; max-width: 100%; padding: 0; position: absolute; transition: all 1s ease-in-out 0s; width: 70%; z-index: 99; } .section-featured-banner .featured-banner > a::after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 9; background-color: #0b60a9; opacity: 0.9; } .section-featured-banner h3 { font-size: 50px; } .section-featured-banner h3 a { color: #fff; } .section-featured-banner p { font-size: 20px; color: #fff; margin-bottom: 45px; } /*-------------------------------------------------------------- 18.2. News And Events --------------------------------------------------------------*/ .section-recent-news-events .featured-news-events h3 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #f7f7f7; font-weight: 600; } .section-recent-news-events .featured-news-events h3::before { content: ""; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-right: 15px; } .section-recent-news-events .featured-news-events .recent-news h3::before{ content: "\f1ea" } .section-recent-news-events .featured-news-events .recent-events h3::before{ content: "\f073" } .section-recent-news-events .recent-news-thumb img { margin: 0; vertical-align: middle; } .section-recent-news-events .recent-news-thumb img { margin: 0; vertical-align: middle; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease; } .section-recent-news-events .recent-news-thumb { overflow: hidden; } .section-recent-news-events .recent-news-thumb:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .section-recent-news-events .recent-news-title { margin-bottom: 5px; } .section-recent-news-events .recent-news-thumb a::after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; background-color: rgba(34, 34, 34, 0.16); } .section-recent-news-events .recent-news-wrapper { background: #fff; position: relative; } .section-recent-news-events .recent-news-text-content { background: #fff; overflow: hidden; padding: 30px; position: relative; } .section-recent-news-events .recent-news-item { padding: 0 25px; float: left; margin-bottom: 20px; width: 50%; } .section-recent-news-events .recent-news-text-wrap { padding: 20px 0 0; } .section-recent-news-events .news-post img{ margin-bottom:0; } .recent-news-main-wrapper .slick-initialized .slick-slide { padding: 30px 30px 0; } /*cycle next / previous*/ .recent-news-main-wrapper .slick-list { overflow: hidden; padding: 0; } .recent-news-main-wrapper.section-carousel-enabled .slick-prev.slick-arrow, .recent-news-main-wrapper.section-carousel-enabled .slick-next.slick-arrow { top: -90px; } /*Recent Events*/ .section-recent-news-events .event-post h4 { margin: 0; } .section-recent-news-events .custom-entry-date { margin-bottom: 15px; float: left; margin-right: 25px; box-shadow: 0 5px 8px #fbfbfb; } .section-recent-news-events .custom-entry-date span.entry-month { background: #f3f1f1; font-size: 15px; width: 73px; font-style: italic; color: rgb(19, 18, 18); margin: 0; } .section-recent-news-events .custom-entry-date span.entry-day { font-size: 45px; line-height: 1.5; overflow: hidden; padding: 0; font-weight: 400; } .section-recent-news-events .event-post { margin-bottom: 35px; clear: both; } .section-recent-news-events .custom-entry-date > span { display: block; text-align: center; } /*-------------------------------------------------------------- 18.3. Post Gird --------------------------------------------------------------*/ .section-latest-posts .latest-posts-thumb img { margin: 0; vertical-align: middle; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease; } .section-latest-posts .latest-posts-thumb:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .section-latest-posts .latest-posts-thumb { overflow: hidden; position: relative; } .section-latest-posts .latest-posts-title { margin-bottom: 5px; } .section-latest-posts .latest-posts-thumb .custom-button { position: absolute; top: 0%; z-index: 9; left: 50%; margin-left: -70px; opacity: 0; } .section-latest-posts .latest-posts-wrapper:hover .latest-posts-thumb .custom-button { opacity: 1; top:35%; } .section-latest-posts .latest-posts-thumb .custom-button::after, .section-latest-posts .latest-posts-thumb .custom-button::before { display: none; } .section-latest-posts .latest-posts-thumb a::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; display: block; background-color: rgba(34, 34, 34, 0.2); -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -o-transition: all 900ms ease; -ms-transition: all 900ms ease; transition: all 900ms ease; } .section-latest-posts .latest-posts-text-content { background: #fff; overflow: hidden; padding: 30px 35px; position: relative; } .section-latest-posts .latest-posts-text-wrap { padding: 20px 0 0; } /*-------------------------------------------------------------- 18.4. Featured Page --------------------------------------------------------------*/ .section-featured-page-grid .featured-page-grid-thumb img { margin: 0; vertical-align: middle; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease; } .section-featured-page-grid .featured-page-grid-thumb:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .section-featured-page-grid .featured-page-grid-thumb { overflow: hidden; position: relative; } .section-featured-page-grid .featured-page-grid-title { margin-bottom: 5px; } .section-featured-page-grid .featured-page-grid-thumb .custom-button { position: absolute; top: 0%; z-index: 9; left: 50%; margin-left: -70px; opacity: 0; } .section-featured-page-grid .featured-page-grid-wrapper:hover .featured-page-grid-thumb .custom-button { opacity: 1; top:35%; } .section-featured-page-grid .featured-page-grid-thumb .custom-button::after, .section-featured-page-grid .featured-page-grid-thumb .custom-button::before { display: none; } .section-featured-page-grid .featured-page-grid-thumb a::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; display: block; background-color: rgba(34, 34, 34, 0.2); -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -o-transition: all 900ms ease; -ms-transition: all 900ms ease; transition: all 900ms ease; } .section-featured-page-grid .featured-page-grid-text-content { background: #fff; overflow: hidden; padding: 30px 35px; position: relative; } .section-featured-page-grid .featured-page-grid-text-wrap { padding: 20px 0 0; } /*-------------------------------------------------------------- 18.5. Call to action --------------------------------------------------------------*/ .section-call-to-action.cta-fluid.background-img { background: url("images/cta/cta-background.jpg"); } .section-call-to-action { position: relative; text-align: center; position: relative; } #content .section-call-to-action p.section-subtitle { margin-bottom: 35px; } .section-call-to-action .cta-title { margin-bottom:30px; } .section-call-to-action .call-to-action-description { margin: 0 auto 30px; } .section-call-to-action .section-title:after, .section-call-to-action .section-title:before { display: none; } .section-call-to-action.cta-fluid-background .call-to-action-description { margin: 0 auto 30px; max-width: 900px; } .section-call-to-action.cta-fluid-background .call-to-action-description { margin: 0; max-width: inherit; } #content .section-call-to-action.cta-fluid-background .section-title { margin-bottom: 15px; } /*CTA-fluid */ .section-call-to-action.cta-fluid .call-to-action-description { margin: 0; max-width: inherit; } #content .section-call-to-action.cta-fluid .section-title { margin-bottom: 15px; } /*CTA-boxed */ #content .section-call-to-action.cta-boxed { padding: 40px 35px; } .section-call-to-action.cta-boxed .call-to-action-content { padding-left: 10px; } .section-call-to-action.cta-boxed .call-to-action-description { float: left; text-align: left; width: 75%; margin: 0; } #content .section-call-to-action.cta-boxed .section-title{ margin: 0; } .section-call-to-action.cta-boxed .call-to-action-buttons { float: right; } #content .section-call-to-action.cta-boxed .section-subtitle { text-align: left; margin-left: 0; } /*-------------------------------------------------------------- 18.5. Services --------------------------------------------------------------*/ .section-services .service-block-inner { position: relative; z-index: 9; padding: 40px 30px; background-color: #fff; text-align: center; border:thin solid #ddd; } .section-services .service-item-title { margin-bottom: 10px; } .section-services .service-block-item a.service-icon { color: #0b60a9; line-height: 0.6; transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; padding: 28px 0; font-size: 37px; display: block; height: 95px; width: 95px; text-align: center; border-radius: 100%; background: #0b60a90f; text-shadow: 3px 3px 8px #ececec; margin: 0 auto 25px; position: relative; } .section-services .service-block-item a.service-icon:after { content: ""; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.2s, opacity 0.2s; transform: scale(0.8); opacity: 0; position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -12px; left: -12px; padding: 8px; pointer-events: none; border: 5px solid #f2f7fb; } .section-services .service-block-item a.service-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .section-services .service-icon-shadow { display: block; position: absolute; left: 30px; top: 10px; font-size: 140px; color: #f7f7f7; z-index: -1; line-height: 1; } /*layout 3*/ .section.section-services.service-layout-3 .service-block-inner { box-shadow: inherit; padding: 0; background: none; } .section-services.service-layout-3 .service-block-item a.service-icon { float: left; margin: 0 25px 0 0; background: #fbfbfb; font-size: 27px; } .section-services.service-layout-3 .service-block-inner-content { text-align: left; display: table; } .section-services.service-layout-3 h3.service-item-title { margin-bottom: 10px; } .section-services.service-layout-3 .service-item-4 { clear: both; } .section-services.service-layout-3 .service-block-item a.service-icon { float: left; margin: 0 25px 0 0; background: no-repeat; font-size: 32px; height: 65px; width: 65px; padding: 15px 15px; background: #f7f7f7; border-radius: 0; text-shadow: none; } .section-services.service-layout-3 .service-block-item a.service-icon:after { display: none; } /*layout 2*/ .section-services.service-layout-2.background-img { background-image: url('images/service/features-background.jpg'); } .section.section-services.service-layout-2 .service-block-inner { box-shadow: inherit; padding: 0; background: none; } .section.section-services.service-layout-2 .service-block-item a.service-icon { float: left; margin: 0 30px 0 0; background: #fff; } .section-services.service-layout-2 .service-block-inner-content { text-align: left; display: table; } .section-services.service-layout-2 h3.service-item-title { margin-bottom: 10px; } .section-services.service-layout-2 .service-item-4 { clear: both; } /*-------------------------------------------------------------- 18.7. Plan --------------------------------------------------------------*/ .section-plan .pricing-plan-item { background: #ffffff none repeat scroll 0 0; float: left; margin: 30px 0; text-align: center; box-shadow: 0 0 3px #dddddd; } .section-plan .pricing-plan-item { width: 33.33%; } .section-plan .pricing-plan-price { font-weight: 700; font-size: 71px; line-height: 1; } .section-plan .pricing-plan-item.pricing-plan-recommended .pricing-plan-cost { margin: 50px 0 25px; } .pricing-plan-cost span.pricing-plan-price-currency { font-size: 26px; margin-top: -54px; position: relative; top: -40px; } .section-plan .pricing-plan-header { background-color: #f5f5f5; background-size: 100% auto; color: #222; padding: 15px 30px; position: relative; z-index: 88; margin-bottom: 40px; } .section-plan .pricing-plan-header h3 { color: #151414; margin: 0; text-transform: uppercase; font-size: 25px; } .section-plan .pricing-plan-content { padding: 20px 25px 20px; text-align: left; } .section-plan .pricing-plan-footer { padding:0 30px 30px; } .section-plan .pricing-plan-content li { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; } .section-plan .pricing-plan-content li i { color: #0b60a9; margin-right: 15px; } .section-plan .pricing-plan-content li.disabled-sceam i{ color: #ddd; } .section-plan .pricing-plan-item { color:#000; } .section-plan .pricing-plan-item.pricing-plan-recommended { box-shadow: 0 0 50px 0 rgba(0,0,0,.07); margin-top: -5px; padding-bottom: 40px; position: relative; z-index: 99; } .section-plan .pricing-ribbon{ position: absolute; top: 0; left: auto; right: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 150px; overflow: hidden; height: 150px; } .section-plan .pricing-plan-cost span { display: inline-block; } .section-plan .pricing-ribbon h4 { background-color: #ffffff; margin-top: 38px; transform: translateY(-50%) translateX(-50%) translateX(38px) rotate(-45deg); color: #000; font-size: 13px; line-height: 3em; letter-spacing: 1px; box-shadow: 0 0 10px 0 rgba(0,0,0,.29); text-align: center; } .section-plan .pricing-plan-item.pricing-plan-recommended .pricing-plan-header { background: #0b60a9; } .section-plan .pricing-plan-item.pricing-plan-recommended .pricing-plan-header h3 { color: #fff; } /*sidebar and footer widget*/ .sidebar .section-plan, #footer-widgets .section-plan{ background:inherit; } .sidebar .section-plan .pricing-plan-item, #footer-widgets .section-plan .pricing-plan-item { border: 1px solid #dddddd; width: 100%; } /*-------------------------------------------------------------- 18.7. Associate logo --------------------------------------------------------------*/ .section-associate-logo .associate-logo-item { float: left; padding: 0 25px; margin-bottom: 0; text-align: center; width: 16%; } .section-associate-logo .plan-col-4 .associate-logo-item { width: 25%; } .section-associate-logo .plan-col-5 .associate-logo-item { width: 20%; } .section-associate-logo .plan-col-6 .associate-logo-item { width: 16.66666667%; } /*-------------------------------------------------------------- 18.9. Teams --------------------------------------------------------------*/ .section-teams .social-links li a { border: 2px solid transparent; } .section-teams .thumb-summary-wrap { background: #fff; padding: 0 0 25px; position: relative; z-index: 9; } .section-teams .team-item{ text-align: center; } .section-teams .team-title { font-size: 20px; margin-bottom: 0; } .section-teams .team-position { font-style: italic; color: #0b60a9; font-size: 16px; letter-spacing: 1px; margin-bottom: 10px; } .section-teams .team-text-wrap { position: relative; background: #fff; padding-top: 20px; } .section-teams .team-item img { background: #fff; } .section-teams .team-item img { margin: 0; vertical-align: middle; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease; width: 100%; } .section-teams .team-item .team-thumb { overflow: hidden; position: relative; background: #fff; } .section-teams .team-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } /*-------------------------------------------------------------- 18.10. Counter --------------------------------------------------------------*/ .section-counter .counter-item{ text-align: center; } .section-counter .counter-icon i { font-size: 35px; color: #0b60a9; } .section-counter .counter-title { font-size: 15px; color: #fff; } .counter-icon { display: inline-block; margin-right: 15px; } .section-counter .counter-nos { font-size: 40px; font-weight: 300; line-height: 1; display: inline-block; } .section.section-counter.background-img { background-image: url("images/counter/counter-bg.jpg"); } /*-------------------------------------------------------------- 18.11. Testimonial --------------------------------------------------------------*/ .section-testimonial .testimonial-thumb { margin-bottom: 15px; display: block; margin: 0 auto 20px; max-width: 100px; position: relative; } .section-testimonial .testimonial-summary .testimonial-position { color: #c1bdb5; font-style: normal; font-size: 14px; } .section-testarousel .testimonial-summary { clear: both; } .section-testimonial .testimonial-wrapper { padding: 40px; position: relative; background: #fff; text-align: center; border: 1px solid #f7f7f7; } .section-testimonial .testimonial-summary h3 { margin: 0; margin-top: 8px; } .section-testimonial .testimonial-rating { color: #ffa500; font-size: 14px; } .section-testimonial .testimonial-item img { border-radius: 100%; } .section-testimoniel .testimonial-summary::before { content: "\f10d"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 30px; margin-right: 0; line-height: 1; margin: 0 0 15px; font-weight: 900; color: #e2e2e2; position: absolute; top: 35px; left: 25%; } .section-testimonial .testimonial-summary p { font-style: italic; margin-bottom: 10px; } /*Carousel*/ .section-carousel-enabled .slick-slide:focus, .section-carousel-enabled .slick-slide.slick-active{ outline: none!important; } .section-carousel-enabled .slick-list { text-align: left; } .section-carousel-enabled .slick-list { margin: 0 -15px; } .iteam-col-2.section-carousel-enabled { margin: 0 -10px; } /* widget cycle pager */ .section-carousel-enabled .slick-dots { text-align: center; transition: all 1s ease-in-out 0s; width: 100%; z-index: 999; } .section-carousel-enabled .slick-dots span { background-color: #686868; border-radius: 100%; cursor: pointer; display: inline-block; float: none; height: 15px; margin: 5px 5px; width: 15px; z-index: 99; } .section-carousel-enabled .slick-dots li.slick-active span { background-color: #219fcd; } .section-carousel-enabled .slick-dots li { display: inline-block; line-height: 0; list-style: inherit; padding: 0; } .section-carousel-enabled .slick-dots li::before { display: none; } .section-carousel-enabled .testimonial-item.slick-slide > h4 { display: block; float: none; font-style: italic; margin-right: 30px; text-align: center; } /* cycle next / previous*/ .section-carousel-enabled .slick-prev.slick-arrow, .section-carousel-enabled .slick-next.slick-arrow { color: #000; cursor: pointer; display: block; font-weight: normal; line-height: 0.8; padding-top: 5px; position: absolute; text-align: center; top: -45px; z-index: 9; font-size: 17px; padding: 10px 14px; background: #f5f5f5; } .section-carousel-enabled .slick-prev.slick-arrow:hover, .section-carousel-enabled .slick-next.slick-arrow:hover { background: #0b60a9; color: #fff; } .section-carousel-enabled .slick-prev.slick-arrow { right: 50px; } .section-carousel-enabled .slick-next.slick-arrow { right: 0; } /*-------------------------------------------------------------- 18.12. Portfolio --------------------------------------------------------------*/ .section-portfolio .portfolio-item { padding: 5px; float: left; position: relative; margin: 0; } .section-portfolio .portfolio-inner { position: relative; overflow: hidden; } .section-portfolio .portfolio-section img { vertical-align: middle; } .section-portfolio .portfolio-section .thumb-overlay { background: rgba(0,0,0,0.3); content: ""; height: 100%; position: absolute; top: 0; width: 100%; display: none; } .section-portfolio .vmiddle-holder{ display: table; height: 100%; width: 100%; } .section-portfolio .vmiddle { display: table-cell; height: 100%; text-align: center; vertical-align: middle; width: 100%; } .section-portfolio .portfolio-section h3 { font-size: 32px; padding: 15px; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; text-transform: uppercase; text-shadow: 0 1px 1px #000; } .section-portfolio .portfolio-section h3 a{ color: #fff; } .section-portfolio .portfolio-content { bottom: 0; content: ""; display: block; height: 100%; left: 0; margin: auto; right: 0; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 100%; } .section-portfolio .portfolio-button { display: block; height: 100%; left: 0; right: 0; position: absolute; text-align: center; vertical-align: middle; width: 100%; background-color:rgba(0,0,0,0.4); bottom: -400px; opacity: 0; -webkit-transition: opacity 0.7s ease, bottom 0.7s ease; -o-transition: opacity 0.7s ease, bottom 0.7s ease; transition: opacity 0.7s ease, bottom 0.7s ease; } .section-portfolio .portfolio-block:hover h3, .section-portfolio .portfolio-block:focus h3, .section-portfolio .portfolio-block:active h3{ margin-top: -100px; } .section-portfolio .portfolio-block:hover .portfolio-content, .section-portfolio .portfolio-block:focus .portfolio-content, .section-portfolio .portfolio-block:active .portfolio-content { bottom: 0; opacity: 1; } .section-portfolio .portfolio-block:hover .portfolio-button, .section-portfolio .portfolio-block:focus .portfolio-button, .section-portfolio .portfolio-block:active .portfolio-button { bottom: 0; opacity: 1; } .portfolio-wrapper { overflow:hidden; margin:0; padding:0; } .portfolio-wrapper .portfolio-item { padding: 15px !important; } .portfolio-filter ul { margin: 0; padding: 0; display: inline-block; } #portfolio { margin-bottom: 20px; } .portfolio-filter { list-style: none; padding: 0; margin: 0 0 25px; text-align: center; cursor: default; } .portfolio-filter ul li { display: inline-block; margin: 0 5px -1px 0; text-transform: uppercase; color: #444; text-decoration: none; font-weight: 400; font-size: 14px; -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); cursor: pointer; } .portfolio-filter ul li a { color: #222; padding: 7px 10px; display: block; font-weight: 500; } .portfolio-filter ul li:last-child:after { content: ""; } .portfolio-filter a:hover{ color: #0b60a9; text-decoration: none; } .portfolio-filter a.active, .portfolio-filter a:hover { color: #0b60a9; cursor: default; position: relative; border-bottom: 3px solid #0b60a9; cursor: pointer; } .portfolio-wrapper { position: relative; display: block; overflow: hidden; } .overlay:before { background: rgba(0, 0, 0, 0.4392156862745098); bottom: 0; height: 100%; content: ""; display: block; left: 0; opacity: 0; position: absolute; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; } .item-inner-wrapper:hover .overlay:before { bottom: 0; opacity: 0.9; } .item-inner-wrapper { position: relative; overflow: hidden; text-align: center; } .item-inner-wrapper .portfolio-content { visibility: hidden; margin: 0; opacity: 0; position: absolute; text-align: center; width: 100%; top: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .item-inner-wrapper:hover .portfolio-content { opacity: 1; visibility: visible; } .portfolio-item .item-inner-wrapper .portfolio-content { top: 0; padding-top: 20%; } .portfolio-item .portfolio-thumb { top: 40%; vertical-align: middle; } .portfolio-content a i { color: #0a0a0a; font-size: 13px; background: #ffffff; display: inline-block; padding: 14px; border-radius: 100%; margin-bottom: 15px; } .portfolio-content p, .portfolio-content h3 a { color: #fff; } .portfolio-content h3 { margin-bottom:10px; } .portfolio-content h3 a:hover { color: #0b60a9; } .isotope-item { z-index:2; } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } .isotope,.isotope .isotope-item { -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -ms-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; } .isotope .isotope-item { -webkit-transition-property:0 opacity; -moz-transition-property:0 opacity; -ms-transition-property:0 opacity; -o-transition-property:0 opacity; transition-property:transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0; -moz-transition-duration:0; -ms-transition-duration:0; -o-transition-duration:0; transition-duration:0; } /*Portfolio single page*/ .list-check li:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; margin-right: 15px; color: #0b60a9; font-size: 13px; display: inline-block; margin-top: 0px; font-weight: 900; float: left; } .list-check{ padding-left: 0; margin-left: 0; } .list-check li { list-style: none; } .portfolio-info li strong { float: left; width: 50%; } .portfolio-single-main .social-links { text-align: left; } /*-------------------------------------------------------------- 18.13 Featured Page --------------------------------------------------------------*/ .featured-page-section.landing-features { padding-top: 50px; } .featured-page-section.landing-features p { margin-bottom: 30px; } .section-featured-page h5 { margin-bottom: 20px; } .section-featured-page img.alignleft { margin-right: 60px; vertical-align: middle; margin-bottom: 0; max-width: 47%; background: #fff; } .section-featured-page img.alignright { margin-left: 60px; vertical-align: middle; margin-bottom: 0; max-width: 47%; background: #fff; } .section-featured-page .entry-content { margin: 0; } .section-featured-page .section-title { text-align: left!important; } .section-featured-page .section-title::after, .section-featured-page .section-title::before { display: none; } .section.section-featured-page li { font-size: 15px; list-style: none; line-height: 2; } .section.section-featured-page ul { padding-left: 0; } .section.section-featured-page li:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; margin-right: 15px; color: #0b60a9; font-size: 13px; display: inline-block; margin-top: 0px; font-weight: 900; } /*-------------------------------------------------------------- 18.14. Skills --------------------------------------------------------------*/ .section.section-skill-bar { background: #fff; } .section-skill-bar .entry-content { margin: 0; } .section-skill-bar .section-title { text-align: left!important; } .section-skill-bar .section-title::after, .section-skill-bar .section-title::before { display: none; } .section.section-skill-bar li { font-size: 17px; list-style: none; color: #191d3d; } .section.section-skill-bar ul { padding-left: 0; } .section.section-skill-bar li:before { content: "\f05d"; font-family: 'Font Awesome 5 Free'; margin-right: 15px; color: #0b60a9; font-size: 20px; } .skillbar { position: relative; display: block; margin-bottom: 15px; width: 100%; background: #f5f5f5; height: 5px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; } .skillbar-bar { height: 10px; width: 0px; background: #0b60a9; position: relative; display: block; top: -3px; left: 0; } .skillbar-title { float: left; } .skill-bar-percent { float: right; } .skillbar-item h3 { font-size: 18px; } .skillbar { clear: both; } .skillbar-item { margin-bottom: 30px; } .skillbar-1 .skillbar-bar { background: #67bbf7; } .skillbar-2 .skillbar-bar { background: #7e87c9; } .skillbar-3 .skillbar-bar { background: #c9048e; } .skillbar-4 .skillbar-bar { background: #dd9933; } /*-------------------------------------------------------------- 18.15. Quick Contact --------------------------------------------------------------*/ #contactform2 input[type="text"], #contactform2 input[type="email"] { width: 100%; margin-bottom: 30px; padding: 10px 20px; } #content .section.contact-us { padding: 0; } #contactform2 input[type="text"], #contactform2 input[type="email"]{ width: 100%; margin-bottom: 30px; } #contactform2 #comments { margin-top:0; } .contact-map iframe.googlemap { border: none; } #content aside.section.google-map { margin: 0; padding: 0; } #contactform2 button#submit { margin: 20px 0 0; } .contact-map .map-inner-wrapper { background: #ffffff; padding: 10px 10px 0; box-shadow: 0 0 29px #efeded; } .contact-map .map-inner-wrapper p { color:#fff; margin: 0; } .contact-form2 .error_message { color: red; padding: 0 0 10px 0; } .contact-form2 fieldset { padding: 20px; text-align: center; border: 5px solid #4def4d; } .contact-form-area.contactdesc { background: #fff; box-shadow: 0 0 29px #efeded; padding: 40px; } /*-------------------------------------------------------------- 18.16. Social Links --------------------------------------------------------------*/ .social-links { text-align: center; } .social-links { clear: both; overflow: hidden; } .social-links ul { margin: 0; padding: 0; } .social-links li a { border: 2px solid #cacaca; display: inline-block; height: 40px; line-height: 1.7; margin-right: 0; padding: 0; text-align: center; vertical-align: middle; width: 40px; overflow: hidden; } .social-links.circle li a { border-radius: 100%; } .social-links li { display: inline-block; margin-right: 5px; margin-top: 5px; margin-left: 5px; } .social-links ul li::after{ display: none; } .social-links li a i { color:#cacad8; font-size: 18px; font-weight: normal; } .social-links ul li a::before { color: #bdbdbd; content: "\f0c1"; display: block; font-family: 'Font Awesome 5 Brands'; font-weight: 400; line-height: 2.3; font-size: 15px; } .social-links ul li a:hover { background-color: #001837; border: 2px solid rgba(0, 0, 0, 0); -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .social-links ul li a:hover::before { color: #fff; } .social-links ul li a[href*="facebook.com"]:before { content: "\f39e"; } .social-links ul li a[href*="twitter.com"]:before { content: "\f099"; } .social-links ul li a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-links ul li a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-links ul li a[href*="youtube.com"]:before { content: "\f167"; } .social-links ul li a[href*="dribbble.com"]:before { content: "\f17d"; } .social-links ul li a[href*="pinterest.com"]:before { content: "\f0d2"; } .social-links ul li a[href*="bitbucket.org"]:before { content: "\f171"; } .social-links ul li a[href*="github.com"]:before { content: "\f113"; } .social-links ul li a[href*="codepen.io"]:before { content: "\f1cb"; } .social-links ul li a[href*="flickr.com"]:before { content: "\f16e"; } .social-links ul li a[href$="/feed/"]:before { content: "\f09e"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .social-links ul li a[href*="foursquare.com"]:before { content: "\f180"; } .social-links ul li a[href*="instagram.com"]:before { content: "\f16d"; } .social-links ul li a[href*="tumblr.com"]:before { content: "\f173"; } .social-links ul li a[href*="reddit.com"]:before { content: "\f1a1"; } .social-links ul li a[href*="vimeo.com"]:before { content: "\f194"; } .social-links ul li a[href*="digg.com"]:before { content: "\f1a6"; } .social-links ul li a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-links ul li a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-links ul li a[href*="delicious.com"]:before { content: "\f1a5"; } .social-links ul li a[href*="mailto:"]:before { content: "\f0e0"; font-family: 'Font Awesome 5 Free'; } .social-links ul li a[href*="soundcloud.com"]:before { content: "\f1be"; } .social-links ul li a[href*="wordpress.org"]:before { content: "\f19a"; } .social-links ul li a[href*="wordpress.com"]:before { content: "\f19a"; } .social-links ul li a[href*="jsfiddle.net"]:before { content: "\f1cc"; } .social-links ul li a[href*="tripadvisor.com"]:before { content: "\f262"; } .social-links ul li a[href*="angel.co"]:before { content: "\f209"; } .social-links ul li a[href*="slack.com"]:before { content: "\f198"; } /*New*/ .social-links ul li a[href*="500px.com"]:before { content: "\f26e"; } .social-links ul li a[href*="500px.com"]:hover { background: #0099e5; } .social-links ul li a[href*="amazon.com"]:before { content: "\f270"; } .social-links ul li a[href*="amazon.com"]:hover { background: #f90; } .social-links ul li a[href*="amilia.com"]:before { content: "\f36d"; } .social-links ul li a[href*="amilia.com"]:hover { background: #46aaf8; } .social-links ul li a[href*="gitlab.com"]:before { content: "\f09b"; } .social-links ul li a[href*="gitlab.com"]:hover { background: #e65328; } .social-links ul li a[href*="ebay.com"]:before { content: "\f4f4"; } .social-links ul li a[href*="ebay.com"]:hover { background: #0654ba; } .social-links ul li a[href*="dashcube.com"]:before { content: "\f210"; } .social-links ul li a[href*="dashcube.com"]:hover { background: #f76707; } .social-links ul li a[href*="behance.net"]:before { content: "\f1b5"; } .social-links ul li a[href*="behance.net"]:hover { background: #0052CC; } .social-links ul li a[href*="vk.net"]:before { content: "\f189"; } .social-links ul li a[href*="vk.net"]:hover { background: #5181b8; } .social-links ul li a[href*="mastodon.social"]:before { content: "\f4f6"; } .social-links ul li a[href*="mastodon.social"]:hover { background: #5181b8; } .social-links ul li a[href*="algolia.com"]:before { content: "\f36c"; } .social-links ul li a[href*="algolia.com"]:hover { background: #5a6dff; } .social-links ul li a[href*="bandcamp.com"]:before { content: "\f2d5"; } .social-links ul li a[href*="bandcamp.com"]:hover { background: #639aa9; } .social-links ul li a[href*="codiepie.com"]:before { content: "\f284"; } .social-links ul li a[href*="codiepie.com"]:hover { background: #222222; } .social-links ul li a[href*="del.icio.us"]:before { content: "\f1a5"; } .social-links ul li a[href*="del.icio.us"]:hover { background: #0076e8; } .social-links ul li a[href*="gitter.im"]:before { content: "\f426"; } .social-links ul li a[href*="gitter.im"]:hover { background: #46bc99; } .social-links ul li a[href*="goodreads.com"]:before { content: "\f3a8"; } .social-links ul li a[href*="goodreads.com"]:hover { background: #382110; } .social-links ul li a[href*="hireahelper.com"]:before { content: "\f3b0"; } .social-links ul li a[href*="hireahelper.com"]:hover { background: #693238; } .social-links ul li a[href*="imdb.com"]:before { content: "\f2d8"; } .social-links ul li a[href*="imdb.com"]:hover { background: #f5c518; } .social-links ul li a[href*="last.fm"]:before { content: "\f202"; } .social-links ul li a[href*="last.fm"]:hover { background: #bb0000; } .social-links ul li a[href*="medium.com"]:before { content: "\f23a"; } .social-links ul li a[href*="medium.com"]:hover { background: #693238; } .social-links ul li a[href*="meetup.com"]:before { content: "\f2e0"; } .social-links ul li a[href*="meetup.com"]:hover { background: #f13a59; } .social-links ul li a[href*="mixcloud.com"]:before { content: "\f289"; } .social-links ul li a[href*="mixcloud.com"]:hover { background: #693238; } .social-links ul li a[href*="quora.com"]:before { content: "\f3d2"; } .social-links ul li a[href*="quora.com"]:hover { background: #b92b27; } .social-links ul li a[href*="us.napster.com"]:before { content: "\f2c4"; } .social-links ul li a[href*="us.napster.com"]:hover { background: #49FFD0; } .social-links ul li a[href*="slideshare.net"]:before { content: "\f1e7"; } .social-links ul li a[href*="slideshare.net"]:hover { background: #222222; } .social-links ul li a[href*="spotify.com"]:before { content: "\f1bc"; } .social-links ul li a[href*="spotify.com"]:hover { background: #1ed760; } .social-links ul li a[href*="stackexchange.com"]:before { content: "\f18d"; } .social-links ul li a[href*="stackexchange.com"]:hover { background: #12457C; } .social-links ul li a[href*="stackoverflow.com"]:before { content: "\f16c"; } .social-links ul li a[href*="stackoverflow.com"]:hover { background: #f48024; } .social-links ul li a[href*="trello.com"]:before { content: "\f181"; } .social-links ul li a[href*="trello.com"]:hover { background: #5aac44; } .social-links ul li a[href*="xing.com"]:before { content: "\f168"; } .social-links ul li a[href*="xing.com"]:hover { background: #b0d400; } .social-links ul li a[href*="yelp.com"]:before { content: "\f1e9"; } .social-links ul li a[href*="yelp.com"]:hover { background: #d32323; } /*social links hover effect */ .social-links ul li a[href*="facebook.com"]:hover { background: #3b5998; } .social-links ul li a[href*="twitter.com"]:hover { background: #00aced; } .social-links ul li a[href*="plus.google.com"]:hover { background: #dd4b39; } .social-links ul li a[href*="/feed/"]:hover { background: #dc622c; } .social-links ul li a[href*="wordpress.org"]:hover, .social-links ul li a[href*="wordpress.com"]:hover { background: #45bbe6; } .social-links ul li a[href*="github.com"]:hover { background: #4183c4; } .social-links ul li a[href*="linkedin.com"]:hover { background: #007bb6; } .social-links ul li a[href*="pinterest.com"]:hover { background: #cb2027; } .social-links ul li a[href*="flickr.com"]:hover { background: #ff0084; } .social-links ul li a[href*="vimeo.com"]:hover { background: #aad450; } .social-links ul li a[href*="youtube.com"]:hover { background: #bb0000; } .social-links ul li a[href*="instagram.com"]:hover { background: #517fa4; } .social-links ul li a[href*="dribbble.com"]:hover { background: #ea4c89; } .social-links ul li a[href*="skype.com"]:hover { background: #12a5f4; } .social-links ul li a[href*="digg.com"]:hover { background: #333; } .social-links ul li a[href*="codepen.io"]:hover { background: #000; } .social-links ul li a[href*="reddit.com"]:hover { background: #ff4500; } .social-links ul li a[href*="mailto:"]:hover { background: #1d62f0; } .social-links ul li a[href*="twitch.tv"]:hover { background: #6441a5; } .social-links ul li a[href*="foursquare.com"]:hover { background: #f94877; } .social-links ul li a[href*="stumbleupon.com"]:hover { background: #eb4924; } .social-links ul li a[href*="twitch.tv"]:hover { background: #6441a5; } .social-links ul li a[href*="tumblr.com"]:hover { background: #32506d; } .social-links ul li a[href*="soundcloud.com"]:hover { background: #ff5500; } .social-links ul li a[href*="wordpress.org"]:hover { background:#45bbe6; } .social-links ul li a[href*="jsfiddle.net"]:hover { background:#4679bd; } .social-links ul li a[href*="tripadvisor.com"]:hover { background:#86c171; } .social-links ul li a[href*="foursquare.com"]:hover { background:#2d5be3; } .social-links ul li a[href*="angel.co"]:hover { background:#000; } .social-links ul li a[href*="slack.com"]:hover { background:#56b68b; } .social-links.brand-color ul li a[href*="500px.com"] { background: #0099e5; } .social-links.brand-color ul li a[href*="amazon.com"] { background: #f90; } .social-links.brand-color ul li a[href*="amilia.com"] { background: #46aaf8; } .social-links.brand-color ul li a[href*="gitlab.com"] { background: #e65328; } .social-links.brand-color ul li a[href*="ebay.com"] { background: #0654ba; } .social-links.brand-color ul li a[href*="dashcube.com"] { background: #f76707; } .social-links.brand-color ul li a[href*="behance.net"] { background: #0052CC; } .social-links.brand-color ul li a[href*="vk.net"] { background: #5181b8; } .social-links.brand-color ul li a[href*="mastodon.social"] { background: #5181b8; } .social-links.brand-color ul li a[href*="algolia.com"] { background: #5a6dff; } .social-links.brand-color ul li a[href*="bandcamp.com"] { background: #639aa9; } .social-links.brand-color ul li a[href*="codiepie.com"] { background: #222222; } .social-links.brand-color ul li a[href*="del.icio.us"] { background: #0076e8; } .social-links.brand-color ul li a[href*="gitter.im"] { background: #46bc99; } .social-links.brand-color ul li a[href*="goodreads.com"] { background: #382110; } .social-links.brand-color ul li a[href*="hireahelper.com"] { background: #693238; } .social-links.brand-color ul li a[href*="imdb.com"] { background: #f5c518; } .social-links.brand-color ul li a[href*="last.fm"] { background: #bb0000; } .social-links.brand-color ul li a[href*="medium.com"] { background: #693238; } .social-links.brand-color ul li a[href*="meetup.com"] { background: #f13a59; } .social-links.brand-color ul li a[href*="mixcloud.com"] { background: #693238; } .social-links.brand-color ul li a[href*="quora.com"] { background: #b92b27; } .social-links.brand-color ul li a[href*="us.napster.com"] { background: #49FFD0; } .social-links.brand-color ul li a[href*="slideshare.net"] { background: #222222; } .social-links.brand-color ul li a[href*="spotify.com"] { background: #1ed760; } .social-links.brand-color ul li a[href*="stackexchange.com"] { background: #12457C; } .social-links.brand-color ul li a[href*="stackoverflow.com"] { background: #f48024; } .social-links.brand-color ul li a[href*="trello.com"] { background: #5aac44; } .social-links.brand-color ul li a[href*="xing.com"] { background: #b0d400; } .social-links.brand-color ul li a[href*="yelp.com"] { background: #d32323; } .social-links.brand-color ul li a[href*="facebook.com"] { background: #3b5998; } .social-links.brand-color ul li a[href*="twitter.com"] { background: #00aced; } .social-links.brand-color ul li a[href*="plus.google.com"] { background: #dd4b39; } .social-links.brand-color ul li a[href*="/feed/"] { background: #dc622c; } .social-links.brand-color ul li a[href*="wordpress.org"], .social-links.brand-color ul li a[href*="wordpress.com"] { background: #45bbe6; } .social-links.brand-color ul li a[href*="github.com"] { background: #4183c4; } .social-links.brand-color ul li a[href*="linkedin.com"] { background: #007bb6; } .social-links.brand-color ul li a[href*="pinterest.com"] { background: #cb2027; } .social-links.brand-color ul li a[href*="flickr.com"] { background: #ff0084; } .social-links.brand-color ul li a[href*="vimeo.com"] { background: #aad450; } .social-links.brand-color ul li a[href*="youtube.com"] { background: #bb0000; } .social-links.brand-color ul li a[href*="instagram.com"] { background: #517fa4; } .social-links.brand-color ul li a[href*="dribbble.com"] { background: #ea4c89; } .social-links.brand-color ul li a[href*="skype.com"] { background: #12a5f4; } .social-links.brand-color ul li a[href*="digg.com"] { background: #333; } .social-links.brand-color ul li a[href*="codepen.io"] { background: #000; } .social-links.brand-color ul li a[href*="reddit.com"] { background: #ff4500; } .social-links.brand-color ul li a[href*="mailto:"] { background: #1d62f0; } .social-links.brand-color ul li a[href*="twitch.tv"] { background: #6441a5; } .social-links.brand-color ul li a[href*="foursquare.com"] { background: #f94877; } .social-links.brand-color ul li a[href*="stumbleupon.com"] { background: #eb4924; } .social-links.brand-color ul li a[href*="twitch.tv"] { background: #6441a5; } .social-links.brand-color ul li a[href*="tumblr.com"] { background: #32506d; } .social-links.brand-color ul li a[href*="soundcloud.com"] { background: #ff5500; } .social-links.brand-color ul li a[href*="wordpress.org"] { background:#45bbe6; } .social-links.brand-color ul li a[href*="jsfiddle.net"] { background:#4679bd; } .social-links.brand-color ul li a[href*="tripadvisor.com"] { background:#86c171; } .social-links.brand-color ul li a[href*="foursquare.com"] { background:#2d5be3; } .social-links.brand-color ul li a[href*="angel.co"] { background:#000; } .social-links.brand-color ul li a[href*="slack.com"] { background:#56b68b; } .social-links.brand-color ul li a:before { color: #fff; } .social-links.brand-color ul li a { border: 2px solid transparent; } /*-------------------------------------------------------------- 19. Inner Page Template --------------------------------------------------------------*/ /*-------------------------------------------------------------- 19.1 Basic Breadcrumb --------------------------------------------------------------*/ #breadcrumb { color: #fff; text-align: center; } #breadcrumb ul { margin:0; padding: 0; } #breadcrumb li { display: inline-block; list-style: outside none none; padding-right: 10px; } #breadcrumb .breadcrumb-trail li.trail-item.trail-end::after { display: none; } #breadcrumb .breadcrumb-trail li::after { content: "\f105"; margin-left: 10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 11px; } #breadcrumb li a { color: #ddd; border-bottom: 1px solid #fff; } #breadcrumb li a:hover { color: #fff; } .custom-header-2 #custom-header { padding: 15px 0; } #breadcrumb.breadcrumb-2 { background: #0b60a9; padding: 15px 0; } .custom-header-3 #breadcrumb { float: right; margin-top: 30px; } .custom-header-3 h1.page-title { float: left; } /*-------------------------------------------------------------- 19.2. Error 404 Page* --------------------------------------------------------------*/ section.error-404 { text-align: center; margin-bottom: 80px; } .error-404 h2{ font-size: 87px; font-weight: bold; } #quick-links-404 { margin-top: 30px; } #quick-links-404 ul li { display: inline-block; list-style: outside none none; } #quick-links-404 ul li a { display: block; padding: 0 20px; color: #222; border-left: 1px solid #ddd; line-height: 1; } #quick-links-404 ul li:first-child a{ border:none; } .error404 #primary { width: 100%; } section.error-404 .search-form { position: relative; max-width: 480px; margin: 60px auto 0; } section.error-404 .search-form input.search-field { width: 100%; border: 6px solid #f7f7f7; } section.error-404 input.search-submit { padding: 17px 25px; } .error404 h2 span { color: #0b60a9; margin: 0 15px; } /*-------------------------------------------------------------- Main css ends form here --------------------------------------------------------------*/