at path：
ROOT
/
wp-content
/
themes
/
kroth
/
assets
/
css
/
styles.css
run：
R
W
Run
admin-styles.css
17.4 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
bootstrap.min.css
156.63 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
meanmenu.min.css
2.56 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
owl.carousel.css
4.51 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
responsive.css
26.12 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
simple-line-icons.css
12.46 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
styles.css
146.51 KB
2023-04-17 09:50:05
R
W
Run
Delete
Rename
error_log
up
📄
styles.css
Save
/** * VictorThemes Styling * * 1. Common Element Stylings * 2. Layout Class * 3. Headers * 4. Topbar * 5. Navigation * --- Kroth Navigation * --- Mean Menu * --- Search * 6. Title Area * 7. Breadcrumbs * 8. Brand Logo * 9. Elements * --- Tooltip * --- ul li fixes * --- Link Styles * --- Separator * --- Contact Box * --- Contact Form 7 * --- Address Info * --- Spacer * --- Button * --- Call to Action * --- Services * --- Tab Links * --- Counter * --- Single Image * --- Social Icons * --- Portfolio * --- Project Details * --- Accordion * --- Tabs * --- Testimonials * --- Our Partners * --- Team Members * --- Team Details * --- Education Details * --- History * --- Job Details * --- List Styles * --- Blog Post * --- Single Post Page * --- Contact Card * 10. Sidebar Widgets * --- Get a Quote * --- Search Widget * --- Sidebar ul li styles * --- Widget RSS * --- Widget Calender * --- Widget Text * --- Widget Tags * 11. 404 Page * 12. Footer * 13. Copyright */ body { font-family: "Raleway", sans-serif; color: #777; font-size: 14px; text-rendering:auto; -moz-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { letter-spacing: 0.3px; line-height: 1.5; } a, a:hover, a:focus, a:active { text-decoration: none; outline: none; border: none; } #vtheme-wrapper {overflow-x: hidden;background-color: #fff;} @-moz-document url-prefix() { select, select:-moz-focusring, select::-moz-focus-inner { text-shadow: none !important; background-image: none !important; } } /** * 1. Common Element Stylings */ hr { border-color: #e8e8e8; margin-bottom: 30px; float: left; width: 100%; } p img {max-width: 100%;height: auto;} .width-fix { float: left; width: 100%; } .no-padding, .padding-no {padding: 0 !important;} .padding-cnt-no {padding-top: 0 !important;padding-bottom: 0 !important;} .no-padding-left {padding-left: 0 !important;} .no-padding-right {padding-right: 0 !important;} .no-padding-top {padding-top: 0 !important;} .no-padding-bottom {padding-bottom: 0 !important;} .padding-xs {padding-top: 10px !important;padding-bottom: 10px !important;} .padding-sm {padding-top: 20px !important;padding-bottom: 20px !important;} .padding-md {padding-top: 40px !important;padding-bottom: 40px !important;} .padding-lg {padding-top: 80px !important;padding-bottom: 80px !important;} .padding-xl {padding-top: 160px !important;padding-bottom: 160px !important;} .padding-left-10 {padding-left: 10px !important;} .padding-right-10 {padding-right: 10px !important;} /* Margin */ .no-margin {margin: 0 !important;} .no-margin-left {margin-left: 0 !important;} .no-margin-right {margin-right: 0 !important;} .no-margin-top {margin-top: 0 !important;} .no-margin-bottom {margin-bottom: 0 !important;} .text-white {color: #fff !important;} .text-black {color: #000 !important;} .text-dark {color: #232323 !important;} .primary-color {color: #fa9928;} .bold {font-weight: bold;} .semi-bold {font-weight: bold;} .light {font-weight: 300;} .vc_empty_space {float: left;width: 100%;} .color-black, .color-dark {color: #000;} .color-white {color: #fff;} .rounded-two, .rounded-two img { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .rounded-three, .rounded-three img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } h1, h2, h3 { font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; color: #232323; line-height: 1.3; } /* Nice Select */ .nice-select {-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;} .nice-select:hover{border-color:#dbdbdb;} .nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999;} .nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px;} .nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);} .nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);} .nice-select.disabled{color:#999;pointer-events:none;border-color:#ededed;} .nice-select.disabled:after{border-color:#ccc;} .nice-select.wide{width:100%;} .nice-select.wide .list{left:0!important;right:0!important;} .nice-select.right{float:right;} .nice-select.right .list{left:auto;right:0;} .nice-select.small{font-size:12px;height:36px;line-height:34px;} .nice-select.small:after{height:4px;width:4px;} .nice-select.small .option{line-height:34px;min-height:34px;} .nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,0.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:100%;left:0;z-index:9;padding:0;} .nice-select .list:hover .option:not(:hover){background-color:transparent!important;} .nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s;} .nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6;} .nice-select .option.selected{font-weight:700;} .nice-select .option.disabled{background-color:transparent;color:#999;cursor:default;} .no-csspointerevents .nice-select .list{display:none;} .no-csspointerevents .nice-select.open .list{display:block;} /* 2. Layout Class */ .layout-boxed {position: relative;} .layout-boxed #vtheme-wrapper { max-width: 1272px; margin: 0 auto; background-color: #fff; position: relative; } .layout-boxed .krth-navigation, .layout-boxed .krth-sticky.krth-brand { max-width: 1272px; } .layout-boxed .krth-navigation > .container { width: 1272px; padding: 0 45px; } .layout-boxed .layout-overlay { position: absolute; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.2); z-index: -1; } .extra-width {padding: 0 15px;} /* Left & Right Sidebars */ .krth-right-sidebar .krth-content-side, .krth-left-sidebar .krth-sidebar {padding-left: 0;padding-right: 20px;} .krth-right-sidebar .krth-sidebar, .krth-left-sidebar .krth-content-side {padding-right: 0;padding-left: 20px;} .krth-full-width .krth-content-side, .krth-hide-sidebar .krth-content-side {padding-left: 0;padding-right: 0;} .archive .krth-content-area, .search .krth-content-area {padding-top: 60px;padding-bottom: 45px;} /* Input Fields */ input, select, textarea { border: 1px solid #e8e8e8; padding: 14px 20px; margin: 8px 0 12px; font-family: 'Roboto Slab', serif; color: #232323; font-weight: normal; -webkit-box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.06); box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.06); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { border: 1px solid #e8e8e8; padding: 14px 20px; margin: 0; font-family: 'Roboto Slab', serif; color: #232323; font-weight: normal; -webkit-box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.06); box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.06); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .woocommerce-cart .select2-container--default .select2-selection--single, .woocommerce-checkout .select2-container--default .select2-selection--single { border: none; height: 58px; } .woocommerce-cart .select2-container--default .select2-selection--single:after, .woocommerce-checkout .select2-container--default .select2-selection--single:after { content: '\f107'; font-family: 'FontAwesome'; color: #999; font-size: 16px; position: absolute; right: 12px; top: 16px; } .woocommerce-cart #calc_shipping_state_field, .woocommerce-cart #calc_shipping_postcode_field { width: 100%; margin-bottom: 15px; height: 60px; } .woocommerce-cart #calc_shipping_country_field, .woocommerce-cart #calc_shipping_state_field, .woocommerce-cart #calc_shipping_postcode_field { margin-bottom: 15px; } input[type="password"] {padding-top: 10px;padding-bottom: 10px;} select { padding: 3px 14px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #999; min-height: 45px; } select:-moz-focusring {text-shadow: none;} select::-ms-expand {display: none;} select:after, .wpcf7-select:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 13px; color: #232323; list-style-type: 0.3px; } select[multiple] {padding: 0;} select option {padding: 8px 15px;color: #232323;} select, input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="file"], input[type="range"], textarea { width: 100%; } ::-webkit-input-placeholder {color: #232323;letter-spacing: 0.3px;font-weight: normal;} :-moz-placeholder {color: #232323;letter-spacing: 0.3px;font-weight: normal;} ::-moz-placeholder {color: #232323;letter-spacing: 0.3px;font-weight: normal;} :-ms-input-placeholder {color: #232323;letter-spacing: 0.3px;font-weight: normal;} label {font-weight: normal;} input[type="submit"], .wpcf7 input[type="submit"] { background-color: #fa9928; color: #232323; font-size: 15px; font-weight: normal; padding: 11px 25px; letter-spacing: 0.3px; margin: 12px 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } input[type="submit"]:focus, .wpcf7 input[type="submit"]:focus, .woocommerce #review_form #respond input:focus { outline: none; } blockquote { background: #f7f7f7; border: 1px solid #f0f0f0; position: relative; padding: 35px 40px; font-size: 19px; font-weight: normal; font-family: 'Roboto Slab', serif; margin: 0 0 20px; display: inline-block; } blockquote:before { content: ''; width: 5px; height: 100%; display: inline-block; background: #131d33; position: absolute; top: 0;left: 0; } .blockquote-two, .wpb_text_column :last-child .blockquote-two { background: #f9f9f9; border: 1px solid #eee; color: #555; font-size: 17px; padding: 45px; line-height: 28px; margin: 10px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .blockquote-two:before { content: ''; width: 4px; height: 100%; display: inline-block; background: #fa9928; position: absolute; top: 0;left: 0; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } /* Overlay */ .krth-overlay-pattern { float: left; width: 100%; height: 100%; z-index: 0; position: absolute !important; top: 0; left: 0; } .krth-have-dotted .krth-overlay-pattern { position: relative; background-image: url(../images/overlay-dotted-pattern.png); background-repeat: repeat; background-position: top left; } .krth-dhav-dotted {position: relative;} /* Content */ .krth-content-area { padding: 35px 15px 65px; } /** * 3. Headers */ header { position: relative; } header.header-transparent.revolution-slider { position: absolute; width: 100%; top: 0;left: 0; z-index: 99999; background: url(../images/header-gradient.png) repeat-x; height: 311px; display: block; } .logged-in.admin-bar header.header-transparent.revolution-slider { top: 32px; z-index: 99999; } .header-transparent .krth-brand {background: transparent;} .header-transparent .is-sticky .krth-brand.krth-sticky {background: #fff;} /* Sticky Header */ .krth-sticky { width: 100%; z-index: 9999; } .is-sticky .krth-brand.krth-sticky { -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.1); box-shadow: 0 0 4px 1px rgba(0,0,0,0.1); } .krth-header-three .is-sticky .krth-brand.krth-sticky { background-color: #fff; } /* Header Style Two */ .krth-header-two .krth-navigation { background: transparent; float: right; width: 70%; flex: 0 0 70%; } .krth-navigation .navbar-nav { float: left; display: block; } .krth-header-two .krth-navigation .navbar-nav > li {padding: 0;} .krth-header-two .is-sticky .krth-navigation .navbar-nav > li > a, .krth-header-two .krth-navigation .navbar-nav > li > a { color: #232323; font-size: 16px; padding: 11px 13px; } .krth-header-two .is-sticky #search-trigger-two i, .krth-header-two .is-sticky #cart-trigger i { color: #232323; } .krth-header-two .krth-navigation .navbar-nav > li > a::after {content: none;} .krth-header-two .top-nav-icons {padding: 0 0 0 15px;float: right;} .krth-header-two .krth-nav-search, .krth-header-two .krth-nav-cart { background: transparent; position: relative; width: auto; height: auto; float: right; } .krth-header-two .krth-nav-cart {padding: 0 20px 0px 0;} .krth-header-two #search-trigger-two { padding: 0; position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .krth-header-two #search-trigger-two i, .krth-header-two #cart-trigger i { color: #232323; } .krth-header-two #cart-trigger {position: relative;} .krth-header-two #cart-trigger > span { background-color: #fa9928; width: 16px; height: 16px; text-align: center; display: block; color: #fff; font-weight: bold; font-size: 11px; line-height: 1.5; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; bottom: 12px; right: -6px; } .krth-header-two #cart-trigger i {font-size: 22px;} /* Header Three */ .krth-header-three .krth-topbar {position: relative;} .krth-header-three .krth-brand { background: transparent; position: absolute; width: 100%; } /* Header Search */ .krth-search-two { background-color: #002142; position: relative; display: none; } .krth-search-two > .container {position: relative;} .krth-search-two input { font-family: "Raleway", sans-serif; font-size: 20px; font-weight: normal; margin: 0; background: transparent; border: none; min-height: 70px; padding-right: 0; padding-left: 0; color: #fff; letter-spacing: 1px; } .krth-search-two input::-webkit-input-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-two input:-moz-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-two input::-moz-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-two input:-ms-input-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-close { cursor: pointer; right: 0; height: 18px; width: 18px; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .krth-search-close:before, .krth-search-close:after { content: ''; width: 18px; height: 2px; display: block; background-color: rgba(255,255,255,0.5); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; top: 9px; position: absolute; } .krth-search-close:after { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); } /* Search Three */ .krth-search-three {display: none;} .krth-search-three input { font-family: "Raleway", sans-serif; font-size: 20px; letter-spacing: 0.3px; background: rgba(0,0,0,0.12); border: none; margin: 0; color: #fff; min-height: 72px; padding-left: 25px; outline: none; } .krth-search-three input::-webkit-input-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-three input:-moz-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-three input::-moz-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-three input:-ms-input-placeholder {color: rgba(255,255,255,0.7);letter-spacing: 0.7px;font-weight: bold;} .krth-search-three .krth-search-close {right: 25px;} /*.layout-boxed .krth-search-three .krth-search-close {right: 65px;}*/ .layout-boxed .krth-search-three input {padding-left: 0;} /* Active Search */ .search-active .navigation-bar, .search-active .krth-nav-search { display: none !important; } .search-active .krth-search-three { display: block; } /* 4. Topbar */ .krth-topbar { background: #f5f5f5; } .krth-topbar-left { font-family: 'Roboto Slab', serif; color: #444; font-size: 13px; } .krth-topbar-left p {margin: 0;padding: 15px 0;} .krth-topbar-left, .krth-topbar-right { float: left; width: 50%; } .krth-topbar-right {text-align: right;float: right;} .krth-topbar-left ul, .krth-topbar-right ul { padding: 0; margin: 0; list-style: none; } .krth-topbar-left ul li, .krth-topbar-right ul li { display: inline-block; } .krth-topbar-right .krth-tr-element { float: none; display: inline-block; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; padding: 15px 0; margin-right: -1px; } .krth-tr-element .krth-social a { color: #888; font-size: 13px; letter-spacing: 0.5px; padding: 0 5px; } .krth-tr-element .krth-social a:hover {color: #232323;} .krth-tr-element .krth-social li:first-child a {padding-left: 20px;} .krth-tr-element .krth-social li:last-child a {padding-right: 20px;} /* Topbar Dropdown */ .krth-wpml-dropdown { position: relative; padding: 0 20px; } .wpml-not-active { padding: 15px; margin: 0 -1px 0 0; display: inline-block; border-left: 1px solid rgba(153,153,153,0.15); border-right: 1px solid rgba(153,153,153,0.15); } .krth-top-active, .krth-topdd-content li a { color: #444; font-family: 'Roboto Slab', serif; font-size: 12px; letter-spacing: 1px; text-transform: capitalize; } .krth-top-active i { color: #444; font-size: 13px; padding-left: 5px; } .rtl .krth-top-active i {padding-left: 0;padding-right: 5px;} .krth-top-active:hover, .krth-top-active:focus, .krth-top-active:hover i, .krth-top-active:focus i { color: #232323; text-decoration: none; } .krth-topbar-right .krth-topdd-content, .krth-topdd-content { position: absolute; left: 0; z-index: 9999; width: 100%; background: #fff; margin-top: 15px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px rgba(0,0,0,0.1); } .krth-topdd-content li { float: left; width: 100%; text-align: center; } .krth-topdd-content li a { padding: 8px 0; display: block; } .krth-topdd-content li a:hover { background: #f5f5f5; } .krth-topdd-content {display: none;} /** * 5. Navigation */ /* Kroth Navigation */ .krth-navigation { background: #131d33; } .navbar-nav .dropdown-menu { position: absolute; } .krth-navigation .container { position: relative; } .navigation-bar { float: left; padding-left: 0; } .krth-navigation .navbar-nav > li { padding: 22px 0; float: left; } .krth-navigation .navbar-nav > li > a { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 15px; color: #fff; letter-spacing: 0.3px; padding: 4px 22px; position: relative; } .krth-header-two.header-transparent .krth-navigation .navbar-nav > li > a {font-weight: 500;} .krth-navigation .navbar-nav > li > a:after { content: ''; height: 100%; width: 1px; background: rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.14); box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.14); position: absolute; top: 0; right: 0; border: none; } .krth-navigation .navbar-nav > li:first-child > a { padding-left: 0; } .krth-navigation .nav > li > a:focus, .krth-navigation .nav > li > a:hover, .krth-navigation .nav .open > a, .krth-navigation .nav .open > a:focus, .krth-navigation .nav .open > a:hover { background: transparent; } .dropdown-toggle .caret {display: none;} .dropdown-menu { font-family: 'Roboto Slab', serif; letter-spacing: 0.2px; padding: 0; min-width: 240px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; margin-top: 0; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.15); box-shadow: 0 6px 8px rgba(0,0,0,.15); } /* Menu Dropdown Active */ /*.krth-navigation .navbar-nav > li:nth-child(2n) .dropdown-menu { display: block !important; }*/ .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #fafafa;color: #131d33; } .dropdown-menu > li > a { padding: 14px 25px; color: #232323; border-bottom: 1px solid #eee; font-weight: 500; display: block; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color: #eee;} .dropdown-menu > li:last-child > a {border-bottom: none;} .dropdown-menu > li .dropdown-menu { left: 100%; top: 0; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #fafafa;color: #131d33;} .dropdown-menu > li.dropdown > a {position: relative;} .dropdown-menu > li.dropdown > a:after { content: '\f0da'; font-family: 'FontAwesome'; color: #aaa; position: absolute; top: auto; right: 25px; padding: 1px 0 0; } .krth-navigation ul > li.current-menu-ancestor > a, .krth-navigation ul > li.active > a, .krth-header-two .krth-navigation .navbar-nav > li.current-menu-ancestor > a { color: #fa9928; } /* Mean Menu */ .mean-container {position: relative;} .krth-header-nav {display: none;} .mean-container.krth-brand, .krth-header-two .mean-container .top-nav-icons {padding: 0;} .mean-container.krth-brand .krth-logo, .krth-header-two .mean-container .top-nav-icons {padding: 0;line-height: 70px;} .krth-header-two .mean-container .krth-nav-cart { padding: 0; width: 70px; height: 70px; text-align: center; background: rgba(0,0,0,0.4); border-right: 1px solid rgba(255,255,255,0.12); } .krth-header-two .mean-container .krth-nav-search { border-left: 1px solid rgba(255,255,255,0.12); border-right: 1px solid rgba(255,255,255,0.12); } .krth-header-two .mean-container #search-trigger-two i, .krth-header-two .mean-container #cart-trigger i {color: #fff;} .mean-container .krth-search-three, .mean-container .krth-nav-search {height: 70px;width: 70px;text-align: center;} .mean-container #search-trigger, .mean-container #search-trigger-two {left: 0;right: 0;padding: 0;} .search-active.mean-container .mean-bar .meanmenu-reveal {display: none;} .mean-container .mean-nav ul li a { font-family: "Raleway", sans-serif; font-weight: bold; color: #fff; letter-spacing: 0.5px; } .mean-container .mean-bar { min-height: 70px; padding: 0; background: #131d33; max-height: 90vh; overflow-y: scroll; z-index: 9999; } .mean-container .mean-nav { margin-top: 70px; background: #131d33; } .mean-container .mean-nav ul li a { border-top-color: rgba(255,255,255,0.1); padding: 1em 3%; width: auto; float: none; } .mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li li li a, .mean-container .mean-nav ul li li li li a, .mean-container .mean-nav ul li li li li li a { border-top-color: rgba(255,255,255,0.1); width: auto; float: none; } .mean-container .mean-nav ul li li a {padding: 1em 7%;} .mean-container .mean-nav ul li li li a {padding: 1em 11%;} .mean-container .mean-nav ul li li li li a {padding: 1em 15%;} .mean-container .mean-nav ul li li li li li a {padding: 1em 19%;} .mean-container .mean-nav ul li a.mean-expand { border: none !important; padding: 10px 11px 9px !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background-color: rgba(0,0,0,0.5); } .mean-container .mean-nav ul li a.mean-expand span:first-child { width: 16px; height: 2px; display: inline-block; background: #f9f9f9; position: relative; top: -1px; left: 1px; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked span:first-child {left: 0;} .mean-container .mean-nav ul li a.mean-expand span:last-child { width: 2px; height: 16px; display: inline-block; background: #f9f9f9; position: relative; top: 6px; left: -8px; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked span:last-child {display: none;} .mean-container a.meanmenu-reveal { padding: 24px; width: 25px; background-color: rgba(0,0,0,0.4); } .mean-container a.meanmenu-reveal span { height: 2px; width: 100%; margin: 5px auto 0; -webkit-transition: width .3s ease; -moz-transition: width .3s ease; transition: width .3s ease; } .mean-container a.meanmenu-reveal span:first-child {margin-top: 3px;} .mean-container a.meanmenu-reveal.meanclose span:first-child { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); top: 50%;left: 0;right: 0; position: absolute; width: 25px;height: 3px; margin: 0 auto; } .mean-container a.meanmenu-reveal.meanclose span:last-child { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); top: 50%;left: 0;right: 0; position: absolute; width: 25px;height: 3px; margin: 0 auto; } .mean-container a.meanmenu-reveal.meanclose span:nth-child(2n) {width: 0;} .mean-container .krth-header-nav, .mean-container .navigation-bar {display: none;} /* Search */ .krth-nav-search { float: right; background-color: rgba(0,0,0,0.12); position: absolute; top: 0; right: 0; width: 60px; height: 100%; z-index: 9999; } #search-trigger, #search-trigger-two { padding: 0 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #search-trigger i, #search-trigger-two i { font-size: 18px; font-weight: bold; color: #fff; } /* 6. Title Area */ .krth-title-area { background: #f8f8f8; padding: 65px 0 70px; text-align: center; position: relative; } .krth-title-area .page-title { font-family: 'Roboto Slab', serif; font-size: 28px; color: #232323; font-weight: bold; position: relative; z-index: 1; } .krth-title-overlay { position: absolute; top: 0;left: 0; width: 100%;height: 100%; z-index: 0; } /* 7. Breadcrumbs */ .krth-breadcrumbs { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 14px; padding-bottom: 14px; } .krth-breadcrumbs ul { padding: 0; list-style: none; margin: 0; font-family: 'Roboto Slab', serif; color: #232323; } .krth-breadcrumbs ul li { display: inline-block; } .krth-breadcrumbs ul li:after { content: '\f105'; font-family: 'FontAwesome'; padding: 0 12px 0 14px; } .krth-breadcrumbs ul li:last-child:after {content: none;} .krth-breadcrumbs a { color: #232323; } h2.trail-browse { display: none; } /* * 8. Brand */ .krth-brand { background: #fff; padding: 35px 0; } /* Text Logo */ .text-logo { font-family: "Roboto Slab", Arial, sans-serif; font-size: 30px; font-weight: bold; color: #232323; } .header-transparent .text-logo {color: #fff;} .header-transparent .is-sticky .text-logo {color: #232323;} .krth-logo { float: left; padding: 10px 0; max-width: 30%; flex: 0 0 30%; } .krth-logo a { display: inline-block; } .krth-logo a img { max-width: 100%; max-height: 100%; } .krth-topbar-left .krth-top-info {float: left;} .krth-topbar-right .krth-top-info {float: right;} .header-brand-info { float: right; max-width: 70%; flex: 0 0 70%; } .header-brand-info .krth-top-info { float: right; } /* Default Logo - Active */ .krth-logo img.retina-logo, .header-transparent .krth-logo.hav-transparent-logo .transparent-retina-logo, .header-transparent .is-sticky .krth-logo.hav-transparent-logo .transparent-default-logo, .header-transparent .krth-logo.hav-transparent-logo .default-logo, .header-transparent .krth-logo.hav-transparent-logo .retina-logo, .dont-transparent .krth-logo.hav-transparent-logo .transparent-logo, .krth-logo.hav-mobile-logo img.mobile-logo {display: none;} /* Transparent Logo */ .krth-logo img.default-logo, .header-transparent .is-sticky .krth-logo.hav-transparent-logo .default-logo.sticky-logo {display: inline-block;} /* Retina Logo - Active */ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) { /* Default Logo - Active */ .krth-logo img.default-logo, .header-transparent .krth-logo.hav-transparent-logo .transparent-default-logo, .header-transparent .is-sticky .krth-logo.hav-transparent-logo .transparent-retina-logo, .header-transparent .is-sticky .krth-logo.hav-transparent-logo .default-logo.sticky-logo {display: none;} /* Transparent Logo */ .krth-logo img.retina-logo, .header-transparent .krth-logo.hav-transparent-logo .transparent-retina-logo, .header-transparent .is-sticky .krth-logo.hav-transparent-logo .retina-logo.sticky-logo, .dont-transparent .krth-logo.hav-transparent-logo.hav-mobile-logo .retina-logo {display: inline-block;} } /** * 9. Elements */ /* Tooltip */ .tooltip-inner { background-color: #fff; border: 1px solid #e8e8e8; color: #777; font-size: 11px; letter-spacing: 0.3px; padding: 0; padding: 10px 18px; -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.07); box-shadow: 0 0 15px 2px rgba(0,0,0,0.07); } .tooltip.top { padding: 5px 0; margin-top: -8px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border: none; background: url('../images/tooltip-top.png'); width: 11px; height: 7px; display: inline-block; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .tooltip.top .tooltip-arrow { background: url('../images/tooltip-top.png'); background-size: 11px 7px; } } /* ul li Fixes */ .simple-fix, .simple-fix ul { padding: 0; margin: 20px 0; list-style: none; display: inline-block; } .simple-fix li, .simple-fix ul li { float: left; padding-right: 12px; } .simple-fix li:last-child, .simple-fix ul li:last-child {padding: 0;} /* Link Styles */ .krth-link-arrow-right, .krth-link-arrow-left { font-family: 'Roboto Slab', serif; font-size: 15px; color: #131d33; margin: 15px 0; display: block; } .krth-link-arrow-right i, .krth-link-arrow-left i { color: #131d33; font-size: 16px; padding-left: 7px; position: relative; top: 1px; } .krth-link-arrow-left i {padding-left: 0;padding-right: 7px;float: left;top: 4px;} .krth-link-arrow-right:hover, .krth-link-arrow-right:hover i, .krth-link-arrow-left:hover, .krth-link-arrow-left:hover i {color: #232323;} .krth-link-underline { color: #131d33; letter-spacing: 0.1px; font-weight: bold; position: relative; margin: 8px 0 20px; display: inline-block; } .krth-link-underline:after { content: ''; position: absolute; bottom: -1px;left: 0; background: #131d33; height: 2px; width: 100%; display: block; } /* Separator */ .krth-separator-one { height: 1px; width: 100%; display: block; background-color: #eee; } /* Contact Box */ .contact-box-one { display: inline-block; width: 100%; padding: 25px 50px 40px; margin: 50px 0; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02); } .contact-box-one .form-title {margin-bottom: 25px;} .contact-box-two { display: inline-block; width: 100%; padding: 5px 30px 20px; margin: 50px 0; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05); } .contact-box-two .form-title {margin-bottom: 20px;font-weight: normal;} .contact-box-one div.wpcf7 img.ajax-loader, .contact-box-two div.wpcf7 img.ajax-loader {display: none;} /* Contact Form 7 */ .wpcf7 p { font-family: 'Roboto Slab', serif; font-weight: normal; font-size: 14px; color: #555; margin: 0; } .wpcf7 p input, .select-size .wpcf7 .nice-select { font-size: 13px; } .wpcf7-form-control-wrap > label {margin-top: 10px;} .wpcf7-select-field { position: relative; } .wpcf7 .nice-select { min-height: 45px; background: transparent; margin: 8px 0 12px; color: #232323; -webkit-box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.06); box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.06); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } div.wpcf7-response-output { margin: 1em 0 1em; padding: 10px 15px; float: left; width: 100%; } .contact-page-one div.wpcf7 {margin-top: 25px;} .contact-page-one .wpcf7 .wpcf7-form > p, .contact-page-one .wpcf7 .wpcf7-form .row > p { margin-bottom: 8px; float: left; width: 100%; } .contact-page-one .wpcf7 .wpcf7-form > p textarea, .contact-page-one .wpcf7 .wpcf7-form .row > p textarea { max-width: 100%; max-height: 175px; } .contact-page-one .wpcf7 input[type="submit"] {padding: 14px 25px;} .contact-page-one input, .contact-page-one textarea {padding: 12px 20px;} .contact-page-one select {padding-top: 0;padding-bottom: 0;font-weight: normal;} .contact-page-one select option {padding: 11px 20px;} .contact-page-one .wpcf7 input[type="submit"] { outline: none; } span.wpcf7-not-valid-tip { display: none; } .wpcf7 input[type="text"].wpcf7-not-valid, .wpcf7 input[type="email"].wpcf7-not-valid, .wpcf7 input[type="url"].wpcf7-not-valid, .wpcf7 input[type="tel"].wpcf7-not-valid, .wpcf7 input[type="number"].wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid { border-color: red; } /* Address Info */ .krth-address-info { font-family: 'Roboto Slab', serif; float: left; padding-right: 50px; } .krth-address-info:last-child {padding-right: 0;} .krth-address-info i { color: #232323; font-size: 32px; float: left; padding-top: 5px; } .krth-ai-content { float: right; padding-left: 12px; line-height: 20px; } .krth-address-info span, .krth-address-info span a { color: #232323; padding: 0 0 4px; display: block; } .header-brand-info .krth-address-info span {font-weight: bold;} .krth-address-info span a {padding: 0;} .krth-address-info p, .krth-address-info .krth-ai-content > a { font-size: 13px; margin: 0; color: #777; letter-spacing: 0.3px; } .krth-ai-two { padding: 12px 30px 12px 0; } .krth-ai-two { padding: 12px 30px 12px 0; } .krth-ai-two span a { font-weight: normal; color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .krth-ai-two span, .krth-ai-two i {padding: 0;} .krth-ai-two i {font-size: 20px;} .krth-ai-two .krth-ai-content > p {display: none;} /* Spacer */ .krth-spacer { display: block; height: 0; } /* Chart */ .krth-chart { margin: 20px auto; } .krth-chart canvas { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; } .krth-chart-text { position: absolute; left: 0px; right: 0px; top: 50%; margin: 0 !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .krth-chart-text h1, .krth-chart-text h2, .krth-chart-text h3, .krth-chart-text h4, .krth-chart-text h5, .krth-chart-text h6 {margin: 0;} /* Buttons */ .krth-btn { font-family: 'Roboto Slab', serif; border: none; position: relative; display: inline-block; } .btn-small { font-size: 12px; padding: 12px 12px; } .btn-medium { font-size: 14px; padding: 11px 27px; } .btn-large { font-size: 16px; padding: 16px 30px; } .btn-primary { background-color: #131d33; color: #fff; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover { background-color: #131d33; } .btn-hover-two:after, .btn-third:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 0; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(0,0,0,0.2); } .btn-hover-two:hover:after, .btn-third:hover:after {width: 100%;} .btn-text { display: inline-block; position: relative; z-index: 2; } .btn-secondary { background-color: #fa9928; color: #232323; } .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { color: #232323; } .btn-third { color: #555; text-transform: uppercase; background: transparent; border: 1px solid #e8e8e8; letter-spacing: 0.3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .btn-third:hover { border: 1px solid #131d33; color: #fff; } .btn-third:active, .btn-third:focus, .btn-third:hover:after { border: 1px solid #131d33; background-color: #131d33; color: #fff; } .btn-rounded, .btn-rounded:hover, .btn-hover-two:after { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .btn-hover-one {position: relative;} .btn-hover-one .btn-text {position: relative;z-index: 2;} .btn-hover-one:hover:after { content: ''; background: rgba(0,0,0,0.1); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } /* Button Fourth */ .btn-fourth { background: #f6f6f6; border: 1px solid #f0f0f0; font-family: "Raleway", sans-serif; text-transform: uppercase; color: #232323; font-size: 12px; letter-spacing: 0.3px; font-weight: bold; padding: 20px 40px; } .btn-fourth:hover, .btn-fourth:focus, .btn-fourth:active { border: 1px solid #f0f0f0; } .error404 .btn-fourth { margin: 35px 0; } .error404 .btn-fourth:hover {color: #131d33;} /* Button Icon */ .btn-icon-left i { float: left; line-height: 1.3; padding-right: 13px; } .btn-icon-right i { float: right; line-height: 1.3; padding-left: 13px; } .btn-icon-left .btn-text, .btn-icon-right .btn-text { line-height: 1.7; } /* Call to Action */ .krth-cta {padding-left: 15px;padding-right: 15px;} .krth-cta-one { float: left; width: 100%; background-color: transparent; font-family: 'Roboto Slab', serif; font-size: 22px; padding: 22px 15px; } .krth-cta-one p { color: #232323; margin: 0; padding: 7px 0; line-height: 30px; } .krth-cta-one p > span { font-weight: normal; padding-left: 15px; } .krth-cta-cnt {float: left;} .krth-cta-fullwidth .vc_column_container > .vc_column-inner, .krth-cta-fullwidth.vc_row-has-fill > .vc_column_container > .vc_column-inner, .krth-cta-fullwidth.vc_row-has-fill + .vc_row-full-width + .krth-cta-fullwidth.vc_row > .vc_column_container > .vc_column-inner {padding: 0;} .krth-cta-fullwidth {background-color: #fa9928;} .cta-cnt-left .krth-cta-cnt, .cta-cnt-right .krth-btn {float: left;} .cta-cnt-left .krth-btn, .cta-cnt-right .krth-cta-cnt {float: right;font-weight: bold;} .cta-cnt-left .krth-btn {margin-left: 15px;} .cta-cnt-right .krth-btn {margin-right: 15px;} /* Call to Action - Two */ .krth-cta-two { padding: 55px 15px; font-family: 'Roboto Slab', serif; float: left; width: 100%; } .krth-cta-two h1, .krth-cta-two h2, .krth-cta-two h3, .krth-cta-two h4, .krth-cta-two h5, .krth-cta-two h6 { margin: 0 0 8px; color: #fff; letter-spacing: 0.8px; } .krth-cta-two p { margin: 0; color: #ccc; font-weight: normal; font-size: 17px; } .krth-cta-two .krth-btn { float: right; margin-top: 15px; } /* Services One */ .krth-service-one { margin: 20px 0; float: left; width: 100%; text-align: left; } .krth-service-one .service-image { position: relative; float: left; width: 100%; } .krth-service-one .service-image:after { content: ''; background: transparent; position: absolute; top: 0;left: 0;right: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .krth-service-one:hover .service-image:after { background: rgba(0,0,0,0.2); } .krth-service-one .service-image img {max-width: 100%;} .krth-service-one .service-heading { font-family: 'Roboto Slab', serif; font-size: 17px; color: #232323; margin: 24px 0 18px; float: left; width: 100%; font-weight: bold; } .krth-service-one p { color: #888; float: left; width: 100%; line-height: 25px; } .krth-service-one .services-read-more { font-family: 'Roboto Slab', serif; font-size: 15px; color: #131d33; margin: 10px 0 0; display: inline-block; } /* Services Two */ .krth-service-two { position: relative; float: left; width: 100%; background-color: #fff; border: 1px solid #f0f0f0; padding: 30px 30px 22px 22px; margin: 15px 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .krth-service-two:hover { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05); box-shadow: 0 0 5px 2px rgba(0,0,0,0.05); } .krth-service-two:after { content: ''; position: absolute; right: 0; bottom: 0; height: 0; width: 3px; background-color: #131d33; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .krth-service-two:hover:after { height: 100%; } .krth-service-two .service-icon { float: left; width: 17%; color: #fa9928; font-size: 30px; } .krth-service-two .services-content { float: right; width: 83%; } .krth-service-two .service-heading { margin: 0 0 10px; font-size: 17px; color: #333; font-weight: normal; display: block; } .service-heading { font-family: 'Roboto Slab', serif; line-height: 1.3; } /* Service Three */ .krth-service-three { margin: 25px 0 10px; float: left; width: 100%; } .krth-service-three .service-icon { color: #fa9928; font-size: 38px; float: left; width: 10%; text-align: center; } .krth-service-three .services-content { float: left; padding-left: 24px; width: 90%; } .krth-service-three .services-content p { line-height: 1.7; } .krth-service-three .service-heading { color: #333; margin: 0 0 12px; font-size: 18px; font-weight: normal; display: block; } /* Service Four */ .krth-service-four { float: left; width: 100%; margin: 25px 0; } .krth-service-four .service-icon { color: #fa9928; font-size: 46px; } .krth-service-four .services-content p { font-size: 15px; } .krth-service-four .service-heading { font-size: 20px; color: #333; margin: 4px 0 12px; font-weight: normal; display: block; } /* Service Five */ .krth-service-five { position: relative; margin: 20px 0 20px 20px; display: inline-block; width: 100%; } .krth-service-five .service-heading { font-size: 18px; font-family: 'Roboto Slab', serif; color: #232323; margin: 0 0 10px; display: block; } .krth-service-five .service-icon { color: #fa9928; font-size: 22px; float: left; position: absolute; left: -30px; height: 100%; top: 2px; } /* Tab Links */ .krth-tab-links { float: left; width: 100%; padding: 0; margin: 0; list-style: none; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); } .krth-tab-links li a { font-family: 'Roboto Slab', serif; font-size: 15px; color: #232323; padding: 20px 25px; display: block; border-bottom: 1px solid #e8e8e8; background: #fff; } .krth-tab-links li a:hover {background-color: #fafafa;} .krth-tab-links li:last-child a {border-bottom: none;} .krth-tab-links li a.btl-view-all { color: #131d33; } .btl-view-all:after { content: '\f0da'; font-family: 'FontAwesome'; color: #131d33; font-size: 16px; padding-left: 8px; position: relative; top: 1px; } /* Counter */ .krth-counter-one { font-family: 'Roboto Slab', serif; text-align: center; margin: 40px 0 30px; display: inline-block; } .counter-values { position: relative; margin-bottom: 6px; } .counter-values .cvalues { font-size: 38px; letter-spacing: 0.5px; font-weight: bold; display: inline-block; color: #232323; } .counter-values .cvalue-in { position: absolute; top: 6px; padding-left: 5px; display: inline-block; font-size: 20px; color: #232323; } .counter-label { font-size: 16px; letter-spacing: 0.3px; } /* Counter Two */ .krth-counter-two { font-family: 'Roboto Slab', serif; float: left; width: 100%; border-bottom: 1px solid #eee; padding: 20px 25px 10px 0; } .krth-counter-two .counter-values { float: left; } .krth-counter-two .counter-values .cvalues, .krth-counter-two .counter-values .cvalue-in { color: #232323; font-size: 20px; position: relative; top: 0; padding-left: 0; font-weight: normal; } .krth-counter-two .counter-values .cvalue-in {padding-left: 8px;} .krth-counter-two .counter-label { font-family: "Raleway", sans-serif; font-size: 15px; color: #555; letter-spacing: 0.3px; float: right; margin-top: 4px; } /* Single Image Zoom */ .single-image-zoom {overflow: hidden;} .single-image-zoom img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-image-zoom:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } /* Social Icons */ .krth-social { list-style: none; padding: 0; margin: 0; } .krth-social li { display: inline-block; padding: 0 5px; } .krth-social li a { color: #777; font-size: 15px; letter-spacing: 0.3px; } .krth-social li a:hover { color: #999; } /* Social Icons Two */ .krth-social-two { padding: 0; margin: 0; list-style: none; } .krth-social-two li { float: left; margin: 10px 5px 0 0; } .krth-social-two li:last-child {margin-right: 0;} .krth-social-two li a { font-size: 16px; color: #222327; width: 34px; height: 34px; line-height: 34px; display: block; text-align: center; background: rgba(255,255,255,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .krth-social-two li a:hover { background: rgba(255,255,255,0.3); } /* Portfolio Carousel */ .bpw-portfolio-carousel {margin: 50px 0 30px;} /* Controls */ .bpw-portfolio-carousel .owl-controls { position: absolute; top: -75px; right: 0; width: 80px; } .bpw-portfolio-carousel .slider-no-current, .bpw-portfolio-carousel .slider-no-next {display: none;} .bpw-portfolio-carousel .owl-controls .owl-prev > .current-monials { margin-right: 10px; } .bpw-portfolio-carousel .owl-controls .owl-prev > .current-monials, .bpw-portfolio-carousel .owl-controls .owl-next > .next-monials { border: 2px solid #e8e8e8; width: 35px; height: 35px; line-height: 30px; display: inline-block; text-align: center; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .bpw-portfolio-carousel .owl-controls .owl-prev > .current-monials:before, .bpw-portfolio-carousel .owl-controls .owl-next > .next-monials:before { content: '\f104'; font-family: 'FontAwesome'; color: #888; font-size: 18px; } .bpw-portfolio-carousel .owl-controls .owl-next > .next-monials:before { content: '\f105'; } /* Isotope Portfolio */ .krth-portfolios.bpw-style-one, .krth-portfolios.bpw-style-two { float: left; width: 100%; } /* Two Column With Gutter */ .bpw-col-2 .grid-sizer, .bpw-col-2 .krth-portfolio-item {width: 49%;margin-bottom: 25px;} .bpw-col-2 .gutter-sizer {width: 2%;} .bpw-no-gutter.bpw-col-2 .grid-sizer, .bpw-no-gutter.bpw-col-2 .krth-portfolio-item {width: 50%;margin: 0;} .bpw-no-gutter.bpw-col-2 .gutter-sizer {width: 0;} /* Three Column With Gutter */ .bpw-col-3 .grid-sizer, .bpw-col-3 .krth-portfolio-item {width: 31.96%;margin-bottom: 25px;} .bpw-col-3 .gutter-sizer {width: 2.1%;} .bpw-no-gutter.bpw-col-3 .grid-sizer, .bpw-no-gutter.bpw-col-3 .krth-portfolio-item {width: 33.3333%;margin: 0;} .bpw-no-gutter.bpw-col-3 .gutter-sizer {width: 0;} /* Four Column With Gutter */ .bpw-col-4 .grid-sizer, .bpw-col-4 .krth-portfolio-item {width: 23.89%;margin-bottom: 18px;} .bpw-col-4 .gutter-sizer {width: 1.5%;} .bpw-no-gutter.bpw-col-4 .grid-sizer, .bpw-no-gutter.bpw-col-4 .krth-portfolio-item {width: 25%;margin: 0;} .bpw-no-gutter.bpw-col-4 .gutter-sizer {width: 0;} /* Five Column With Gutter */ .bpw-col-5 .grid-sizer, .bpw-col-5 .krth-portfolio-item {width: 18.8%;margin-bottom: 18px;} .bpw-col-5 .gutter-sizer {width: 1.5%;} .bpw-no-gutter.bpw-col-5 .grid-sizer, .bpw-no-gutter.bpw-col-5 .krth-portfolio-item {width: 20%;margin: 0;} .bpw-no-gutter.bpw-col-5 .gutter-sizer {width: 0;} .krth-portfolio-item { position: relative; float: left; } .bpw-style-one .krth-portfolio-item .bpw-content { position: absolute; top: 50%;left: 0; width: 100%; display: block; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .bpw-style-one .krth-portfolio-item .bpw-content-overlay, .bpw-style-two .krth-portfolio-item .bpw-content-overlay { position: absolute; top: 0;left: 0; height: 100%; width: 100%; background: rgba(19,29,51,0.9); } .bpw-style-one .krth-portfolio-item .bpw-content, .bpw-style-one .krth-portfolio-item .bpw-content-overlay { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .bpw-style-one .krth-portfolio-item:hover .bpw-content, .bpw-style-one .krth-portfolio-item:hover .bpw-content-overlay { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .bpw-style-one .krth-portfolio-item .bpw-content .bpw-heading, .bpw-style-one .krth-portfolio-item .bpw-content .bpw-btn { position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .bpw-style-one .krth-portfolio-item .bpw-content .bpw-heading { top: -10px; } .bpw-style-one .krth-portfolio-item .bpw-content .bpw-btn { bottom: -10px; } .bpw-style-one .krth-portfolio-item:hover .bpw-content .bpw-heading { top: 0; } .bpw-style-one .krth-portfolio-item:hover .bpw-content .bpw-btn { bottom: 0; } .bpw-style-one .bpw-content .bpw-heading, .bpw-col-5.bpw-normal-size.bpw-style-one .bpw-content .bpw-heading { color: #fff; font-weight: bold; letter-spacing: 0.3px; font-size: 18px; margin: 0 0 10px; padding: 0 15px; } .bpw-style-one .bpw-content .bpw-btn, .bpw-col-5.bpw-normal-size.bpw-style-one .bpw-content .bpw-btn { font-size: 11px; font-weight: bold; color: #232323; background-color: #fa9928; padding: 10px 18px; display: inline-block; text-transform: uppercase; letter-spacing: 0.3px; } .bpw-col-4.bpw-style-one .bpw-content .bpw-heading, .bpw-col-5.bpw-style-one .bpw-content .bpw-heading {font-size: 15px;font-weight: normal;} .bpw-col-5.bpw-style-one .bpw-content .bpw-btn {font-size: 12px;font-weight: bold;padding: 6px 10px;} .bpw-style-one .bpw-featured-img img, .bpw-style-two .bpw-featured-img img {max-width: 100.5% !important;width: 100.5%;} /* Border Radius in Portfolio Item Style One */ .bpw-style-one, .bpw-style-one .bpw-featured-img img, .bpw-style-one .bpw-content-overlay, .bpw-style-one .bpw-content .bpw-btn, .bpw-style-two .krth-portfolio-item { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bpw-no-gutter.bpw-style-one, .bpw-no-gutter.bpw-style-one .bpw-featured-img img, .bpw-no-gutter.bpw-style-one .bpw-content-overlay, .bpw-no-gutter.bpw-style-two .krth-portfolio-item { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* Portfolio Style Two - Specific */ .bpw-style-two .bpw-featured-img {position: relative;text-align: left;} .bpw-style-two .bpw-featured-img, .bpw-style-two .bpw-featured-img img, .bpw-style-two .bpw-featured-img .bpw-content-overlay { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .bpw-style-two .krth-portfolio-item { background: #fff; text-align: center; overflow: hidden; } .bpw-style-two .krth-portfolio-item .bpw-content { border: 1px solid #f0f0f0; border-top: none; padding: 25px 20px 30px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .bpw-style-two .krth-portfolio-item:hover .bpw-content { border-color: #fa9928; background: #fa9928; } .bpw-style-two .krth-portfolio-item:hover .bpw-content .bpw-heading, .bpw-style-two .krth-portfolio-item:hover .bpw-content .bpw-category {color: #fff;} .bpw-style-two .bpw-content .bpw-heading { font-size: 16px; color: #232323; font-weight: bold; display: block; margin: 0 0 2px; } .bpw-style-two .bpw-content .bpw-category { color: #777; letter-spacing: 0.3px; } .bpw-no-gutter.bpw-style-two {margin: 0 auto 40px;} .bpw-no-gutter.bpw-style-two .bpw-featured-img, .bpw-no-gutter.bpw-style-two .bpw-featured-img img, .bpw-no-gutter.bpw-style-two .bpw-featured-img .bpw-content-overlay, .bpw-no-gutter.bpw-style-two .krth-portfolio-item .bpw-content { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .bpw-no-gutter.bpw-style-two .krth-portfolio-item { -webkit-box-shadow: none; box-shadow: none; background-color: #f8f8f8; } .bpw-no-gutter.bpw-style-two .krth-portfolio-item .bpw-content {border: none;} .bpw-col-5.bpw-style-two .bpw-content .bpw-heading {font-size: 14px;font-weight: bold;} .bpw-col-5.bpw-style-two .bpw-content .bpw-category {font-size: 13px;font-weight: bold;} .bpw-col-5.bpw-style-two .bpw-content {padding: 20px 10px 20px;} .bpw-style-two .bpw-content .bpw-category:hover {color: #232323;} .bpw-style-two .bpw-content .bpw-category:after {content: ', ';} .bpw-style-two .bpw-content .bpw-category:last-child:after {content: none;} .bpw-style-two .krth-portfolio-item .bpw-content-overlay { background: rgba(19,29,51,0.7); color: #fff; height: 100%; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .bpw-style-two .krth-portfolio-item:hover .bpw-content-overlay { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .bpw-style-two .bpw-content-overlay .bpw-plus-icon { width: 20px; height: 20px; display: inline-block; position: relative; right: 0;left: 0; margin: 0 auto; } .bpw-style-two .krth-portfolio-item .bpw-content-overlay .bpw-plus-icon { position: absolute; top: 50%; font-size: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .bpw-style-two .bpw-content-overlay .bpw-plus-icon:before, .bpw-style-two .bpw-content-overlay .bpw-plus-icon:after { content: ''; position: absolute; top: 9px;left: 0; background: white; width: 20px; height: 2px; display: inline-block; margin: 0 auto; } .bpw-style-two .bpw-content-overlay .bpw-plus-icon:after { width: 2px; height: 20px; top: 0; left: 9px; } /* Filter Option */ .bpw-filter { font-size: 15px; margin: 20px 0 35px; float: left; width: 100%; } .bpw-filter li {padding-right: 22px;} .bpw-filter li:last-child {padding-right: 0;} .bpw-filter li .btn-active:after { content: ''; background: #fa9928; width: 100%; height: 2px; display: block; margin: 1px 0 0; } .bpw-filter a {color: #888;float: left;text-transform: capitalize;} .bpw-filter .btn-active, .bpw-filter a:hover { color: #232323; } /* Project Details */ .krth-project-details { border: 1px solid #eee; margin: 35px 0 15px; } .bpd-header { background-color: #f9f9f9; border-bottom: 1px solid #eee; padding: 35px 38px; } .bpd-header .bpd-heading { padding: 0 0 10px; margin: 0; font-size: 18px; border-bottom: 1px solid #efefef; } .krth-project-details ul { margin: 20px 0 0; color: #555; font-size: 15px; } .krth-project-details ul a {color: #555;} .krth-project-details ul li { float: left; width: 100%; padding: 7px 0; } .krth-project-details ul li:last-child {padding: 7px 0;} .krth-project-details strong { color: #232323; font-weight: normal; } .krth-project-details .bpd-content { padding: 35px 38px; } .bpd-content h4 { margin: 0; } .bpd-content hr {margin: 12px 0 20px;} .sngl-port-cnt {position: relative;z-index: 0;} .single-portfolio .krth-content-area p { font-size: 15px; line-height: 1.6; display: inline-block; width: 100%; color: #777; } .krth-portfolio-next-prev { position: fixed; left: 0; right: 0; width: 100%; z-index: 0; overflow: hidden; height: 60px; top: 50%; } .krth-portfolio-next { float: right; } .krth-portfolio-next .krth-port-nav-nm, .krth-portfolio-prev .krth-port-nav-nm { background: rgba(0,0,0,0.2); height: 60px; width: 28px; display: inline-block; line-height: 60px; font-size: 24px; color: #fff; text-align: center; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .krth-portfolio-next:hover .krth-port-nav-nm, .krth-portfolio-prev:hover .krth-port-nav-nm {background-color: #131d33;} .krth-portfolio-prev .krth-port-nav-nm { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; position: absolute; left: 0; } .krth-portfolio-prev .krth-port-nav-hm, .krth-portfolio-next .krth-port-nav-hm { position: absolute; left: -100%; top: 0; height: 60px; display: inline-block; line-height: 60px; color: #fff; background-color: #131d33; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 15px 0 10px; z-index: 1; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .krth-portfolio-next .krth-port-nav-hm { left: auto;right: -100%; padding: 0 10px 0 15px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .krth-portfolio-prev:hover .krth-port-nav-hm {left: 0 !important;} .krth-portfolio-next:hover .krth-port-nav-hm {right: 0 !important;} .krth-portfolio-next .krth-port-nav-hm i, .krth-portfolio-prev .krth-port-nav-hm i {position: relative;top: 3px;font-size: 24px;} .krth-portfolio-next .krth-port-nav-hm i {padding-left: 19px;} .krth-portfolio-prev .krth-port-nav-hm i {padding-right: 19px;} .krth-portfolio-next i {padding-left: 4px;} .krth-portfolio-prev i {padding-right: 4px;} /* Accordion */ .card-header { background: transparent; padding: 0; } .krth-panel-one { margin: 45px 0; } .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .panel { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .krth-panel-one .panel-default .panel-heading, .krth-panel-one .panel-title { font-family: 'Roboto Slab', serif; color: #232323; font-size: 16px; background-color: transparent; border: none; padding: 0; position: relative; } .krth-panel-one .card.panel-default { border: none; } .panel-default .panel-heading button { box-shadow: none; outline: none; text-decoration: none; } .accordion>.card>.card-header { border: none; } .krth-panel-one .panel-default .panel-heading button:before, .krth-panel-one .panel-default .panel-heading button.collapsed:before { content: '\f0da'; color: #bbb; background: #f4f4f4; font-family: 'FontAwesome'; font-size: 16px; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 17px; } .krth-panel-one .panel-default .panel-heading.accordion-active button:before, .krth-panel-one .panel-default .panel-heading button:before { content: '\f0d7'; color: #fff; background: #fa9928; } .krth-panel-one .panel-default .panel-heading.accordion-active button:after, .krth-panel-one .panel-default .panel-heading button:after { content: ''; position: absolute; bottom: -10px; left: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #fa9928; } .krth-panel-one .panel-default .panel-heading button.collapsed:after { content: none; } .krth-panel-one .panel-default .panel-heading button.btn.btn-link.panel-title.collapsed:before { content: '\f0da'; color: #bbb; background: #f4f4f4; font-family: 'FontAwesome'; font-size: 16px; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-right: 17px; border-left: none; border-right: none; border-top: none; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .panel-body p, .krth-panel-two .card-body.panel-body p, .card-body.panel-body p { border: none; padding: 0; font-size: 15px; letter-spacing: 0.3px; } .panel-group .panel-heading + .panel-collapse > .panel-body ul, .card-body.panel-body ul { padding: 0; margin: 5px 0; float: left; width: 100%; list-style: none; letter-spacing: 0.3px; } .panel-group .panel-heading + .panel-collapse > .panel-body ul li, .card-body.panel-body ul li { display: block; margin-bottom: 10px; position: relative; padding-left: 15px; } .panel-group .panel-heading + .panel-collapse > .panel-body ul li:before, .card-body.panel-body ul li:before { content: ''; width: 7px; height: 7px; border: 1px solid #aaa; display: inline-block; background: transparent; position: absolute; left: 0; top: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .krth-panel-one .panel-collapse { padding-left: 50px; } .card-body.panel-body { padding: 0 0 10px 50px; display: inline-block; width: 100%; } .krth-panel-one .panel-title { margin-bottom: 20px; display: inline-block; } .panel-title:hover, .panel-title:focus { color: #232323; } .panel-title i {padding-right: 10px;} .panel-group .panel + .panel { margin-top: 15px; } .panel-body > .wpb_content_element {margin-bottom: 15px;} /* Accordion Two */ .krth-panel-two { margin: 20px 0; display: inline-block; width: 100%; } .krth-panel-two .panel-default { border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-top: 15px; } .krth-panel-two.accordion>.card:not(:last-of-type) { border-bottom: 1px solid #e5e5e5; } .krth-panel-two .panel-heading { padding: 0; background: transparent; font-family: 'Roboto Slab', serif; font-size: 15px; color: #555; position: relative; } .krth-panel-two .panel-heading a, .krth-panel-two h4.accordion-title.panel-heading .btn-link { padding: 13px 25px; display: block; } .krth-panel-two .panel-heading.accordion-active:after, .krth-panel-two h4.accordion-title.panel-heading .btn-link:after { content: '\f106'; font-family: 'FontAwesome'; font-size: 22px; color: #fa9928; position: absolute; right: 16px; top: 8px; } .krth-panel-two h4.accordion-title.panel-heading .btn-link.collapsed:after { content: '\f107'; font-family: 'FontAwesome'; font-size: 22px; color: #fa9928; position: absolute; right: 16px; top: 8px; } /*.krth-panel-two h4.accordion-title.panel-heading .btn-link.collapsed:after { content: '\f107'; } .krth-panel-two h4.accordion-title.panel-heading .btn-link:after { content: '\f106'; }*/ .krth-panel-two .panel-heading.accordion-active { background-color: #fcfcfc; border-bottom: 1px solid #e5e5e5; } .krth-panel-two.panel-group .panel-heading + .panel-collapse > .panel-body { padding: 20px 25px 15px; } .krth-panel-two h4.accordion-title.panel-heading { margin-bottom: 0; } .krth-panel-two h4.accordion-title.panel-heading .btn-link { display: inline-block; width: 100%; text-align: left; color: #555555; background-color: #fcfcfc; border-bottom: 1px solid #e5e5e5; } .krth-panel-two h4.accordion-title.panel-heading .btn-link.collapsed { background-color: transparent; } .krth-panel-two .card-body.panel-body { padding: 20px 25px 15px; } /* Accordion Three */ .krth-panel-three { float: left; width: 100%; } .krth-panel-three.panel-group .panel + .panel {margin: 0;} .krth-panel-three .panel, .krth-panel-three .card.panel-default { float: left; width: 100%; border: none; border-bottom: 1px solid #eee; } .krth-panel-three .panel-default > .panel-heading { background: transparent; padding: 0; float: left; width: 100%; } .krth-panel-three .card-body.panel-body { padding: 0 0 15px; } .krth-panel-three .panel-collapse { float: left; width: 100%; } .krth-panel-three .panel-collapse .panel-body, .krth-panel-three.panel-group .panel-heading + .panel-collapse > .panel-body {padding: 0 0 15px;} .krth-panel-three .panel-title { position: relative; float: left; width: 100%; padding: 15px 0; text-align: left; } .krth-panel-three .panel-title strong { display: block; font-size: 16px; font-weight: bold; color: #232323; letter-spacing: 0.3px; margin-bottom: 3px; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .krth-panel-three .panel-title:hover strong { color: #fa9928; } .krth-panel-three .panel-title span { display: block; color: #777; letter-spacing: 0.3px; font-size: 14px; } .krth-panel-three .panel-title:before, .krth-panel-three .panel-title:after { content: ''; position: absolute; top: 37px; right: 20px; width: 16px; height: 2px; display: inline-block; background: #aaa; } .krth-panel-three .panel-title:after { height: 16px; width: 2px; top: 30px; right: 27px; } .krth-panel-three .accordion-active .panel-title:after { content: none; } /* Tabs */ .nav-tabs { border: none; border-bottom: 1px solid #e8e8e8; } .nav-tabs > li > a, .nav-tabs-one .nav-tabs .nav-link { font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: #232323; position: relative; border: none; padding: 18px 15px; margin-right: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .nav-tabs > li > a i {padding-right: 10px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs-one .nav-tabs .nav-link.active, .nav-tabs-one .nav-tabs .nav-link:hover, .nav-tabs-one .nav-tabs .nav-link:focus { border: none; border-bottom: 1px solid #e8e8e8; } .nav-tabs > li.active > a:after, .nav-tabs-one .nav-tabs .nav-link.active:after { content: ''; position: absolute; left: 0;bottom: 0; width: 100%; height: 4px; display: block; background-color: #fa9928; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover, .nav-tabs-one .nav-tabs .nav-link:hover, .nav-tabs-one .nav-tabs .nav-link:focus { background: transparent; } .tab-pane { padding: 30px 0; } /* Tabs Two */ .nav-tabs-two { float: left; width: 100%; margin: 30px 0; } .nav-tabs-two .nav-tabs { border: 1px solid #eee; float: left; display: block; } .nav-tabs-two .nav-tabs > li > a { font-family: 'Roboto Slab', serif; font-size: 15px; border-right: 1px solid #eee; padding: 14px 35px; margin: 0; letter-spacing: 0.3px; text-transform: none; font-weight: normal; } .nav-tabs-two .nav-tabs > li:last-child > a {border-right: none;} .nav-tabs-two .nav-tabs > li.active > a, .nav-tabs-two .nav-tabs .nav-link.active { background-color: #131d33; color: #fff; } .nav-tabs-two .nav-tabs > li.active > a, .nav-tabs-two .nav-tabs > li.active > a:focus, .nav-tabs-two .nav-tabs > li.active > a:hover, .nav-tabs-two .nav-tabs > li:last-child.active > a, .nav-tabs-two .nav-tabs > li:last-child.active > a:focus, .nav-tabs-two .nav-tabs > li:last-child.active > a:hover, .nav-tabs-two .nav-tabs .nav-link.active { border: none; border-right: 1px solid #131d33; } .nav-tabs-two .nav-tabs > li.active > a:after {content: none;} .nav-tabs-two .tab-content { float: left; width: 100%; border: 1px solid #eee; margin: -1px 0 0; padding: 25px 35px; } .nav-tabs-two .tab-content > .tab-pane { float: left; padding: 0; } .krth-list-icon { margin: 12px 0 10px; padding: 0 0 0 35px; } .krth-list-icon li { color: #777; } .krth-list-icon h5 { font-size: 16px; margin: 0 0 10px; font-family: "Raleway", sans-serif; } /* Tabs Three Unique */ .nav-tabs-three.nav-tabs-two .nav-tabs > li > a, .nav-tabs-three.nav-tabs-two .nav-tabs .nav-link, .nav-tabs .nav-link { padding: 14px 25px; font-size: 14px; color: #232323; border-color: #e8e8e8; display: inline-block; } .nav-tabs-two .nav-tabs .nav-link { border: none; border-radius: 0; border-right: 1px solid #eee; } .nav-tabs-two .nav-tabs .nav-link:last-child { border-right: none; } .nav-tabs-three.nav-tabs-two .tab-content, .nav-tabs-three.nav-tabs-two .nav-tabs {border-color: #e8e8e8;} .nav-tabs-three.nav-tabs-two .nav-tabs > li.active > a, .nav-tabs-three.nav-tabs-two .nav-tabs .nav-link.active { color: #232323; border-bottom: 1px solid #e8e8e8; border-color: #e8e8e8; background-color: #fcfcfc; } .nav-tabs-two .nav-tabs > li.active > a, .nav-tabs-two .nav-tabs > li.active > a:focus, .nav-tabs-two .nav-tabs > li.active > a:hover {border-color: #e8e8e8;} .nav-tabs-two .nav-tabs > li.active:last-child > a, .nav-tabs-two .nav-tabs > li.active:last-child > a:focus, .nav-tabs-two .nav-tabs > li.active:last-child > a:hover { border-right: none; border-bottom: 1px solid #e8e8e8; } /* Testimonials */ .krth-testimonials { float: left; width: 100%; margin: 30px 0 0; position: relative; } .krth-testimonial { float: left; width: 100%; margin: 0 0 30px; } .krth-testimonial .testi-content { float: left; width: 100%; position: relative; padding: 40px; background-color: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.04); box-shadow: 0 2px 5px 2px rgba(0,0,0,0.04); margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .krth-testimonial .testi-content:after { content: ''; position: absolute; bottom: -11px; left: 82px; width: 17px; height: 12px; display: block; background: url(../images/testimonial-arrow-down.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .krth-testimonial .testi-content:after { background: url(../images/testimonial-arrow-down@2x.png) no-repeat; background-size: 17px 12px; bottom: -12px; } } .krth-testimonial .testi-content p { margin: 10px 0; line-height: 1.8; } .testimonial-heading { font-family: 'Roboto Slab', serif; font-size: 16px; color: #232323; } .testi-client { padding-left: 65px; } .owl-carousel .owl-item img {width: auto;} .testi-client img { width: auto; float: left; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .testi-client-info { float: left; padding: 6px 0 0 25px; } .testi-client-info .testi-name { font-family: 'Roboto Slab', serif; color: #232323; font-size: 14px; letter-spacing: 0.3px; display: block; } .testi-client-info .testi-pro { font-size: 13px; color: #999; } /* Testimonial Navigation */ .krth-testimonials .owl-controls { position: absolute; top: -75px; right: 0; } .krth-testimonials .owl-controls .owl-prev {margin-right: 5px;} .krth-testimonials .owl-controls .owl-prev, .krth-testimonials .owl-controls .owl-next { width: 32px; height: 32px; float: left; text-align: center; background-color: #fcfcfc; border: 1px solid #e8e8e8; font-size: 16px; color: #888; line-height: 29px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .krth-testimonials .owl-nav > div:hover { background-color: #f8f8f8; } .krth-testimonials .slider-no-current, .krth-testimonials .slider-no-next {display: none;} .krth-testimonials .next-monials:after { content: '\f105'; font-family: 'FontAwesome'; position: relative; left: 1px; } .krth-testimonials .current-monials:after { content: '\f104'; font-family: 'FontAwesome'; } /* Testimonials Two */ .krth-testimonials-two {margin: 45px 0;} .krth-testimonials-two .krth-testimonial .testi-content { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0; } .krth-testimonials-two .testimonial-heading { color: #232323; font-size: 18px; margin: 10px 0 2px; display: block; } .krth-testimonials-two .krth-testimonial .testi-content:after { content: none; } .krth-testimonials-two .krth-testimonial .testi-client { float: left; padding: 0; } .krth-testimonials-two .testi-client img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .krth-testimonials-round.krth-testimonials-two .testi-client img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .krth-testimonials-two .krth-testimonial .testi-client { float: left; width: 42%; } .krth-testimonials-two .krth-testimonial .testi-content { float: left; width: 58%; } .krth-testimonials-two .krth-testimonial .testi-client-info {padding: 6px 0 0;} .krth-testimonials-two .testi-client-info .testi-name, .krth-testimonials-two .testi-client-info .testi-pro { float: left; color: #777; font-size: 14px; letter-spacing: 0.3px; font-family: "Raleway", sans-serif; } .krth-testimonials-two .testi-client-info .testi-pro:before { content: '-'; padding: 0 5px; color: #777; } .krth-testimonials-two .testi-client-info .testi-name:hover, .krth-testimonials-two .testi-client-info .testi-pro:hover {color: #aaa;} /* Testimonials Two - Controls */ .testimonial-hover-control:hover .krth-tn-two .owl-controls, .krth-tn-two.krth-testimonials:hover .owl-controls { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .krth-tn-two.krth-testimonials .owl-controls { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 100%; position: absolute; top: 25%; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s opacity ease; -o-transition: 0.3s opacity ease; transition: 0.3s opacity ease; } .krth-tn-two.krth-testimonials .owl-controls .owl-prev, .krth-tn-two.krth-testimonials .owl-controls .owl-next { background: rgba(250, 250, 250, 0.1); border: none; color: #fff; font-size: 20px; width: 30px; height: 50px; line-height: 50px; text-align: center; float: left; position: absolute; left: -110px; } .krth-tn-two.krth-testimonials .owl-controls .owl-prev:hover, .krth-tn-two.krth-testimonials .owl-controls .owl-next:hover { background-color: rgba(250, 250, 250, 0.2); } .krth-tn-two.krth-testimonials .owl-controls .owl-next { float: right; left: auto; right: -110px; } /* Testimonials Three */ .krth-testimonials-three {text-align: center;} .krth-testimonials-three .testi-content { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; width: 80%; margin: 0 auto; float: none; } .krth-testimonials-three .testi-content p { font-family: 'Roboto Slab', serif; color: #fff; font-size: 22px; } .krth-testimonials-three .krth-testimonial .testi-content:after { content: none; } .krth-testimonials-three .testi-client-info { padding: 0; float: none; margin-top: 15px; } .krth-testimonials-three .testi-client-info .testi-name, .krth-testimonials-three .testi-client-info .testi-pro { color: #ccc; font-family: "Raleway", sans-serif; font-size: 15px; letter-spacing: 0.3px; display: inline-block; } .krth-testimonials-three .testi-client-info .testi-pro:before { content: ' - '; padding: 0 2px; } .krth-testimonials-three.krth-tn-two.krth-testimonials .owl-controls .owl-prev {left: 0;} .krth-testimonials-three.krth-tn-two.krth-testimonials .owl-controls .owl-next {right: 0;} /* Testimonials Four */ .krth-testimonials-four { float: left; width: 100%; min-height: 280px; border: 1px solid #f4f4f4; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); margin: 25px 0; padding: 45px 20px; } .krth-testimonials-four .testi-client { display: inline-block; float: left; width: auto; padding: 0; text-align: center; } .krth-testimonials-four .testi-client img {float: none;} .krth-testimonials-four .testi-content { padding: 0 0 0 25px; float: left; width: 66%; } .krth-testimonials-four .testimonial-heading { margin: 0 0 15px; display: block; font-size: 18px; } .krth-testimonials-four .testi-client-info .testi-name, .krth-testimonials-four .testi-client-info .testi-pro { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; color: #131d33; letter-spacing: 0.3px; float: left; } .krth-testimonials-four .testi-client-info .testi-pro:before { content: ' - '; padding-left: 5px; } .krth-testimonials-four .testi-client-info { padding: 0; margin-top: 10px; } /* Testimonial Five */ .krth-testimonials-five { float: left; width: 100%; } .krth-testimonials-five .testi-content { background: #fff; border: 1px solid #eee; padding: 25px 18px 15px; position: relative; } .krth-testimonials-five .testi-content:after { content: ''; position: absolute; bottom: -12px; left: 35px; width: 17px; height: 12px; display: block; background: url(../images/testimonial-arrow-down-2.png) no-repeat; } /* Retina Icon */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .krth-testimonials-five .testi-content:after { background: url(../images/testimonial-arrow-down-2@2x.png) no-repeat; background-size: 18px 11px; } } .krth-testimonials-five .testi-content p {line-height: 1.7;} .krth-testimonials-five .testi-client-info { padding: 20px 0 0 10px; } .krth-testimonials-five .testi-name { font-family: "Raleway", sans-serif; font-weight: bold; } .krth-testimonials-five .testi-pro { font-size: 12px; letter-spacing: 0.3px; } /* Our Partners - Client */ .krth-partners { float: left; width: 100%; background: #fff; border: 1px solid #f0f0f0; text-align: center; padding: 22px 43px 45px; margin-bottom: 40px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); } .krth-partners .company-logo { display: block; } .krth-partners .company-name { display: block; color: #131d33; font-size: 18px; font-weight: bold; } .krth-partners .company-pro { letter-spacing: 0.4px; margin-bottom: 20px; display: block; } .krth-partners p { letter-spacing: 0.4px; line-height: 1.6; } /* Team Members */ .krth-team-members { position: relative; float: left; width: 100%; margin: 30px auto; } .krth-team-member .featured-image img {max-width: 100%;} .krth-team-member .team-content { border: 1px solid #f0f0f0; border-top: none; padding: 20px; float: left; width: 100%; } .krth-team-member:hover .team-content { border: 1px solid #f0f0f0; border-top: none; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05); } .krth-team-member .team-content > a, .krth-team-member .team-content > span { display: block; } .krth-team-member .team-content .team-name { color: #232323; font-size: 16px; font-family: 'Roboto Slab', serif; margin-bottom: 2px; } .krth-team-member .team-content .team-pro { color: #888; } /* Team Hover */ .krth-team-hover .featured-image { float: left; width: 100%; position: relative; } .krth-team-hover .featured-image:after { content: ''; background: transparent; position: absolute; top: 0;left: 0;right: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .krth-team-hover:hover .featured-image:after { background: rgba(0,0,0,0.2); } .krth-team-member-two.krth-team-hover:hover .featured-image:after { background: rgba(0,0,0,0.1); } /* Team Member Two */ .krth-team-member-two { float: left; width: 100%; margin: 0 0 40px; } .krth-team-member-two .featured-image img {max-width: 100%;} .krth-team-member-two .featured-image, .krth-team-member-two .team-content {float: left;width: 100%;} .krth-team-member-two .team-content .team-name { font-family: 'Roboto Slab', serif; font-size: 16px; color: #232323; margin: 15px 0 4px; display: block; } .krth-team-member-two .team-content .team-pro { font-size: 13px; color: #888; display: block; letter-spacing: 0.3px; margin: 0 0 10px; } .krth-team-member-two .team-content .view-profile { font-family: 'Roboto Slab', serif; font-size: 15px; color: #131d33; margin: 10px 0 0; display: inline-block; } .krth-team-member-two .team-content .view-profile:after { content: ''; width: 0; height: 2px; display: block; background: #131d33; margin-top: -2px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .krth-team-member-two .team-content .view-profile:hover:after { width: 100%; } /* Team Details */ .krth-team-details { display: inline-block; width: 100%; } .krth-team-details .tm-name { font-family: 'Roboto Slab', serif; color: #131d33; margin: 15px 0 0; } .krth-team-details .tm-pro { font-size: 22px; color: #232323; font-weight: bold; margin: 0 0 10px; } .krth-team-details p { letter-spacing: 0.5px; line-height: 1.8; } ul.tm-social-links { padding: 0; margin: 0; list-style: none; float: left; width: 100%; } ul.tm-social-links li { float: left; margin-right: 5px; margin-bottom: 5px; } ul.tm-social-links a { width: 35px; height: 35px; line-height: 35px; display: block; text-align: center; border: 1px solid #e3e3e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } ul.tm-social-links i {color: #232323;} ul.tm-social-links a:hover i {color: #fff;} /* Icons Background Color - Brand Color */ .bp-share a.icon-fa-twitter:hover, ul.tm-social-links a.icon-fa-twitter:hover, ul.tm-social-links a.icon-fa-twitter-square:hover { background: #1da1f2;border-color: #1da1f2; } .bp-share a.icon-fa-facebook:hover, ul.tm-social-links a.icon-fa-facebook:hover, ul.tm-social-links a.icon-fa-facebook-f:hover, ul.tm-social-links a.icon-fa-facebook-square:hover, ul.tm-social-links a.icon-fa-facebook-official:hover { background: #3b5998;border-color: #3b5998; } .bp-share a.icon-fa-linkedin:hover, ul.tm-social-links a.icon-fa-linkedin:hover, ul.tm-social-links a.icon-fa-linkedin-square:hover { background: #0077b5;border-color: #0077b5; } .bp-share a.icon-fa-google-plus:hover, ul.tm-social-links a.icon-fa-google-plus-square:hover, ul.tm-social-links a.icon-fa-google-plus:hover, ul.tm-social-links a.icon-fa-google-plus-circle:hover, ul.tm-social-links a.icon-fa-google-plus-official:hover { background: #dd4b39;border-color: #dd4b39; } ul.tm-social-links a.icon-fa-pinterest:hover, ul.tm-social-links a.icon-fa-pinterest-square:hover, ul.tm-social-links a.icon-fa-pinterest-p:hover { background: #bd081c;border-color: #bd081c; } ul.tm-social-links a.icon-fa-youtube-square:hover, ul.tm-social-links a.icon-fa-youtube:hover, ul.tm-social-links a.icon-fa-youtube-play:hover { background: #cd201f;border-color: #cd201f; } ul.tm-social-links a.icon-fa-vimeo-square:hover, ul.tm-social-links a.icon-fa-vimeo:hover { background: #1ab7ea;border-color: #1ab7ea; } ul.tm-social-links a.icon-fa-tumblr:hover, ul.tm-social-links a.icon-fa-tumblr-square:hover { background: #35465c;border-color: #35465c; } ul.tm-social-links a.icon-fa-instagram:hover { background: #517fa4;border-color: #517fa4; } ul.tm-social-links a.icon-fa-flickr:hover { background: #ff0084;border-color: #ff0084; } ul.tm-social-links a.icon-fa-dribbble:hover { background: #ea4c89;border-color: #ea4c89; } ul.tm-social-links a.icon-fa-foursquare:hover { background: #0732a2;border-color: #0732a2; } ul.tm-social-links a.icon-fa-vk:hover { background: #45668e;border-color: #45668e; } ul.tm-social-links a.icon-fa-wordpress:hover { background: #21759b;border-color: #21759b; } ul.tm-social-links a.icon-fa-stumbleupon:hover, ul.tm-social-links a.icon-fa-stumbleupon-circle:hover { background: #eb4924;border-color: #eb4924; } ul.tm-social-links a.icon-fa-yahoo:hover { background: #410093;border-color: #410093; } ul.tm-social-links a.icon-fa-soundcloud:hover { background: #ff8800;border-color: #ff8800; } ul.tm-social-links a.icon-fa-skype:hover { background: #00aff0;border-color: #00aff0; } ul.tm-social-links a.icon-fa-rss:hover, ul.tm-social-links a.icon-fa-rss-square:hover { background: #f26522;border-color: #f26522; } ul.tm-social-links a.icon-fa-android:hover { background: #a4c639;border-color: #a4c639; } ul.tm-social-links a.icon-fa-bitbucket:hover, ul.tm-social-links a.icon-fa-bitbucket-square:hover { background: #205081;border-color: #205081; } ul.tm-social-links a.icon-fa-dropbox:hover { background: #007ee5;border-color: #007ee5; } ul.tm-social-links a.icon-fa-github-square:hover, ul.tm-social-links a.icon-fa-github:hover, ul.tm-social-links a.icon-fa-github-alt:hover { background: #333333;border-color: #333333; } ul.tm-social-links a.icon-fa-html5:hover { background: #e34f26;border-color: #e34f26; } ul.tm-social-links a.icon-fa-stack-exchange:hover { background: #2fa4f1;border-color: #2fa4f1; } ul.tm-social-links a.icon-fa-stack-overflow:hover { background: #fe7a15;border-color: #fe7a15; } ul.tm-social-links a.icon-fa-trello:hover { background: #0079bf;border-color: #0079bf; } /* Education Details */ .krth-education, .list-one { padding: 0; margin: 10px 0; list-style: none; display: inline-block; width: 100%; } .krth-education li, .list-one li { display: block; position: relative; letter-spacing: 0.3px; color: #888; padding: 0 0 0 18px; line-height: 1.5; margin-bottom: 13px; } .krth-education li, .list-one li, .krth-education li a, .list-one li a {color: #888;} .krth-education li:before, .list-one li:before { content: ''; width: 7px; height: 7px; display: inline-block; background: #fa9928; position: absolute; left: 0;top: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .krth-education li:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .list-one li {color: #232323;} .krth-education li strong {color: #232323;font-weight: 500;} .krth-education li strong:after { content: '-'; padding: 0 5px; } /* History */ .krth-histories, .krth-history { position: relative; float: left; width: 100%; } .krth-histories {margin: 25px 0;} .krth-history {margin-bottom: 65px;} .krth-history:last-child {margin-bottom: 35px;} .krth-history img {max-width: 100%;} .krth-histories .bh-line { position: absolute; left: 0; right: 0; margin: 0 auto; height: 100%; width: 1px; display: inline-block; background: #e8e8e8; } .krth-histories .bh-line:after { content: ''; background: #e8e8e8; width: 6px;height: 6px; display: inline-block; margin: 0 auto; position: absolute; left: -2.5px;right: 0; bottom: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .krth-history .bh-year { font-family: 'Roboto Slab', serif; font-size: 18px; color: #131d33; display: block; } .krth-history .bh-achievement { font-size: 18px; color: #232323; display: block; font-weight: bold; margin: 0 0 18px; } .krth-history p { letter-spacing: 0.5px; line-height: 1.7; margin: 0 0 13px; } .history-first-section:after { content: ''; width: 6px; height: 6px; padding: 3px; display: block; position: absolute; left: 1px; right: 0; margin: 0 auto; top: 0; background: #fff; border: 5px solid #fa9928; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .history-first-section, .history-second-section {width: 45%;} .bh-align-left .history-second-section {text-align: right;} .bh-align-right .history-first-section, .bh-align-left .history-second-section {float: left;} .bh-align-right .history-second-section, .bh-align-left .history-first-section {float: right;} /* Job Details */ .krth-job-details { border: 1px solid #f0f0f0; background: #f9f9f9; float: left; width: 100%; margin: 0 0 35px; } .krth-job-details .bjd-each { float: left; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 25px 30px; position: relative; margin-bottom: -1px; } .krth-job-details .bjd-each:last-child {border-right: none;} .krth-jd-col-1 .bjd-each {width: 100%;border-right: none;} .krth-jd-col-2 .bjd-each {width: 50%;} .krth-jd-col-3 .bjd-each {width: 33.3333%;} .krth-jd-col-4 .bjd-each {width: 25%;} .krth-jd-col-5 .bjd-each {width: 20%;} .krth-jd-col-2 .bjd-each:nth-child(even) {border-right: none;} .krth-jd-col-2 .bjd-each:nth-child(odd) {border-right: 1px solid #f0f0f0;} .bjd-each .bjd-icon { color: #1b1b1b; font-size: 22px; float: left; } .bjd-content { float: left; padding-left: 14px; } .bjd-each .bjd-category, .bjd-each .bjd-ans { color: #232323; font-size: 15px; letter-spacing: 0.3px; } .bjd-each .bjd-ans { color: #555; display: block; } /* List Styles */ .krth-list-icon { padding: 0; margin: 8px 0 35px; list-style: none; float: left; width: 100%; } .krth-list-icon li { display: block; padding: 6px 0 6px 30px; color: #444; font-size: 15px; letter-spacing: 0.3px; position: relative; } .krth-list-icon li img { max-width: 100%; padding: 0; position: absolute; top: 8px;left: 0; } .krth-list-icon li p {margin: 0;} .krth-list-icon a {color: #444;} .krth-list-icon i { color: #fa9928; font-size: 18px; padding: 0; position: absolute; top: 8px;left: 0; } .krth-list-icon h5 { font-size: 16px; margin: 0 0 10px; font-family: "Raleway", sans-serif; } /* Blog Post */ .krth-blog-one { float: left; width: 100%; } .krth-blog-one .krth-blog-post {margin-bottom: 50px;} .krth-blog-post { float: left; } .krth-blog-one .krth-blog-post { border-bottom: 1px solid #f0f0f0; padding: 0 0 30px; } .krth-blog-col-1 .krth-blog-post {width: 100%;} .krth-blog-col-2 .krth-blog-post {width: 48%;margin-right: 4%;} .krth-blog-col-2 .krth-blog-post:nth-child(2n) {margin-right: 0;} .krth-blog-col-3 .krth-blog-post {width: 31.3333%;margin-right: 3%;} .krth-blog-col-3 .krth-blog-post:nth-child(3n) {margin-right: 0;} .krth-blog-col-4 .krth-blog-post {width: 23%;margin-right: 2.5%;} .krth-blog-col-4 .krth-blog-post:nth-child(4n) {margin-right: 0;} .featured-image img { max-width: 100%; } .krth-blog-one .featured-image { margin-bottom: 20px; } .krth-blog-one .bp-content { margin-top: 6px; float: left; width: 100%; } .krth-blog-one .bp-top-meta { float: left; width: 100%; } .krth-blog-one .bp-top-meta > div { font-family: 'Roboto Slab', serif; font-size: 14px; letter-spacing: 0.3px; float: left; } .krth-blog-one .bp-top-meta > div:after { content: ''; width: 4px; height: 4px; display: inline-block; background-color: #fa9928; margin: 0 7px 3px 3px; } .krth-blog-one .bp-top-meta > div a {color: #777;} .krth-blog-one .bp-cat a:after {content: ', ';} .krth-blog-one .bp-cat a:last-child:after, .krth-blog-one .bp-top-meta > div:last-child:after {content: none;} .krth-blog-one .bp-cat a:hover, .krth-blog-one .bp-author a:hover {color: #232323;} .bp-heading { -ms-word-break: break-word; word-break: break-word; } .krth-blog-one .bp-heading { font-family: 'Roboto Slab', serif; font-size: 18px; font-weight: bold; color: #232323; margin: 4px 0 15px; display: inline-block; width: 100%; } .krth-blog-one .bp-read-more { font-family: 'Roboto Slab', serif; font-size: 15px; color: #131d33; letter-spacing: 0.3px; float: left; margin: 20px 0 0; position: relative; } .krth-blog-one .bp-read-more:hover:after { content: ''; width: 100%; height: 2px; display: block; background-color: #131d33; position: absolute; bottom: 0; } .krth-blog-one .bp-read-more:hover {color: #000;} .krth-blog-one .bp-bottom-comments { float: right; margin: 20px 0 0; } .krth-blog-one .bp-bottom-comments a { font-family: 'Roboto Slab', serif; font-size: 12px; color: #000; } .krth-blog-one .bp-bottom-comments i { color: #777; font-size: 15px; letter-spacing: 0.3px; padding-right: 7px; position: relative; top: 1px; } .krth-blog-one .bp-bottom-comments > a:hover i { color: #000; } .krth-blog-one .bp-bottom-comments > a i { font-size: 18px; position: relative; top: 5px; } .krth-blog-one .krth-blog-post.sticky { padding: 25px 30px; background: #f8f8f8; border: 1px solid #eee; } .krth-blog-one.krth-blog-two .krth-blog-post.sticky { padding: 0; background: #f8f8f8; border: none; } /* Blog Style Two */ .krth-blog-two .featured-image {margin: 0;} .krth-blog-two .featured-image img { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .krth-blog-two .bp-content { margin: 0; border: 1px solid #e8e8e8; border-top: 0; padding: 22px 20px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .krth-blog-two .bp-heading {margin: 4px 0 10px;} .krth-blog-two .krth-blog-post { border: none; padding: 0; margin-bottom: 30px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); } /* Blog Gallery Carousel */ .featured-image.krth-theme-carousel { position: relative; } .featured-image.krth-theme-carousel .slider-no-current { float: left; padding-right: 15px; } .featured-image.krth-theme-carousel .slider-no-current .current-no:after { content: '/'; } .featured-image.krth-theme-carousel .next-monials:before { content: '\f105'; font-family: 'FontAwesome'; position: relative; left: 1px; position: relative; top: 2px; } .featured-image.krth-theme-carousel .current-monials:before { content: '\f104'; font-family: 'FontAwesome'; position: relative; top: 2px; } .featured-image.krth-theme-carousel .owl-controls { background: rgba(28,29,33,0.8); padding: 9px 15px; font-family: 'Roboto Slab', serif; font-size: 12px; color: #fff; letter-spacing: 0.5px; position: absolute; bottom: 0; right: 0; -webkit-border-radius: 0 0 2px 0; -moz-border-radius: 0 0 2px 0; -ms-border-radius: 0 0 2px 0; -o-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0; } .featured-image.krth-theme-carousel .owl-controls .current-monials, .featured-image.krth-theme-carousel .owl-controls .next-monials { font-size: 17px; letter-spacing: 0.5px; color: rgba(255,255,255,0.7); line-height: 0; } .featured-image.krth-theme-carousel .owl-controls .current-monials:hover, .featured-image.krth-theme-carousel .owl-controls .next-monials:hover { color: #fff; } .featured-image.krth-theme-carousel .owl-controls .current-monials:after { content: ''; height: 17px; width: 1px; float: right; margin: 0 14px; background: rgba(255,255,255,0.3); } .featured-image.krth-theme-carousel .owl-controls .owl-nav > div { float: left; } .featured-image.krth-theme-carousel .owl-next > div { float: left; } /* Blog List Style */ .krth-blog-list.krth-blog-one .featured-image {margin-bottom: 30px;} .krth-blog-list.krth-blog-one .krth-blog-post {padding-bottom: 40px;margin-bottom: 60px;} .krth-blog-list.krth-blog-one .bp-bottom-comments > a { color: #777; letter-spacing: 0.3px; } .krth-blog-list.krth-blog-one .bp-heading { font-size: 24px; font-weight: bold; } .krth-blog-list.krth-blog-one .bp-content > p { line-height: 1.7; } /* Column Control */ .krth-blog-col-4.krth-blog-one .krth-blog-post.sticky {padding: 15px;} .krth-blog-col-4.krth-blog-one .featured-image {margin: 0 0 10px;} .krth-blog-col-4.krth-blog-one.krth-blog-two .featured-image {margin: 0;} .krth-blog-col-4.krth-blog-one .bp-heading {font-size: 18px;} .krth-blog-col-4.krth-blog-one .bp-top-meta > div {font-size: 13px;} .krth-blog-col-4.krth-blog-one .bp-read-more, .krth-blog-col-4.krth-blog-one .bp-bottom-comments {margin: 10px 0 0;} .krth-blog-col-4.krth-blog-one .krth-blog-post {padding: 0 0 20px;} .krth-blog-col-4.krth-blog-one.krth-blog-two .krth-blog-post {padding: 0;} /* Single Post Page */ .single-post .krth-content-area { padding: 60px 15px; } .single .bp-content { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 20px; } .single-post .bp-content ul, .single-post .bp-content ol {padding-left: 25px;padding-top: 3px;} .single-post .bp-content ul li, .single-post .bp-content ol li {padding-bottom: 3px;} .single-post .bp-content p { font-size: 15px; margin-bottom: 20px; } .single-post .bp-content blockquote p {margin: 0;} .single-post .bp-content h3 { font-size: 22px; font-weight: bold; margin-bottom: 20px; } /* Single Post Share & Tags */ .single .bp-bottom-meta { float: left; width: 100%; margin: 0 0 40px; } .bp-share { width: 50%; float: left; } .bp-share-own-shortcode {width: auto;} .bp-share > p { font-family: 'Roboto Slab', serif; font-size: 15px; color: #232323; letter-spacing: 0.5px; float: left; margin: 0; line-height: 45px; } .bp-share > ul { list-style: none; padding: 0; margin: 0 0 0 12px; border: 1px solid #e3e3e3; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .bp-share li { float: left; font-size: 13px; } .bp-share li a { color: #232323; padding: 12px 0; width: 55px; text-align: center; display: inline-block; border-right: 1px solid #e8e8e8; } .bp-share li a:hover {color: #fff;} .bp-share li:last-child a {border: none;} .bp-share li a.icon-fa-facebook:hover {background: #3b5998;} .bp-share li a.icon-fa-twitter:hover {background: #55acee;} .bp-share li a.icon-fa-linkedin:hover {background: #0077b5;} .bp-share li a.icon-fa-google-plus:hover {background: #dd4b39;} /* Tags */ .single-post .bp-tags { font-size: 13px; width: 50%; float: right; } .single-post .bp-tags ul { padding: 0; margin: 0; list-style: none; text-align: right; } .single-post .bp-tags li { display: inline-block; } .single-post .bp-tags a { background: #fcfcfc; border: 1px solid #e8e8e8; color: #777; padding: 6px 14px; margin: 5px 6px 0 0; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .single-post .bp-tags a:hover {color: #131d33;} .single .krth-blog-list.krth-blog-one .krth-blog-post { margin: 0; padding: 0; border: none; } /* Single Author Info */ .bp-author-info { float: left; width: 100%; background: #fdfdfd; border: 1px solid #eee; padding: 30px; margin: 15px 0 40px; } .bp-author-info .author-avatar { float: left; width: 80px; height: 80px; display: inline-block; border: none; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .bp-author-info .author-avatar img { max-width: 100%; height: auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .bp-author-info .author-content { width: 87%; float: right; } .bp-author-info .author-content .author-pro { font-family: 'Roboto Slab', serif; font-size: 14px; letter-spacing: 0.5px; color: #777; } .bp-author-info .author-content .author-name { font-family: 'Roboto Slab', serif; font-weight: bold; color: #414149; font-size: 17px; } .bp-author-info .author-content p { margin-top: 15px; line-height: 1.7; } /* Comment */ .krth-comments-area { margin: 10px 0 0; display: inline-block; width: 100%; } .krth-comments-area .comments-title { margin: 0 0 45px; color: #232323; font-family: 'Roboto Slab', serif; font-size: 20px; } .krth-comments-area .comments { list-style: none; padding: 0; margin: 0; } .krth-comments-area .comments li.comment { display: inline-block; width: 100%; } .krth-comments-area .comments li.comment .comment-awaiting-moderation {margin-bottom: 10px;display: inline-block;} .krth-comments-area .comments li.comment .children {padding: 0;} .krth-comments-area .comments li.comment .children li {padding-left: 15%;} .krth-comments-area .comments li.comment .children .depth-2 .comment-main-area {width: 84%;} .krth-comments-area .comments li.comment .children .depth-3 .comment-main-area {width: 81%;} .krth-comments-area .comments li.comment .children .depth-4 .comment-main-area {width: 78%;} .krth-comments-area .comments li.comment .children .depth-5 .comment-main-area {width: 75%;} .krth-comments-area .comment-image {float: left;} .krth-comments-area .comment-image img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .krth-comments-area .comment-main-area { float: right; width: 87%; padding: 0 0 18px; border-bottom: 1px solid #e8e8e8; margin: 0 0 50px; } /* Ping Backs */ .krth-comments-area .pingback .comment-main-area { width: 100%; margin: 0 0 25px; padding: 25px; border: 1px solid #e8e8e8; } .krth-comments-area .pingback .comment-theme {display: none;} .krth-comments-area .krth-comments-meta { position: relative; margin: 0 0 18px; font-family: 'Roboto Slab', serif; } .krth-comments-area .krth-comments-meta h4 { margin: 0; color: #232323; font-size: 16px; line-height: 28px; } .krth-comments-area .krth-comments-meta .comments-date { font-size: 13px; color: #777; letter-spacing: 0.3px; } .krth-comments-area .krth-comments-meta .comments-reply { font-family: "Raleway", sans-serif; position: absolute; top: 5px;right: 0; font-weight: bold; font-size: 12px; letter-spacing: 0.5px; color: #666; text-transform: uppercase; } .krth-comments-area .krth-comments-meta .comments-reply a {color: #000;} .krth-comments-area .comment-area p, .logged-in-as a { font-size: 15px; line-height: 1.7; } .logged-in-as a {color: #777;} .logged-in-as a:hover {color: #232323;} /* Single Post Comment Form */ .krth-comment-form, .krth-comments-area { float: left; width: 100%; } .krth-form-inputs > input { width: 32.3333%; float: left; margin: 6px 1.5% 12px 0; padding: 12px 20px; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .krth-form-inputs > input:last-child {margin-right: 0;} .krth-form-textarea textarea { min-height: 200px; max-width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .comment-reply-title { font-size: 20px; margin: 15px 0 25px; } .comment-reply-title > a {color: #fa9928;} .krth-comment-form input[type="submit"] { color: #fff; padding: 15px 30px; outline: none; margin-bottom: 25px; } #cancel-comment-reply-link { float: right; font-size: 20px; color: #777; padding: 4px 0 0; } #cancel-comment-reply-link:hover {color: #232323;} /* Comments Validation */ .comment-form label.error {display: none !important;} .comment-form input.error, .comment-form textarea.error {border-color: red;} .comment-form-cookies-consent label { padding-left: 8px; } /* Blog Pagination */ .wp-pagenavi, .wp-link-pages, ul.page-numbers { font-family: 'Roboto Slab', serif; float: left; width: 100%; margin: 15px 0 30px; } ul.page-numbers {list-style: none;padding: 0;} ul.page-numbers li {display: inline-block;} .wp-pagenavi a, .wp-pagenavi span, ul.page-numbers a { text-decoration: none; border: none; padding: 0; margin: 0; } .wp-pagenavi .pages { float: right; text-align: right; line-height: 40px; font-size: 12px; text-transform: uppercase; color: #555; letter-spacing: 1px; } .wp-pagenavi .page, .wp-pagenavi span.current, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .extend, .wp-link-pages span, ul.page-numbers li span, ul.page-numbers li a { font-size: 14px; color: #232323; width: 40px; height: 40px; line-height: 40px; display: inline-block; border: 1px solid #e8e8e8; text-align: center; margin-right: 7px; margin-bottom: 7px; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } ul.page-numbers li .next, ul.page-numbers li .prev { width: auto; padding: 0 15px; } .wp-pagenavi span.current, .wp-pagenavi a:hover, .wp-link-pages span:hover, .wp-link-pages > span, ul.page-numbers li span:hover, ul.page-numbers li a:hover, ul.page-numbers li .current { background-color: #fa9928; border-color: #fa9928; color: #fff; } .wp-link-pages > span:first-child, .wp-link-pages > a:first-child > span {margin-left: 10px;} .wp-pagenavi > a > i {font-size: 18px;} /* Common Fixs in Unit Test */ .krth-content-area img {max-width: 100%;height: auto;} .alignleft { float: left; margin: .5em 20px .5em 0; } .wp-caption.alignleft {margin-right: 20px;} .alignright { float: right; margin: .5em 0 .5em 20px; } .wp-caption.alignright {margin-left: 20px;} .aligncenter { display: block; float: none; margin-top: .5em; margin-right: auto !important; margin-bottom: .5em; margin-left: auto !important; } .wp-caption { margin: 0 0 20px 0; padding: 4px; max-width: 100%; background-color: #f8f8f8; border: 1px solid #eee; text-align: center; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } small {font-size: smaller;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} address {font-style: italic;} .comment-area a, .bp-content a {color: #232323;} .comment-area ul, .comment-area ol {padding-left: 30px;} dl dd {margin-bottom: 10px;} dd {margin-left: 10px;} table { border-collapse: collapse; text-align: left; width: 100%; color: #777; } table a {color: #777;} table a:hover {color: #232323;} table td, table th { padding: 10px 15px; border: 1px solid #ddd; } table thead th { font-weight: normal; padding: 15px 0 15px 10px; text-transform: uppercase; } table tbody td { font-size: 14px; font-weight: normal; padding: 15px; } table tbody tr:last-child td { border-bottom: none; } table tbody > tr:last-child {border-bottom: 1px solid #eee;} table tfoot td { padding: 10px; } table tfoot td div { padding: 2px; } table tfoot td ul { margin: 0; padding: 0; list-style: none; text-align: right; } table tfoot li { display: inline; } table tfoot li a { text-decoration: none; display: inline-block; padding: 2px 8px; margin: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } table tfoot ul.active, table tfoot ul a:hover { text-decoration: none; color: #FFFFFF; background: none; background-color: #00557F; } /* Tiled Gallery */ .gallery { clear: both; margin: 0; overflow: hidden; } .gallery img { margin: 2px !important; /* Ensure that this value isn't overridden by themes that give content images blanket margins */ } .gallery .gallery-group { float: left; overflow-y: hidden; position: relative; } .gallery .gallery-item { float: left; margin: 0; position: relative; } .gallery .gallery-row { overflow: hidden; margin-bottom: 2px; } .gallery .gallery-item a { /* Needs to reset some properties for theme compatibility */ background: transparent; border: none; color: none; margin: 0; padding: 0; text-decoration: none; width: auto; } .gallery .gallery-item img, .gallery .gallery-item img:hover { /* Needs to reset some properties for theme compatibility */ background: none; border: none; box-shadow: none; max-width: 100%; padding: 0; vertical-align: middle; } .gallery-caption { /* Captions */ background: #eee; background: rgba( 255,255,255,0.8 ); color: #333; font-size: 13px; font-weight: normal; overflow: hidden; padding: 10px 0; position: absolute; bottom: 0; text-indent: 10px; text-overflow: ellipsis; width: 100%; white-space: nowrap; } .gallery .gallery-item.small .gallery-caption { /* Smaller captions */ font-size: 11px; } /* =Greyscale -------------------------------------------------------------- */ .gallery .gallery-item img.grayscale { position: absolute; left: 0; top: 0; } .gallery .gallery-item img.grayscale:hover { opacity: 0; } /* =Circles Layout -------------------------------------------------------------- */ .gallery.type-circle .gallery-item img { border-radius: 50% !important; /* Ensure that circles are displayed in themes that add border-radius to all images as a default */ } .gallery.type-circle .gallery-caption { display: none; opacity: 0; } /* Unit Test End */ /* Client Logos */ .krth-client-logos { float: left; width: 100%; position: relative; } .krth-client-logos .owl-item {text-align: center;} .client-logo { float: none; display: inline-block; padding: 20px 38px; min-height: 100px; text-align: center; border: 1px solid #eee; } .client-logo:hover, .client-logo:focus {border: 1px solid #eee;} .client-logo img { max-width: 100%; } /* List Three & Four - Address Info */ .krth-list-three { padding: 0; margin: 0; list-style: none; float: left; width: 100%; } .krth-list-three li { font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: normal; letter-spacing: 0.3px; color: #666; display: block; padding: 9px 0; } .krth-list-three li a {color: #666;} .krth-list-three li a:hover {color: #232323;} .krth-list-three li strong { font-weight: normal; letter-spacing: 0.5px; color: #232323; } ul.krth-list-four { padding: 0; margin: 12px 0 25px; list-style: none; float: left; width: 100%; } ul.krth-list-four li { display: block; letter-spacing: 0.5px; padding-bottom: 10px; } ul.krth-list-four li:last-child {padding-bottom: 0;} ul.krth-list-four strong { color: #232323; font-weight: bold; } ul.krth-list-four a {color: #777;} ul.krth-list-four a:hover {color: #232323;} ul.krth-list-three i, ul.krth-list-four i, ul.krth-list-three img, ul.krth-list-four img {padding-right: 10px;} /* Map Addresses */ .krth-map-address { font-family: 'Roboto Slab', serif; font-size: 13px; color: #232323; position: relative; top: -75px; float: left; width: 100%; } .krth-map-address:hover { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05); } .ma-heading { font-size: 24px; font-weight: bold; color: #232323; background-color: #f7f8f9; padding: 22px 30px; margin: 0; } .ma-address-lists { padding: 35px 30px; margin: 0; list-style: none; border: 1px solid #f0f0f0; float: left; width: 100%; } .ma-address-lists li { margin: 0 0 16px; float: left; width: 100%; font-weight: normal; } .ma-address-lists li:last-child { margin: 0; } .ma-address-lists li > a {padding-left: 10px;} .ma-address-lists li > a, .ma-address-lists li > p a { color: #232323; } .ma-address-lists li i, .ma-address-lists li a i { color: #131d33; font-size: 22px; float: left; font-weight: normal; } .ma-address-lists li p, .ma-address-lists li > a { float: left; padding-left: 10px; margin: 0; } /* Google Map */ .krth-google-map { width: 100%; display: inline-block; float: left; min-height: 200px; } .gm-style-iw h1 { font-size: 20px; margin-top: 10px; } /* Contact Card */ .krth-contact-card { color: #fff; text-align: center; min-height: 360px; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .krth-contact-card:after { content: ''; position: absolute; top: 0;left: 0; background: rgba(19,29,51,0.75); width: 100%; height: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .krth-contact-card .bcc-content { position: absolute; top: 50%; padding: 20px; width: 100%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .bcc-content h2 { color: #fff; font-size: 40px; font-weight: bold; margin-top: 0; } .bcc-content p { font-size: 16px; color: #eee; font-weight: 500; line-height: 1.3; } .bcc-content .bcc-btn { color: #fff; font-size: 14px; letter-spacing: 0.3px; text-transform: uppercase; display: inline-block; font-weight: bold; margin: 20px 0 0; } .bcc-content .bcc-btn:after { content: ''; width: 100%; height: 3px; display: block; background-color: #fa9928; } /** * 10. Sidebar Widgets */ /*.krth-sidebar.no-padding-right {padding-left: 25px !important;}*/ /*.krth-sidebar.no-padding-left {padding-right: 25px !important;}*/ .krth-sidebar .krth-widget { float: left; width: 100%; margin-bottom: 35px; } .krth-sidebar .krth-widget .widget-title { color: #000; margin: 0; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; margin: 0 0 20px; } .krth-sidebar .wpb_content_element { display: inline-block; width: 100%; } /* Navigation Widget */ .krth-sidenav { padding: 0; margin: 0 0 5px; list-style: none; float: left; width: 100%; border: 1px solid #eee; } .krth-sidenav li { float: left; width: 100%; letter-spacing: 0.2px; border-bottom: 1px solid #eee; } .krth-sidenav li:last-child {border-bottom: none;} .krth-sidenav li a { color: #555; padding: 15px 20px; display: block; position: relative; font-weight: 500; } .krth-sidenav li a:hover, .krth-sidenav li.current-menu-item > a { /* Active */ background-color: #fcfcfc; color: #232323; } .krth-sidenav li.current-menu-item > a:after, .krth-sidenav li.current-menu-parent > a:after { content: '\f0da'; font-family: 'FontAwesome'; color: #aaa; font-size: 14px; float: right; } .krth-sidenav li.current-menu-item > a:before, .krth-sidenav li.current-menu-parent > a:before, .krth-sidenav li.krth-sidenav-parent.krth-active > a:before { content: ''; position: absolute; top: 0;left: 0; background-color: #fa9928; height: 100%; width: 4px; display: inline-block; } .krth-sidenav .current-menu-parent li.current-menu-item a:before, .krth-sidenav .current-menu-parent li.current-menu-item a:after, .krth-sidenav .sub-menu li a:hover:before, .krth-sidenav .sub-menu li.current-menu-item a:before, .krth-sidenav .sub-menu li.current-menu-parent > a:before {content: none;} /* Side Navigation - Dropdown */ .krth-sidenav .sub-menu { display: none; padding: 0 0 0 30px; margin: 0; list-style: none; float: left; width: 100%; } .krth-sidenav li .sub-menu.krth-active > a {padding-bottom: 12px;} .krth-sidenav li .krth-sidenav-list li:first-child a {padding-top: 0;} .krth-sidenav li .krth-sidenav-list li:last-child a {padding-bottom: 22px;} .krth-sidenav li .krth-sidenav-list a { color: #555; font-size: 13px; letter-spacing: 0.3px; padding: 4px 0; } .krth-sidenav li .krth-sidenav-list a:hover, .krth-sidenav li .krth-sidenav-list .current-menu-item a {color: #232323;} .krth-sidenav .krth-sidenav-list li {border: none;} .krth-sidenav li .krth-sidenav-list a:hover:before, .krth-sidenav li .krth-sidenav-list a:hover:after {content: none;} .krth-sidenav li.krth-active > a.current-menu-item:after, .krth-sidenav li.krth-active > a:hover:after, .krth-sidenav li.krth-active > a:after { content: '\f0d7'; font-family: 'FontAwesome'; color: #aaa; font-size: 14px; float: right; } .krth-active { background-color: #fcfcfc; position: relative; } .krth-sidenav > li.krth-active:before { content: ''; position: absolute; top: 0;left: 0; background-color: #fa9928; height: 100%; width: 4px; display: inline-block; } .krth-sidenav li.krth-active li.krth-active a:after, .krth-sidenav li.krth-active li.krth-active a:hover:after {content: none;} /* Download Button */ .krth-download-btn { background-color: #fa9928; text-align: center; width: 100%; float: left; color: #232323; font-weight: bold; padding: 16px 35px; -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.08); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.08); } .krth-download-btn:hover, .krth-download-btn:focus, .krth-download-btn:active {color: #232323;} .krth-download-btn i { padding-right: 15px; font-size: 18px; } /* Get a Quote */ .krth-get-quote { float: left; width: 100%; background-color: #f8f8f8; border: 1px solid #eee; padding: 35px 25px 30px; } .krth-get-quote .bgq-title { margin: 0 0 12px; font-weight: bold; padding-right: 30px; } .krth-get-quote p { color: #888; line-height: 1.6; } .krth-get-quote .bgq-btn { font-family: 'Roboto Slab', serif; letter-spacing: 0.3px; color: #fff; margin: 20px auto 0; background-color: #131d33; letter-spacing: 0.3px; padding: 12px 30px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* Search Widget */ .widget_search .searchform {position: relative;} .widget_search .screen-reader-text {display: none;} .widget_search input { margin: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .widget_search input[type="submit"] { padding: 0; margin: 0; position: absolute; top: 0; right: 0; width: 55px; height: 100%; line-height: 50px; font-family: FontAwesome; color: #fff; font-size: 16px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .widget_search i.fa-search { width: 55px; font-size: 16px; color: #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; display: none } /* Sidebar ul li Styles */ .widget_list_style ul, .widget_categories ul, .widget_archive ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_nav_menu ul, .widget_layered_nav ul, .widget_product_categories ul, .woocommerce ul.product_list_widget { list-style: none; margin: 0; padding: 0; } .widget_list_style ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_meta ul li, .widget_pages ul li, .widget_rss ul li, .widget_nav_menu ul li, .widget_layered_nav ul li, .widget_product_categories ul li, .woocommerce ul.product_list_widget li { border-bottom: 1px solid #f0f0f0; padding: 10px 0; } .widget_list_style ul li:first-child, .widget_categories ul li:first-child, .widget_archive ul li:first-child, .widget_recent_comments ul li:first-child, .widget_recent_entries ul li:first-child, .widget_meta ul li:first-child, .widget_pages ul li:first-child, .widget_rss ul li:first-child, .widget_nav_menu ul li:first-child, .widget_layered_nav ul li:first-child, .widget_product_categories ul li:first-child, .woocommerce ul.product_list_widget li:first-child {padding-top: 0;} .widget_list_style ul li:before, .widget_categories ul li:before, .widget_archive ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_rss ul li:before, .widget_nav_menu ul li:before, .widget_layered_nav ul li:before, .widget_product_categories ul li:before { content: ''; width: 5px; height: 5px; margin-right: 8px; display: inline-block; background-color: #fa9928; position: relative; bottom: 2px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .widget_list_style ul a, .widget_categories ul a, .widget_archive ul a, .widget_archive ul li, .widget_recent_comments ul a, .widget_recent_entries ul a, .widget_meta ul a, .widget_pages ul a, .widget_rss ul a, .widget_nav_menu ul a, .widget_layered_nav ul a, .widget_product_categories ul a, .woocommerce ul.product_list_widget a { color: #777; letter-spacing: 0.5px; font-weight: 500; } .widget_archive_select .screen-reader-text, .widget_categories_select .screen-reader-text {display: none;} .woocommerce ul.product_list_widget li a .woocommerce-placeholder {width: 75px;} .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce .quantity .plus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce .shipping-calculator-form > p button.button { outline: none; } .woocommerce-checkout .validate-state .select2-container--default .select2-selection--single .select2-selection__rendered { /* padding-top: 27px; padding-bottom: 27px;*/ outline: none; } .woocommerce table.my_account_orders .button { margin-right: 4px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { flex: 0 0 48%; max-width: 48%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, .woocommerce-checkout.woocommerce-page form .form-row-first, .woocommerce-checkout.woocommerce-page form .form-row-last { max-width: 49%; flex: 0 0 49%; } .woocommerce-checkout span.woocommerce-input-wrapper { width: 100%; } .woocommerce .checkout .col2-set { width: 100%; margin: 0 -15px; } .woocommerce-checkout .woocommerce-billing-fields h3 { margin-top: 20px; } .woocommerce-additional-fields h3 { margin-top: 20px; } .woocommerce-account .addresses .title h3 { margin-top: 20px; } .woocommerce .col2-set, .woocommerce-page .col2-set { margin: 0 -15px; } .woocommerce form .form-row { display: block; } footer .widget_list_style ul li, footer .widget_categories ul li, footer .widget_archive ul li, footer .widget_recent_comments ul li, footer .widget_recent_entries ul li, footer .widget_meta ul li, footer .widget_pages ul li, footer .widget_rss ul li, footer .widget_nav_menu ul li { border-bottom-color: rgba(255,255,255,0.05); } footer .widget_list_style ul a, footer .widget_categories ul a, footer .widget_archive ul a, footer .widget_archive ul li, footer .widget_recent_comments ul a, footer .widget_recent_entries ul a, footer .widget_meta ul a, footer .widget_pages ul a, footer .widget_rss ul a, footer .widget_nav_menu ul a {color: #999;} footer .widget_list_style ul a:hover, footer .widget_categories ul a:hover, footer .widget_archive ul a:hover, footer .widget_archive ul li, footer .widget_recent_comments ul a:hover, footer .widget_recent_entries ul a:hover, footer .widget_meta ul a:hover, footer .widget_pages ul a:hover, footer .widget_rss ul a:hover, footer .widget_nav_menu ul a:hover {color: #aaa;} footer .widget_list_style ul li:before, footer .widget_categories ul li:before, footer .widget_archive ul li:before, footer .widget_recent_comments ul li:before, footer .widget_recent_entries ul li:before, footer .widget_meta ul li:before, footer .widget_pages ul li:before, footer .widget_rss ul li:before, footer .widget_nav_menu ul li:before {background-color: #777;} footer .widget_list_style ul li:hover:before, footer .widget_categories ul li:hover:before, footer .widget_archive ul li:hover:before, footer .widget_recent_comments ul li:hover:before, footer .widget_recent_entries ul li:hover:before, footer .widget_meta ul li:hover:before, footer .widget_pages ul li:hover:before, footer .widget_rss ul li:hover:before, footer .widget_nav_menu ul li:hover:before {background-color: #fa9928;} footer .widget_list_style ul ul.children, footer .widget_categories > ul ul.children, footer .widget_pages > ul ul.children, footer .widget_nav_menu > ul ul.sub-menu {border-color: rgba(255,255,255,0.05);} footer #wp-calendar caption {margin-top: 0;} footer .krth-active {background: transparent;} footer .widget_nav_menu ul li.krth-active:before {background: #fa9928;} footer .krth-sidenav {background: #fff;} /* Children */ .widget_list_style ul ul.children, .widget_categories > ul ul.children, .widget_pages > ul ul.children, .widget_nav_menu > ul ul.sub-menu, .widget_product_categories > ul ul.children { margin: 20px 0 15px 10px; padding: 10px 0 0; border: 1px solid #f0f0f0; } .widget_list_style ul.children ul.children, .widget_categories ul.children ul.children, .widget_pages ul.children ul.children, .widget_nav_menu ul.sub-menu ul.sub-menu, .widget_product_categories ul.children ul.children {padding: 10px 0 0 0;margin-right: -1px;} .widget_list_style ul.children li, .widget_categories ul.children li, .widget_pages ul.children li, .widget_nav_menu ul.sub-menu li, .widget_product_categories ul.children li {padding-left: 15px;} .widget_list_style ul ul.children li:last-child, .widget_categories > ul ul.children li:last-child, .widget_pages > ul ul.children li:last-child, .widget_nav_menu > ul ul.sub-menu li:last-child, .widget_product_categories > ul ul.children li:last-child {border-bottom: none;} .widget_nav_menu > ul ul.sub-menu ul.sub-menu ul.sub-menu {margin: 20px -1px 15px 0;} /* Widget RSS */ .widget_rss .rss-date { display: block; padding: 5px 0 0; text-align: left; position: relative; } .widget_rss .rssSummary { display: block; margin: 10px 0 0; } .widget_rss cite {font-weight: bold;display: block;padding-top: 5px;} .widget_rss cite:before {content: '- ';} /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%;} #wp-calendar caption {text-align: center; color: #fff; margin-top: 10px; margin-bottom: 0;background: #232323;font-weight: bold;letter-spacing: 0.3px;padding: 10px 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #wp-calendar thead {font-size: 10px;} #wp-calendar thead th {padding: 10px 0;text-align: center;background: #fff;border: 1px solid #f5f5f5;} #wp-calendar thead th:hover {background: #f5f5f5;} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td {background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover, #wp-calendar tbody td.hav-post-in-date:hover {background: #fff;} #wp-calendar tbody .pad {background: #fff;} #wp-calendar tfoot #next {font-size: 12px; font-weight: bold; text-align: right;padding: 10px 10px 10px 0;} #wp-calendar tfoot {background-color: #fff;border: 1px solid #fff;} #wp-calendar tfoot #prev {border: none;font-size: 12px; font-weight: bold; padding: 10px 0 10px 10px;} #wp-calendar tfoot #next a, #wp-calendar tfoot #prev a {color: #777;} #wp-calendar tbody td.hav-post-in-date {background: #ebebeb;} #wp-calendar tbody td.hav-post-in-date a {color: #aaa;} #wp-calendar tbody td.hav-post-in-date:hover a {color: #232323;} #wp-calendar tfoot td, #wp-calendar tfoot #next {border: none;} /* Widget Text */ .widget_text img {max-width: 100%;height: auto;} /* Widget Tags */ .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { font-size: 13px !important; float: left; color: #777; font-weight: 500; background: #fcfcfc; border: 1px solid #e8e8e8; padding: 6px 14px; display: inline-block; margin: 0 6px 7px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { background: #fff; border-color: #f0f0f0; color: #131d33; } /* Widget Archive or Select Field */ /*.widget_archive_select, .widget_categories_select, .widget_text_select {position: relative;} .widget_archive_select select, .widget_categories_select select, .widget_text_select select, .widget_layered_nav_select select, .widget_product_categories_select select { background-color: #fafafa; color: #777; -webkit-box-shadow: none; box-shadow: none; } .widget_archive_select:after, .widget_categories_select:after, .widget_text_select:after, .widget_layered_nav_select:after, .widget_product_categories_select:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 16px; color: #aaa; position: absolute; bottom: 23px; right: 14px; } .widget_layered_nav_select, .widget_product_categories_select {position: relative;}*/ .nice-select { border-radius: 1px; width: 100%; background-color: #fafafa; font-family: 'Roboto Slab', serif; height: 45px; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #dbdbdb; } .nice-select:after { content: '\f0d7'; font-family: 'FontAwesome'; color: #aaa; font-size: 16px; border: none; margin: 0; height: auto; width: auto; line-height: 0; position: absolute; top: 50%;right: 14px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .nice-select.open:after { content: '\f0d8'; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .nice-select .list { border-radius: 0; margin-top: 1px; width: 100%; border: 1px solid #e8e8e8; -webkit-box-shadow: none; box-shadow: none; } .nice-select .option { padding: 0 17px; } .krth-widget .nice-select { font-size: 13px; letter-spacing: 0.3px; } .krth-widget .nice-select ul li { border-bottom: 1px solid #e8e8e8; } .krth-widget .nice-select ul li:last-child {border-bottom: none;} .krth-widget .nice-select ul li:before { content: none !important; } /*.comment-form-rating .nice-select {display: none !important;}*/ /* 11. 404 Page */ .error-content { text-align: center; margin: 75px auto; } .error-content h1 { font-size: 48px; margin: 35px 0 20px; } .error-content p { font-size: 17px; } .error-content img {max-width: 100%;height: auto;} /** * 12. Footer */ footer { background-color: #222327; padding: 0; display: block; width: 100%; } footer .krth-widget { margin: 60px 0 0; float: left; width: 100%; } .footer-widget-area {padding-bottom: 80px;} .krth-widget .widget-title { font-family: 'Roboto Slab', serif; font-size: 17px; font-weight: bold; color: #fff; margin: 0 0 30px; } .krth-widget p { color: #888; line-height: 24px; letter-spacing: 0.6px; font-weight: 500; } /* Footer ul li styling */ .krth-footer-ul ul, .krth-blog-widget ul, .krth-footer-ul { padding: 0; margin: 0; list-style: none; } .krth-footer-ul ul li { display: block; border-bottom: 1px solid rgba(232,232,232,0.08); padding: 12px 0; } .krth-footer-ul ul li:first-child {padding-top: 0;} .krth-footer-ul ul li a { color: #888; } .fulls-width { float: left; width: 100%; } .half-width { float: left; width: 48%; margin-right: 2%; } .third-width { float: left; width: 31.3333%; margin-right: 2%; } /* Usefull Links */ ul.krth-useful-links { list-style: none; padding: 0; } .krth-useful-links li {margin-bottom: 15px;} .krth-useful-links li:last-child {margin: 0;} .krth-useful-links a { color: #999; letter-spacing: 0.3px; font-weight: 500; } .krth-useful-links a:hover {color: #bbb;} /* Blog Widget */ .krth-blog-widget { font-family: 'Roboto Slab', serif; } .krth-blog-widget ul li { margin-bottom: 26px; } .krth-blog-widget ul li:last-child {margin-bottom: 0;} .krth-blog-widget .widget-btitle { display: block; color: #ccc; letter-spacing: 0.5px; padding-bottom: 4px; } .krth-blog-widget .widget-btitle:hover {color: #aaa;} .krth-blog-widget .widget-bdate { font-size: 13px; color: #666; letter-spacing: 0.5px; } /* Blog Widget Two */ .krth-recent-blog ul { padding: 0; margin: 0; list-style: none; } .krth-recent-blog li { padding: 0 0 25px; margin: 0 0 25px; border-bottom: 1px solid rgba(255,255,255,0.05); } .krth-recent-blog li:last-child { padding: 0; margin: 0; border-bottom: none; } .krth-recent-blog .widget-btitle { color: #999; letter-spacing: 0.2px; display: block; margin-bottom: 4px; font-weight: 500; } .krth-recent-blog .widget-bdate { font-family: 'Roboto Slab', serif; color: #666; font-size: 13px; letter-spacing: 0.5px; } .krth-sidebar .krth-widget.krth-recent-blog .widget-btitle { color: #555; font-size: 14px; } .krth-sidebar .krth-widget.krth-recent-blog .widget-bdate { color: #999; } .krth-sidebar .krth-widget.krth-recent-blog li { padding: 0 0 20px; margin: 0 0 20px; border-bottom-color: #f0f0f0; } .krth-sidebar .krth-widget.krth-recent-blog li:last-child { border-bottom: 1px solid #f0f0f0; margin-bottom: 0; } /* Mail Chimp */ .krth-widget .mc4wp-form { margin: 13px 0; float: left; width: 100%; position: relative; } .krth-widget .mc4wp-form input[type="email"], .krth-widget .mc4wp-form input[type="text"] { background-color: rgba(255,255,255,0.07); color: #fff; border: none; padding: 10px 70px 10px 20px; margin: 0; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .krth-sidebar .krth-widget .mc4wp-form input[type="email"], .krth-sidebar .krth-widget .mc4wp-form input[type="text"] { border: 1px solid #e8e8e8; color: #232323; } .mc4wp-form-fields p {margin: 0;} .krth-widget .mc4wp-form input[type="submit"] { background-color: #fa9928; color: #1c1d21; font-family: 'Roboto Slab', serif; letter-spacing: 0.3px; border: none; padding: 10px 15px; margin: 0; position: absolute; right: 0;top: 0; height: 100%; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } footer .krth-widget .mc4wp-form input[type="email"] { outline: none; } footer .krth-widget .mc4wp-form input[type="submit"] {color: #fff;padding: 18px;line-height: 0;font-weight: bold;} footer .krth-widget .mc4wp-form input[type="email"] {color: #fff;padding: 15px 20px;} footer .krth-widget .mc4wp-form input[type="email"]::-webkit-input-placeholder {color: #aaa;font-weight: 500;letter-spacing: 0.3px;} footer .krth-widget .mc4wp-form input[type="email"]:-moz-placeholder {color: #aaa;font-weight: 500;opacity: 1;letter-spacing: 0.3px;} footer .krth-widget .mc4wp-form input[type="email"]::-moz-placeholder {color: #aaa;font-weight: 500;opacity: 1;letter-spacing: 0.3px;} footer .krth-widget .mc4wp-form input[type="email"]:-ms-input-placeholder {color: #aaa;font-weight: 500;letter-spacing: 0.3px;} /* 13. Copyright */ .krth-copyright { padding: 30px 0; font-family: 'Roboto Slab', serif; font-weight: normal; margin: 0; float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.05); } .krth-copyright p { margin: 0; } .krth-copyright a { color: #777; } .krth-copyright a:hover {color: #bbb;} /* Footer Nav Links */ .footer-nav-links { padding: 0; margin: 0; list-style: none; font-family: "Raleway", sans-serif; } .footer-nav-links li { text-align: right; display: inline-block; margin: 0 6px; } .footer-nav-links li:last-child {margin-right: 0;} .footer-nav-links a { color: #777; font-size: 14px; letter-spacing: 0.3px; } /* WPML */ .submenu-languages {display: none;} .dropdown-menu > li.dropdown.menu-item-language > a:after {content: none;} .menu-item-language:hover .submenu-languages {display: block;} /* Contact Section */ .extended-content-container { position: relative; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .krth-contact-first {padding: 50px 0 195px;position: relative;z-index: 1;} .contact-section-two .krth-contact-first {padding: 130px 0 120px;} .krth-contact-first-overlay { position: absolute; width: 100%; height: 100%; top: 0;left: 0;right: 0; display: inline-block; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .section-title {display: inline-block;position: relative;z-index: 1;} .krth-cs-area { padding: 50px 65px; margin-top: -150px; margin-bottom: 80px; display: block; background: #fff; box-shadow: 0 -20px 10px 4px rgba(0, 0, 0, 0.03); position: relative; z-index: 9; text-align: left; } .krth-cs-area { float: left; width: 100%; } .krth-section-content, .krth-contact-form-section { float: left; width: 50%; position: relative; } .section-content-left .krth-section-content:after, .section-content-left .krth-contact-form-section:before, .section-content-right .krth-section-content:before, .section-content-right .krth-contact-form-section:after { content: ''; position: absolute; top: 0;right: 0; height: 100%; width: 1px; background-color: #f0f0f0; } .section-content-left .krth-contact-form-section:before {right: auto;left: -1px;} .section-content-right .krth-section-content:before {right: auto;left: 0;} .section-content-right .krth-contact-form-section:after {right: -1px;left: auto;} /* Contact Section - Content Alignment */ .section-content-right .krth-section-content { float: right; padding: 20px 0 50px 50px; } .section-content-left .krth-section-content { float: left; padding: 20px 50px 50px 0; } .section-content-left .krth-contact-form-section { padding: 30px 0 30px 50px; } .section-content-right .krth-contact-form-section { padding: 30px 50px 30px 0; } /* Contact Section Style Two */ .contact-section-two { text-align: center; } .contact-section-two .krth-cs-area { padding: 45px 60px; width: 640px; margin-right: auto; margin-left: auto; display: inline-block; float: none; display: inline-block; margin-bottom: 0; } .contact-section-two .krth-section-content, .contact-section-two .krth-contact-form-section { width: 100%; float: none; display: inline-block; } .contact-section-two.section-content-left .krth-section-content, .contact-section-two.section-content-right .krth-section-content { padding: 0; } .contact-section-two.section-content-right .krth-section-content {padding-bottom: 10px;} .contact-section-two .krth-contact-form-section { text-align: left; padding: 0; } .contact-section-two.section-content-left .krth-contact-form-section:before, .contact-section-two.section-content-left .krth-section-content:after, .contact-section-two.section-content-right .krth-contact-form-section:after, .contact-section-two.section-content-right .krth-section-content:before {content: none;} /** * Map Tabs */ .our-locations { float: left; width: 100%; position: relative; margin: 76px auto 40px; text-align: center; } .our-locations .krth-map-tab-content { float: left; width: 100%; min-height: 600px; overflow: hidden; background: transparent; position: relative; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .krth-map-tab-content .krth-google-map {min-height: 600px;} .our-locations .tab-pane { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block !important; z-index: 1; padding: 0; } .our-locations .tab-pane.active { z-index: 2; } .krth-map-tab-content .tab-pane { min-height: 600px; } .krth-gmap-tab.fade { float: left; width: 100%; padding: 0; } .krth-gmap-tab.fade, .our-locations .krth-gmap-tab.fade.in { opacity:1; } .our-locations .krth-gmap-tab.fade { opacity:0; } .service-detail-page .our-locations .krth-mt-container { width: 1000px; } .krth-locations-tabs { position: absolute; left: 0; right: 0; top: -76px; border: none; z-index: 9; text-align: left; width: 1000px; margin: 0 auto; } .krth-location-name { font-family: 'Roboto Slab', serif; font-size: 24px; font-weight: 700; background: #f7f8f9; display: block; padding: 21px 30px; text-transform: none; letter-spacing: 0; } .nav-tabs > li.each-location-tab { float: left; width: 33.333333%; margin: 0 auto 30px; -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; -moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; } /* Map Tab Columns */ .map-tab-2-col .nav-tabs > li.each-location-tab {width: 50%;} .map-tab-3-col .nav-tabs > li.each-location-tab {width: 33.333333%;} .map-tab-4-col .nav-tabs > li.each-location-tab {width: 25%;} .map-tab-5-col .nav-tabs > li.each-location-tab {width: 20%;} .each-location-tab .each-item-wrapper { display: block; overflow: hidden; clear: both; padding: 0 !important; margin: 0 10px !important; background: #ffffff !important; color: #232323 !important; border: none !important; border-radius: 0 !important; } .our-locations.slide-in .each-location-tab { -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -o-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; } .location-info { display: block; overflow: hidden; clear: both; padding: 40px 30px 30px; border: 1px solid rgba(0,0,0,0.08); } .location-info .info-item { display: block; padding-bottom: 15px; font-size: 13px; font-weight: normal; } .location-info .info-item img { float: left; width: 22px; margin-right: 10px; } .location-info .info-item span { display: block; overflow: hidden; } .location-map { float: left; width: 100%; height: 100%; } .contact-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1; } .krth-maptab-controls { position: absolute; left: 0; right: 0; bottom: 50px; width: 300px; margin: 0 auto; text-align: center; z-index: 3; } .krth-maptab-controls a { position: relative; float: left; width: 45px; height: 45px; font-size: 22px; padding: 0; line-height: 45px; color: #232323; background: #ffffff; border: 1px solid #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); } .krth-maptab-controls .location-title { float: left; width: 200px; height: 45px; margin: 0 3px; padding: 14px; background: #ffffff; color: #232323; font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 700; border: 1px solid #f0f0f0; text-transform: uppercase; position: relative; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); } .nav-tabs.krth-locations-tabs > li.active > a::after {content: none;} .nav-tabs > li.each-location-tab > a .krth-ai-two i { padding: 0; float: left; width: 13%; font-size: 22px; } .nav-tabs > li.each-location-tab > a .krth-ai-two .krth-ai-content { width: 87%; float: left; padding: 0; font-weight: normal; } .krth-locations-tabs.nav-tabs > li > a {text-transform: none;} .krth-locations-tabs .krth-address-info { padding: 0 0 15px; width: 100%; float: left; } .krth-locations-tabs .krth-address-info:last-child {padding: 0;} .each-location-tab.active .each-item-wrapper { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.06); box-shadow: 0 0 5px 2px rgba(0,0,0,0.06); } /*Black Unit Fix*/ hr.wp-block-separator { display: inline-block; width: 100%; margin-bottom: 50px; } .wp-block-quote.is-large, blockquote.wp-block-pullquote { padding: 10px 0 10px 20px; } ul.wp-block-latest-posts li { margin-bottom: 10px; } .wp-block-categories ul li { margin-bottom: 10px; } ul.wp-block-gallery { padding-bottom: 50px; } pre.wp-block-verse { margin-bottom: 30px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { padding: 10px; } .krth-search-two input:focus { outline: none; }