/* Theme Name: Quanto Theme URI: http://wpdemo2.oceanthemes.net/quanto Author: OceanThemes Author URI: http://oceanthemes.net/ Description: Quanto is the most comprehensive and flexible WordPress website template, for any kind of business website. With ready to use web page layout design and use as many of our pre-configured pages as you like. Version: 1.1.0 License: GNU General Public License v2+ License http://www.gnu.org/licenses/gpl-2.0.html Text Domain: quanto Domain Path: /languages/ Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bold; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: -20px; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # 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 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { border-top: 1px solid rgb(235, 237, 252) border: 0; margin-bottom: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } .none-style { list-style: none; padding-left: 0; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } caption { padding: 0; font-weight: normal; text-align: left; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Top Bar --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Logo --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Page Header --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /*-------------------------------------------------------------- # 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; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Responsive Blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # 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%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-caption { display: block; } .gallery { margin-bottom: 1.5em; margin-left: -7px; margin-right: -7px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 7px; } .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-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*-------------------------------------------------------------- # VC Shortcodes --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Visual Composer --------------------------------------------------------------*/ .vc_row-full-width .vc_row { margin: 0; } .vc_row-no-padding .vc_row .vc_column-inner { padding-left: 0; padding-right: 0; } .container .container { width: 100%; padding: 0; } /*Equal height*/ @media only screen and (min-width: 768px) { .wpb_row.vc_row-o-equal-height .vc_column_container { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; } .wpb_row.vc_row-o-equal-height > .vc_row { width: 100%; margin: 0; } .wpb_row.vc_row-o-equal-height .vc_row { box-sizing: border-box; flex-wrap: wrap; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; } _::-webkit-full-page-media, _:future, :root .wpb_row.vc_row-o-equal-height .vc_row { display: -webkit-box; display: -webkit-flex; } .wpb_row.vc_row-o-equal-height .vc_column_container { -moz-box-align: stretch; align-items: stretch; } .wpb_row.vc_row-o-content-middle .vc_column_container .vc_column-inner { -moz-box-pack: center; justify-content: center; } .wpb_row.vc_row-flex .vc_column_container:not(.bg-center) .vc_column-inner { -moz-box-flex: 1; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-direction: column; flex-grow: 1; background-position: top !important; } .wpb_row.vc_row-o-content-bottom .vc_column_container .vc_column-inner { -moz-box-pack: end; justify-content: flex-end; } .wpb_row.vc_row-o-content-top .vc_column_container .vc_column-inner { -moz-box-pack: start; justify-content: flex-start; } } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## 404 --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ @media (min-width: 992px) { .lg-hidden { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .md-hidden { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .sm-hidden { display: none; } } /*# sourceMappingURL=style.css.map */ /*------------------------------------------------------------------- 1. Typography -------------------------------------------------------------------*/ body { font-family: 'Circular Std Book'; font-style: normal; font-weight: normal; font-size: 16px; line-height: 27px; color: #808294; -webkit-font-smoothing: antialiased; background: #f8f8fb; overflow-x: hidden;} .body-bg { background-color: #fbfbfc; } .boxed-layout-wrapper { margin: 0px auto; background-color: #fff; max-width: 1360px; position: relative; z-index: 0; } h1, h2, h3, h4, h5, h6 { color: #181825; margin: 0px 0px 15px 0px; font-family: 'Circular Std Book'; } h1 { font-size: 42px; line-height: 54px; letter-spacing: -1px; } h2 { font-size: 34px; line-height: 44px; letter-spacing: -1px; } h3 { font-size: 26px; line-height: 33px; letter-spacing: -1px; } h4 { font-size: 20px; line-height: 31px; } h5 { font-size: 16px; line-height: 21px; } h6 { font-size: 13px; line-height: 21px; } .h2 { font-size: 35px; line-height: 48px; letter-spacing: -1px; } .h3, h3 { font-size: 26px; line-height: 38px; } p { margin: 0px 0px 24px 0px; } p:last-child { margin: 0px; } a { color: #3544ee; } a:hover { color: #202db8; text-decoration: none; } a:active, a:hover { outline: 0; text-decoration: none; } a.text-primary:focus, a.text-primary:hover { color: #202db8!important; } ol, ul { } ol li, ul li { } .lead { font-size: 21px; line-height: 32px; color: #181825; } .z-index-0 { z-index: 0; } ::selection { background: rgba(255, 244, 147, .8); color: #272c30; } /*-------------------- Font Weight ---------------------*/ .fontweight-normal { font-family: 'Circular Std Book' !important; } .fontweight-medium { font-family: 'Circular Std Medium' !important; } .fontweight-bold { font-family: 'Circular Std Bold' !important; } hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgb(235, 237, 252);} small { font-size: 14px; } html body .font-16 { font-size: 16px; } html body .font-12 { font-size: 12px; } html body .font-15 { font-size: 15px; } html body .font-14 { font-size: 14px; } html body .font-10 { font-size: 10px; } html body .font-18 { font-size: 18px; } html body .font-20 { font-size: 20px; } html body .font-21 { font-size: 21px; } html body .font-22 { font-size: 22px; } html body .font-24 { font-size: 24px; } html body .display-4 { font-size: 60px; line-height: 70px; } html body .display-5 { font-size: 3rem; } html body .display-6 { font-size: 2.5rem; } html body .display-7 { font-size: 2rem; } /*------------------------------------------------------------------- 2. Forms -------------------------------------------------------------------*/ label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 16px; color: #181825; font-family: 'Circular Std Medium' !important; } .form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; height: 50px; color: #303443; background-color: #ffffff; background-image: none; border: 1px solid #d5d6e3; border-radius: 4px; } .form-control:focus { color: #9597a9; background-color: #fff; border-color: #7976fe; outline: 0; box-shadow: 0 0 0 0.2rem rgba(215, 218, 252, .5); } input[type=file] { color: #808294; background-color: #fff; border-color: #a7a7f0; outline: 0; box-shadow: 0 0 0 0.1rem rgba(214, 214, 255, .75); } .col-form-label { font-size: 15px; } input { } button { } button:focus { outline: 0; } input::-webkit-input-placeholder { color: #808294 !important; } input:focus::-webkit-input-placeholder { color: #3544ee !important; } textarea::-webkit-input-placeholder { color: #808294 !important; } textarea:focus::-webkit-input-placeholder { color: #3544ee !important; } button.btn { } button.btn-default { } button.btn-primary { } address { } .form-group { margin-bottom: 12px; } .form-control-lg { padding: 12px; } .custom-select { display: inline-block; width: 100%; height: 50px; padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; /* color: #495057; */ vertical-align: middle; border-radius: 2px; font-size: 14px; color: #9597a9; border: 1px solid #ceced8; background-color: #fbfbff; } .custom-select:focus { color: #9597a9; border-color: #d0d1df; outline: 0; box-shadow: 0 0 0 0.1rem rgba(208, 209, 223, .5); background-color: #fff; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #01d486; border-color: #01d486; } .custom-control-input:checked~.custom-control-label::before { color: #ffffff; background-color: #01d486; border-color: #01d486; } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 2px solid #c6c6d1; } .select-form-input { padding: 14px; background-color: #3544ee; border: transparent; border-bottom: 2px solid #fff; color: #fff; } /*------------------------------------------------------------------- 3. Components -------------------------------------------------------------------*/ /*-------------------- DropCap ---------------------*/ .dropcap-v1 { } .dropcap-v1 p:first-letter { float: left; font-size: 75px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; color: #181825; } .dropcap-v2 { } .dropcap-v2 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; background-color: #181825; border: 5px solid #181825; color: #fff; padding: 16px; border-radius: 6px; } .dropcap-v3 { } .dropcap-v3 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; border: 5px solid #181825; background-color: transparent; color: #181825; padding: 16px; border-radius: 6px; } .dropcap-v4 { } .dropcap-v4 p:first-letter { float: left; font-size: 75px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; background-color: transparent; color: #3544ee; } .dropcap-v5 { } .dropcap-v5 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; background-color: #3544ee; border: 5px solid #3544ee; color: #fff; padding: 16px; border-radius: 6px; } .dropcap-v6 { } .dropcap-v6 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; border: 5px solid #3544ee; background-color: transparent; color: #3544ee; padding: 16px; border-radius: 6px; } /* ----------------------- Buttons -------------------------*/ .btn { font-size: 16px; padding: 11px 21px; border-radius: 4px; overflow: hidden; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; transition: .3s ease; font-family: 'Circular Std Medium' !important; } /*--- btn default --*/ .btn-brand { color: #fff; background-color: #01d486; border-color: #01d486; } .btn-brand:hover { color: #fff; background-color: #08b072; border-color: #08b072; } .btn-brand.focus, .btn-brand:focus { color: #fff; background-color: #08b072; border-color: #08b072; box-shadow: none; } /*--- btn primary --*/ .btn-primary { color: #fff; background-color: #3544ee; border-color: #3544ee; } .btn-primary:hover { color: #fff; background-color: #2834bd; border-color: #2834bd; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #2834bd; border-color: #2834bd; box-shadow: 0 0 0 1px rgb(40, 52, 189); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 1px rgb(40, 52, 189); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #2834bd; border-color: #2834bd; } /*--- btn secondary --*/ .btn-secondary { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; } .btn-secondary:hover { color: #fff; background-color: #ea5132; border-color: #ea5132; } .btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #ea5132; border-color: #ea5132; box-shadow: 0 0 0 1px rgb(234, 81, 50); } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #ea5132; border-color: #ea5132; } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem rgb(234, 81, 50); } /*--- btn success --*/ .btn-success { color: #fff; background-color: #2ec551; border-color: #2ec551; } .btn-success:hover { color: #fff; background-color: #21ae41; border-color: #21ae41; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #21ae41; border-color: #21ae41; box-shadow: 0 0 0 1px rgb(18, 158, 50); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #21ae41; border-color: #21ae41; } /*--- btn danger --*/ .btn-danger { color: #fff; background-color: #ef172c; border-color: #ef172c; } .btn-danger:hover { color: #fff; background-color: #da0419; border-color: #da0419; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #da0419; border-color: #da0419; box-shadow: 0 0 0 1px rgb(218, 4, 25); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #da0419; border-color: #da0419; } /*--- btn warning --*/ .btn-warning { color: #2e2f39; background-color: #ffc108; border-color: #ffc108; } .btn-warning:hover { color: #2e2f39; background-color: #f3b600; border-color: #f3b600; } .btn-warning.focus, .btn-warning:focus { color: #2e2f39; background-color: #f3b600; border-color: #f3b600; box-shadow: 0 0 0 1px rgb(238, 182, 0); } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #2e2f39; background-color: #f3b600; border-color: #f3b600; } /*--- btn info --*/ .btn-info { color: #fff; background-color: #25d5f2; border-color: #25d5f2; } .btn-info:hover { color: #fff; background-color: #17c0dc; border-color: #17c0dc; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #17c0dc; border-color: #17c0dc; box-shadow: 0 0 0 1px rgb(238, 184, 22); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #17c0dc; border-color: #17c0dc; } /*--- btn light --*/ .btn-light { color: #71738d; background-color: #f0f0f8; border-color: #f0f0f8; } .btn-light:hover { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; } .btn-light.focus, .btn-light:focus { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; box-shadow: 0 0 0 1px rgb(215, 215, 223); } /*--- btn dark --*/ .btn-dark { color: #fff; background-color: #2e2f39; border-color: #2e2f39; } .btn-dark:hover { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #d7d7df; border-color: #d7d7df; box-shadow: 0 0 0 1px rgb(46, 47, 57); } /*--- btn outline brand --*/ .btn-outline-brand { color: #01d486; background-color: transparent; border-color: #01d486; } .btn-outline-brand:hover { color: #fff; background-color: #01d486; border-color: #01d486; } .btn-outline-brand.focus, .btn-outline-brand:focus { color: #01d486; background-color: transparent; border-color: #01d486; box-shadow: 0 0 0 1px rgb(1, 212, 134); } /*--- btn outline primary --*/ .btn-outline-primary { color: #3544ee; background-color: transparent; border-color: #3544ee; } .btn-outline-primary:hover { color: #fff; background-color: #3544ee; border-color: #3544ee; } .btn-outline-primary.focus, .btn-outline-primary:focus { color: #fff; background-color: #3544ee; border-color: #3544ee; box-shadow: 0 0 0 1px rgb(53, 68, 238); } /*--- btn outline secondary --*/ .btn-outline-secondary { color: #ff5e3e; background-color: transparent; border-color: #ff5e3e; } .btn-outline-secondary:hover { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; } .btn-outline-secondary.focus, .btn-outline-secondary:focus { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; box-shadow: 0 0 0 1px rgb(255, 94, 62); } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem rgb(255, 94, 62); } /*--- btn outline success --*/ .btn-outline-success { color: #2ec551; background-color: transparent; border-color: #2ec551; } .btn-outline-success:hover { color: #fff; background-color: #2ec551; border-color: #2ec551; } .btn-outline-success.focus, .btn-outline-success:focus { color: #fff; background-color: #2ec551; border-color: #2ec551; box-shadow: 0 0 0 1px rgb(40, 167, 69); } /*--- btn outline danger --*/ .btn-outline-danger { color: #ef172c; background-color: transparent; border-color: #f03c4d; } .btn-outline-danger:hover { color: #fff; background-color: #ef172c; border-color: #ef172c; } .btn-outline-danger.focus, .btn-outline-danger:focus { color: #fff; background-color: #ef172c; border-color: #ef172c; box-shadow: 0 0 0 1px rgb(239, 23, 44); } .btn-outline-danger-light { color: #ef172c; background-color: #ffecec; border-color: #fedddd; } .btn-outline-danger-light:hover { color: #fff; background-color: #ef172c; border-color: #ef172c; } .btn-outline-danger-light.focus, .btn-outline-danger-light:focus { color: #fff; background-color: #ef172c; border-color: #ef172c; box-shadow: 0 0 0 1px rgb(239, 23, 44); } /*--- btn outline warning --*/ .btn-outline-warning { color: #2e2f39; background-color: transparent; border-color: #ffc108; } .btn-outline-warning:hover { color: #2e2f39; background-color: #ffc108; border-color: #ffc108; } .btn-outline-warning.focus, .btn-outline-warning:focus { color: #2e2f39; background-color: #ffc108; border-color: #ffc108; box-shadow: 0 0 0 1px rgb(255, 193, 8); } /*--- btn outline info --*/ .btn-outline-info { color: #25d5f2; background-color: transparent; border-color: #25d5f2; } .btn-outline-info:hover { color: #fff; background-color: #25d5f2; border-color: #25d5f2; } .btn-outline-info.focus, .btn-outline-info:focus { color: #fff; background-color: #25d5f2; border-color: #0998b0; box-shadow: 0 0 0 1px rgb(238, 184, 22); } /*--- btn outline light --*/ .btn-outline-light { color: #7171a6; background-color: transparent; border-color: #e6e6f2; } .btn-outline-light:hover { color: #808294 !important; background-color: #f0f0f8; border-color: #cacae0; } .btn-outline-light.focus, .btn-outline-light:focus { color: #808294; background-color: #f0f0f8; border-color: #cacae0; box-shadow: 0 0 0 1px rgb(235, 235, 237); } /*--- btn outline light --*/ .btn-outline-white { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); } .btn-outline-white:hover { color: #353851 !important; background-color: #fff; border-color: #cacae0; } .btn-outline-white.focus, .btn-outline-white:focus { color: #353851; background-color: #fff; border-color: #fff; box-shadow: 0 0 0 1px rgb(255, 255, 255); } /*--- btn outline light --*/ .btn-white { color: #353851; background-color: #fff; border-color: rgba(255, 255, 255, 1); } .btn-white:hover { color: #fff !important; background-color: #04d16f; border-color: #04d16f; } .btn-white.focus, .btn-outline-white:focus { color: #fff; background-color: #04d16f; border-color: #04d16f; box-shadow: 0 0 0 1px rgb(4, 209, 111, 1); } /*--- btn outline-dark --*/ .btn-outline-dark { color: #2e2f39; background-color: transparent; border-color: #2e2f39; } .btn-outline-dark:hover { color: #fff; background-color: #2e2f39; border-color: #2e2f39; } .btn-outline-dark.focus, .btn-outline-dark:focus { color: #fff; background-color: #2e2f39; border-color: #2e2f39; box-shadow: 0 0 0 1px rgb(46, 47, 57); } /*--- btn size --*/ .btn-xs { padding: 4px 10px; font-size: 12px; } .btn-sm { padding: 8px 18px; font-size: 14px; } .btn-lg { padding: 11px 36px; font-size: 17px; } /*--- btn brand link --*/ .btn-brand-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; } .btn-brand-link:after { background-color: #01d486; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; } .btn-brand-link:hover:after { background-color: #01d486; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; } .btn-brand-link:hover { text-decoration: none; color: #181825; } /*--- btn priamry link --*/ .btn-primary-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; } .btn-primary-link:after { background-color: #3544ee; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; } .btn-primary-link:hover:after { background-color: #3544ee; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; } .btn-primary-link:hover { text-decoration: none; color: #181825; } /*--- btn secondary link --*/ .btn-secondary-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; } .btn-secondary-link:after { background-color: #fa5826; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; } .btn-secondary-link:hover:after { background-color: #fa5826; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; } .btn-secondary-link:hover { text-decoration: none; color: #181825; } /*--- btn dark link --*/ .btn-dark-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; } .btn-dark-link:after { background-color: #181825; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; } .btn-dark-link:hover:after { background-color: #54545f; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; } .btn-dark-link:hover { text-decoration: none; color: #181825; } /*--- btn dark link --*/ .btn-light-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; } .btn-light-link:after { background-color: #808294; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; } .btn-light-link:hover:after { background-color: #808294; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; } .btn-light-link:hover { text-decoration: none; color: #181825; } /*--- btn primary arrow link --*/ .btn-primary-arrow-link { color: #3544ee; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-primary-arrow-link:hover { color: #2834bd; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-primary-arrow-link i { font-size: 10px; margin-left: 4px; } /*--- btn brand arrow link --*/ .btn-brand-arrow-link { color: #01d486; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-brand-arrow-link:hover { color: #08b072; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-brand-arrow-link i { font-size: 10px; margin-left: 4px; } /*--- btn secondary arrow link --*/ .btn-secondary-arrow-link { color: #fa5826; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-secondary-arrow-link:hover { color: #ea5132; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-secondary-arrow-link i { font-size: 10px; margin-left: 4px; } /*--- btn dark arrow link --*/ .btn-dark-arrow-link { color: #181825; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-dark-arrow-link:hover { color: #282833; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-dark-arrow-link i { font-size: 10px; margin-left: 4px; } /*--- btn dark arrow link --*/ .btn-light-arrow-link { color: #808294; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-light-arrow-link:hover { color: #5f606d; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; } .btn-light-arrow-link i { font-size: 10px; margin-left: 4px; } /*--- btn social --*/ .btn-facebook { color: #fff; background-color: #3c73df; border-color: #3c73df; } .btn-google-plus { color: #fff; background-color: #eb5e4c; border-color: #eb5e4c; } .btn-twitter { color: #fff; background-color: #2caeff; border-color: #2caeff; } .btn-instagram { color: #fff; background-color: #9361fa; border-color: #9361fa; } .btn-pinterest { color: #fff; background-color: #c8232c; border-color: #c8232c; } /*--- cropper document btn --*/ .btn-rounded { border-radius: 100px; } .btn-circle { border-radius: 50%; } .btn.btn-icon { height: 60px; width: 60px; padding: 0px; line-height: 3.8; } /*--- Imgzoom hover effect ---*/ .zoomimg { position: relative; overflow: hidden; } .zoomimg img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .zoomimg:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } /*----------- gray scale ------------*/ .gray-scale { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /* --------- Arrow List -------------- */ .arrow { position: relative; } .arrow li { padding-right: 20px; line-height: 35px; } .arrow li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #22de99; content: '\f058'; font-style: initial; } .angle-right { position: relative; } .angle-right li { padding-right: 18px; line-height: 30px; } .angle-right li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; right: 0; font-size: 12px; color: #01d486; content: '\f104'; font-style: initial; } .check { position: relative; } .check li { padding-right: 24px; line-height: 30px; } .check li:before {font-family: 'FontAwesome';font-weight: 900;display: inline-block;position: absolute;right: 0;font-size: 12px;color: #80829a;content: '\f00c';font-style: initial;} .close-icon { position: relative; } .close-icon li { padding-right: 24px; line-height: 30px; } .close-icon li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; right: 0; font-size: 12px; color: #ec3636; content: '\f00d'; font-style: initial; } .angle { position: relative; } .angle li { padding-right: 35px; line-height: 30px; } .angle li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; right: 15px; font-size: 13px; color: #d2d3d8; content: '\f060'; font-style: initial; } .plus-circle { position: relative; } .plus-circle li { padding-right: 20px; line-height: 35px; } .plus-circle li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; right: 0; font-size: 13px; color: #3544ee; content: '\f055'; font-style: initial; } /*----- Bullet List -----*/ .bullet-list { } .bullet-list ul { margin: 0px; padding: 0px; } .bullet-list ul li { } .divider-line { border: 1px solid transparent; } .divider-dashed-line { border: 1px dashed transparent; } .divider-primary { border-color: #032fdf; } .divider-secondary { border-color: #fa5826; } .divider-brand { border-color: #01d486; } .divider-dark { border-color: #181825; } .divider-light { border-color: #e0e0e6; } /* -------------- Cards -------------------------*/ .card { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; } .card-header { background-color: #fff; border-bottom: 1px solid #ebedfc; padding: 20px 30px; } .card-title { } .card-subtitle { font-size: 14px; } .card-body { padding: 30px; } .card-text { } .card-footer { border-top: 1px solid #ebedfc; background: #f6f6ff; padding: 20px 30px; line-height: 1.8; } .card-link { } .card-outline { border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .card-outline .card-footer { border-top: 2px solid #ebedfc; padding: 18px 30px; } .card-outline:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .card-content-overlay { position: absolute; bottom: 10px; left: 10px; padding: 1.25rem; } .thumbnail-small-block { } .thumbnail-small-block .card-body { padding: 20px; } /* --------------- card-block ------------------------*/ .card-block { margin-bottom: 30px; } .card-block-img { margin-bottom: 20px; } .card-block-content { } .card-block-head { border-bottom: 1px solid #f3f3f6; margin-bottom: 10px; } .card-block-head-title { font-size: 21px; line-height: 28px; margin-bottom: 10px; } /*-------------------- Service Class ---------------------*/ .service-block { } .service-block-header { } .service-block-title { } .service-block-subtitle { } .service-block-icon { } .service-block-content { } .service-block-text { } .service-block-footer { } .service-block-link { } .service-block-outline { } /*------ service-block-v1 -------*/ .service-block-v1 { } .service-block-v1.service-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .service-block-v1 .service-block-title { line-height: 38px; -moz-transition: all 0.3s; } .service-block-v1 .service-block-content { padding: 30px; } .service-block-v1 .service-block-icon { width: 167px; height: 167px; background-color: #f3f6ff; padding: 46px 44px; color: #3544ee; font-size: 70px; text-align: center; margin-top: 15px; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1.1; } .service-block-v1 .service-block-text { } .service-block-v1 .service-block-footer { background-color: #fff; border-top: 1px solid #ebedfc; padding: 20px 30px; line-height: 1.8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .service-block-v1.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } /*------ service-block-v2 -------*/ .service-block-v2.service-block { -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; margin-bottom: 30px; text-align: center; padding: 30px; border: 1px solid transparent } .service-block-v2 .service-block-icon { width: 167px; height: 167px; background-color: #f3f6ff; padding: 46px 44px; color: #3544ee; font-size: 70px; text-align: center; margin-top: 15px; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1.1; } .service-block-v2 .service-block-content { } .service-block-v2 .service-block-title { line-height: 38px; } .service-block-v2 .service-block-text { } .service-block-v2.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); border: 1px solid #ebedfc; } /*------ service-block-v3 -------*/ .service-block-v3 { } .service-block-v3.service-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; } .service-block-v3 .service-block-title { margin-bottom: 10px; } .service-block-v3 .service-block-content { padding: 40px; } .service-block-v3 .service-block-icon { color: #3342e7; background-color: #f3f6ff; font-size: 32px; padding: 36px 30px; height: 103px; width: 103px; margin-left: auto; margin-right: auto; margin-bottom: 30px; text-align: center; } .service-block-v3 .service-block-text { } .service-block-v3.service-block:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: all .4s ease; transform: translate3D(0, -12px, 0) scale(1); } /*------ service-block-v4 -------*/ .service-block-v4 { } .service-block-v4.service-block { position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 40px; } .service-block-v4 .service-block-title { margin-bottom: 10px; } .service-block-v4 .service-block-content { } .service-block-v4 .service-block-img { position: relative; z-index: 1; } .service-block-v4 .service-block-text { font-size: 21px; line-height: 32px; } .service-block-v4.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .service-block-v4 .service-content-list { display: table; margin-bottom: 10px; } .service-block-v4 .service-content-list .service-first-list { float: left; padding-right: 20px; } /*------ service-block-v6 -------*/ .service-block-v6 { } .service-block-v6.service-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; } .service-block-v6 .service-block-title { margin-bottom: 0px; } .service-block-v6 .service-block-content { padding: 20px; } .service-block-v6 .service-block-icon { font-size: 32px; padding: 36px 30px; height: 103px; width: 103px; text-align: center; margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; line-height: 1.1; } .service-block-v6.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .card-content-overlay { position: absolute; bottom: 10px; right: 10px; padding: 1.25rem; } /*------ service-block-v5 -------*/ .service-space { padding-bottom: 250px !important; position: relative; text-align: center; } .service-section-v5 { position: relative; z-index: 1; bottom: 254px; margin-bottom: -170px; } .service-block-v5 { } .service-block-v5.service-block { margin-bottom: 60px; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .service-block-v5 .service-block-title { margin-bottom: 5px; } .service-block-v5 .service-block-content { background-color: #fff; padding: 30px; } .service-block-v5 .service-block-img { position: relative; } .service-block-v5 .service-block-icon { height: 72px; width: 72px; background-color: #acffd7; border-radius: 100%; font-size: 42px; padding: 21px 14px; color: #3847f1; position: absolute; left: 20px; bottom: -35px; } .service-block-v5 .service-block-text { } .service-block-v5 .service-block-footer { border-top: 1px solid #e7e7f2; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .service-block-v5 .service-block-footer-item { padding: 12px 23px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; display: inline-block; font-size: 16px; } .service-block-v5.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .service-footer-item a { color: #181825; } .loan-service-footer-item a:hover { color: #3847f1; } .service-footer-item-bordered:not(:last-child) { border-right: 1px solid #e7e7f2; } //*-------------------- Client Class ---------------------*/ .client-block { } .client-block-title { } .client-block-content { } .client-block-img { } .client-block-text { } /*------ client-block-v1 -------*/ .card-deck .client-block-v1 { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } .client-block-v1 { } .client-block-v1.client-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .client-block-v1 .client-block-title { } .client-block-v1 .client-block-content { padding: 50px; } .client-block-v1 .client-block-img { margin-bottom: 30px; } .client-block-v1 .client-block-text { } .client-block-v1.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } /*------ client-block-v2 -------*/ .client-section-v2 { background-color: #fff; padding: 50px; } .client-block-v2 { } .client-block-v2.client-block { margin-bottom: 20px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 50px; } .client-block-v2 .client-block-img { margin-bottom: 0px; } .client-block-v2.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } /*------ client-logo -------*/ .client-logo { padding: 15px; } .client-logo-img { } .client-logo-second { padding: 60px; background-color: #fff; text-align: center; border-radius: 6px; transition: .7s ease; margin-bottom: 30px; position: relative; cursor: pointer; } .client-logo-second:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #fff; transition: .7s ease; } .client-logo-second a { position: relative; display: inline-block; z-index: 1; } .client-logo-second .main-img { position: relative; } .client-logo-second .hover-img { position: absolute; top: 0; left: 0; opacity: 0; } .client-logo-second:hover .hover-img { position: absolute; opacity: 1; transition: .7s ease; } /*------ client-logo third -------*/ .client-logo-third { padding: 60px; background-color: transparent; text-align: center; border-radius: 6px; transition: .7s ease; margin-bottom: 30px; position: relative; cursor: pointer; border:1px solid #40424c;} .client-logo-third:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #40424c; transition: .7s ease; border:1px solid #40424c; } .client-logo-third a { position: relative; display: inline-block; z-index: 1; } .client-logo-third .main-img { position: relative; } .client-logo-third .hover-img { position: absolute; top: 0; left: 0; opacity: 0; } .client-logo-third:hover .hover-img { position: absolute; opacity: 1; transition: .7s ease; } /*------ client-block-v3 -------*/ .client-block-v3 { } .client-block-v3.client-block { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #fff; text-align:center; margin-bottom: 50px; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 60px 30px 60px 30px;} .client-block-v3 .client-block-content{} .client-block-v3 .client-block-img { padding: 20px 60px 60px 60px;} /*-------------------- How it Works Class ---------------------*/ .process-block { } .process-block-icon { } .process-block-content { } .process-block-title { } .process-block-text { } /*-----------process v1 --------*/ .process-block-v1 { } .process-block-v1.process-block {margin-bottom: 30px;position: relative;background-color: #fff;border-radius: 4px;transition: .4s ease;border: 1px solid transparent;} .process-block-v1.process-block:hover { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: .4s ease; border: 1px solid #ebecf7; } .process-block-v1 .process-block-icon { width: 94px; height: 94px; padding: 27px; color: #fff; font-size: 46px; text-align: center; margin-top: 15px; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1; } .process-block-v1 .process-block-content { padding: 40px; } .process-block-v1 .process-block-title { margin-bottom: 5px; } .process-block-v1 .process-block-text { } /*-----------process v2 --------*/ .process-block-v2 { } .process-block-v2.process-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; background-color: #fff; border-radius: 4px; } .process-block-v2 .process-block-icon { width: 94px; height: 94px; padding: 27px; color: #fff; font-size: 46px; text-align: center; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1; } .process-block-v2 .process-block-content { padding: 40px; border-bottom: 1px solid #ebedfc; } .process-block-v2 .process-block-title { margin-bottom: 5px; } .process-block-v2 .process-block-text { } .process-block-v2 .process-block-footer { border-top: 1px solid #ebedfc; background: #fff; padding: 20px; line-height: 1.8; margin-top: -1px; } /*-----------process v3 --------*/ .process-block-v3 { } .process-block-v3.process-block { padding: 58px 28px; background-color: transparent; border-radius: 4px; transition: .5s ease; border: 1px solid #ebecf7; } .process-block-v3.process-block:hover { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: .5s ease; border: 1px solid #ebecf7; } .process-block-v3 .process-block-icon { width: 94px; height: 94px; padding: 20px; color: #fff; font-size: 46px; text-align: center; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1.2; } .process-block-v3 .process-block-content { } .process-block-v3 .process-block-title { margin-bottom: 5px; font-size: 20px; } .process-block-v3 .process-block-text { } /*-----------process v4 --------*/ .process-block-v4 { } .process-block-v4.process-block {margin-bottom: 30px; padding: 40px; background-color: transparent; border-radius: 4px; transition: .5s ease; border: 1px solid #ebecf7; } .process-block-v4.process-block:hover { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: .5s ease; border: 1px solid #ebecf7; } .process-block-v4 .process-block-icon { color: #3544ee; font-size: 72px; margin-bottom: 30px; line-height: 1; } .process-block-v4 .process-block-content { } .process-block-v4 .process-block-title { margin-bottom: 5px; font-size: 20px; } .process-block-v4 .process-block-text { } /*-----------process v5 --------*/ .process-block-v5 { } .process-block-v5.process-block {margin-bottom: 30px; } .process-block-v5 .process-block-icon { color: #3342e7; background-color: #f3f6ff; font-size: 26px; padding: 23px 21px; height: 73px; width: 73px; margin-bottom: 20px; text-align: center; line-height: 1.2; } .process-block-v5 .process-block-content { } .process-block-v5 .process-block-title { margin-bottom: 30px; font-size: 20px; } .process-block-v5 .process-block-text { } .process-block-v5 {} .process-block-v5 .process-block-list{} .process-block-v5 .process-block-list ul{} .process-block-v5 .process-block-list ul li{border-top: 1px solid #ebecf7; line-height: 2.5; border-bottom: 1px solid #ebecf7; margin-top: -1px;} .process-block-v5 .angle li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #d2d3d8; content: '\f060'; font-style: initial; margin-top: 4px; } /*----------------------- Background Color / Color -------------------------*/ .bg-primary { background-color: #3544ee !important;} .bg-primary-dark{background-color: #1d2256 !important;} .bg-brand { background-color: #01d486 !important; } .bg-secondary { background-color: #fa5826 !important; color: #fff !important; } .bg-success { background-color: #2ec551 !important; } .bg-danger { background-color: #ef172c !important; } .bg-warning { background-color: #ffc108 !important; } .bg-info { background-color: #25d5f2 !important; } .bg-light { background-color: #f9f9ff !important; } .bg-dark { background-color: #2e2f39 !important; } .bg-primary-light { background-color: #e4e6ff !important; color: #fff !important; } .bg-primary-dark {background-color: #1d2256 !important;} .bg-info-light { background-color: #dffaff !important; color: #fff; } .bg-secondary-light { background-color: #ffd9d1 !important; } .bg-danger-light { background-color: #fbd3d5 !important; } .bg-brand-light { background-color: #ccf7f0 !important; } .bg-success-light { background-color: #c5fad3 !important; } .split-bg { background: linear-gradient(to left, #01d486 0%, #01d486 45%, #efeff3 40%, #efeff3 100%); height: 100%; width: 100%; } .bg-gray { background-color: #ededf5 !important; } .bg-brose-light { background-color: #fde9ff !important; } .bg-brose-dark-light { background-color: #edc6ff !important; } .bg-purple-light { background-color: #f0eaff !important; } .bg-cyan-light { background-color: #e7f9fa !important; } .bg-mehndi-light { background-color: #eaf9c4 !important; } .bg-pink-light { background-color: #ffe1eb !important; } .bg-warning-light { background-color: #fff8dd !important; } .bg-orange-light { background-color: #ffede6 !important; } .bg-blue-light { background-color: #d8fdff !important; } /*---------- Color ------------------*/ .text-primary { color: #3544ee !important; } .text-brand { color: #01d486 !important; } .text-secondary { color: #ea5132 !important; } .text-success { color: #2ec551 !important; } .text-danger { color: #ef172c !important; } .text-warning { color: #ffc108 !important; } .text-info { color: #25d5f2 !important; } .text-light { color: #afafb6 !important; } .text-dark { color: #181825 !important; } .text-gray { color: #868aa5 !important; } .text-muted { color: #7171a6 !important; } .rating-color { color: #ffa811; } .text-brose { color: #ee46ff !important; } .text-purple { color: #7e48f6 !important; } .text-cyan { color: #22ced0 !important; } .text-mehndi { color: #94ca00 !important; } .text-pink { color: #f6256b !important; } .text-orange { color: #fd672d !important; } .text-blue { color: #01e3ef !important; } .text-primary-light { color: #b2b8f9; } .text-brand-light { color: #e0fcf2; } .text-secondary-light { color: #fdd5c8; } /*------------ Borders -------------*/ .border-boxes span { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #fbfbfd; } .border { border: 1px solid #ebecf7 !important; } .border-top { border-top: 1px solid #ebecf7 !important; } .border-bottom { border-bottom: 1px solid #ebecf7 !important; } .border-left { border-left: 1px solid #ebecf7 !important; } .border-right { border-right: 1px solid #ebecf7 !important } .border-top-primary { border-top-color: #3544ee !important; } .border-2 { border-width: 2px !important; } .border-secondary { border-color: #fa5826 !important; } .border-brand { border-color: #01d486 !important; } .border-info { border-color: #25d5f2 !important; } .rounded { border-radius: 4px !important; } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } .border-bottom-4 { border-bottom: 4px solid !important; } .border-top-4 { border-top: 4px solid !important; } .bb-brand-color { border-bottom-color: #01d486 !important; } .bb-primary-color { border-bottom-color: #3544ee !important; } .bb-danger-color { border-bottom-color: #ef172c !important; } .bt-danger-color { border-top-color: #ef172c !important; } .bb-orange-color { border-bottom-color: #ff9b5f !important; } .bb-secondary-color { border-bottom-color: #ea5132 !important; } .bb-info-color { border-bottom-color: #00cdec !important; } .bb-success-color { border-bottom-color: #2ec551 !important; } .bt-success-color { border-top-color: #2ec551 !important; } .border-primary { border-color: #032fdf !important; } .border-dark { border-color: #181825 !important; } .border-light { border-color: #e0e0e6 !important; } .border-dashed { border-style: dashed !important; } /*------------ Borders -------------*/ .border-boxes span { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #fbfbfd; } .border { border: 1px solid #363686 !important; } .border-top { border-top: 1px solid #363686 !important; } .border-bottom { border-bottom: 1px solid #363686 !important; } .border-left { border-left: 1px solid #363686 !important; } .border-right { border-right: 1px solid #363686 !important; } .border-top-primary { border-top-color: #4747ff !important; } .border-2 { border-width: 2px !important; } .border-secondary { border-color: #fa5826 !important; } .border-brand { border-color: #01d486 !important; } .border-info { border-color: #25d5f2 !important; } .rounded { border-radius: 4px !important; } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } .border-bottom-4 { border-bottom: 4px solid !important; } .border-top-4 { border-top: 4px solid !important; } .bb-brand-color { border-bottom-color: #01d486 !important; } .bb-primary-color { border-bottom-color: #4747ff !important; } .bb-danger-color { border-bottom-color: #ef172c !important; } .bt-danger-color { border-top-color: #ef172c !important; } .bb-orange-color { border-bottom-color: #ff9b5f !important; } .bb-secondary-color { border-bottom-color: #e54918 !important; } .bb-info-color { border-bottom-color: #00cdec !important; } .bb-success-color { border-bottom-color: #2ec551 !important; } .bt-success-color { border-top-color: #2ec551 !important; } .border-primary { border-color: #032fdf !important; } .border-dark { border-color: #ffffff !important; } .border-light { border-color: #e0e0e6 !important; } .border-dashed { border-style: dashed !important; } /* ----------------------- Split Sections -------------------------*/ .split-container { height: 100%; } .split-left-img { display: flex; justify-content: center; align-items: center; background: url(../images/about-left-img-1.jpg)no-repeat; background-size: cover; min-height: 500px; color: #FFF; background-position-x: 50%; } .split-right-img { display: flex; justify-content: center; align-items: center; background: url(../images/about-right-img-1.jpg)no-repeat; background-size: cover; min-height: 500px; color: #fff; background-position-x: 50%; } .split-left-img-second { display: flex; justify-content: center; align-items: center; background: url(../images/about-left-img-2.jpg)no-repeat; background-size: cover; min-height: 500px; color: #FFF; background-position-x: 50%; } .split-right-img-second { display: flex; justify-content: center; align-items: center; background: url(../images/about-right-img-2.jpg)no-repeat; background-size: cover; min-height: 500px; color: #fff; background-position-x: 50%; } /*------------------ Social Color -------------------------*/ .facebook-color { color: #3c73df; } .twitter-color { color: #1ea2f2; } .instagram-color { color: #9361fa; } .rss-color { color: #ee802f; } .pinterest-color { color: #c8232c; } .youtube-color { color: #ff0000; } .medium-color { color: #00ab6c; } .googleplus-color { color: #d34836; } .snapchat-color { color: #FFFB00; } /*------------------- Social bg Color -------------------------*/ .facebook-bgcolor { background-color: #3b5898; color: #fff; } .twitter-bgcolor { background-color: #1ea2f2; color: #fff; } .instagram-bgcolor { background-color: #9361fa; color: #fff; } .rss-bgcolor { background-color: #ee802f; color: #fff; } .pinterest-bgcolor { background-color: #c8232c; color: #fff; } .youtube-bgcolor { background-color: #ff0000; color: #fff; } .googleplus-bgcolor { background-color: #d34836; color: #fff; } /*------------------ Progress bar -------------------------*/ .progress-bar { background-color: #3544ee; } .primary-progress-bar { background-color: #3544ee; } .progress-sm { height: 5px; } .progress-sm { height: 5px } .progress-md { height: 8px } .progress-lg { height: 12px } .progress-xl { height: 15px } /*------------------ Badges -------------------------*/ .badge { display: inline-block; padding: 3px 7px; font-size: 13px; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } .badge-primary { background-color: #3544ee; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #4656e9; } .badge-brand { background-color: #01d486; color: #fff; } .badge-brand[href]:focus, .badge-brand[href]:hover { color: #2e2f39; background-color: #efb63e; text-decoration: none; } .badge-secondary { background-color: #ea5132; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; background-color: #fa5826; text-decoration: none; } .badge-success { background-color: #21ae41; } .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; background-color: #21ae41; text-decoration: none; } .badge-danger { background-color: #da0419; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; background-color: #ef172c; text-decoration: none; } .badge-warning { background-color: #f3b600; color: #2e2f39; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #2e2f39; background-color: #f3b600; text-decoration: none; } .badge-info { background-color: #0998b0; } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; background-color: #17c0dc; text-decoration: none; } .badge-light { background-color: #efeff6; color: #757691; } .badge-light[href]:focus, .badge-light[href]:hover { color: #2e2f39; background-color: #d7d7df; text-decoration: none; } .badge-dark { background-color: #1f202b; } .badge-dark[href]:focus, .badge-light[href]:hover { color: #2e2f39; background-color: #d7d7df; text-decoration: none; } .badge-dot { border-radius: 100%; padding: 4px; display: inline-block; margin-right: 3px; } /*--------------- Pagination -------------------------*/ .page-link { position: relative; display: block; padding: 13px 18px; margin-left: 0px; margin-right: 5px; line-height: 1.25; color: #626582; background-color: #fff; border: 1px solid #ebecf7; border-radius: 100%; line-height: 1; font-size: 15px; } .page-link:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #01d486; border-color: #08bd7a; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #01d486; border-color: #08bd7a; } .page-item:first-child .page-link { margin-left: auto; border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; } .page-item:last-child .page-link { border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; } /*------------- Spinner ------------------*/ .spinner-xxl { width: 150px; height: 150px; } .spinner-xl { width: 120px; height: 120px; } .spinner-lg { width: 100px; height: 100px; } .spinner-md { width: 80px; height: 80px; } .spinner-sm { width: 60px; height: 60px; } .spinner-xs { width: 30px; height: 30px; } .dashboard-spinner { margin: 0px 8px; border-radius: 50%; background-color: transparent; border: 6px solid transparent; border-top: 6px solid #3544ee; border-left: 6px solid #3544ee; -webkit-animation: 1s spin linear infinite; animation: 1s spin linear infinite; display: inline-block; } .spinner-primary { border-top-color: #3544ee; border-left-color: #3544ee; } .spinner-secondary { border-top-color: #ff5e3e; border-left-color: #ff5e3e; } .spinner-success { border-top-color: #2ec551; border-left-color: #2ec551; } .spinner-danger { border-top-color: #dc3545; border-left-color: #dc3545; } .spinner-warning { border-top-color: #ffc107; border-left-color: #ffc107; } .spinner-info { border-top-color: #17a2b8; border-left-color: #17a2b8; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------- Patterns -------------------*/ .card-pattern-left { position: relative; } .card-pattern-left:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: -23px; } .card-pattern-right { position: relative; } .card-pattern-right:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: -23px; } .card-pattern-right-top { position: relative; } .card-pattern-right-top:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -24px; z-index: -1; left: -23px; } .card-pattern-bottom { position: relative; } .card-pattern-bottom:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; left: 110px; } .card-pattern-full { position: relative; } .card-pattern-full:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 200px; width: 392px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: 0; left: -23px; } .card-pattern-box { position: relative; } .card-pattern-box:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 200px; width: 583px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: 0; left: -21px; } .card-pattern-full-box { position: relative; } .card-pattern-full-box:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 187px; width: 960px; background-repeat: repeat; position: absolute; bottom: -21px; z-index: -1; right: 0; left: -21px; } .card-pattern-circle { position: relative; } .card-pattern-circle:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: 3px; z-index: -1; left: -22px; border-radius: 100%; } .pattern { position: relative; } /*----------------- Accordions style 1 -----------------------------*/ .accordion-section { background-color: #fff; border: 1px solid #ebecf7; padding: 45px; margin-bottom: 30px; } .accrodion-regular { } .accrodion-regular .card { margin-bottom: -1px; border: 1px solid #ebedfc; } .accrodion-regular .card-body { background-color: #f8f8fb; } .accrodion-regular .card-header { padding: 14px 20px; background-color: transparent; } .accrodion-regular .card-title { font-size: 16px; line-height: 20px; margin-bottom: 0px; } .accrodion-regular .card-title span { padding-top: 3px; float: left; } .accrodion-regular .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; } .accrodion-regular .card-header a { color: #353851; } .accrodion-regular .card-header a:hover { color: #3544ee; } .accrodion-regular .card-header.active { color: #3544ee; } .accordion-content { padding-bottom: 10px; padding-top: 10px; } /*------------------ Accordions style 2 --------------------------------*/ .accrodion-regular .accrodion-block { border-bottom: 1px solid #ebecf7; margin-bottom: 20px; padding-bottom: 20px; } .accrodion-regular .accordion-head { } .accrodion-regular .accordion-title { margin-bottom: 0px; font-size: 18px; } .accrodion-regular .accordion-text { } .accrodion-regular .accordion-title span {padding-right: 23px;font-size: 14px;color: #3544ee;} /*---------------------- Accordions style 3 ------------------*/ .accrodion-second-regular { } .accrodion-second-regular { } .accrodion-second-regular .card { margin-bottom: -1px; border: 1px solid #ebedfc; } .accrodion-second-regular .card-body { background-color: #f8f8fb; } .accrodion-second-regular .card-header { padding: 14px 20px; background-color: transparent; } .accrodion-second-regular .card-title { font-size: 16px; line-height: 20px; margin-bottom: 0px; } .accrodion-second-regular .card-title span { padding-top: 3px; font-size: 14px; color: #3645f2; } .accrodion-second-regular .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; } .accrodion-second-regular .card-header .card-title a { color: #353851; } .accrodion-second-regular .card-header .card-title a:hover { color: #3544ee !important; } .accrodion-second-regular .card-header.active { color: #3544ee; } .accordion-content { padding-bottom: 10px; padding-top: 10px; } /*---------------------- Accordions style 4 ------------------*/ .accrodion-third-regular { } .accrodion-third-regular { } .accrodion-third-regular .card { margin-bottom: -1px; border: 1px solid #ebedfc; } .accrodion-third-regular .card-body {background-color: #ffffff;} .accrodion-third-regular .card-header {padding: 36px 30px;background-color: transparent;} .accrodion-third-regular .card-title {font-size: 20px;line-height: 30px;margin-bottom: 0px;} .accrodion-third-regular .card-title span {padding-top: 3px;font-size: 26px;color: #3645f2;float: right;} .accrodion-third-regular .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; } .accrodion-third-regular .card-header .card-title a { color: #181825 !important; } .accrodion-third-regular .card-header .card-title a:hover { color: #3544ee !important; } .accrodion-third-regular .card-header.active { color: #3544ee; } .accordion-content { padding-bottom: 10px; padding-top: 10px; } /* ------------- 2.8 Tabs -------------------*/ .tab-regular { } .tab-regular .nav.nav-tabs { border-bottom: transparent; } .tab-regular .nav.nav-tabs .nav-item { } .tab-regular .nav.nav-tabs .nav-link { display: block; padding: 17px 44px; color: #808294; background-color: #ededf1; margin-right: 1px; border-color: #ededf1; } .tab-regular .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { } .tab-regular .nav-tabs .nav-link.active { background-color: #fff; border-color: #e6e6f2 #e6e6f2 #fff; color: #3544ee; } .tab-regular .tab-content { background-color: #fff; padding: 30px; border: 1px solid #e6e6f2; border-radius: 4px; border-top-left-radius: 0px } /*----- Tabs Vertical CSS ----*/ .tab-vertical { } .tab-vertical .nav.nav-tabs { float: left; display: block; margin-right: 0px; border-bottom: 0; } .tab-vertical .nav.nav-tabs .nav-item { margin-bottom: 6px; } .tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #fff; padding: 17px 49px; color: #808294; background-color: #ededf1; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .tab-vertical .nav-tabs .nav-link.active { color: #3544ee; background-color: #fff !important; border-color: transparent !important; } .tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px !important; border-top-right-radius: 0px !important; } .tab-vertical .tab-content { overflow: auto; -webkit-border-radius: 0px 4px 4px 4px; -moz-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; background: #fff; padding: 30px; } /*--- Outline Tabs ----*/ .outline-tab { } .outline-tab .nav .nav-tabs { } .outline-tab .nav-tabs { border-bottom: 1px solid #ebedfc; } .outline-tab .nav-tabs .nav-item { margin-bottom: -1px; margin-top: 30px; } .outline-tab .nav-tabs .nav-link { padding: 10px 30px; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #626582; } .outline-tab .nav-tabs .nav-item.show .nav-link, .outline-tab .nav-tabs .nav-link.active { color: #3341e7; background-color: transparent; border-color: #ebedfc #ebedfc #fff; } .outline-tab .tab-content { padding: 35px; } /*--- Simple Card Tabs ----*/ .simple-card { background-color: #fff; border-radius: 4px; border: 1px solid #e9e9f2; } .simple-card .nav.nav-tabs { border-bottom: 1px solid #e6e6f2; } .simple-card .nav.nav-tabs .nav-item { } .simple-card .nav.nav-tabs .nav-item .nav-link { padding: 17px 49px; color: #808294; background: #f8f8fb; border-color: #e9e9f2 #e9e9f2 #e9e9f2; margin-right: -1px; border-radius: 0px; border-top: transparent; } .simple-card .nav-tabs .nav-link.active { color: #3544ee !important; background-color: transparent !important; border-color: #e9e9f2 #e9e9f2 #fff !important; } .simple-card .tab-content { padding: 30px; } /* -------------- Pills Regular ----------------*/ .pills-regular { } .pills-regular .nav.nav-pills { } .pills-regular .nav.nav-pills .nav-item { } .pills-regular .nav.nav-pills .nav-item .nav-link { background-color: #ededf1; padding: 16px 52px; margin-right: 3px; color: #808294; } .pills-regular .nav.nav-pills .nav-item .nav-link.active { background-color: #fff; color: #3544ee; } .pills-regular .tab-content { background-color: #fff; padding: 30px; border-radius: 4px; } /* -------------- Pills vertical ---------------------*/ .pills-vertical { } .pills-vertical .nav.nav-pills { } .pills-vertical .nav.nav-pills .nav-link { background-color: #ededf1; padding: 16px; margin-bottom: 4px; color: #808294; text-align: center; } .pills-vertical .nav.nav-pills .nav-link.active { background-color: #fff; color: #3544ee; } .pills-vertical .tab-content { background-color: #fff; padding: 30px; border-radius: 4px; } /*------------------- Tables ---------------------*/ .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ebedfc; font-family: 'Circular Std Book'; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-bordered td, .table-bordered th { border: 1px solid #ebedfc; } table { font-size: 16px; } table th { } table td { } .table th { color: #303443; font-family: 'Circular Std Book'; } .table td, .table th { padding: .75rem; color: #626582; } .table-striped tbody tr:nth-of-type(odd) { background-color: #fff; } .table .thead-light th { color: #495057; background-color: #f3f6ff; border-color: #ebedfc; } /*---------------- Data Tables ----------------------------------*/ div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; height: 42px; } div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; height: 42px; } /* -------------------- Alert ---------------------*/ .alert-warning { color: #856404; background-color: #fffae7; border-color: #fee06e; } .alert-primary { color: #004ebd; background-color: #d9eeff; border-color: #a2d5fe; } /* ----------------------- Counter Class -------------------------*/ .counter { } .counter-icon { } .counter-block { } .counter-block-content { } .counter-block-icon { } .counter-block-title { } .counter-block-text { } /* --------- counter v-1 -------------------*/ .counter-v1.counter-block { padding: 20px 0px; color: #bac0ff; } .counter-v1 .counter-block-content { } .counter-v1 .counter-block-icon { font-size: 60px; color: #fff; margin-bottom: 40px; } .counter-v1 .counter-block-title { margin-bottom: 10px; font-size: 28px; line-height: 35px; } .counter-v1 .counter-block-text { } /* --------- counter v-2 -------------------*/ .counter-v2.counter-block { padding: 20px 0px; color: #bac0ff; } .counter-v2 .counter-block-content { } .counter-v2 .counter-block-icon { font-size: 60px; color: #fff; margin-bottom: 40px; } .counter-v2 .counter-block-title { position: relative; margin-bottom: 10px; font-size: 52px; line-height: 48px; font-family: 'Circular Std Bold' !important; } .counter-v2 .counter-block-text { } .counter-v2 .plus-sign { position: absolute; font-size: 48px; color: #fff; top: 28px; right: 67px; font-family: 'Circular Std Bold' !important; } /* --------- counter v-3 -------------------*/ .counter-v3.counter-block { text-align: center; } .counter-v3 .counter-block-content { } .counter-v3 .counter-block-icon { } .counter-v3 .counter { display: block; font-size: 50px; vertical-align: middle; font-family: 'Circular Std Bold' !important; color: #181825; margin-bottom: 12px; line-height: 52px; } .counter-v3 .counter-block-text { } .counter-section { background-color: #fff; border-radius: 4px; padding: 60px; border: 1px solid #ebecf7; margin-bottom: 60px; } /* --------- counter v-4 -------------------*/ .counter-v4.counter-block { text-align: center; background-color: #fff; border-radius: 4px; padding: 50px; border: 1px solid #ebecf7; margin-bottom: 60px; } .counter-v4 .counter-block-content { } .counter-v4 .counter-block-icon { background-color: #e1e4fd; height: 65px; width: 65px; line-height: 30px; padding: 20px; font-size: 21px; border-radius: 100%; display: inline-block; color: #3544ee; margin-bottom: 30px; } .counter-v4 .counter { display: block; font-size: 50px; vertical-align: middle; font-family: 'Circular Std Bold' !important; color: #181825; margin-bottom: 12px; line-height: 52px; } .counter-v4 .counter-block-text { } .counter-section { background-color: #fff; border-radius: 4px; padding: 60px; border: 1px solid #ebecf7; } .counter-container-primary {padding: 80px 60px;margin-bottom: 60px;color: #b4baff;} .counter-section-img-bg { background: url(../images/counter-section-img-1.jpg)no-repeat; position: relative; background-size: cover; padding: 250px 0px; min-height: 507px; } .counter-section-img-bg:before { content: '0 0 30 30'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #181825, #181825); opacity: 0.5; } /* --------- counter v-5 -------------------*/ .counter-v5.counter-block { padding: 20px 0px; } .counter-v5 .counter-block-content { } .counter-v5 .counter-block-title { position: relative; margin-bottom: 10px; font-size: 58px; line-height: 68px; color: #181825; font-family: 'Circular Std Bold' !important;} .counter-v5 .counter-block-text { } .counter-v5 .plus-sign { position: absolute; font-size: 48px; color: #181825; top: 40px; right: 60px; font-family: 'Circular Std Bold' !important;} /* ----------------------- Rate Class -------------------------*/ .rate-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; background-color: #fff; transition: .7s ease; } .rate-block-header { border-bottom: 1px solid #ebedfc; padding: 12px; } .rate-block-header-title { margin-bottom: 0px; } .rate-block-small-text { margin-bottom: 0px; transition: .2s ease; } .rate-block-content { padding: 28px 22px; } .rate-block-heading { font-size: 42px; line-height: 52px; } .rate-block:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #fff; transition: .7s ease; } /* ----------------------- Testimonial Class -------------------------*/ .testimonial-block { } .testimonial-content { } .testimonail-text { } .testimonial-meta-name { } .testimonial-img { } /* --------------- testimonial v1 ------------------------*/ .testimonial-block-v1 { } .testimonial-block-v1 .testimonial-block { } .testimonial-block-v1 .testimonial-content { padding-top: 30px; } .testimonial-block-v1 .testimonail-text { font-size: 30px; letter-spacing: -1px; font-family: 'Circular Std Bold'; color: #353851; line-height: 45px; } .testimonial-block-v1 .testimonial-meta-name { display: block; font-size: 18px; text-transform: uppercase; color: #353851; font-family: 'Circular Std Bold'; letter-spacing: -1px; } .testimonial-block-v1 .testimonial-meta-text { line-height: 1.5; } .testimonial-block-v1 .testimonial-meta-subtext { } .testimonial-block-v1 .testimonial-img { z-index: 11; position: relative; } .testimonial-block-v1 .testimonial-img img { border-radius: 4px; } .dot-bg { left: 0; top: -0; width: 100%; background-image: url(../images/small-dot.png); background-repeat: repeat; background-position: center; content: 'http://www.w3.org/2000/svg'; z-index: 1; } .testimonial-second { } .testimonial-second-text { font-size: 24px; color: #353851; letter-spacing: -1px; line-height: 36px; } /* --------------- testimonial v2 ------------------------*/ .testimonial-block-v2 { } .testimonial-block-v2.testimonial-block { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border: 1px solid #ebedfc; border-radius: 4px; } .testimonial-block-v2 .testimonial-content { padding: 30px; } .testimonial-block-v2 .testimonial-text { font-family: 'PT Serif', serif; font-size: 19px; line-height: 32px; font-style: italic; } .testimonial-block-v2 .testimonial-comment-icon { margin-bottom: 10px; } .testimonial-block-v2 .testimonial-meta { margin-left: 18px; align-self: center; } .testimonial-block-v2 .testimonial-meta-name { margin-bottom: 6px; } .testimonial-block-v2 .testimonial-img { } .testimonial-block-v2 .testimonial-footer { border-top: 1px solid #ebedfc; background: #fff; padding: 20px; line-height: 1.8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* --------------- testimonial v3 ------------------------*/ .testimonial-block-v3 { } .testimonial-block-v3.testimonial-block { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border: 1px solid #ebedfc; border-radius: 4px; } .testimonial-block-v3 .testimonial-content { padding: 30px; } .testimonial-block-v3 .testimonial-text { font-family: 'PT Serif', serif; font-size: 19px; line-height: 32px; font-style: italic; } .testimonial-block-v3 .testimonial-meta { } .testimonial-block-v3 .testimonial-meta-name { margin-bottom: 15px; line-height: 1; font-family: 'Circular Std Medium' !important; } /* --------------- testimonial v4 ------------------------*/ .testimonial-block-v4 { } .testimonial-block-v4.testimonial-block { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border-radius: 4px 4px 0px 0px; } .testimonial-block-v4 .testimonial-content { padding: 45px; } .testimonial-block-v4 .testimonial-text { font-size: 18px; color: #353851; line-height: 30px; } .testimonial-block-v4 .testimonial-img { margin-bottom: 30px; } .testimonial-block-v4 .testimonial-meta { } .testimonial-block-v4 .testimonial-meta-name { margin-bottom: 0px; line-height: 26px; } .testimonial-block-v4.testimonial-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } /* --------------- testimonial carousel v2 ------------------------*/ .carousel-indicators { list-style: inherit; margin-right: 0px; margin-left: 0px; } #testimonial-carousel-v2 { } #testimonial-carousel-v2 .carousel-inner { position: relative; width: 100%; overflow: hidden; background: #f8f8fb; padding: 30px; border-radius: 10px; } #testimonial-carousel-v2 .carousel-control { background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px; } #testimonial-carousel-v2 .carousel-indicators { position: relative; right: 50%; top: auto; bottom: 0px; margin-top: -20px; } #testimonial-carousel-v2 .carousel-indicators li { width: 42px; height: 42px; cursor: pointer; border: 2px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0.6; overflow: hidden; transition: all .4s ease-in; vertical-align: middle; margin-right: 15px; } #testimonial-carousel-v2 .carousel-indicators .active { width: 70px; height: 70px; opacity: 1; transition: all .2s; } .testimonial-carousel-v2-content { font-size: 24px; margin-bottom: 30px; line-height: 32px; } .testimonial-carousel-v2-content { } .testimonial-carousel-v2-content .testimonials-name { line-height: 20px; } .testimonial-carousel-v2-content .testimonial-meta { } /*------------------- Testimonial Carousel ----------------------------*/ .testimonial-carousel-v2 { } .testimonial-carousel-v2 .owl-carousel .owl-item img { width: auto; } .testimonial-carousel-v2 .owl-carousel .item { margin-left: 25px; } .testimonial-carousel-v2 .owl-prev { position: absolute; } .testimonial-carousel-v2 .owl-next { position: absolute; } .testimonial-carousel-v2 .owl-prev, .testimonial-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; } .testimonial-carousel-v2 .owl-prev:hover, .testimonial-carousel .owl-next:hover { background-color: #8e517d; color: #fff; } .testimonial-carousel-v2 .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #3544ee; font-size: 18px; margin: 5px; padding: 3px 9px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #3544ee; } .testimonial-carousel-v2 .owl-theme .owl-nav [class*='owl-']:hover { background: #3544ee; color: #FFF; text-decoration: none; } .testimonial-carousel-v2 .owl-theme .owl-dots .owl-dot span { display: none; } .testimonial-carousel { } .testimonial-carousel .owl-carousel .owl-item img { width: auto; } .testimonial-carousel .owl-prev { position: absolute; } .testimonial-carousel .owl-next { position: absolute; } .testimonial-carousel .owl-prev, .testimonial-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; } .testimonial-carousel .owl-prev:hover, .testimonial-carousel .owl-next:hover { background-color: #8e517d; color: #fff; } .testimonial-carousel .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #3544ee; font-size: 18px; margin: 5px; padding: 3px 9px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #3544ee; } .testimonial-carousel .owl-theme .owl-nav [class*='owl-']:hover { background: #3544ee; color: #FFF; text-decoration: none; } .testimonial-carousel .owl-theme .owl-dots .owl-dot span { display: none; } /*.testimonial-carousel .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 50px; position: relative; } .testimonial-carousel .owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border-color: #fff; }*/ .testi-avatar { } /* ------------- Features --------------*/ .feature-block { } .feature-content { } .feature-title { } .feature-icon { } /* ------------- Features blurb --------------*/ .feature-blurb-block {margin-bottom: 30px; } .feature-blurb-content { } .feature-blurb-title {font-family: 'Circular Std Medium'; } /* --------------- features v1 ------------------------*/ .feature-block-v1.feature-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; } .feature-block-v1 .feature-content { padding: 30px; } .feature-block-v1 .feature-title { margin-bottom: 5px; } .feature-block-v1 .feature-text { } .feature-block-v1 .feature-icon { display: block; height: 106px; width: 106px; font-size: 48px; line-height: 2.2; margin-left: auto; margin-right: auto; margin-bottom: 25px; text-align: center; } .feature-block-v1.feature-block:hover { transition: all .4s ease; transform: translate3D(0, -12px, 0) scale(1); } /* --------------- features v2 ------------------------*/ .feature-block-v2 { } .feature-block-v2.feature-block { } .feature-block-v2.feature-block:not(:last-child) { margin-bottom: 30px; } .feature-block-v2 .feature-content { padding-left: 30px; } .feature-block-v2 .feature-title { margin-bottom: 5px; font-size: 17px; line-height: 28px; } .feature-block-v2 .feature-text { } .feature-block-v2 .feature-icon { color: #3342e7; background-color: #e4e6ff; font-size: 28px; padding: 33px 30px; display: block; text-align: center; width: 94px; height: 94px; } /* --------------- features v3 ------------------------*/ .feature-block-v3 { } .feature-block-v3.feature-block { background-color: #fff; border: 1px solid #ebecf7; margin-bottom: 30px; } .feature-block-v3 .feature-content { padding: 30px; } .feature-block-v3 .feature-title { margin-bottom: 10px; font-size: 21px; } .feature-block-v3 .feature-text { } .feature-block-v3 .feature-icon {color: #3544ee;background-color: #e4e6ff;font-size: 32px;padding: 39px 30px;display: block;text-align: center;width: 110px;height: 110px;margin-bottom: 30px;line-height: 1;} .feature-block-section { background-color: #fff; padding: 30px 40px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); } /* --------------- features v4 ------------------------*/ .feature-block-v4 { } .feature-block-v4.feature-block { margin-bottom: 30px; text-align: center; } .feature-block-v4 .feature-content { text-align: center; } .feature-block-v4 .feature-title { margin-bottom: 5px; font-size: 21px; } .feature-block-v4 .feature-text { } .feature-block-v4 .feature-icon { background-color: #3544ee !important; color: #fff !important; padding: 27px; font-size: 40px; display: block; text-align: center; width: 94px; height: 94px; margin-bottom: 30px; line-height: 1; margin-right: auto; margin-left: auto; } /* --------------- features v5 ------------------------*/ .feature-block-v5 { } .feature-block-v5.feature-block { margin-bottom: 30px; } .feature-block-v5 .feature-content { text-align: center; } .feature-block-v4 .feature-title { margin-bottom: 5px; font-size: 21px; } .feature-block-v5 .feature-text { } .feature-block-v5 .feature-icon { background-color: #e1e4fd !important; color: #3544ee !important; padding: 27px; font-size: 30px; display: block; text-align: center; width: 84px; height: 84px; margin-bottom: 30px; line-height: 1; margin-right: auto; margin-left: auto; } /*------------------ Social-Media ----------------------*/ .social-media { } .social-media ul { padding: 0; margin: 0; } .social-media ul li { list-style: none; float: left; } .social-icon { height: 55px; width: 55px; color: #fff; padding: 15px 14px; margin-right: 6px; border-radius: 5px; display: inline-block; line-height: 1.2; font-size: 20px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid transparent; background-color: #a9aab6; } .social-icon-small { font-size: 14px; height: 40px; width: 40px; padding: 8px 9px; line-height: 1.8; } .social-rounded { border-radius: 100% !important; } .social-icon:hover { color: #fff; background-color: #8e8f9c; } .social-icon-outline { border: 2px solid #8e8f9c; background-color: transparent; color: #8e8f9c; } /*----------------- Social Media colors ----------------------*/ .social-facebook { background-color: #3b5898; color: #fff; } .social-facebook:hover { background-color: #385186; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-twitter { background-color: #1ea2f2; color: #fff; } .social-twitter:hover { background-color: #1c99e5; color: #fff; } .social-google { background-color: #f4422c; color: #fff; } .social-google:hover { background-color: #C20806; color: #fff; } .social-linkedin { background-color: #0179bd; color: #fff; } .social-linkedin:hover { background-color: #0571ae; color: #fff; } .social-instagram { background-color: #7a2276; color: #fff; } .social-instagram:hover { background-color: #8b2a86; color: #fff; } .social-rss { background-color: #ee802f; color: #fff; } .social-pinterest { background-color: #c8232c; color: #fff; } .social-pinterest:hover { background-color: #ba1f27; color: #fff; } .social-youtube { background-color: #d30000; color: #fff; } .social-youtube:hover { background-color: #ff0000; } .social-snapchat-ghost { background-color: #fffc00; color: #fff; } .social-snapchat-ghost:hover { background-color: #fffc00; color: #fff; } .social-skype { background-color: #01baff; color: #fff; } .social-skype:hover { background-color: #06aeed; color: #fff; } .social-dribbble { background-color: #ff4f93; color: #fff; } .social-dribbble:hover { background-color: #ef4788; color: #fff; } .social-vimeo { background-color: #4bbdff; color: #fff; } .social-vimeo:hover { background-color: #40aceb; color: #fff; } .social-tumblr { background-color: #2c4862; color: #fff; } .social-tumblr:hover { background-color: #2c4862; color: #fff; } .social-vine { background-color: #00b489; color: #fff; } .social-vine:hover { background-color: #049774; color: #fff; } .social-foursquare { background-color: #3060df; color: #fff; } .social-foursquare:hover { background-color: #2e5ad1; color: #fff; } .social-stumbleupon { background-color: #eb4923; color: #fff; } .social-stumbleupon:hover { background-color: #d7421f; color: #fff; } .social-flickr { background-color: #f40083; color: #fff; } .social-flickr:hover { background-color: #df077b; color: #fff; } .social-rss { background-color: #ff6702; color: #fff; } .social-rss:hover { background-color: #ff6702; color: #fff; } /*---------------- Social-Media-outline-colors ------------------------------*/ .social-outline-facebook { border-color: #3b5898; color: #3b5898; background-color: transparent; } .social-outline-facebook:hover { background-color: #385186; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-outline-twitter { border-color: #1ea2f2; color: #1ea2f2; background-color: transparent; } .social-outline-twitter:hover { background-color: #1c99e5; color: #fff; } .social-outline-google { border-color: #f4422c; color: #f4422c; background-color: transparent; } .social-outline-google:hover { background-color: #C20806; color: #fff; } .social-outline-linkedin { border-color: #0179bd; color: #0179bd; background-color: transparent; } .social-outline-linkedin:hover { background-color: #0571ae; color: #fff; } .social-outline-instagram { border-color: #7a2276; color: #7a2276; background-color: transparent; } .social-outline-instagram:hover { background-color: #8b2a86; color: #fff; } .social-outline-rss { border-color: #ee802f; color: #ee802f; background-color: transparent; } .social-outline-pinterest { border-color: #c8232c; color: #c8232c; background-color: transparent; } .social-outline-pinterest:hover { background-color: #ba1f27; color: #fff; } .social-outline-youtube { border-color: #d30000; color: #d30000; background-color: transparent; } .social-outline-youtube:hover { background-color: #ff0000; } .social-outline-snapchat-ghost { border-color: #fffc00; color: #181825; background-color: transparent; } .social-outline-snapchat-ghost:hover { background-color: #fffc00; color: #fff; } .social-outline-skype { border-color: #01baff; color: #01baff; background-color: transparent; } .social-outline-skype:hover { background-color: #06aeed; color: #fff; } .social-outline-dribbble { border-color: #ff4f93; color: #ff4f93; background-color: transparent; } .social-outline-dribbble:hover { background-color: #ef4788; color: #fff; } .social-outline-vimeo { border-color: #4bbdff; color: #4bbdff; background-color: transparent; } .social-outline-vimeo:hover { background-color: #40aceb; color: #fff; } .social-outline-tumblr { border-color: #2c4862; color: #2c4862; background-color: transparent; } .social-outline-tumblr:hover { background-color: #2c4862; color: #fff; } .social-outline-vine { border-color: #00b489; color: #00b489; background-color: transparent; } .social-outline-vine:hover { background-color: #049774; color: #fff; } .social-outline-foursquare { border-color: #3060df; color: #3060df; background-color: transparent; } .social-outline-foursquare:hover { background-color: #2e5ad1; color: #fff; } .social-outline-stumbleupon { border-color: #eb4923; color: #eb4923; background-color: transparent; } .social-outline-stumbleupon:hover { background-color: #d7421f; color: #fff; } .social-outline-flickr { border-color: #f40083; color: #f40083; background-color: transparent; } .social-outline-flickr:hover { background-color: #df077b; color: #fff; } .social-outline-rss { border-color: #ff6702; color: #ff6702; background-color: transparent; } .social-outline-rss:hover { background-color: #ff6702; color: #fff; } /*--------------------- cta ---------------------------------*/ .cta { } .cta-content { color: #c3c3fd; } .cta-btn { } /*------------------------- cta v1 ---------------------------*/ .cta-v1-section{position: relative;margin-bottom: -120px;z-index: 1;} .cta-v1 { } .cta-v1.cta {background-color: #3544ee;padding: 40px;border-radius: 5px; } .cta-v1 .cta-content { } .cta-v1 .cta-title { color: #fff; line-height: 1; margin-bottom: 14px; } .cta-v1 .cta-text { line-height: 1; } .cta-v1 .cta-btn { text-align: right; } /*------------------------- cta v2 ---------------------------*/ .cta-v2 { } .cta-v2.cta {background-color: #3544ee;color: #fff;position: relative;} .cta-v2 .cta-content { padding: 79px 0px; } .cta-v2 .cta-title { color: #fff; line-height: 52px; margin-bottom: 5px; } .cta-v2 .cta-text { color: #b0bffe; } .cta-v2 .cta-btn { text-align: center; } .cta-v2 .cta-img { position: absolute; bottom: -10px; } /*------------------------- cta v3 ---------------------------*/ .cta-v3 { } .cta-v3.cta {background-color: #3544ee;padding-top: 95px;padding-bottom: 95px;position: relative;min-height: 500px;} .cta-v3.cta:before{position: absolute; left: 0; top: -0; height: 100%; width: 100%; background-image: url(./images/page-header-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .09;} .cta-v3 .cta-img { transform: rotate(-22deg); position: absolute; bottom: 50px; } .cta-v3 .cta-content { } .cta-v3 .cta-title { color: #fff; margin-bottom: 15px; line-height: 62px; font-size: 52px; } .cta-v3 .cta-text { margin-bottom: 15px; font-size: 18px; line-height: 30px; } /*------------------------- cta v4 ---------------------------*/ .cta-v4 { } .cta-v4.cta { padding: 50px 0px; position: relative; background-color: #3544ee; color: #fff; } .cta-v4 .cta-icon { height: 110px; width: 110px; font-size: 47px; background-color: #1f2ed5; border-radius: 100%; padding: 32px; } .cta-v4 .cta-content { } .cta-v4 .cta-title { margin-bottom: 10px; } /*------------------------- cta boxed ---------------------------*/ .cta-boxed { padding: 70px 90px; text-align: center; border: 1px solid #ebecf7; background-color: #fff; } .cta-boxed-content { } .cta-boxed-title { font-size: 35px; line-height: 45px; } .cta-boxed-text { } /*------------------------- cta block ---------------------------*/ .cta-block { border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #fff; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; } .cta-block-content { padding: 30px; } .cta-block-icon { background-color: #f3f6ff; padding: 47px 50px; color: #3544ee; font-size: 70px; width: 167px; height: 167px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; line-height: 1.2; } .cta-block-title { margin-bottom: 10px; } .cta-block-text { } /*------------------------- cta gradient ---------------------------*/ .cta-gradient{padding: 120px 0px;background: rgba(104,113,238,1); position: relative; background: -moz-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,113,238,1)), color-stop(77%, rgba(28,43,205,1)), color-stop(89%, rgba(42,57,222,1)), color-stop(100%, rgba(8,20,156,1))); background: -webkit-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%); background: -o-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%); background: -ms-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%); background: linear-gradient(to bottom, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6871ee', endColorstr='#08149c', GradientType=0 ); } .cta-gradient:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(./images/line-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .06;} .cta-gradient-content{color: #a4abfd;} .cta-gradient-content .cta-title { font-size: 42px; line-height: 52px;} .cta-gradient-content .cta-text { margin-bottom: 50px;} /*------------------------ 9.7 Team List ----------------------------------------*/ .team-block { } .team-block .card { border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .team-block .card-body { } .team-block .card-footer { padding: 16px 30px; } .team-img img { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; width: 100%; } /*--------------- team block v1 ----------------------------------*/ .team-block-v1 { } .team-block-v1.team-block { margin-bottom: 30px; } .team-block-v1 .team-content { padding: 30px; background-color: #fff; border: 1px solid #ebecf7; } .team-block-v1 .team-footer { padding: 16px 30px; margin-top: -1px; background-color: #fff; border: 1px solid #ebedfc; } .team-block-v1 .team-img img { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; width: 100%; } .team-block-v1 .team-member-name { margin-bottom: 0px; } .team-block-v1 .team-member-designation { display: block; color: #808294; margin-bottom: 14px; font-size: 14px; } .team-block-v1 .team-text { } .team-block-v1 .team-member-info { } .team-block-fullwidth { margin-bottom: 40px; background-color: #fff; border: 1px solid #ebecf7; padding: 50px; } .team-block-fullwidth-content { padding: 5px 60px; position: relative; } .team-block-fullwidth .card { border-radius: 0px; border: 0px; } .team-block-fullwidth .team-img img { width: 100%; border-radius: 4px; } .review-details { font-size: 16px; line-height: 26px; margin-left: 20px; } /*---------- team block v2 -------------*/ .team-block-v2 { } .team-block-v2.team-block { margin-bottom: 30px; background-color: #fff; border: 1px solid #ebecf7; border-radius: 4px; transition: .50s ease; cursor: pointer; } .team-block-v2.team-block:hover { border: 1px solid #3544ee; transition: .50s ease; } .team-block-v2 .team-img { } .team-block-v2 .team-img img { padding: 5px; } .team-block-v2 .team-content { padding: 20px; } .team-block-v2 .team-member-designation { } .team-block-v2 .team-member-name { font-size: 20px; margin-bottom: 0px; line-height: 28px; } /*---------------- team block v2 -----------------------*/ .team-block-v3 { } .team-block-v3.team-block { margin-bottom: 30px; background-color: #fff; border-radius: 4px; transition: .50s ease; cursor: pointer; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .team-block-v3.team-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); } .team-block-v3 .team-img { padding: 45px; } .team-block-v3 .team-img img { border-radius: 100% !important; } .team-block-v3 .team-content { padding: 0px 20px 25px 20px; } .team-block-v3 .team-plus-icon { float: right; font-size: 14px; color: #fff; background-color: blue; border-radius: 100%; line-height: 1.2; padding: 10px; display: inline-block; height: 35px; width: 35px; text-align: center; } .team-block-v3 .team-member-name { font-size: 16px; margin-bottom: 0px; line-height: 35px; } .team-block-v3 .team-member-designation { float: right; padding: 20px; margin-bottom: 0px; color: #afb1be; font-size: 13px; } /*------------------ Email Subscriber --------------------------------------*/ .email-subscriber-v1 { background-color: #fff; border-radius: 4px; margin-bottom: 60px; } .email-subscriber-v1-img { } .email-subscriber-v1-img img { border-top-right-radius: 4px; border-top-left-radius: 4px; width: 100%; } .email-subscriber-v1-content { padding: 50px; } .email-subscriber-v2 { border-radius: 4px; margin-bottom: 60px; } .email-subscriber-v2-img { } .email-subscriber-v2-img img { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 100%; } .email-subscriber-v2-content { background-color: #fff; padding: 25px 40px; } .email-subscriber-v3 { border-radius: 4px; margin-bottom: 60px; } .email-subscriber-v3-img { } .email-subscriber-v3-img img { border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 100%; } .email-subscriber-v3-content { background-color: #fff; padding: 25px 40px; } /*--------------------------- Back to top -----------------------------------*/ #return-to-top { z-index: 9999; position: fixed; bottom: 20px; left: 20px; background: #3644ef; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 100%; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 9px; font-size: 28px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: #1225fe; } #return-to-top:hover i { color: #fff; top: 8px; } .returntotop {display: none; } /*--------------------------- modal -----------------------------------*/ .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #2c2c7c; background-clip: padding-box; border: 1px solid rgb(49, 49, 129); border-radius: .3rem; outline: 0; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #363686; border-top-left-radius: .3rem; border-top-right-radius: .3rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #363686; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: #01d486; text-decoration: none; opacity: 1; } /*---------------- Portfolio Class ---------------------*/ .portfolio-block { margin-bottom: 40px; } .portfolio-img { margin-bottom: 30px; } .portfolio-img img { border-radius: 6px; } .portfolio-content { } .portfolio-content-title { margin-bottom: 0px; font-size: 24px; line-height: } .portfolio-content-text { } [class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; transition: all 0.75s ease; } [class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: inline-block; margin: 0px; max-width: 100%; background-color: #181825; color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); border-radius: 6px; } .imghvr-shutter-out-vert:before { top: 50%; bottom: 50%; left: 0; right: 0; } [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before { background: rgba(53, 68, 238, .4); position: absolute; content: ''; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; border-radius: 6px; } .imghvr-shutter-out-vert:hover:before { top: 0; bottom: 0; } [class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; border-radius: 6px; } .filter-gallery { } .portfolio .filters { text-align: center; } .portfolio .filters ul { padding: 0; } .portfolio .filters ul li { list-style: none; display: inline-block; padding: 20px 30px; cursor: pointer; position: relative; color: #181825; } .portfolio .filters ul li:after { content: ""; display: block; width: calc(0% - 60px); position: absolute; height: 2px; background: #3544ee; transition: width 350ms ease-out; } .portfolio .filters ul li:hover:after { width: calc(100% - 60px); transition: width 350ms ease-out; } .portfolio .filters ul li.active:after { width: calc(100% - 60px); } .portfolio .filters-content { margin-top: 50px; } .portfolio .filters-content .show { opacity: 1; visibility: visible; transition: all 350ms; } .portfolio .filters-content .hide { opacity: 0; visibility: hidden; transition: all 350ms; } .portfolio .filters-content .item { text-align: center; cursor: pointer; margin-bottom: 30px; } .portfolio .filters-content .item .p-inner { padding: 20px 30px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .portfolio .filters-content .item .p-inner h5 { font-size: 15px; } .portfolio .filters-content .item .p-inner .cat { font-size: 13px; } .portfolio .filters-content .item img { width: 100%; } .gallery-img{margin-bottom: 30px;} /* ----------------------- Index-2 -------------------------*/ .header-boxed { } .navbar-boxed { background-color: #fff; padding: 20px; border-radius: 5px; margin-top: 15px; } .navbar-boxed .navbar-nav .nav-link { font-size: 15px; color: #181825; font-family: 'Circular Std Medium' !important; padding: 12px 16px; } .navbar-boxed .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: -2px; content: '\f107'; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #808294; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 13px; margin-top: 1px; } .navbar-boxed .navbar-nav .nav-item .nav-link:hover { color: #3544ee; } .navbar-boxed .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after { color: #3544ee; } /* ----------------------- Index-3 (Credit Card Homepage) -------------------------*/ .header-transparent { position: fixed; width: 100%; z-index: 1030; } .navbar-transparent {/* margin-top: 5px; */padding: 20px 0px;} .header-transparent .navbar-toggler { padding: 11px 13px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; background-color: #fff; } .navbar-transparent.navbar-light .navbar-nav .nav-link { color: #fff; font-family: 'Circular Std Medium' !important; padding: 9px 16px; } .navbar-transparent .navbar-nav .nav-item .nav-link { font-size: 16px; color: #f9f9ff; } .navbar-transparent .dropdown-toggle::after { margin-top: 1px; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: -2px; content: "\f107"; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 13px; float: left; } .navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #f1f1f6; border-radius: 0px; } .header-collapse {background: #3544ee !important;border-color: #3544ee;} .header-boxed-collapse { background: #fff; border-color: #edeef5; border-bottom: 1px solid #edeef5; } .header-boxed-collapse .navbar-boxed {background-color: #fff;padding: 16px 0px;border-radius: 5px;margin-top: 0px;transition: 0.5s ease;border-color: #edeef5;} .hero-slide { position: relative; background-color: #3544ee; padding-top: 200px; padding-bottom: 200px; color: #b0bffe; background-size: cover; } .hero-slide:before{position: absolute; left: 0; top: -0; height: 100%; width: 100%; background-image: url(../images/page-header-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .09; } .hero-slide-caption { margin-bottom: 30px;} .hero-slide-title { font-size: 52px; letter-spacing: -2px; line-height: 62px; } .hero-slide-img { } .pattern-bottom { position: relative; z-index: 1; } .pattern-slide { -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%); clip-path: polygon(0 100%, 100% 80%, 100% 100%); background-color: #f8f8fb; position: absolute; bottom: -1px; width: 100%; height: 370px; } .pattern-slide-second {-webkit-clip-path: polygon(0 100%, 100% 70%, 100% 100%);clip-path: polygon(0 100%, 100% 70%, 100% 100%);background-color: #2937d8;position: absolute;bottom: 0px;width: 100%;height: 370px;} /* ----------------------- Credit Card Listing -------------------------*/ .credit-card-balance { } .credit-card-balance-img { margin-bottom: 30px; } .credit-card-balance-review { border-bottom: 1px solid #ebecf7; margin-bottom: 20px; } .credit-card-balance-review-title { font-size: 18px; line-height: 28px; margin-bottom: 8px; } .credit-card-balance-value { } .credit-card-balance-footer { background-color: #fff; padding: 0px; } .credit-card-balance .card-header { padding: 15px 30px; } .credit-card-balance .card-body { padding: 30px; } .credit-card-balance-list { } .credit-card-balance-list ul { } .credit-card-balance-list .arrow li:before { color: #3544ee; } .credit-card-balance-list li { line-height: 1.8; font-size: 14px; margin-bottom: 12px; } .card-footer-item { padding: 18px 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; } .card-footer-item-bordered:not(:last-child) { border-right: 1px solid rgb(233, 233, 248); } .compare-card { border-right: 1px solid #e9e9f8; padding-right: 25px; } /* ----------------------- Compare Card -------------------------*/ .compare-table { color: #626582; } .compare-table.table td { width: 33%; } .credit-score { } .great-for { } .great-for .list-group-item { background-color: transparent; border: 1px solid rgb(235, 236, 247); } .great-for .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .annual-fee { } .bouns-offer { } .apr { } .ongoing-apr { } .earning-reward { } .pros { } .cons ul { } .cons ul li { } .cons .arrow li:before { color: #e71d02; } /* ----------------------- Compare Single Card -------------------------*/ .pageheader-rating { position: absolute; bottom: -50px; } .credit-card-pricing { } .credit-card-pricing .table th, .credit-card-fees .table td { padding: 20px; } .credit-card-fees .table th { width: 35%; } .credit-card-fees .table th, .credit-card-fees .table td { padding: 15px 20px; } /* ----------------------- Bank Account compare -------------------------*/ .bank-compare-table { background: #fff; } .bank-compare-table.table thead th { font-size: 23px; text-align: center; padding: 40px; line-height: 33px; } /* ----------------------- Index 5 (loan) -------------------------*/ .about-section { background-color: #fff; border: 1px solid #ebedfc; border-radius: 4px; } .about-half { padding: 50px; } .custom-list { } .custom-list .list-group-item { border-radius: 0px; padding: 24px 44px; border-left: 1px solid #ebedfc; border-top: 1px solid #ebedfc; border-bottom: 0px; border-right: 0px; transition: .2s ease; } .custom-list .list-group-item:first-child { border-top: transparent; } .custom-list .list-group-item:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); background-color: #fff; } .custom-list .list-group-item-action { width: 100%; color: #626582; text-align: inherit; } .custom-list-title { margin-bottom: 10px; line-height: 1; } .custom-list-text { } .about-section .list-group-item:hover .custom-list-title { color: #3847f1; } .support-block { background-color: #fdfdff; padding: 50px 35px; text-align: center; } .support-block-title { margin-bottom: 60px; } .support-img { margin-bottom: 50px; } .support-form { padding: 50px 35px; background-color: #fff; } /* ----------------------- loan - single -------------------------*/ .loan-features-tab { } .loan-features-tab ul { } .loan-features-tab ul li { float: left; } .loan-features-tab ul li a { padding: 12px 37px; font-size: 16px; color: #626582; /* border-bottom: 2px solid #e1e4fd;*/ margin-right: 8px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; } .loan-features-tab ul li a:before { content: 'round'; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #3644ef; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .loan-features-tab ul li a:hover:before { right: 0; } .loan-features-tab ul li a:hover { color: #3644ef; } /*------------------ Pricing table -----------------------------------*/ .pricing-block{} .pricing-head {} .pricing-head-title{} .pricing-head-text{} .pricing-head-price{} .pricing-content{} .pricing-content-list{} .pricing-block-selected{} /*------------------ Pricing v1 table -----------------------------------*/ .pricing-block-v1{} .pricing-block-v1.pricing-block { background-color: #ffffff; border-radius: 4px; --webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); } .pricing-block-v1.pricing-block:hover { webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .pricing-block-v1 .pricing-head { padding: 40px 48px; border-bottom: 1px solid #dfdfe9; } .pricing-block-v1 .pricing-head-title { font-size: 28px; line-height: 34px; margin-bottom: 5px; } .pricing-block-v1 .pricing-head-text { font-size: 14px; } .pricing-block-v1 .pricing-head-price { font-size: 30px; font-weight: 900; color: #181825; line-height: 56px; } .pricing-block-v1 .pricing-content { padding: 60px 48px; } .pricing-block-v1 .pricing-content-list { margin-bottom: 40px; } .pricing-block-v1 .pricing-content-list ul { margin: 0px; padding: 0px; } .pricing-block-v1 .pricing-content-list ul li { list-style: none; } .pricing-block-v1 .pricing-content-list ul li:before { color: #808294; } .pricing-block-v1.pricing-block-selected { -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #3544ee; color: #c4c8f3; } .pricing-block-v1.pricing-block-selected .pricing-head-price { color: #ffffff; } .pricing-block-v1.pricing-block-selected .pricing-head { border-bottom: 1px solid #717cfc; } .pricing-block-v1.pricing-block-selected .pricing-content-list ul li:before { color: #c4c8f3; } /*------------------ Pricing v2 table -----------------------------------*/ .pricing-block-v2{} .pricing-block-v2.pricing-block {border:1px solid #ebedfc; background-color: #ffffff; border-radius: 4px; } .pricing-block-v2 .pricing-head { padding: 40px 48px; border-bottom: 1px solid #ebedfc; text-align: center; } .pricing-block-v2 .pricing-head-title { font-size: 28px; line-height: 34px; margin-bottom: 5px; } .pricing-block-v2 .pricing-head-text { font-size: 14px; } .pricing-block-v2 .pricing-head-price { font-size: 60px; font-weight: 900; color: #181825; line-height: 70px; margin-bottom: 0px; } .pricing-block-v2 .pricing-content { padding: 60px 90px; } .pricing-block-v2 .pricing-content-list { margin-bottom: 40px; } .pricing-block-v2 .pricing-content-list ul { margin: 0px; padding: 0px; } .pricing-block-v2 .pricing-content-list ul li { list-style: none; } .pricing-block-v2 .pricing-content-list .check:before { color: #01d486; } .pricing-block-v2 .pricing-content-list .close-icon:before{ color: #ff2a07; } .pricing-block-v2.pricing-block-selected { border-radius: 4px; border-color:#01d486; } .pricing-block-v2.pricing-block-selected .pricing-head {border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #01d486; color: #fff; border-bottom: 1px solid #01d486; } .pricing-block-v2.pricing-block-selected .pricing-head-title{color: #fff;} .pricing-block-v2.pricing-block-selected .pricing-head-price{color: #fff;} /* ----------------------- Pricing compare table -------------------------*/ .pricing-compare-table { background: #fff; font-family: 'Circular Std Book'; } .pricing-compare-table.table thead th { padding: 28px 14px;} .pricing-compare-table.table thead th p{font-weight: normal !important; font-size: 14px; line-height: 24px; position: relative; } .compare-plan{width: 359px !important;} .compare-plan-text{} .base-plan{width: 194px;} .pricing-compare-table.table tbody td { font-size: 14px; line-height: 24px;} /*------------------ Pricing v3 table -----------------------------------*/ .pricing-block-v3{} .pricing-block-v3.pricing-block {border:1px solid #ebedfc; background-color: #ffffff; border-radius: 4px; padding: 20px;} .pricing-block-v3 .pricing-head {padding: 26px;border-bottom: 1px solid #e2e2eb;/* text-align: center; *//* margin-bottom: 0px; */} .pricing-block-v3 .pricing-head-title {font-size: 24px;line-height: 34px;margin-bottom: 0px;} .pricing-block-v3 .pricing-head-text { font-size: 14px; } .pricing-block-v3 .pricing-bottom-price { font-size: 30px; font-weight: 900; color: #181825; line-height: 50px; margin-bottom: 20px; border-top: 1px solid #e2e2eb; padding: 28px; } .pricing-block-v3 .pricing-bottom-price sub{font-size: 12px; color: #a2a2ab; font-weight: 400;} .pricing-block-v3 .pricing-content {/* padding: 30px; */border-radius: 4px;background-color: #ededf5;} .pricing-block-v3 .pricing-content-list {padding: 28px; min-height: 210px;} .pricing-block-v3 .pricing-content-list ul { margin: 0px; padding: 0px; } .pricing-block-v3 .pricing-content-list ul li { list-style: none; } .pricing-block-v3 .pricing-content-list .check:before { color: #01d486; } .pricing-block-v3 .pricing-content-list .close-icon:before{ color: #ff2a07; } .pricing-block-v3.pricing-block-selected {-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); } .pricing-block-v3.pricing-block-selected .pricing-bottom-price{color: #3544ee;} /*------------------ Pricing v4 table -----------------------------------*/ .pricing-section{background-color: #fff; padding: 30px;-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); border-radius: 4px;} .pricing-block-v4{} .pricing-block-v4.pricing-block {background-color: #ffffff; padding: 40px;} .pricing-block-v4.pricing-block .pricing-icon{margin-left:auto; margin-right: auto; text-align:center; margin-bottom: 50px; } .pricing-block-v4 .pricing-head {} .pricing-block-v4 .pricing-head-title {font-size: 24px;line-height: 34px;margin-bottom: 0px;} .pricing-block-v4 .pricing-bottom-price { font-size: 48px; font-weight: 900; color: #181825; line-height: 50px; margin-top: 20px; } .pricing-block-v4 .pricing-content {text-align: center;} .pricing-block-v4 .pricing-content-list {padding: 28px; min-height: 210px;} .pricing-block-v4 .pricing-content-list ul { margin: 0px; padding: 0px; } .pricing-block-v4 .pricing-content-list ul li {line-height: 50px; margin-top: -1px; list-style: none; border-top:1px solid #ebedfc; border-bottom:1px solid #ebedfc; } /*------------------ Pricing v5 table -----------------------------------*/ .pricing-block-v5{} .pricing-block-v5.pricing-block { background-color: #ffffff; } .pricing-block-v5.pricing-block .pricing-icon{margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px; height: 157px; width: 157px; background-color: #eff2f9; border-radius: 100%; padding: 37px; line-height: 4.8; } .pricing-block-v5 .pricing-head {margin-bottom: 30px;} .pricing-block-v5 .pricing-head-title {font-size: 24px;line-height: 34px;margin-bottom: 0px;} .pricing-block-v5 .pricing-head-text { font-size: 14px; } .pricing-block-v5 .pricing-bottom-price { font-size: 48px; font-weight: 900; color: #181825; line-height: 50px; margin-top: 20px; } .pricing-block-v5 .pricing-content {text-align: center; padding: 33px;border:1px solid #ebedfc;} .pricing-block-v5 .pricing-content-list {} .pricing-block-v5 .pricing-content-list ul { margin: 0px; padding: 0px; } .pricing-block-v5 .pricing-content-list ul li {line-height: 50px; margin-top: -1px; list-style: none; border-top: 1px solid #f8f8fb; border-bottom: 1px solid #f8f8fb; background-color: #f1f1f5; padding-left: 30px; } /*------------------ Pricing v6 table -----------------------------------*/ .pricing-block-v6{} .pricing-block-v6.pricing-block { background-color: #ffffff; border-radius: 4px; } .pricing-block-v6.pricing-block .pricing-icon{margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px; height: 157px; width: 157px; background-color: #eff2f9; border-radius: 100%; padding: 37px; line-height: 4.8; } .pricing-block-v6 .pricing-head { border-bottom: 1px solid #ebecf7; padding: 30px; text-align: center;} .pricing-block-v6 .pricing-head-title {font-size: 28px;line-height: 40px;margin-bottom: 0px;} .pricing-block-v6 .pricing-head-text { font-size: 14px; } .pricing-block-v6 .pricing-bottom-price { font-size: 30px; font-weight: 900; color: #3544ee; line-height: 86px; margin-top: 50px; margin-bottom: 50px; } .pricing-block-v6 .pricing-bottom-price sup{font-size: 40px; font-weight: 400;} .pricing-block-v6 .pricing-content {padding: 30px; text-align: center;} .pricing-block-v6 .pricing-month-text{font-size: 20px; line-height: 28px;} /*------------------ Pricing v7 table -----------------------------------*/ .pricing-list-section{ font-size: 14px; line-height: 26px; } .pricing-block-v7{} .pricing-block-v7.pricing-block { background-color: #ffffff; border-radius: 4px; padding: 25px; } .pricing-block-v7.pricing-block .pricing-icon{margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px; height: 157px; width: 157px; background-color: #eff2f9; border-radius: 100%; padding: 37px; line-height: 4.8; } .pricing-block-v7 .pricing-head { } .pricing-block-v7 .pricing-head-title {font-size: 24px;line-height: 40px;margin-bottom: 0px;} .pricing-block-v7 .pricing-head-text { font-size: 14px; } .pricing-block-v7 .pricing-top-price { font-size: 22px; font-weight: 900; color: #181825; line-height: 50px; display: inline-block; } .pricing-block-v7 .pricing-bottom-price sup{font-size: 58px; font-weight: 400;} .pricing-block-v7 .pricing-content {padding: 30px; text-align: center;} .pricing-list-section .list-group-item { position: relative; display: block; padding: 0px; margin-bottom: 20px; background-color: #fff; border: 2px solid #ebecf7; transition: .5s ease; } .pricing-list-section .list-group-item:hover { transition: .5s ease; border: 2px solid #01d486; } .pricing-list-section .list-group-item.active { transition: .5s ease; border: 2px solid #01d486; color: initial; } .pricing-feature-block{ background-color: #fff; border:1px solid #ebecf7; border-radius: 4px; padding: 40px; margin-bottom: 30px; } .pricing-feature-icon{ font-size: 60px; color: #3544ee; display: inline-block; line-height: 64px; margin-bottom: 20px;} .pricing-feature-content{} .pricing-feature-content-title{margin-bottom: 10px;} .pricing-feature-content-text{} .pricing-feature-content-meta-price{ color: #181825; font-size: 18px; margin-right: 15px; } .pricing-feature-block-selected{-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); border-radius: 4px;} .pricing-sidebar-widget{border:1px solid #e6e6ed; padding: 30px; background-color: #fff; border-radius: 4px;} .selected-pkg{background-color: #f8f8fb; padding: 15px; border-radius: 4px; margin-bottom: 10px;} .pricing-total{margin-top: 50px;} .pricing-total-price{font-size: 30px; line-height: 58px; color: #3544ee; font-family: 'Circular Std Bold'; margin-bottom: -14px;} /*-------------------- index 6 ---------------------*/ .hero-slideshape { position: relative; min-height: 780px; } .hero-slideshape-center {background-color: #3544ee;background-size: cover;-webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);height: 780px;position: relative;} .hero-slideshape-right { -webkit-clip-path: polygon(44% 0, 100% 0, 100% 100%, 71% 100%); clip-path: polygon(44% 0, 100% 0, 100% 100%, 71% 100%); background: rgba(248, 80, 50, 0); background: -moz-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(31%, rgba(171, 121, 76, 0)), color-stop(100%, rgba(1, 212, 135, 0.61))); background: -webkit-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: -ms-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#01d487', GradientType=1); height: 780px; width: 76%; position: absolute; top: 0; right: 0; } .hero-slideshape-left { -webkit-clip-path: polygon(0 0, 50% 0, 14% 100%, 0% 100%); clip-path: polygon(0 0, 50% 0, 14% 100%, 0% 100%); background: rgba(248, 80, 50, 0); background: -moz-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(100%, rgba(1, 212, 135, 0.7))); background: -webkit-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: -ms-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#01d487', GradientType=1); height: 780px; width: 76%; position: absolute; top: 0; left: 0; } .hero-slideshape-caption { color: #b0bffe; margin-bottom: 30px; position: absolute; bottom: -130px; width: 100%; text-align: center; } .hero-slideshape-caption-title { font-size: 42px; line-height: 52px; } .hero-slideshape-img { margin-top: 70px; } .sassdata-left-img { margin-bottom: 60px; position: relative; } .sassdata-left-content { padding: 30px 80px; margin-bottom: 60px; } .sassdata-right-img { margin-bottom: 60px; position: relative; } .sassdata-right-content { padding: 30px 80px; margin-bottom: 60px; } .sassdata-character-right-img { position: absolute; bottom: 80px; right: 0px; } .sassdata-character-left-img { position: absolute; bottom: 80px; left: -36px; } .tab-regular-justify { } .tab-regular-justify .nav.nav-tabs { border-bottom: transparent; margin-bottom: 60px; } .tab-regular-justify .nav.nav-tabs .nav-item { } .tab-regular-justify .nav.nav-tabs .nav-link {display: block;padding: 17px 44px;color: #9b9bdf;background-color: #ffffff;margin-right: 1px;border-color: #ebedfe;} .tab-regular-justify .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { } .tab-regular-justify .nav-tabs .nav-link.active {background-color: #f7f8ff;border-color: #ebedfe #ebedfe #ebedfe;color: #3544ee;border-radius: 4px;} .tab-regular-justify .tab-content { background-color: transparent; } .tab-regular-justify hr { margin-bottom: 40px; margin-top: 40px; } .tab-regular-justify .tab-feature-content { padding: 60px 0px; } .tab-regular-justify .tab-feature-content .arrow li { padding-left: 30px; line-height: 28px; margin-bottom: 23px; } .tab-regular-justify .character-img { position: absolute; bottom: 0px; left: 54px; } .feature-left { } .feature-left.feature-block { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .feature-left .feature-icon {margin-left: 20px;height: 68px;width: 68px;background-color: #e5e9ff;border-radius: 100%;display: block;text-align: center;padding: 21px;font-size: 28px;line-height: 1;color: #3544ee;} .feature-left .feature-content { } .feature-left .feature-title { font-size: 24px; line-height: 36px; margin-bottom: 8px; } /*------ client-block-v4 -------*/ .client-block-v4 { } .client-block-v4.client-block { background-color: #fff; display: inline-block; margin-bottom: 50px; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 35px; height: 150px; width: 150px; border-radius: 100%; } .client-block-v4.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); } .client-block-v4 .client-block-content { } .client-block-v4 .client-block-img { } .footer-second {background-color: #f8f8fb;color: #808294;font-size: 15px;line-height: 28px;position: relative;padding-top: 110px;} .footer-second-widget { margin-bottom: 60px; } .footer-second-widget-title { color: #181825; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; } .footer-second-widget ul { } .footer-second-widget ul li { margin-bottom: 0px; } .footer-second-widget ul li a {color: #808294;line-height: 28px;} .footer-second-widget ul li a:hover { color: #01d486; text-decoration: none; } .social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; } .social-icons { margin-top: 2px; } .icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; } .icon-square:hover { background-color: #ff4d4d; color: #fff; } .icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; } .icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; } .facebook-outline { border-color: #3b5898; color: #3b5898; } .twitter-outline { border-color: #1ea2f2; color: #1ea2f2; } .googleplus-outline { border-color: #f75439; color: #f75439; } .instagram-outline { border-color: #9361fa; color: #9361fa; } .linkedin-outline { border-color: #0077b7; color: #0077b7; } .pinterest-outline { border-color: #c8232c; color: #c8232c; } .footer-second .tiny-footer {background-color: transparent;border-top: 1px solid #ebecf7;padding-top: 25px;padding-bottom: 45px;line-height: 1.5;color: #8082a8;} /*-------------------- index 7 ---------------------*/ .hero-shape-one {background-image: url(../images/herocurve-transparent.png);background-color: #3544ee;background-repeat: no-repeat;background-position: 7% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;height: 780px;margin-bottom: -1px;} .hero-shape-one-caption { color: #b0bffe; margin-bottom: 30px; } .hero-shape-one-caption-text { padding-top: 260px; } .hero-shape-one-caption-title { font-size: 52px; line-height: 62px; font-weight: 900; } .hero-shape-one-caption-img { padding-top: 220px; } /* --------------- features v6 ------------------------*/ .feature-block-v6 { } .feature-block-v6.feature-block { margin-bottom: 30px; padding: 40px 16px; border: 1px solid transparent; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .feature-block-v6.feature-block:hover {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);background-color: #ffffff;border-radius: 4px;border: 1px solid #ebedfc;} .feature-block-v6 .feature-content { text-align: center; } .feature-block-v6 .feature-title { margin-bottom: 5px; font-size: 21px; } .feature-block-v6 .feature-text { } .feature-block-v6 .feature-icon { background-color: #e1e4fd; color: #3544ee; padding: 25px; font-size: 26px; display: block; text-align: center; width: 81px; height: 81px; margin-bottom: 30px; line-height: 1.3; margin-right: auto; margin-left: auto; border-radius: 100%; } .analysisdata-right-img { margin-bottom: 60px; position: relative; } .analysisdata-right-content { padding: 30px 80px; margin-bottom: 60px; } .analysisdata-character-right-img { position: absolute; bottom: 68px; right: -120px; } .peromance-img { position: absolute; top: 225px; right: 0; } .peromance-character-img { position: absolute; right: 580px; bottom: 0px; } .client-block-v5 { } .client-block-v5.client-block {background-color: #ffffff;border: 1px solid #ffffff;padding: 50px 30px;margin-bottom: 30px;} .client-block-v5.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); } .client-block-v5 .client-block-content { text-align: center; } .client-block-v5 .client-block-img { background-color: #f7f8ff; text-align: center; margin-bottom: 30px; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 35px; height: 128px; width: 128px; border-radius: 100%; margin-left: auto; margin-right: auto; } /* --------------- testimonial v5 ------------------------*/ .testimonial-block-v5 { } .testimonial-block-v5.testimonial-block {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #ffffff;background-clip: border-box;margin-bottom: 30px;border-radius: 4px;border: 1px solid #ebedfc;text-align: center;} .testimonial-block-v5 .testimonial-content { padding: 50px 35px; } .testimonial-block-v5 .testimonial-text {font-size: 18px;color: #181825;font-weight: 600;line-height: 30px;font-style: italic;} .testimonial-block-v5 .testimonial-img { margin-bottom: 30px; } .testimonial-block-v5 .testimonial-img img { margin-left: auto; margin-right: auto; height: 78px; width: 78px; } .testimonial-block-v5 .testimonial-meta { } .testimonial-block-v5 .testimonial-meta-name { margin-bottom: 0px; line-height: 26px; color: #01d486; font-size: 16px; font-weight: 900; } .testimonial-block-v5.testimonial-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); border: 1px solid transparent; } .testimonial-carousel-v3 { } .testimonial-carousel-v3 .owl-carousel .owl-item img { width: auto; } .testimonial-carousel-v3 .owl-carousel .item { } .testimonial-carousel-v3 .owl-prev { position: absolute; } .testimonial-carousel-v3 .owl-next { position: absolute; } .testimonial-carousel-v3 .owl-prev, .testimonial-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; } .testimonial-carousel-v3 .owl-prev:hover, .testimonial-carousel .owl-next:hover { background-color: #8e517d; color: #fff; } .testimonial-carousel-v3 .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #3544ee; font-size: 18px; margin: 5px; padding: 3px 9px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #3544ee; } .testimonial-carousel-v3 .owl-theme .owl-nav [class*='owl-']:hover { background: #3544ee; color: #FFF; text-decoration: none; } .testimonial-carousel-v3 .owl-theme .owl-dots .owl-dot span { display: none; } /*---------------------------------------------- index 8 -------------------------------------------------*/ .hero-shape-second {background-image: url(../images/bottom-curve.png);background-color: #3544ee;background-repeat: no-repeat;background-position: 70% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;max-height: 750px;margin-bottom: -1px;} .hero-shape-second-caption { color: #b0bffe; margin-bottom: 30px; } .hero-shape-second-caption-text { padding-top: 260px; } .hero-shape-second-caption-title { font-size: 52px; line-height: 62px; font-weight: 900; } .hero-shape-second-caption-img { padding-top: 160px; padding-right: 150px; } /* --------------- features v7 ------------------------*/ .feature-block-v7 { } .feature-block-v7.feature-block { margin-bottom: 30px; } .feature-block-v7 .feature-content { } .feature-block-v7 .feature-title { margin-bottom: 5px; font-size: 21px; } .feature-block-v7 .feature-text { } .feature-block-v7 .feature-icon { background-color: #e1e4fd; color: #3544ee; padding: 18px; font-size: 20px; display: block; text-align: center; width: 60px; height: 60px; margin-bottom: 30px; line-height: 1.5; border-radius: 100%; } .feature-app-img { position: relative; text-align: center; } .circle-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; background-color: #3be1a4; color: white; text-align: center; line-height: 100px; border-radius: 50%; font-size: 1.3rem; } .circle-1:hover { cursor: pointer; } .circle-1::after, .circle-1::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; } .circle-1::after { background: rgb(59, 225, 164); } .circle-1::after::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; } .circle-1::before { background: rgb(59, 225, 164); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .circle-2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; background-color: #9c4efb; color: white; text-align: center; line-height: 100px; border-radius: 50%; font-size: 1.3rem; } .circle-2:hover { cursor: pointer; } .circle-2::after, .circle-2::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #9c4efb; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; } .circle-2::after { background: rgba(156, 78, 251, .5); } .circle-2::after::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; } .circle-2::before { background: rgba(156, 78, 251, .5); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .circle-3 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; background-color: #fb8645; color: white; text-align: center; line-height: 100px; border-radius: 50%; font-size: 1.3rem; } .circle-3:hover { cursor: pointer; } .circle-3::after, .circle-3::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #fb8645; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; } .circle-3::after { background: rgba(251, 134, 69, .5); } .circle-3::after::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; } .circle-3::before { background: rgba(251, 134, 69, .5); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes grow { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 100% { -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; } } @keyframes grow { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 100% { -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; } } /* --------- counter v-6 -------------------*/ .counter-v6.counter-block { padding: 20px 0px; } .counter-v6 .counter-block-content { } .counter-v6 .counter-block-number {margin-bottom: 10px;font-size: 72px;line-height: 80px;color: #181825;margin-bottom: 30px;} .counter-v6 .counter-block-title { font-size: 20px; line-height: 30px; } .counter-v6 .counter-block-text { } .counter-v6 .plus-sign { position: absolute; font-size: 48px; color: #181825; top: 40px; right: 60px; font-family: 'Circular Std Bold' !important; } /* --------- cta -------------------*/ .cta-curveshape {background-image: url(./images/bottom-curve.png);background-color: #313fdd;background-repeat: no-repeat;background-position: 30% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;max-height: 780px;margin-bottom: -1px;} .cta-curveshape-caption { color: #b0bffe; margin-bottom: 30px; } .cta-curveshape-caption-text { padding-top: 260px; } .cta-curveshape-title { font-size: 42px; line-height: 52px; } .cta-curveshape-img { padding-top: 80px; padding-left: 90px; } .cta-curveshape a { margin-bottom: 10px; display: inline-block; } /*------------------------------------------------ index 9 -------------------------------------------------*/ .hero-shape-third {background-image: url(../images/hero-side-shape.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 100% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;height: 793px;margin-bottom: -1px;position: relative;} .hero-shape-third-caption { margin-bottom: 30px; } .hero-shape-third-caption-text { padding-top: 230px; } .hero-shape-third-caption-title { font-size: 66px; line-height: 76px; font-weight: 900; } .hero-shape-third-caption-img { padding-top: 100px; } .header-transparent-second { position: fixed; width: 100%; z-index: 1030; } .navbar-transparent-second { padding: 16px 0px; } .header-transparent-second .navbar-toggler { padding: 11px 13px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; background-color: #fff; } .header-transparent-second.header-collapse {background: #ffffff !important;border-color: #ffffff;border-bottom: 1px solid #f0f0f0;transition: .3s ease-out;} .navbar-transparent-second .navbar-nav .nav-link { color: #fff; font-family: 'Circular Std Medium' !important; padding: 9px 16px; } .navbar-transparent-second .navbar-nav .nav-item .nav-link {font-size: 16px;color: #181825;} .navbar-transparent-second .dropdown-toggle::after {margin-top: 1px;display: inline-block;width: 0;height: 0;margin-left: 6px;vertical-align: -2px;content: "\f107";border-top: none;border-right: none;border-bottom: none;border-left: none;color: #bdbebf;font-family: 'FontAwesome';font-weight: 900;margin-right: 15px;font-size: 13px;float: right;} .navbar-transparent-second .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #f1f1f6; border-radius: 0px; } .quote-form {position: relative;background-color: #ffffff;padding: 60px;bottom: 100px;border: 1px solid #ffffff;border-radius: 4px;-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);} .quote-form i {position: absolute;left: 20px;bottom: 18px;font-size: 12px;color: #2c2c7a;} /* --------------- features v8 ------------------------*/ .feature-block-v8 { } .feature-block-v8.feature-block {transition: all .4s ease;margin-bottom: 80px;border: 1px solid #ebecf7;padding: 50px;background-color: #ffffff;} .feature-block-v8.feature-block:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: all .4s ease; transform: translate3D(0, -20px, 0) scale(1); } .feature-block-v8 .feature-content { } .feature-block-v8 .feature-title { margin-bottom: 5px; font-size: 21px; } .feature-block-v8 .feature-text { } .feature-block-v8 .feature-icon {background-color: #e9ebfc;color: #3644ef;padding: 12px;font-size: 20px;display: inline-block;text-align: center;width: 52px;height: 52px;margin-bottom: 30px;line-height: 1.5;border-radius: 100%;} /* --------------- product carousel v8 ------------------------*/ .ins-product-carousel-v4 { } .ins-product-carousel-v4 .owl-carousel .owl-item img { width: auto; } .ins-product-carousel-v4 .owl-carousel .item { } .ins-product-carousel-v4 .owl-prev { position: absolute; } .ins-product-carousel-v4 .owl-next { position: absolute; } .ins-product-carousel-v4 .owl-theme .owl-nav { margin-top: 60px; text-align: center; -webkit-tap-highlight-color: transparent; } .ins-product-carousel-v4 .owl-prev, .ins-product-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; } .ins-product-carousel-v4 .owl-prev:hover, .ins-product-carousel .owl-next:hover { background-color: #8e517d; color: #fff; } .ins-product-carousel-v4 .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #ffffff; font-size: 28px; margin: 5px; padding: 11px 9px; background: #5a67fb; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 55px; width: 55px; border: 2px solid #5a67fb; } .ins-product-carousel-v4 .owl-theme .owl-nav [class*='owl-']:hover { background: #01d486; color: #FFF; text-decoration: none; border-color: #01d486; } .ins-product-carousel-v4 .owl-theme .owl-dots .owl-dot span { display: none; } /*----------- Insurance Products --------*/ .product-card { } .product-head { } .product-icon { } .product-content { } .product-title { } .product-text {color: #000;} /*-----------Product v1 --------*/ .product-card-v1 { } .product-card-v1.product-card {background-color: #ffffff;border-radius: 8px;} .product-card-v1 .product-head { padding: 55px; background-color: #fffaf1; border-top-left-radius: 8px; border-top-right-radius: 8px; } .product-card-v1 .product-icon { height: 120px; width: 120px; font-size: 55px; color: #000; background-color: #ffecc8; border-radius: 100%; line-height: 63px; padding: 28px 30px; display: inline-block; } .product-card-v1 .product-content { padding: 55px; } .product-card-v1 .product-title { } .product-card-v1 .product-text { } /*-----------process v6 --------*/ .process-block-v6 { } .process-block-v6.process-block { text-align: center; margin-bottom: 50px; } .process-block-v6 .process-block-img { margin-bottom: 50px; } .process-block-v6 .process-block-content { padding: 0px 20px; } .process-block-v6 .process-block-title { font-size: 22px; line-height: 30px; } .process-block-v6 .process-block-text { } .image-section-v3 { } .image-section-v3-content { padding: 80px; } /* --------------- testimonial v6 ------------------------*/ .testimonial-block-v6 { } .testimonial-block-v6.testimonial-block { } .testimonial-block-v6 .testimonial-content { } .testimonial-block-v6 .testimonial-text { font-size: 26px; line-height: 42px; font-style: italic; color: #fff; } .testimonial-block-v6 .testimonial-comment-icon { margin-bottom: 32px; display: block; } .testimonial-block-v6 .testimonial-meta { margin-right: 18px; align-self: center; } .testimonial-block-v6 .testimonial-meta-name { margin-bottom: 6px; color: #fff; font-size: 18px; } .testimonial-block-v6 .testimonial-img { } .testimonial-carousel-v4 { } .testimonial-carousel-v4 .owl-carousel .owl-item img { width: auto; } .testimonial-carousel-v4 .owl-prev { position: absolute; top: 45%; left: 10px; } .testimonial-carousel-v4 .owl-next { position: absolute; top: 45%; right: 10px; } .testimonial-carousel-v4 .owl-theme .owl-nav [class*='owl-'] { color: #ffffff; font-size: 18px; margin: 5px; padding: 3px 10px; background: transparent; display: none; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #ffffff; } .testimonial-carousel-v4 .owl-theme .owl-nav [class*='owl-']:hover { background: #01d486; color: #FFF; text-decoration: none; border-color: #01d486; } .testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 4px 2px; background: #fff; border: 2px solid #fff; border-radius: 100%; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; } .testimonial-carousel-v4 .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 0px; position: relative; } .testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot:hover span { background: #01d486 !important; border-color: #01d486; } /* --------------- Client Block v6 ------------------------*/ .partner-block-content { padding: 120px 40px; } .client-block-v6 { } .client-block-v6.client-logos { width: 587px; height: 556px; list-style: none; padding: 0; margin: 0; background-color: transparent; border-radius: 100%; position: relative; } .client-block-v6.client-logos li {position: absolute;background-color: transparent;border: 1px solid #ebecf7;padding: 32px 31px;margin-bottom: 30px;border-radius: 100%;display: inline-block;height: 145px;width: 145px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .client-block-v6.client-logos li:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06); background-color: #fff; border-color: #fff; } .client-block-v6.client-logos li:nth-child(1) { top: 72px; left: 53px; } .client-block-v6.client-logos li:nth-child(2) { top: 205px; left: 222px; } .client-block-v6.client-logos li:nth-child(3) { top: 285px; left: 18px; } .client-block-v6.client-logos li:nth-child(4) { left: 194px; bottom: -29px; } .client-block-v6.client-logos li:nth-child(5) { top: 337px; right: 51px; } .client-block-v6.client-logos li:nth-child(6) { top: 136px; right: 13px; } .client-block-v6.client-logos li:nth-child(7) { top: 2px; right: 176px; } /* --------------- cta v5 ------------------------*/ .cta-v5 { } .cta-v5.cta { border-bottom: 1px solid #353a76; padding-bottom: 60px; margin-bottom: 60px; } .cta-v5 .cta-content { } .cta-v5 .cta-title { margin-bottom: 10px; font-size: 42px; line-height: 53px; color: #a7ade4; } /*-------------------- index 10 ---------------------*/ .hero-shape-fourth {background-image: url(../images/section-wave-pattern-1.png); background-color: #032fdf;background-repeat: no-repeat;background-position: 7% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;height: 903px;margin-bottom: -1px;} .hero-shape-fourth-caption { color: #b0bffe; margin-bottom: 30px; } .hero-shape-fourth-caption-text { padding-top: 230px; } .hero-shape-fourth-caption-title { font-size: 86px; line-height: 96px; font-weight: 900; } .hero-shape-fourth-caption-img { padding-top: 100px; } /*------ service-block-v6 -------*/ .service-block-v7 { } .service-block-v7.service-block {padding: 40px 40px 60px 40px;background-image: url(../images/wave-pattern.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 7% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;margin-bottom: -1px;border-top-left-radius: 6px;border-top-right-radius: 6px;} .service-block-v7 .service-block-title { margin-bottom: 10px; font-size: 22px; line-height: 34px; } .service-block-v7 .service-block-content { } .service-block-v7 .service-block-icon { font-size: 35px; padding: 16px 18px; height: 70px; width: 70px; line-height: 1.1; background-color: #f8f8fb; border-radius: 12px; display: inline-block; margin-bottom: 30px; } .service-block-v7.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .section-pattern-first {background-image: url(./images/section-wave-pattern-2.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 200px;padding-bottom: 10px;} .section-pattern-second {background-image: url(./images/section-wave-pattern-3.png);background-color: #f9f9ff;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 220px;padding-bottom: 120px;position: relative;z-index: 1;} .counter-v7.counter-block { background-color: #fff; border-radius: 8px; padding: 57px 30px; position: relative; margin-bottom: 30px; } .counter-v7 .counter-block-content { } .counter-v7 .counter-block-number { margin-bottom: 10px; font-size: 82px; line-height: 80px; color: #181825; margin-bottom: 30px; } .counter-v7 .counter-block-title { font-size: 20px; line-height: 30px; } .counter-v7 .counter-block-text { } .counter-v7 .plus-sign { position: absolute; font-size: 48px; color: #181825; top: 62px; left: 140px; font-family: 'Circular Std Bold' !important; } .case-study-block { } .case-study-block-img { } .case-study-block-content { } .case-study-block-title { } .case-study-block-text { } .case-study-block-subtext { } .case-study-block-v1 { } .case-study-block-v1.case-study-block { transition: all .4s ease; margin-bottom: 30px; } .case-study-block-v1 .case-study-block-img { } .case-study-block-v1 .case-study-block-content {padding: 60px;background-color: #ffffff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;} .case-study-block-v1 .case-study-block-title {font-weight: 900;color: #181825;} .case-study-block-v1 .case-study-block-text { } .case-study-block-v1 .case-study-block-subtext { font-size: 20px; margin-bottom: 40px; } .case-study-block-v1.case-study-block:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: all .4s ease; transform: translate3D(0, -20px, 0) scale(1); } .section-pattern-third {background-image: url(./images/section-wave-pattern-2.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 220px;padding-bottom: 120px;position: relative;z-index: 1;} .section-pattern-fourth {background-image: url(./images/section-wave-pattern-4.png);background-color: #f8f8fb;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 220px;padding-bottom: 120px;position: relative;z-index: 1;} /*------------------------- 9.5 Lenders -------------------------------*/ .lender-filter-form { } .lender-block .arrow li:before { color: #2d3ad2; } .lender-block-v1 { } .lender-block-v1.lender-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .lender-block-v1 .lender-header { padding: 30px; background-color: #fff; border-bottom: 1px solid #ebedfc; } .lender-block-v1 .lender-title { line-height: 38px; } .lender-block-v1 .lender-content { padding: 30px; } .lender-block-v1 .lender-img { } .lender-block-v1 .lender-text { } .lender-block-v1 .lender-footer { background-color: #fff; border-top: 1px solid #ebedfc; padding: 16px 30px; line-height: 1.8; } .lender-block-v1.lender-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .lender-content-list { } .rating { font-size: 12px; color: #ffb607; line-height: 15px; } .rating-number { color: #181825; margin-left: 4px; } .rating-text { color: #01d486; margin-left: 12px; } .rating-text i { margin-left: 5px; } /*------------------ 9.6 lender Single ----------------------------*/ .review-section { background-color: #fff; border: 1px solid #ebedfc; } .review-section-title { padding: 34px 0px 0px 34px; margin-bottom: 0px; } .review-block { } .review-content { border-bottom: 1px solid #ebedfc; padding: 18px 34px 34px 34px; margin-bottom: 20px; } .review-date { margin-bottom: 10px; font-size: 14px; } .review-sub-content { } .review-title { margin-bottom: 8px; } .review-text { } .reviewer-name { color: #181825; font-family: 'Circular Std Bold'; } .review-meta-text { margin-left: 8px; } .review-meta { font-size: 15px; margin-bottom: 5px; } .review-location { margin-left: 15px; color: #01d486; } .review-location i { margin-right: 6px; color: #01d486; } /*---------------- 9.4 About us ---------------------*/ .simple-para { } /*---------------- 9.4 About us second ---------------------*/ .slider-gallery { overflow: hidden; } .slider-gallery .slider-captions { position: absolute; bottom: 230px; color: #fff; } .slick-list img { width: 100%; min-height: 100%; } .slider-gallery-nav { } .slider-gallery .slick-slide { margin: 0px; } .slick-list { } .slider-gallery-nav .slick-track { -webkit-transform: none !important; transform: none !important; left: 40% !important; } .slider-gallery .slick-arrow { position: absolute; top: 53%;} .slider-gallery .slick-prev {left: 18px; color: #fff; background-color: #3644ef; border-radius: 100%; text-align: center; height: 40px; width: 40px; } .slider-gallery .slick-prev:before, .slider-gallery .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #f8f8fb; -webkit-font-smoothing: antialiased;} .slider-gallery .slick-next { right: 18px; color: #fff; background-color: #3644ef; border-radius: 100%; text-align: center; height: 40px; width: 40px; } .slider-gallery-nav .item { width: 20px !important; } .slider-gallery-nav .item.slick-slide.slick-current {color: #01d486;} /*---------------- 9.4 About us third ---------------------*/ .split-section{background-color: #fff; position: relative; z-index: -1;} .split-img-right-content{display: flex; min-height: 500px; width: 70%; padding: 90px; } .split-img-right-content-text{} .split-img-left-content{display: flex; min-height: 500px; width: 70%; padding: 90px;margin-left: 200px; } .split-img-left-content-text{} /*------------------ 9.11 compare rate -----------------------------*/ .lender-compare-block { } .lender-compare-block .card-body { padding: 20px; } .lender-compare-table { } .lender-data { } .lender-data-img { margin-bottom: 15px; } .lender-rate-value { } .lender-rate-meta { } .lender-rate-meta-text { } .lender-rate-meta-value { } .lender-rate-meta-fees { } .lender-rate-meta-amount { } .lender-payment-amount { margin-bottom: 2px; } .lender-payment-amount-meta { } .lender-info-call-text { } .lender-rate { padding: 18px; } .lender-payment { padding: 18px; } .lender-info { padding: 18px 11px; } .lender-id { color: #bbbcc6; } .lender-fee-year { font-family: 'Circular Std Medium'; line-height: 1.2; } .lender-compare-table.table th, .lender-compare-table.table td { width: 25%; border-top: 1px solid #ebedfc; } .lender-compare-table th { background-color: #fafaff; padding-left: 30px; } .btn-popover { color: #b0b2c0; } .btn-popover:hover { color: #3544ee; } .modal-body { padding: 0px; } .lender-popup-content { overflow-y: scroll; max-height: 450px; } .lender-data-rating { line-height: 1.6; margin-bottom: 12px; } .lender-rate-data { line-height: 1.4; } /*-------------------------- 9.13 404 Error ----------------------------------*/ .error-section { background: url(../images/error-img.png); background-repeat: no-repeat; height: 935px; background-size: cover; } .error-block { padding-top: 320px; } .error-title { font-size: 170px; } .error-sub-title { font-size: 52px; line-height: 60px; color: #808294; } /*---------------------------- 9.14 Contact -----------------------*/ .contact-section { background-color: #fff; padding: 70px; border: 1px solid #ebecf7; border-radius: 4px; } .contact-info-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; text-align: center; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .contact-info-icon {height: 86px;width: 86px;color: #3544ee;background-color: #f3f6ff;font-size: 28px;padding: 29px 30px;display: block;margin-right: auto;margin-left: auto;margin-bottom: 30px;line-height: 28px;} .contact-info-content { padding: 60px 50px; } .contact-info-title { font-size: 18px; line-height: 26px; margin-bottom: 10px; } .contact-info-text { } .contact-info-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .location-block { margin-bottom: -1px; border: 1px solid #ebedfc; position: relative; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin-right: -1px; } .location-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .location-content { padding: 35px; } .location-title { font-size: 20px; line-height: 20px; margin-bottom: 15px; } .location-text { margin-bottom: 10px; } .location-number { color: #181825; margin-bottom: 14px; } /*--------------- loan Calculator -----------------*/ .calculator .calculator-amortization { } .calculator input[type=text], .calculator-amortization input[type=text] { display: block; width: 100%; font-size: 16px; line-height: 1.42857143; height: 50px; color: #303443; background-color: #fbfbff; background-image: none; border: 1px solid #ceced8; border-radius: 2px; padding: 18px; } .results { overflow: auto; } .results-data { padding: 34px 30px 0px 30px; margin-bottom: 0px; } .results p:last-child { border-bottom: none; } .calculator-form { width: 50% !important; float: left; } .calculator-form-second { margin-bottom: 30px; } .calculator-form-results { } .calculator-form-results table { border-collapse: collapse; width: 100%; } .calculator-form-results th, .calculator-form-results td { border-top: 2px solid #ebedfc; padding: 8px; color: #303443; } .calculator-form-results th { color: #303443; } .calculator-form-results td { color: #626582; } .accrue-field-amount, .accrue-field-rate, .accrue-field-term { padding: 10px 30px; } /*-------------------- career page ---------------------*/ .career-page-desc{} .career-page-desc-list{} .career-page-desc-list ul{} .career-page-desc-list ul li{padding-left: 30px; margin-bottom: 16px;} .career-page-desc-list li:before{font-size: 16px; color: #01d486;} .career-page-img{text-align: center;} .why-work-section{background-color: #fff; position: relative; z-index: -2; padding: 150px 0px;} .why-work{} .why-work ul{} .why-work ul li{} .why-work ul li:before{color: #01d486;} .why-work-image{position: relative;} .why-work-img-1{ position: absolute; left: 0; top: 144px; } .why-work-img-2{ position: absolute; right: 0; top: 0px; } .why-work-img-1 img, .why-work-img-2 img{border-radius: 4px;} .job-opening-list-head{ margin-bottom: 40px; } .job-opening-list{} .job-opening-list-designation{ font-size: 24px; line-height: 32px; margin-bottom: 5px; } .job-opening-list-locator{ font-size: 14px; line-height: 26px; } .job-opening-list-desc{margin-bottom: 30px;} .job-opening-list-desc-name{font-size: 18px; line-height: 24px; } .job-opening-list-key{margin-bottom: 30px;} .job-opening-list-key-name{font-size: 18px; line-height: 24px;} .job-opening-list-key ul{} .job-opening-list-key ul li{} .job-opening-list-key li:before{color: #01d486;} .job-opening-list-skill{margin-bottom: 30px;} .job-opening-list-skill-name{font-size: 18px; line-height: 24px;} .job-opening-list-skill ul{} .job-opening-list-skill ul li{} .job-opening-list-skill li:before{color: #01d486;} .job-opening-list-location{margin-bottom: 30px;} .job-opening-list-location-name{font-size: 18px; line-height: 24px;} .job-opening-list-work{margin-bottom: 30px;} .job-opening-list-work-name{font-size: 18px; line-height: 24px;} .job-opening-list-position{margin-bottom: 30px;} .job-opening-list-position-name{font-size: 18px; line-height: 24px;} .job-opening-list-benefits{margin-bottom: 30px;} .job-opening-list-benefits-name{font-size: 18px; line-height: 24px;} .job-opening-list-benefits ul{} .job-opening-list-benefits li{} .job-opening-list-benefits li:before{color: #01d486;} /*-------------------- help Center ---------------------*/ .helpcenter-search-section{text-align: center;} .helpcenter-search-section-title{} .helpcenter-search-section h1{margin-bottom: 30px;} .hc-categrory-block { -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #ebecf7; background-color: #fff; padding: 45px; text-align: center; border-radius: 4px; margin-bottom: 30px; } .hc-categrory-block:hover{-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .hc-categrory-icon { background-color: #ebedfe; height: 115px; width: 115px; margin-right: auto; margin-left: auto; margin-bottom: 30px; line-height: 1.2; padding: 30px; border-radius: 100%; } .hc-categrory-icon img{height: 46px; } .hc-categrory-content{} .hc-categrory-content-title{ font-size: 22px; line-height:42px; } .hc-featured-article-block{ background-color: #fff; border-radius: 4px; padding: 60px 80px; } .hc-featured-artical-block-list{} .hc-featured-artical-block-list ul{} .hc-featured-artical-block-list ul li{} .hc-featured-artical-block-list ul li a{font-size: 18px; line-height:32px; color: #181825; background-color: #fff; border-bottom: 1px solid rgb(235, 236, 247); padding: 21px 24px; display: block; transition: .5s ease; } .hc-featured-artical-block-list ul li a:hover{ color: #01d486; transition: .5s ease;} .hc-featured-artical-block-list .angle li { padding-left: 13px; line-height: 73px; } .hc-featured-artical-block-list .angle li:before{ color: #01d486 !important; left: 14px;} .hc-support-section{background-color: #fff; border-radius: 4px; padding: 42px; border:1px solid #ebecf7;} .hc-support-block{display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;} .hc-support-block-content{ } .hc-support-block-icon{ background-color: #ebedfe; height: 115px; width: 115px; line-height: 1.2; padding: 30px; border-radius: 100%; margin-bottom: 40px; margin-left: 20px;} .hc-support-block-icon img{width: 55px;} .hc-video .video-container, .hc-video .video-container-2 { } .hc-support-block-call-info{font-size: 18px;} /*-------------------- hc-category-page ---------------------*/ .hc-category-page-section{border:1px solid #ebecf7; padding:50px; background-color: #fff; border-radius: 4px; } .hc-category-page-block{margin-bottom: 50px; } .hc-category-page-block-heading{border-bottom: 1px solid #ebecf7; padding:0px 0px 20px 0px; margin-bottom: 30px;} .hc-category-page-block-heading h3{font-size: 24px; line-height: 32px;} .hc-category-page-block-content{} .hc-category-page-block-content ul{} .hc-category-page-block-content ul li{line-height: 2.6;} .hc-category-page-block-content ul li a{font-size: 18px; line-height: 34px; color: #181825; margin-bottom: 0px;} .hc-category-page-block-content ul li a:hover{color: #3544ee; text-decoration: underline;} .hc-sidebar{} .hc-sidebar-widget{background-color: #fff; border:1px solid #ebecf7;} .hc-sidebar-widget-title{background-color: #fff; border-bottom:1px solid #ebecf7; padding: 20px 25px; margin-bottom: 0px;} .hc-sidebar-widget-content{padding: 25px;} .hc-sidebar-widget-content ul{} .hc-sidebar-widget-content ul li{line-height: 2.5;} .hc-sidebar-widget-content ul li a{ color: #181825;} .hc-sidebar-widget-content ul li a:hover{ color: #3544ee;} .hc-category-single { background-color: #fff; padding: 40px; border-radius: 4px; border: 1px solid #ebecf7; } /*------------------------------------------------------------------- 5. icons -------------------------------------------------------------------*/ /*-------------------- User icon sizes ---------------------*/ .user-avatar-xxl { height: 128px; width: 128px; } .user-avatar-xl { height: 90px; width: 90px; } .user-avatar-lg { height: 48px; width: 48px; } .user-avatar-md { height: 32px; width: 32px; } .user-avatar-sm { height: 24px; width: 24px; } .user-avatar-xs { height: 18px; width: 18px; } .icon-circle { border-radius: 100% !important; } .outline-label { border: 2px solid #eeeeff; color: #8484f8; padding: 8px 20px; line-height: 1; font-size: 14px; border-radius: 20px; background-color: transparent; display: inline-block; } /*---------------- Fontawesome size -----------------------*/ .fa-xl { } .fa-lg { } .fa-md { } .fa-sm { font-size: 24px !important; } .fa-xs { font-size: 11px !important; } /*------------------------------------------------------------------- 6. Layouts -------------------------------------------------------------------*/ /*-------------------- Width Class ---------------------*/ .w-35 { width: 35% !important; } .w-40 { width: 40% !important; } .custom-width { max-width: 1466px !important; } .custom-container { max-width: 1200px !important; } /*-------------------- Section Class ---------------------*/ .section-block { margin: 16px 0px; } .section-title { font-weight: 500; margin-bottom: 0px; } .section-heading-single { margin-bottom: 30px; } .section-heading { margin-bottom: 60px; } .section-heading-title { } .section-heading-text { } .section-heading-btn { } .title {color: #181825;} /*-------------------- Padding / Margin ---------------------*/ .nopadding { padding: 0px; } /*--- All Side padding ---*/ .p-4 { padding: 30px !important; } .p-5 { padding: 45px !important; } .p-6 { padding: 65px !important; } .p-8 { padding: 80px !important; } /*---Padding Right ---*/ .p-r-0 { padding-right: 0px; } .p-r-10 { padding-right: 10px; } .p-r-15 { padding-right: 15px; } .p-r-20 { padding-right: 20px; } .p-r-25 { padding-right: 25px; } .p-r-140 { padding-right: 140px; } /*---Padding left ---*/ .p-l-0 { padding-left: 0px; } .p-l-10 { padding-left: 10px; } .p-l-15 { padding-left: 15px; } .p-l-20 { padding-left: 20px; } .p-l-25 { padding-left: 25px; } .p-l-40 { padding-left: 40px; } .p-l-140 { padding-left: 140px; } /*---Padding Top ---*/ .p-t-0 { padding-top: 0px; } .p-t-10 { padding-top: 10px; } .p-t-20 { padding-top: 20px; } .p-t-30 { padding-top: 30px; } .p-t-40 { padding-top: 40px; } .p-t-60 { padding-top: 60px; } .p-t-80 { padding-top: 80px; } .p-t-100 { padding-top: 100px; } .p-t-120 { padding-top: 120px; } .p-t-140 { padding-top: 140px !important; } .p-t-200 { padding-top: 200px; } /*---Padding bottom ---*/ .p-b-0 { padding-bottom: 0px; } .p-b-10 { padding-bottom: 10px; } .p-b-20 { padding-bottom: 20px; } .p-b-30 { padding-bottom: 30px; } .p-b-40 { padding-bottom: 40px; } .p-b-60 { padding-bottom: 60px; } .p-b-80 { padding-bottom: 80px; } .p-b-100 { padding-bottom: 100px; } .p-b-120 { padding-bottom: 120px; } .p-b-140 { padding-bottom: 140px; } .m-r-0 { margin-right: 0px; } .m-r-10 { margin-right: 10px; } .m-r-15 { margin-right: 15px; } .m-r-20 { margin-right: 20px; } .m-r-25 { margin-right: 25px; } .m-r-60 { margin-right: 60px; } .m-l-0 { margin-left: 0px; } .m-l-10 { margin-left: 10px; } .m-l-15 { margin-left: 15px; } .m-l-20 { margin-left: 20px; } .m-l-25 { margin-left: 25px; } .m-l-100 { margin-left: 100px; } .m-t-0 { margin-top: 0px; } .m-t-10 { margin-top: 10px; } .m-t-20 { margin-top: 20px; } .m-t-30 { margin-top: 30px; } .m-t-40 { margin-top: 40px; } .m-t-60 { margin-top: 60px; } .m-t-80 { margin-top: 80px; } .m-t-100 { margin-top: 100px; } .m-t-120 { margin-top: 120px; } .m-t-140 { margin-top: 140px; } .m-b-0 { margin-bottom: 0px; } .m-b-10 { margin-bottom: 10px; } .m-b-20 { margin-bottom: 20px; } .m-b-30 { margin-bottom: 30px; } .m-b-40 { margin-bottom: 40px; } .m-b-60 { margin-bottom: 60px; } .m-b-80 { margin-bottom: 80px; } .m-b-100 { margin-bottom: 100px !important; } .m-b-120 { margin-bottom: 120px; } .ml-minus-1 { margin-left: -1px !important; } .ml-minus-2 { margin-left: -2px !important; } .ml-minus-3 { margin-left: -3px !important; } .mr-minus-1 { margin-right: -1px !important; } .mr-minus-2 { margin-right: -2px !important; } .mr-minus-3 { margin-right: -3px !important; } .mb-minus-1 { margin-bottom: -1px !important; } .mb-minus-2 { margin-bottom: -2px !important; } .mb-minus-3 { margin-bottom: -3px !important; } /* ----------------------- pageheader -------------------------*/ .pageheader-bg {background-color:#3544ee;background-size: cover;position: relative; min-height: 340px; margin-bottom: 65px; position: relative;} .pageheader-bg::before { position: absolute; left: 0; top: -0; height: 100%; width: 100%; background-image: url(../images/page-header-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .09; } .pageheader-img-bg { background: url(../images/pageheader-img-4.jpg)no-repeat; background-size: cover; position: relative; min-height: 500px; margin-bottom: 60px; } .pageheader-img-bg:before { content: '2'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #878896, #191a1c); opacity: 0.4; } .pageheader-img-bg .page-caption { top: 258px; } .pageheader-second-bg {background-color: #3544ee;min-height: 500px;padding: 120px 0px;position: relative;} .pageheader-second-bg:before{position: absolute; left: 0; top: -0; height: 100%; width: 100%; background-image: url(../images/page-header-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .09;} .pageheader-second-img { position: relative; } .pageheader-second-caption { } .pageheader .post-meta { border-top: 1px solid #ebecf7 !important; border: 0px; } .page-caption {position: relative;border-radius: 4px;-webkit-box-shadow: 0px 5px 29px -11px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 5px 29px -11px rgba(0, 0, 0, 0.75);box-shadow: 0px 3px 21px -13px rgba(0, 0, 0, 0.75);top: 98px;} .pageheader-img { } .pageheader-img img { border-top-left-radius: 4px; border-top-right-radius: 4px; } .page-caption-text { padding: 55px; min-height: 242px; } .page-caption-title { font-size: 42px; line-height: 48px; margin-bottom: 20px; } .page-caption-para-text { font-size: 21px; line-height: 32px; } .pageheader-third-bg {background-color: #3544ee;padding: 120px 0px;position: relative;} .pageheader-third-bg:before{position: absolute; left: 0; top: -0; height: 100%; width: 100%; background-image: url(../images/page-header-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .09;} .pageheader-third-img { position: relative; } .pageheader-third-caption { } /* ----------------------- pagebreadcrumb -------------------------*/ .page-breadcrumb { position: relative; } .page-breadcrumb .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 30px; margin-bottom: 5px; list-style: none; background-color: #fff; line-height: 3; border-top: 1px solid #e7e7ef; border-radius: 0px 0px 5px 5px; } .page-breadcrumb .breadcrumb .breadcrumb-item { font-size: 14px; } .page-breadcrumb .breadcrumb .breadcrumb-item.active { color: #808294; } .page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #d2d3d8; content: '\f061'; font-family: 'FontAwesome'; font-weight: 900; font-size: 12px; } .page-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-link { color: #3544ee; z-index: 10; position: relative; } .pageheader-btn { text-align: right; padding-bottom: 20px; } .page-breadcrumb-bg{background-color: #eeeef6;} .page-breadcrumb-bg .page-breadcrumb .breadcrumb{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px; margin-bottom: 0px; list-style: none; background-color: transparent; line-height: 3;} /*----------------------- Sidebar Page Navigation scroll -------------------------*/ .sidebar-nav-fixed { position: sticky; top: 5rem; } .sidebar-nav-fixed ul { } .sidebar-nav-fixed ul li { } .sidebar-nav-fixed ul li a { font-size: 14px; color: #7171c2; display: block; padding: 5px 15px; background: transparent; border-radius: 4px; line-height: 1.8; } .sidebar-nav-fixed ul li a:hover { color: #4747ff; } .sidebar-nav-fixed ul li a.active { display: block; color: #9b9bdf; background: #39398e; } /*--------------------- General / Elements ----------------------------*/ /*Note: Section space help to create top bottom space;*/ .space-xs-small { padding-top: 40px; padding-bottom: 40px; } .space-small { padding-top: 60px; padding-bottom: 60px; } .space-medium { padding-top: 100px; padding-bottom: 100px; } .space-large { padding-top: 120px; padding-bottom: 120px; } .space-ex-large { padding-top: 140px; padding-bottom: 140px; } .content { padding-top: 80px; padding-bottom: 80px; } /*------------------- 8. Footer ------------------------------*/ .footer-pattern-top { position: relative; z-index: 0; } .footer-pattern-slide { -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%); clip-path: polygon(0 100%, 100% 80%, 100% 100%); background-color: #040446; position: absolute; bottom: -81px; width: 100%; height: 370px; } .footer { background-color: #040446; padding-bottom: 80px; color: #a7ade4; font-size: 15px; line-height: 28px; position: relative; margin-top: 80px; padding-top: 110px; } .footer-widget { margin-bottom: 40px; } .footer-widget-title { color: #fff; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; } .footer-widget ul { } .footer-widget ul li { margin-bottom: 0px; } .footer-widget ul li a { color: #a7ade4; line-height: 28px; } .footer-widget ul li a:hover { color: #01d486; text-decoration: none; } .social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; } .social-icons { margin-top: 2px; } .icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; } .icon-square:hover { background-color: #ff4d4d; color: #fff; } .icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; } .icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; } .facebook-outline { border-color: #3b5898; color: #3b5898; } .twitter-outline { border-color: #1ea2f2; color: #1ea2f2; } .googleplus-outline { border-color: #f75439; color: #f75439; } .instagram-outline { border-color: #9361fa; color: #9361fa; } .linkedin-outline { border-color: #0077b7; color: #0077b7; } .pinterest-outline { border-color: #c8232c; color: #c8232c; } .tiny-footer { background-color: #04043a; color: #a7ade4; font-size: 13px; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; } .tiny-footer ul { } .tiny-footer ul li { float: left; } .tiny-footer ul li a { color: #a7ade4; font-size: 13px; margin-right: 10px; } .tiny-footer ul li a:hover { color: #01d486; text-decoration: none; } /*----------------- 7. Headers ---------------------------------*/ .header-classic { background-color: #2c2c7a; } /*----------------------- Sidebar Page Navigation scroll -------------------------*/ .sidebar-nav-fixed { position: sticky; top: 5rem; } .sidebar-nav-fixed ul { } .sidebar-nav-fixed ul li { } .sidebar-nav-fixed ul li a { font-size: 14px; color: #71728e; display: block; padding: 5px 15px; background: transparent; border-radius: 4px; line-height: 1.8; } .sidebar-nav-fixed ul li a:hover { color: #3544ee; } .sidebar-nav-fixed ul li a.active { display: block; color: #3544ee; background: #e0e0fd; } /*--------------------- General / Elements ----------------------------*/ /*Note: Section space help to create top bottom space;*/ .space-xs-small { padding-top: 40px; padding-bottom: 40px; } .space-small { padding-top: 60px; padding-bottom: 60px; } .space-medium { padding-top: 100px; padding-bottom: 100px; } .space-large { padding-top: 120px; padding-bottom: 120px; } .space-ex-large { padding-top: 140px; padding-bottom: 140px; } .content { padding-top: 80px; padding-bottom: 80px; } /*------------------- 8. Footer ------------------------------*/ .footer-pattern-top { position: relative; z-index: 0; } .footer-pattern-slide { -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%); clip-path: polygon(0 100%, 100% 80%, 100% 100%); background-color: #1d2256; position: absolute; bottom: -81px; width: 100%; height: 370px; } .footer { background-color: #1d2256; padding-bottom: 80px; color: #a7ade4; font-size: 15px; line-height: 28px; position: relative; margin-top: 80px; padding-top: 110px; } .footer-widget { margin-bottom: 40px; } .footer-widget-title { color: #fff; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; } .footer-widget ul { } .footer-widget ul li { margin-bottom: 0px; } .footer-widget ul li a { color: #a7ade4; line-height: 28px; } .footer-widget ul li a:hover { color: #01d486; text-decoration: none; } .social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; } .social-icons { margin-top: 2px; } .icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; } .icon-square:hover { background-color: #ff4d4d; color: #fff; } .icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; } .icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; } .facebook-outline { border-color: #3b5898; color: #3b5898; } .twitter-outline { border-color: #1ea2f2; color: #1ea2f2; } .googleplus-outline { border-color: #f75439; color: #f75439; } .instagram-outline { border-color: #9361fa; color: #9361fa; } .linkedin-outline { border-color: #0077b7; color: #0077b7; } .pinterest-outline { border-color: #c8232c; color: #c8232c; } .tiny-footer { background-color: #151947; color: #a7ade4; font-size: 13px; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; } .tiny-footer ul { } .tiny-footer ul li { float: right; } .tiny-footer ul li a { color: #a7ade4; font-size: 13px; margin-right: 10px; } .tiny-footer ul li a:hover { color: #01d486; text-decoration: none; } /*----------------- 7. Headers ---------------------------------*/ .header-classic { background-color: #fff; } /* -------------------- Top Header --------------------*/ .top-header { background-color: #fff; font-size: 14px; color: #626582; line-height: 30px; border-bottom: 1px solid #f0f1f9; border-top: 3px solid #3544ee; padding-bottom: 4px; padding-top: 4px; } .top-header ul { margin-bottom: 0px; } .top-header ul li { float: right; margin-left: 18px; } .top-header ul li a { color: #626582; } .top-header i { font-size: 10px; } .top-header-social { } .top-header-social i { font-size: 14px; } .top-header-social ul { margin-left: 10px; } .top-header-social ul li { float: left; margin-left: 8px; } .top-header-social ul li a { color: #9d9ea7; } .top-header-social ul li a:hover { color: #01d486; } /*------------------------------------------------------------------- 8. Navigations -------------------------------------------------------------------*/ /*-------------------- Navigation classic ---------------------*/ .navbar-classic { } .navbar-classic.navbar-light .navbar-nav .nav-link { color: #181825; font-family: 'Circular Std Medium' !important; padding: 12px 16px; } .navbar-classic .navbar-nav .nav-item { } .navbar-classic .navbar-nav .nav-item .nav-link { font-size: 15px; color: #181825; padding: 12px 10px; line-height: 20px; border-bottom: 1px solid #fff; } .navbar-classic .navbar-nav .nav-item .nav-link:hover { color: #3544ee; } .navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after { color: #3544ee; } .navbar-classic.navbar { padding: 18px 0px; } .navbar-classic .dropdown-toggle::after {margin-top: 1px; display: inline-block; width: 0; height: 0; margin-right: 6px; vertical-align: -2px; content: "\f107"; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-left: 15px; font-size: 13px; float: right; } .navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #f1f1f6; border-radius: 0px; } .navbar-brand { display: inline-block; padding-top: 5px; padding-bottom: 8px; margin-right: initial; line-height: inherit; white-space: nowrap; } .dropdown-menu { position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: left; min-width: 16rem; padding: 12px; margin: 18px 0px; font-size: 1rem; color: #808294; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgb(255, 255, 255); border-radius: 2px; -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); } .dropdown-item { display: block; width: 100%; padding: 15px 15px; clear: both; font-weight: 400; color: #181825; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; font-size: 15px; font-family: 'Circular Std Book' !important; line-height: 15px; } .dropdown-item:focus, .dropdown-item:hover { color: #4955ef; text-decoration: none; background-color: #eeeffd; border-radius: 4px; } .dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after { color: #4955ef; } @media(min-width:992px) { .dropdown .dropdown-menu { display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } .dropdown:hover>.dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .dropdown-submenu:hover .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } } .dropdown-submenu { position: relative; } .dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; left: 17px; top: 25px; } .dropdown-submenu .dropdown-menu { top: 0px; right: 100%; margin-left: 13px; margin-right: .1rem; } .caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; } .mega-dropdown { position: unset; } .mega-dropdown-menu { width: 100%; position: absolute; top: 63px; margin: 15px 0px; } .mega-dropdown-menu ul { list-style: none; } .nav-dropitem-arrow { position: relative; font-size: 12px; opacity: 0; padding-right: 10px; } .nav-dropitem-arrow i { position: absolute; /* top: -1px; */ } .dropdown-item:focus, .dropdown-item:hover {color: #3544ee;text-decoration: none;background-color: #eeeffd;border-radius: 4px;} .dropdown-item:hover .nav-dropitem-arrow { color: #4955ef; opacity: 1; margin-right: 5px; } .navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler { padding: 17px 15px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; } /* mobile menu css */ .navbar-classic .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; } .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #f1f1f6; } .navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item { border-bottom: 1px solid #f1f1f6; } .navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; } .navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #f1f1f6; } .navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item { border-bottom: 1px solid #f1f1f6; } .navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; } .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {border-bottom: 1px solid #495bfb;} .navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item { border-bottom: 1px solid #f1f1f6; } .icon-bar { width: 21px; height: 3px; background-color: #3544ee; display: block; -webkit-transition: all 0.2s; transition: all 0.2s; margin-top: 4px } .navbar-toggler:focus { outline: 0px; } .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 190%; background-color: #3544ee; } .navbar-toggler .middle-bar { opacity: 0; } .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% -80%; background-color: #3544ee; } .navbar-toggler.collapsed .top-bar { transform: rotate(0); background-color: #3544ee; } .navbar-toggler.collapsed .middle-bar { opacity: 1; } .navbar-toggler.collapsed .bottom-bar { transform: rotate(0); background-color: #3544ee; } /*------------------------------------------------------------------- 9. Slider -------------------------------------------------------------------*/ /* ----------------------- Slider-One -------------------------*/ .slider { position: relative; margin-bottom: -40px; } .slider-img img { position: relative; z-index: -1; width: 100%; } .slider-img { background: -moz-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%); background: linear-gradient(to bottom, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='10', endColorstr='M4 8h24M4 16h24M4 24h24', GradientType=0); position: relative; } .slider-captions { position: absolute; bottom: 190px; color: #fff; } .slider-title { font-size: 52px; letter-spacing: -1px; line-height: 58px; color: #ffffff; font-family: 'Circular Std Bold'; margin-bottom: 20px; } .slider-text { font-size: 18px; line-height: 26px; margin-bottom: 40px; } .slider .owl-prev { position: absolute; top: 45%; left: 10px; } .slider .owl-next { position: absolute; top: 45%; right: 10px; } .slider .owl-theme .owl-nav [class*='owl-'] { color: #ffffff; font-size: 18px; margin: 5px; padding: 3px 10px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #ffffff; } .slider .owl-theme .owl-nav [class*='owl-']:hover { background: #01d486; color: #FFF; text-decoration: none; border-color: #01d486; } .slider .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 4px 2px; background: transparent; border: 2px solid #fff; border-radius: 100%; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; } .slider .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 50px; position: relative; } .slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border-color: #fff; } /* ----------------------- Slider Second -------------------------*/ .slider-second { } .slider-second .slider-captions { position: absolute; bottom: 250px; color: #fff; text-align: center; } .slider-second .slider-title { font-size: 42px; letter-spacing: -1px; line-height: 56px; color: #ffffff; font-family: 'Circular Std Bold'; margin-bottom: 10px; } .slider-second .slider-text { font-size: 18px; line-height: 26px; } /* ----------------------- Video Slide -------------------------*/ .video-slide { position: relative; background: url(../images/video-slide-img-1.jpg)no-repeat; background-size: cover; min-height: 642px; padding: 150px 0px; } .video-slide-caption { padding-top: 35px; } .video-slide-caption-title { font-size: 46px; line-height: 54px; color: #fff; } .video-slide-caption-text { color: #fff; font-size: 18px; } .video-slide:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(to bottom right, #3544ee, #3544ee);opacity: 0.9;} .video-container, .video-container-2 { min-height: 356px; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-container img, .video-container-2 img { border: 2px solid #a6adff; border-radius: 4px; } .video-container a, .video-container-2 a { position: absolute; top: 39%; left: 43%; background-color: #fff; height: 84px; width: 84px; border-radius: 100%; } .video-container a:after, .video-container-2 a:after { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 38px; font-size: 16px; color: #181825; content: '\f04b'; font-style: initial; top: 29px; } .video-container a:hover, .video-container-2 a:hover { border-left-color: #f00; } .video-container img, .video-container-2 img { display: block; } .video-container iframe, .video-container object, .video-container embed, .video-container img { max-height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-container-2 iframe, .video-container-2 object, .video-container-2 embed, .video-container-2 img { max-height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ----------------------- Slider Syncing -------------------------*/ .slider-for { overflow: hidden; } .slider-for .slider-captions { position: absolute; bottom: 230px; color: #fff; } .slick-list img { width: 100%; min-height: 100%; } .slider-nav { bottom: 130px; margin-bottom: -111px; } .slider-for .slick-slide:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #181825, #181825); opacity: 0.5; } .slider-for .slick-slide { margin: 0px; } .slick-list { } .slider-nav .slick-track { height: 90px; -webkit-transform: none !important; transform: none !important; left: 0 !important; } .slick-arrow { position: absolute; top: 50%; z-index: 50; margin-top: -12px; } .slick-prev { left: 0; } .slick-next { right: 0; } .slider-nav .item { width: 220px !important; } .slider-nav .item.slick-slide.slick-current { border: 3px solid #fff; border-radius: 4px; } /*------------------------------------------------------------------- 10. Blog Pages -------------------------------------------------------------------*/ .single-post-pageheader { position: relative; width: 100%; height: 100%; background: url(../images/post-pageheader-img-1.jpg) center center no-repeat; background-size: cover; } .single-post-pageheader:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #878896, #191a1c); opacity: 0.6; } .post-pagecaption { text-align: center; padding-bottom: 170px; padding-top: 170px; } .single-post-pageheader .post-meta { border-radius: 0px 0px 4px 4px; background-color: transparent; border-top: 1px solid #96969b; padding: 16px 0px 16px; margin-top: 0; line-height: 1; color: #fff; text-align: center; } .single-post-pageheader .post-meta .meta-posted-by:before, .single-post-pageheader .post-meta .meta-comments:before { color: #fff; } .single-post-pageheader .meta { color: #fff; } .single-post-pageheader.meta-posted-by:before, .post-pagecaption .meta-comments:before { color: #fff; } .post-pagecaption .post-title { padding: 0px 180px; line-height: 52px; margin-bottom: 0px; } .post-block-v2 { } .post-block-v2.post-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; background-color: #fff; border-radius: 4px; } .post-block-v2 .post-img { padding: 10px; } .post-block-v2 .post-content { padding: 20px; border: 0px; } .post-block-v2 .post-title { } .post-block-v2 .post-footer { border-top: 1px solid #ebedfc; background: #fff; padding: 16px 20px; line-height: 1.8; border-radius: 0px 0px 4px 4px; } .post-block-v2 .post-author-img { } .post-block-v2 .post-author-name { margin-right: 14px; } .post-block-v2 .post-author-name .post-author-name-text{color: #181825;} .post-carousel { margin-bottom: -29px; } .post-carousel .owl-theme .owl-nav { line-height: 1; text-align: center; -webkit-tap-highlight-color: transparent; display: none; } .post-carousel .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 30px; position: relative; } .post-carousel .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .post-carousel .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 4px 2px; background: transparent; border: 2px solid #fff; border-radius: 100%; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; } .post-carousel .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border-color: #fff; } .post-block { margin-bottom: 30px; transition: .7s ease; border-radius: 4px; } .post-block:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #fff; transition: .7s ease; } .post-img { position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; } .post-img img { width: 100%; } .post-fullwidth { position: relative; margin-bottom: 80px; } .post-fullwidth .post-img { border-top-right-radius: 0px; } .post-fullwidth .post-content { border-left: transparent; padding: 53px; border-bottom-left-radius: 0px; } .post-small-thumb { } .post-small-thumb .card-body { padding: 22px; } .post-small-thumb img { height: 182px; width: 206px !important; border-radius: 12px; } .post-content-innerspace { padding: 70px !important; } .post-content { padding: 34px; border: 1px solid #ebecf7; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .post-meta { /* border-radius: 0px 0px 4px 4px; */ background-color: #fff; border-top: 1px solid #ebecf7; padding: 16px 0px 0px; /* margin-top: -1px; */ line-height: 1; } .post-content .icon-circle-outline { height: 30px; width: 30px; padding: 7px; } .post-content-single { background-color: #fff; padding: 40px; border-radius: 4px; border: 1px solid #ebecf7; } .post-title { color: #181825; } .post-heading { font-size: 24px; line-height: 34px; margin-bottom: 20px; } .meta { font-size: 13px; font-family: 'Circular Std book'; color: #9496ac; display: inline-block; position: relative; line-height: 15px; } .meta-link { } .meta-posted-by { } .meta-posted-by:before, .meta-comments:before { content: ''; font-size: 6px; color: #979fbb; font-family: 'FontAwesome'; font-weight: 900; margin-right: 8px; vertical-align: middle; } .meta-category, .meta-date, .meta-comments, .meta-tags, .meta-posted-by { margin-right: 8px; } .meta-category { color: #fd851b; text-transform: uppercase; } .meta-category:hover { color: #fd851b; } .meta-category-badge { background-color: #ebedfe; color: #3544ee; padding: 8px 10px; border-radius: 6px; transition: .7s ease; font-size: 14px; display: inline-block; line-height: 1; } .meta-category-badge:hover { background-color: #3544ee; color: #fff; text-decoration: none !important; transition: .3s ease; } .meta-date { } .meta-comments { } .meta-tags { background-color: transparent; padding: 6px 10px; border-radius: 2px; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 4px; margin-right: 4px; color: #626582; border: 1px solid #ebecf7; } .meta-tags:hover { background-color: #01d486; color: #fff; } .align-left { float: left; margin-right: 20px; margin-bottom: 10px; } .align-right { float: right; margin-left: 20px; margin-bottom: 10px; } .firstcharacter { float: left; font-size: 75px; line-height: 54px; padding-top: 4px; padding-right: 8px; padding-left: 3px; } blockquote { position: relative; padding: 18px 40px; color: #353851; font-size: 24px; line-height: 34px; display: block; } .post-blockquote-author { font-size: 16px; margin-top: 20px; color: #808294; } .blockquote-fancy::before { font-size: 20px; color: #3544ee; position: absolute; top: 17px; content: "\f10d"; font-family: 'FontAwesome'; font-weight: 900; right: 0; } .blockquote-left-border { border-left: 3px solid #3544ee; } .blockquote-right-border { border-right: 3px solid #3544ee; } .blockquote-box { padding: 45px; } .blockquote-left { max-width: 400px; } .blockquote-right { max-width: 400px; float: right; } /*----- Next Prev Post -----*/ .next-prev-post { margin-bottom: 30px; margin-top: 30px; } .prev-post { padding: 30px; border: 1px solid #e6e5e7; background-color: #fff; border-radius: 4px; } .next-post { text-align: right; padding: 30px; border: 1px solid #e6e5e7; background-color: #fff; border-radius: 4px; } .prev-link-title, .next-link-title { margin-bottom: 0px; font-size: 18px; line-height: 28px; } .prev-link { } .next-link, .prev-link { text-transform: uppercase; font-size: 12px; margin-bottom: 10px; display: inline-block; line-height: 12px; } .related-post-block { padding: 40px; border: 1px solid #ebecf7; background-color: #fff; border-radius: 0px 0px 4px 4px; margin-bottom: 30px; } .related-post { } .realted-title { font-size: 18px; line-height: 26px; } .related-category { color: #3544ee; } .related-post-meta { font-size: 14px; } .related-post .title { font-size: 15px; } .related-img { margin-bottom: 20px; border-radius: 4px; } .related-img img { width: 100%; } .post-author-block { position: relative; } .author-box { background-color: #f9f9fd; border: 1px solid #ebecf7; margin-bottom: 30px; border-radius: 4px; } .author-img { position: relative; text-align: center; top: 55px; } .author-img img { border: 3px solid #fff; } .author-title { font-size: 20px; } .author-meta { color: #ff4d4d; margin-bottom: 20px; display: block; line-height: 1; font-size: 11px; font-weight: 600; text-transform: uppercase; } .author-content { text-align: center; padding: 80px 30px 30px 30px; background-color: #fff; } /*----- comments-----*/ .comments-block { margin-bottom: 30px; } .comments-area { } .comments-title { margin-bottom: 40px; } .comment-list { border-bottom: 1px solid #ebebeb; margin-bottom: 0px; } ul.comment-list:last-child { margin-bottom: 0px; border-bottom: transparent; padding-bottom: 0px; } .comment { background-color: #fff; padding: 10px 0px; } .comment-block-header { border-bottom: 1px solid #ebedfc; background-color: #fff; padding: 15px 20px; margin-bottom: 0px; } .comment-body { padding: 30px; background-color: #fff; } .comment-author { margin-bottom: 20px; } .comment-info { } .comment-header { margin-bottom: 6px; } .user-title { margin-bottom: 0px; font-size: 16px; } .comment-meta { font-size: 13px; /* margin-left: 15px; */ color: #808294; display: inline-block; float: left; } .comment-meta-date { } .comment-content { } .reply-link { color: #353851; border-bottom: 2px solid #01d486; font-family: 'Circular Std Medium'; padding-bottom: 3px; font-size: 14px } .reply-link:hover { color: #01d486; border-bottom: 2px solid #01d486; text-decoration: none; } .children { /* padding-left: 120px; */ padding: 0px 40px 0px 100px; /* background-color: #f9f9fd; */ margin-bottom: 0px; } .children .comment { } .children .comment-body { background-color: #f9f9fd; padding: 30px; border: 1px solid #f9f9fd; border-radius: 4px; margin-bottom: 30px; } .comments-reply { } .leave-comments { background-color: #f3f5f5; } .leave-reply { } .form-remark { color: red; } /*-------------- Sidebar ----------------------------*/ .sidebar { } .widget { margin-bottom: 30px; border: 1px solid #ebecf7; background-color: #fff; padding: 40px; border-radius: 4px; position: relative; } .widget:before {border-top: 10px solid #3544ee;border-left: 10px solid transparent;content: "";position: absolute;top: 0;right: 0;} .widget ul { margin-bottom: 0px; list-style: none; padding: 0px; } .widget ul li { margin-bottom: 8px; line-height: 20px; } .widget ul li:last-child { margin-bottom: 0px; } .widget-categories ul li a, .widget-archive ul li a { color: #626582; } .widget-categories ul li a:hover, .widget-archive ul li a:hover { color: #3544ee; text-decoration: none; } .widget-title { font-size: 20px; color: #181825; line-height: 28px; letter-spacing: 0px; margin-bottom: 20px; font-family: 'Circular Std Medium' !important; } .widget-search { } .widget-category { font-size: 14px; } .widget-archives { font-size: 14px; } .widget-recent-post { } .widget-recent-post ul { } .widget_recent_entries ul li { margin-bottom: 20px; } .recent-post-img { } .recent-post-img img { height: 90px; width: 90px; } .recent-title { font-size: 17px; line-height: 24px; } .recent-post-content { } .widget-tags { } .tagcloud a { background-color: transparent; padding: 6px 10px; border-radius: 2px; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 8px; margin-right: 4px; color: #808294; border: 1px solid #ebecf7; transition: .5s ease; } .tagcloud a:hover { background-color: #3544ee; color: #fff !important; border-color: #3544ee; text-decoration: none; transition: .5s ease; } .categories-filter { } .categories-filter a { background-color: #ebebf2; padding: 10px 18px; border-radius: 50px; color: #fff; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 4px; margin-right: 4px; font-weight: 400; color: #626582; border: 1px solid #ebebf2; transition: .7s ease; } .categories-filter a:hover, .categories-filter a.active { background-color: #3544ee; color: #fff !important; border-color: #3544ee; text-decoration: none; transition: .7s ease; } /* Custom Css */ .navbar-classic .menu-main-menu-container, .navbar-boxed .menu-main-menu-container, nav .menu-main-menu-container { margin-left: auto; } .navbar-bank .menu-main-menu-container { margin-left: inherit; } @media (min-width: 992px){ .dropdown:hover>.grid-container2>.dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } } .navbar-bank .btn { margin-right: auto; } .navbar-boxed .dropdown-toggle::after { margin-left: 5px; } .footer .wpb_content_element { margin-bottom: 0; } .meta-cat a { background-color: #ebedfe; color: #3544ee; padding: 8px 10px; margin-bottom: 16px; border-radius: 6px; transition: .7s ease; font-size: 14px; display: inline-block; line-height: 1; font-family: 'Circular Std book'; position: relative; } .meta-cat a:hover { background-color: #3544ee; color: #fff; text-decoration: none !important; transition: .3s ease; } .page-numbers { position: relative; display: block; padding: 13px 18px; margin-left: 0px; margin-right: 5px; line-height: 1.25; color: #626582; background-color: #fff; border: 1px solid #ebecf7; border-radius: 100%; line-height: 1; font-size: 15px; } .prev.page-numbers { margin-left: auto; border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; } .next.page-numbers { border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; } .page-numbers.current { z-index: 1; color: #fff; background-color: #01d486; border-color: #08bd7a; } .page-numbers:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #01d486; border-color: #08bd7a; } .widget ul { margin-bottom: 0px; list-style: none; padding: 0px; position: relative; } .widget_categories ul li a, .widget_archive ul li a { color: #626582; } .widget_categories ul li, .widget_archive ul li { padding-left: 20px; } .widget_categories ul li a:hover, .widget_archive ul li a:hover { color: #3544ee; text-decoration: none; } .widget_categories li:before, .widget_archive li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #d2d3d8; content: '\f060'; font-style: initial; } .tagcloud a { font-size: 14px!important; } .post-author-block .author-img img, .comment-author img { border-radius: 50%!important; } .comment-reply-title { font-size: 20px; line-height: 31px; margin-bottom: 4px; letter-spacing: 0; } .comment-notes, .comment-form-cookies-consent, p.form-submit, .logged-in-as { padding-left: 5px; padding-right: 5px; } .comment-notes span { font-size: 14px; } .comment-form-cookies-consent input[type="checkbox"]{ margin-right: 5px; } .comments-block .children { background-color: #fff; } .comment-reply-link { overflow: hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; transition: .3s ease; font-family: 'Circular Std Medium' !important; } .comment-list li .comment-reply-link { color: #71738d; font-weight: 500; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: middle; padding: 8px 18px; border-radius: 100px; background-color: #f0f0f8; border-color: #f0f0f8; } .comment-list li .comment-reply-link:hover { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; } .cat-meta a { background-color: #ebedfe; color: #3544ee; padding: 8px 10px; border-radius: 6px; transition: .7s ease; font-size: 14px; display: inline-block; line-height: 1; } .cat-meta a:hover { background-color: #3544ee; color: #fff; text-decoration: none !important; transition: .3s ease; } .single-post-pageheader .meta-posted-by a { color: #fff; } .num-brand .process-number { color: #01d486; background-color: #ccf7f0; } .num-secondary .process-number { color: #ea5132; background-color: #ffd9d1; } .num-primary .process-number { color: #3544ee; background-color: #e4e6ff; } @media (min-width: 992px){ .col-lg-1\/5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } .section-box-white > .vc_column-inner > .wpb_wrapper { background-color: #fff; border: 1px solid #ebecf7; padding: 45px; margin-bottom: 30px; } .section-box-contact > .vc_column-inner > .wpb_wrapper { background-color: #fff; padding: 70px; border: 1px solid #ebecf7; border-radius: 4px; } .section-card-pattern-right-top > .vc_column-inner > .wpb_wrapper:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -24px; z-index: -1; right: -8px; } .section-card-pattern-left > .vc_column-inner > .wpb_wrapper:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; left: -8px; } .container-fluid .container { max-width: 100%; } .vc_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .big-zindex { z-index: 10; } .wpb_content_element.card-pattern-left:after { left: -8px; } .wpb_content_element.card-pattern-right-top:before { right: -8px; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { padding: 36px 30px; border-radius: 3px; border-bottom: 1px solid #ebedfc; color: #181825; } .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a:hover span { color: #3544ee; } .wpb-js-composer div.vc_tta-container { margin-bottom: 0; } .pricing-block-v1.pricing-block-selected .pricing-head-title { color: #fff; } .pricing-block-selected .btn-dark { color: #353851; background-color: #fff; border-color: rgba(255, 255, 255, 1); } .pricing-block-selected .btn-dark:hover { color: #fff !important; background-color: #04d16f; border-color: #04d16f; } .pricing-block-selected .btn-primary { color: #fff; background-color: #01d486; border-color: #01d486; } .pricing-block-selected .btn-primary:hover { color: #fff; background-color: #08b072; border-color: #08b072; } .pricing-list-section.active .list-group-item { transition: .5s ease; border: 2px solid #01d486; color: initial; } .active .pricing-block-v7 .pricing-top-price { color: #01d486; } .col-width-auto.vc_column_container>.vc_column-inner{ width: auto; } .vc_column_container.split-left-img .vc_column-inner, .vc_column_container.split-right-img .vc_column-inner { min-height: 500px; } @media only screen and (max-width:993px) { .lg-order-last { -ms-flex-order: 13; order: 13; } .lg-pb-0 { padding-bottom: 0!important; } } .over-hide { overflow: hidden; } .card-pattern-left-top { position: relative; } .card-pattern-left-top:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -24px; z-index: -1; left: -23px; } .card-pattern-top { position: relative; } .card-pattern-top:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -23px; z-index: -1; left: 110px; } .client-hv { position: relative; display: inline-block; z-index: 1; } .m-l--15 { position: relative; margin-left: 15%; } .portfolio-content-no-mt .filters-content { margin-top: 0; } .shadow-hover>.vc_column-inner:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); } .vc_tta-color-white.lender-custom { margin-top: 30px; } .vc_tta-color-white.lender-custom .vc_tta-tabs-list li a { padding: 10px 30px !important; background-color: #fff!important; border: none!important; border-right: 1px solid #ebedfc!important; } .vc_tta-color-white.lender-custom .vc_tta-tabs-list li.vc_active a { color: #3341e7!important; } .vc_tta-color-white.lender-custom .vc_tta-panel-body { background-color: #fff!important; padding: 35px 5px!important; border: none!important; padding-bottom: 5px!important; } .vc_tta-color-white.lender-custom .vc_tta-tabs-container { left: -30px; margin-right: 0!important; } .shadow-box.vc_column_container>.vc_column-inner{ -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); } .shadow-box-2.vc_column_container>.vc_column-inner { -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); } .icon-font-vv { line-height: 42px; } .icon-font-vv i{ font-size: 32px; display: inline-block; padding: 21px 14px; color: #3847f1; position: relative; } .feature-block-v2 .feature-icon i { text-align: center; width: 1.25em; } .top-header i { font-size: 16px; } .tiny-footer ul li a i { font-size: 16px; } .pricing-block-v3.pricing-block-selected-2 .pricing-bottom-price, .pricing-block-v4.pricing-block-selected .pricing-bottom-price, .pricing-block-v5.pricing-block-selected .pricing-bottom-price { color: #3544ee; } .pricing-block-v3.pricing-block-selected-2 .btn, .pricing-block-v4.pricing-block-selected .btn, .pricing-block-v5.pricing-block-selected .btn { color: #fff; background-color: #3544ee; border-color: #3544ee; } .pricing-block-v3.pricing-block-selected-2 .btn:hover, .pricing-block-v4.pricing-block-selected .btn:hover,.pricing-block-v5.pricing-block-selected .btn:hover { color: #fff; background-color: #2834bd; border-color: #2834bd; } .pricing-block-v3.pricing-block-selected-2 .btn:not(:disabled):not(.disabled).active, .pricing-block-v3.pricing-block-selected-2 .btn:not(:disabled):not(.disabled):active, .show>.pricing-block-v3.pricing-block-selected-2 .btn.dropdown-toggle { color: #fff; background-color: #2834bd; border-color: #2834bd; } .no-border-right { border-right: none!important; } .btn-rounded-left { border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-rounded-right { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn.btn-rounded-left { border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn.btn-rounded-right { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-square { border-radius: 0; } .m-l--3 { margin-left: -6px; } .m-l--5 { margin-left: -5px; } .pageheader-second-bg-overlay { position: absolute; left: 0; top: -0; height: 100%; width: 100%; background-image: url(./images/page-header-pattern.png); background-repeat: repeat; background-position: center; content: ''; opacity: .09; } .credit-card-pricing tr td:first-child { width: 40%; color: #626582; font-weight: bold; padding: 20px; } .compare-table tbody tr td:last-child { border-right: none!important; } .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .thead-light th { color: #495057; background-color: #f3f6ff; border-color: #ebedfc; } .table-striped tbody tr:nth-of-type(odd) { background-color: #fff; } .pricing-compare-table thead th{ width: 194px !important; } .pricing-compare-table thead th:first-child { width: 359px !important; } .pricing-compare-table { text-align: center; } .pricing-compare-table thead th:first-child, .pricing-compare-table tbody td:first-child, .bank-compare-table tbody td:first-child { text-align: left; } .pricing-compare-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .bank-compare-table thead th { width: 25%; } .bank-compare-table tbody td:first-child:last-child { background-color: #f9f9ff; } .mortgage-rates-custom .mr-minus-2:last-child { margin-right: 0!important; } .btn > i { margin-left: 4px; } .btn.btn-circle > i { margin-left: 0; } .text-default .rate-block-small-text { color: #808294!important; } .lender-info .modal-body section { padding: 30px; padding-top: 0; } .lender-info .modal-body section .vc_col-has-fill>.vc_column-inner{ padding-top: 0px; } .lender-info .modal-body .vc_tta-color-white.lender-custom .vc_tta-tabs-container { left: 0; } .pageheader-second-bg.hero-slide { position: relative; background-color: #3544ee; padding-top: 200px; padding-bottom: 200px; color: #b0bffe; background-size: cover; } .slider-second .slider-captions .slider-title span, .slider-for .slider-captions .slider-title span { border-bottom: 1px solid #363686 !important; padding-bottom: .25rem!important; border-width: 2px !important; border-bottom-color: #01d486 !important; } .footer-widget .footer-second-widget ul li a { color: #808294; line-height: 28px; } .footer-widget .footer-second-widget ul li a:hover { color: #01d486; text-decoration: none; } .footer-second .tiny-footer ul li { float: none; } .footer-second .tiny-footer ul li { display: inline-block; } .footer-second .tiny-footer p { margin-bottom: 0; } .wpb_single_image.analysisdata-right-img img, .wpb_single_image.no-max-width img { max-width: none; } .peromance-img { position: absolute; right: -380px; top: auto; bottom: -100px; } .peromance-character-img { position: absolute; right: 200px; bottom: -100px; } .categories-filter a { cursor: pointer; } .categories-filter { margin-bottom: 50px; } .mortgage .col-12:nth-of-type(2) .bg-primary-light { background-color: #ccf7f0 !important; color: #01d486 !important; } .boxed-layout-wrapper .header-transparent { margin: 0 auto; max-width: 1360px; } .boxed-layout-wrapper section { width: 100%!important; left: auto!important; } a.dropdown-toggle { cursor: pointer; } .mega-dropdown-menu.dropdown-menu { padding-left: 0; padding-right: 0; } li.mega-sub-menu ul{ margin-left: 0; padding-left: 0; } .custom-list .list-group-item:hover .custom-list-title { color: #3847f1; } .team-block-v2 p { color: #808294; } .product-card-v1 .product-icon { position: relative; } .product-card-v1 i { left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); position: absolute; } .boxed-layout-wrapper .slider-second .slider-captions { bottom: 150px; } .boxed-layout-wrapper .slider-for .slider-captions { position: absolute; bottom: 150px; color: #fff; } .boxed-layout-wrapper .slider-title { font-size: 46px; } .boxed-layout-wrapper .peromance-character-img { right: 440px; } .boxed-layout-wrapper .peromance-img { right: -110px; } .boxed-layout-wrapper .hero-shape-second { background-position: 87% 100%; } .boxed-layout-wrapper .hero-shape-second-caption-img { padding-left: 180px; } .boxed-layout-wrapper .cta-curveshape { background-position: 86% 100%; } .all-post .post-fullwidth { margin-top: 0; } @media only screen and (max-width: 768px){ .header-transparent { background-color: #1d2256; } .wpb_single_image.analysisdata-right-img img, .wpb_single_image.no-max-width img { max-width: 100%; } } @media (min-width: 992px){ .navbar-expand-lg .navbar-nav .mega-dropdown-menu.dropdown-menu { display: flex; flex-wrap: wrap; } } @media only screen and (max-width: 1200px) { .wpb_single_image.analysisdata-right-img img, .wpb_single_image.no-max-width img { max-width: 100%; } .wpb_single_image.peromance-img, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure { width: 100%; } } @media only screen and (max-width: 1400px) { .wpb_single_image.peromance-img, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure { width: 100%; } } @media only screen and (max-width: 992px){ .hero-shape-one-caption-text { padding-top: 100px; } .hero-shape-one-caption-img { padding-top: 60px; } } /*------------------------------------------------------------------- 16. Media Query -------------------------------------------------------------------*/ /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width:1400px) { .slider-captions { position: absolute; bottom: 70px; } .slider-second .slider-captions { position: absolute; bottom: 120px; color: #fff; } /* about-third */ .split-img-right-content-text { position: absolute; left: 90px; right: 15%; top: 30px; } .split-img-left-content-text { position: absolute; left: 17%; right: 18%; top: 80px; } /*-------------------- index 7 ---------------------*/ .hero-shape-one-caption-img img { max-width: 100%; } .analysisdata-right-img img { max-width: 100%; } .analysisdata-character-right-img { right: 0px; } .peromance-img { position: initial; } .peromance-img img { width: 100%; } .peromance-character-img { display: none; } /*-------------------- index 8 ---------------------*/ .hero-shape-second { background-position: 14% 100% } } @media only screen and (max-width:1200px) { .pageheader-bg { padding-top: 60px; } .slider .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 120px; right: 35px; } .slider-captions { bottom: 80px; } .slider-title { font-size: 30px; letter-spacing: 0px; line-height: 42px; } .slider .owl-theme .owl-dots { bottom: 50px; } .counter-v2 .plus-sign { right: 40px; } .post-fullwidth .post-content { border-left: transparent; padding: 21px; border-bottom-left-radius: 0px; margin-left: -15px; } .card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: -15px; margin-left: -15px; } .slider-second .slider-title { font-size: 42px; line-height: 52px; } .slider-second .slider-captions { bottom: 80px; } .slider .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 210px; right: 35px; } .slider-for .slider-captions { bottom: 140px; text-align: center; } .card-pattern-full:after { display: none; } .loan-features-tab ul li a { padding: 12px 13px; } .space-medium { padding-top: 80px; padding-bottom: 80px; } /*--- about third ---*/ .split-img-right-content { padding: 20px; } .split-img-left-content { padding: 20px; margin-left: 0px; } .why-work-image { display: none; } /*-------------------- index 6 ---------------------*/ .sassdata-left-img img { max-width: 100%; } .sassdata-right-img img { max-width: 100%; } .hero-slideshape-img img { max-width: 100%; } .sassdata-left-content { padding: 30px 20px; } .sassdata-right-content { padding: 30px 20px; } /*-------------------- index 7 ---------------------*/ .hero-shape-one-caption-img img { max-width: 100%; } .analysisdata-right-img img { max-width: 100%; } .analysisdata-character-right-img { right: 0px; } .peromance-img { position: initial; } .peromance-img img { width: 100%; } .peromance-character-img { display: none; } /*-------------------- index 8 ---------------------*/ .hero-shape-second { background-position: 94% 100%; } .hero-shape-second-caption-img { padding-top: 110px; padding-left: 70px; } .hero-shape-second-caption-text { padding-top: 200px; } .cta-curveshape-img img { max-width: 100%; } .cta-curveshape-img { padding-top: 70px; padding-left: 0px; } .cta-curveshape-caption-text { padding-top: 140px; } .cta-curveshape { background-position: 100% 100%; } /*-------------------- index 9 ---------------------*/ .hero-shape-third { background-position: 0px 100%; } .hero-shape-third-caption-title { font-size: 53px; line-height: 59px; } .quote-form { bottom: 200px; margin-bottom: -100px; } .client-block-v6.client-logos { -webkit-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%); -webkit-transform-origin: top center; transform-origin: top center; position: relative; left: 50%; margin-bottom: -150px; } .image-section-v3-content { padding: 40px; } .header-transparent-second { position: relative; background-color: #ffffff; } .partner-block-content { padding: 0px; } /*-------------------- index 10 ---------------------*/ .hero-shape-fourth-caption-img img { max-width: 100%; } .hero-shape-fourth-caption-img { padding-top: 200px; } .m-l-100 { margin-left: 0px; } .hero-shape-fourth-caption-title { font-size: 66px; line-height: 76px; } .hero-shape-fourth-caption-text { padding-top: 260px; } .client-block-v4 .client-block-img img { max-width: 100%; } } /* Medium Devices, Desktops */ @media only screen and (max-width:992px) { .hero-shape-fourth-caption-text { padding-top: 100px; } .hero-shape-fourth-caption-img { padding-top: 60px; }} /* Small Devices, Tablets */ @media only screen and (max-width:768px) { .pageheader-bg { padding-top: 30px; } .slider .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 150px; } .slider-captions { bottom: 40px; } .slider-title { font-size: 30px; letter-spacing: 0px; line-height: 42px; } .slider .owl-theme .owl-dots { bottom: 50px; } .slider .btn { display: none; } .card-deck .card { flex: 50%; } .post-fullwidth .post-content { border: 1px solid #ebecf7; } .header-transparent { position: relative; } .hero-slide { min-height: initial; padding-top: 60px; padding-bottom: 80px; } .counter-v2 .plus-sign { right: 97px; } .card-pattern-left:after { display: none; } .card-pattern-right:after { display: none; } .slider-second .slider-title { font-size: 30px; line-height: 42px; } .slider-second .slider-captions { bottom: 50px; } .card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: -15px; margin-left: -15px; } .video-slide { padding: 20px 0px; } .cta-v2 .cta-img { position: absolute; bottom: 50px; } .video-slide-caption { margin-bottom: 50px; } .slider-nav { bottom: 106px; margin-bottom: -111px; } .slider-for .btn { display: none; } .slider-nav .item { width: 80px !important; height: 60px; } .slider-for .slider-captions { bottom: 110px; text-align: center; } .card-footer-item { padding: 18px 9px; } .pills-vertical .flex-column { -ms-flex-direction: row !important; flex-direction: row !important; } .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; } .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; } /*--- Space classes ---*/ .space-medium { padding-top: 60px; padding-bottom: 60px; } /*--- about third ---*/ .split-img-right-content { padding: 20px; } .split-img-left-content { padding: 20px; margin-left: 0px; } .why-work-image { display: none; } /*-------------------- index 6 ---------------------*/ .hero-slideshape-caption { bottom: 70px; } .sassdata-left-img img { max-width: 100%; } .sassdata-right-img img { max-width: 100%; } .hero-slideshape-img img { max-width: 100%; } /*-------------------- index 7 ---------------------*/ .hero-shape-one-caption-img img { max-width: 100%; } .analysisdata-right-img img { max-width: 100%; } .analysisdata-character-right-img { right: 0px; } .hero-shape-one-caption-text { padding-top: 70px; } .hero-shape-one-caption-img { padding-top: 70px; } .hero-shape-one-caption-title { font-size: 42px; line-height: 52px; font-weight: 900; } .peromance-img { position: initial; } /*-------------------- index 8 ---------------------*/ .hero-shape-second-caption-img { padding-top: 50px; padding-left: 0px; } .hero-shape-second-caption-text { padding-top: 150px; } .cta-curveshape-img { display: none; } .cta-curveshape-caption-text { padding-top: 110px; padding-bottom: 110px; } .cta-curveshape { background-image: none; } .cta-curveshape-img { padding-top: 80px; padding-left: 0px; } /*-------------------- index 9 ---------------------*/ .hero-shape-third-caption-img { padding-top: 0px; } .hero-shape-third-caption-text { padding-top: 50px; } .hero-shape-third-caption-title { font-size: 53px; line-height: 59px; } .quote-form { bottom: 200px; margin-bottom: -100px; } .client-block-v6.client-logos { -webkit-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%); -webkit-transform-origin: top center; transform-origin: top center; position: relative; left: 50%; margin-bottom: -150px; } .image-section-v3-content { padding: 40px; } .header-transparent-second { position: relative; background-color: #ffffff; } .partner-block-content { padding: 0px; } /*-------------------- index 10 ---------------------*/ .hero-shape-fourth-caption-img img { max-width: 100%; } .hero-shape-fourth-caption-img { padding-top: 0px; } .m-l-100 { margin-left: 0px; } .hero-shape-fourth-caption-title { font-size: 66px; line-height: 76px; } .hero-shape-fourth-caption-text { padding-top: 90px; } .client-block-v4 .client-block-img img { max-width: 100%; } } /* Extra Small Devices, Phones */ @media only screen and (max-width:480px) { .pageheader-bg { padding-top: 0px; min-height: initial; } .footer { padding-top: 180px; padding-bottom: 0px; color: #a7ade4; font-size: 14px; position: relative; } .children { padding-left: 0px; } .pageheader-btn { display: grid; } .slider .owl-theme .owl-nav [class*='owl-'] { display: none; } .slider-captions { bottom: 20px; } .slider-title { font-size: 24px; letter-spacing: 0px; line-height: 26px; } .slider .owl-theme .owl-dots { bottom: 30px; } .slider .btn { display: none; } .card-img-overlay { position: absolute; top: 10%; } .post-small-thumb img { display: none; } .calculator-form { float: initial; width: 100% !important; } .outline-tab .nav-tabs .nav-link { padding: 10px 6px; font-size: 14px; } .post-fullwidth .post-img { border-top-right-radius: 0px; height: auto; } .post-fullwidth .post-content { border: 1px solid #ebecf7; } .header-transparent {position: relative;background-color: #2c3ae2;} .hero-slide { padding-top: 50px; } .header-boxed {position: relative !important;background-color: #fff;} .header-boxed .navbar-boxed {background-color: #ffffff;padding: 10px;border-radius: 0px;margin-top: 0px;} .counter-v2 .plus-sign { right: 107px; } .card-pattern-left:after { display: none; } .card-pattern-right:after { display: none; } .post-pagecaption .post-title { padding: 0px 0px; line-height: 52px; margin-bottom: 0px; } .post-pagecaption { text-align: center; padding-bottom: 60px; padding-top: 60px; } .pageheader-second-caption { margin-bottom: 50px; } .hero-slide-title { font-size: 38px; letter-spacing: -2px; line-height: 50px; } .page-caption-title { font-size: 25px; line-height: 36px; margin-bottom: 20px; } .page-caption-text { padding: 26px; min-height: 0px; } .slider-second .slider-title { font-size: 22px; line-height: 28px; } .slider-second .slider-captions { bottom: 30px; } .video-slide { padding: 20px 0px; } .cta-v2 .cta-img { display: none; } .video-slide-caption { margin-bottom: 40px; } .slider-nav { display: none; } .slider-for .slider-captions { bottom: 10px; text-align: center; } .slider-for .btn { display: none; } .card-pattern-full:after { display: none; } .card-pattern-right-top:before { display: none; } .team-block-fullwidth-content { padding: 5px 0px; position: relative; } .split-bg { background: linear-gradient(to right, #01d486 0%, #01d486 45%, #01d285 40%, #01d486 100%); height: 100%; width: 100%; } .card-footer-item-bordered:not(:last-child) { border-right: 0px; } .card-footer-item { padding: 18px 40px; } .tab-regular .nav.nav-tabs .nav-link { padding: 12px 13px; } .tab-vertical .tab-content { display: inline-block; } .tab-vertical .nav-tabs .nav-link { padding: 17px 116px; } .simple-card .nav.nav-tabs .nav-item .nav-link { padding: 17px 34px; } .pills-regular .nav.nav-pills .nav-item .nav-link { background-color: #ededf1; padding: 16px 33px; } .page-caption-para-text { font-size: 16px; line-height: 27px; } .post-content-innerspace { padding: 40px !important; } .cta-v1 .cta-content { margin-bottom: 20px; } .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; } .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; } .slider-for .slider-title { font-size: 20px; letter-spacing: 0px; line-height: 26px; } /*--- Space classes ---*/ .space-medium { padding-top: 60px; padding-bottom: 60px; } /*--- about us second ---*/ .slider-gallery .slick-arrow { display: none !important; } .slider-gallery-nav .slick-track { left: 24% !important; } /*--- about us third ---*/ .split-img-right-content { padding: 20px; } .split-img-left-content { padding: 20px; margin-left: 0px; } .why-work-image { display: none; } /*--- help center ---*/ .hc-featured-article-block { background-color: #fff; border-radius: 4px; padding: 30px 30px; } .video-container a, .video-container-2 a { position: absolute; top: 31%; left: 36%; } .hc-support-block { display: -ms-flexbox; display: inline-block; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } /*-------------------- index 6 ---------------------*/ .hero-slideshape-caption { bottom: 70px; } .sassdata-left-img img { max-width: 100%; } .sassdata-right-img img { max-width: 100%; } .character-img { display: none; } .sassdata-character-right-img { display: none; } .sassdata-character-left-img { display: none; } .hero-slideshape-img img { max-width: 100%; } /*-------------------- index 7 ---------------------*/ .hero-shape-one-caption-img img { max-width: 100%; } .analysisdata-right-img img { max-width: 100%; } .analysisdata-character-right-img { display: none; } .hero-shape-one-caption-text { padding-top: 70px; } .hero-shape-one-caption-img { padding-top: 70px; } .hero-shape-one-caption-title { font-size: 42px; line-height: 52px; font-weight: 900; } .peromance-img { display: none; } /*-------------------- index 8 ---------------------*/ .hero-shape-second { background-image: none; } .hero-shape-second-caption-img { display: none; } .cta-curveshape-img img { max-width: 100%; } .hero-shape-second-caption-text { padding-top: 110px; padding-bottom: 130px; } .circle-1 { display: none; } .circle-2 { display: none; } .circle-3 { display: none; } .feature-app-img img { max-width: 100%; } /*-------------------- index 9 ---------------------*/ .hero-shape-third-caption-img { padding-top: 100px; display: none; } .hero-shape-third-caption-text { padding-top: 50px; } .hero-shape-third-caption-title { font-size: 53px; line-height: 59px; } .quote-form { bottom: 390px; padding: 30px; margin-bottom: -320px; } .client-block-v6.client-logos { -webkit-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%); -webkit-transform-origin: top center; transform-origin: top center; position: relative; left: 50%; margin-bottom: -150px; } .image-section-v3-content { padding: 40px; } .header-transparent-second { position: relative; background-color: #ffffff; } /*-------------------- index 10 ---------------------*/ .hero-shape-fourth-caption-img { display: none; } .m-l-100 { margin-left: 0px; } .hero-shape-fourth-caption-title { font-size: 66px; line-height: 76px; } .hero-shape-fourth-caption-text { padding-top: 90px; } .hero-shape-fourth { height: 593px; } } } /* Custom, iPhone Retina */ @media only screen and (max-width:320px) { .pageheader-bg { padding-top: 30px; } .footer { padding-top: 180px; padding-bottom: 0px; color: #a7ade4; font-size: 14px; position: relative; } .children { padding-left: 0px; } .pageheader-btn { display: grid; } .slider .owl-theme .owl-nav [class*='owl-'] { display: none; } .slider-captions { bottom: 20px; } .slider-title { font-size: 24px; letter-spacing: 0px; line-height: 26px; } .slider .owl-theme .owl-dots { bottom: 30px; } .slider .btn { display: none; } .card-img-overlay { position: absolute; top: 10%; } .post-small-thumb img { display: none; } .calculator-form { float: initial; width: 100% !important; } .outline-tab .nav-tabs .nav-link { padding: 10px 6px; font-size: 14px; } .post-fullwidth .post-img { border-top-right-radius: 0px; height: auto; } .post-fullwidth .post-content { border: 1px solid #ebecf7; } .header-transparent { position: relative; background-color: #3240dd; } .hero-slide { padding-top: 50px; } .header-boxed { position: relative !important; } .header-boxed .navbar-boxed { background-color: #fff; padding: 10px; border-radius: 0px; margin-top: 0px; } .counter-v2 .plus-sign { right: 107px; } .card-pattern-left:after { display: none; } .card-pattern-right:after { display: none; } .post-pagecaption .post-title { padding: 0px 0px; line-height: 52px; margin-bottom: 0px; } .post-pagecaption { text-align: center; padding-bottom: 60px; padding-top: 60px; } .pageheader-second-caption { margin-bottom: 50px; } .hero-slide-title { font-size: 38px; letter-spacing: -2px; line-height: 50px; } .page-caption-title { font-size: 25px; line-height: 36px; margin-bottom: 20px; } .page-caption-text { padding: 26px; min-height: 242px; } .slider-second .slider-title { font-size: 22px; line-height: 28px; } .slider-second .slider-captions { bottom: 30px; } .video-slide { padding: 20px 0px; } .cta-v2 .cta-img { display: none; } .video-slide-caption { margin-bottom: 40px; } .slider-nav { display: none; } .slider-for .slider-captions { bottom: 10px; text-align: center; } .slider-for .btn { display: none; } .card-pattern-full:after { display: none; } .card-pattern-right-top:before { display: none; } .team-block-fullwidth-content { padding: 5px 0px; position: relative; } .split-bg { background: linear-gradient(to right, #01d486 0%, #01d486 45%, #01d285 40%, #01d486 100%); height: 100%; width: 100%; } .card-footer-item-bordered:not(:last-child) { border-right: 0px; } .card-footer-item { padding: 18px 40px; } }