/**
* 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: auto;
}
.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: 10px 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: right;
width: 32%;
}
.krth-topbar-right { font-size: 12px;}
.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;
}
.krth-navigation .container {
position: relative;
}
.navigation-bar {
float: left;
padding-left: 0;
}
.krth-navigation .navbar-nav > li {
padding: 22px 0;
}
.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;
}
.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;
}
.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-color: #313060 !important;
padding: 65px 0 70px;
text-align: center;
position: relative;
}
.krth-title-area .page-title {
font-family: 'Roboto Slab', serif;
font-size: 28px;
color: #ffff;
font-weight: bold;
position: relative;
z-index: 1;
}
.krth-title-overlay {
position: absolute;
top: 0;left: 0;
width: 100%;height: 100%;
z-index: 0;
background-color: #313060 !important;
}
/* 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%;
}
.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%;}
/* 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 {
margin-bottom: 8px;
float: left;
width: 100%;
}
.contact-page-one .wpcf7 .wpcf7-form > 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: right;
padding-right: 50px;
}
.krth-address-info:last-child {padding-right: 21px; }
.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;
float: left;
}
.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%;
text-align: center;
}
.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: #fcd702;
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 */
.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 {
font-family: 'Roboto Slab', serif;
color: #232323;
font-size: 16px;
background-color: transparent;
border: none;
padding: 0;
position: relative;
}
.krth-panel-one .panel-default > .panel-heading a: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 a:before {
content: '\f0d7';
color: #fff;
background: #fa9928;
}
.krth-panel-one .panel-default > .panel-heading.accordion-active a:after {
content: '';
position: absolute;
bottom: 10px;
left: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 10px solid #fa9928;
}
.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 {
border: none;
padding: 0;
font-size: 15px;
letter-spacing: 0.3px;
}
.panel-group .panel-heading + .panel-collapse > .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 {
display: block;
margin-bottom: 10px;
position: relative;
padding-left: 15px;
}
.panel-group .panel-heading + .panel-collapse > .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;
}
.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;
}
.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 {
padding: 13px 25px;
display: block;
}
.krth-panel-two .panel-heading:after {
content: '\f107';
font-family: 'FontAwesome';
font-size: 22px;
color: #fa9928;
position: absolute;
right: 16px;
top: 8px;
}
.krth-panel-two .panel-heading.accordion-active: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;
}
/* Accordion Three */
.krth-panel-three {
float: left;
width: 100%;
}
.krth-panel-three.panel-group .panel + .panel {margin: 0;}
.krth-panel-three .panel {
float: left;
width: 100%;
border-bottom: 1px solid #eee;
}
.krth-panel-three .panel-default > .panel-heading {
background: transparent;
padding: 0;
float: left;
width: 100%;
}
.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;
}
.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 {
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 {
border: none;
border-bottom: 1px solid #e8e8e8;
}
.nav-tabs > li.active > a: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 {
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;
}
.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 {
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 {
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 {
padding: 14px 25px;
font-size: 14px;
color: #232323;
border-color: #e8e8e8;
}
.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 {
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;
-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;
}
/* 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;
}
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: 160px;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 0;
}
.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;
}