.nav-menu .navbar {
float: none;
max-height: 0;
overflow: hidden;
}
.nav-menu .navbar .menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.nav-menu .navbar .menu li {
list-style-type: none;
display: block;
margin-right:20px;
padding-right:25px;
position:relative;
}
.nav-menu .navbar .menu li:last-child {
margin-right:0;
padding-right:0;
}
.nav-menu .navbar .menu li a {
display: block;
text-transform: uppercase;
text-decoration: none;
padding: 0 0.6em;
padding-bottom:6px;
}
.nav-menu .navbar-expand {
max-height: 20em;
}
.nav-menu .navbar-toggle {
display: block;
text-align: right;
font-weight: bold;
cursor: pointer;
opacity: 1;
padding: 0 0.4em;
line-height: 2rem;
}
.nav-menu .navbar-toggle {
color:#F29B2F;
text-decoration: none;
border: none;
}
.nav-menu-light {
color: #fff;
}
.nav-menu-light .menu li a:hover,
.nav-menu-light .menu li a.active,
.nav-menu-light .menu li a:active,
.nav-menu-light .menu li a:focus,
.nav-menu-light .menu li.current-menu-item a,
.nav-menu-light .menu li.current-menu-ancestor a {
color:#F29B2F;
padding-bottom:3px;
border-bottom:solid 3px #F29B2F;
}
.nav-menu-light .menu li a,
.nav-menu-light .navbar-toggle {
color: #fff;
}
.nav-menu-dark {
color: #4f4f4f;
}
.nav-menu-dark .menu li a:hover,
.nav-menu-dark .menu li a.active,
.nav-menu-dark .menu li a:active,
.nav-menu-dark .menu li a:focus,
.nav-menu-dark .menu li.current-menu-item a,
.nav-menu-dark .menu li.current-menu-ancestor a {
color:#F29B2F;
padding-bottom:3px;
border-bottom:solid 3px #F29B2F;
}
.nav-menu-dark .menu li a,
.nav-menu-dark .navbar-toggle {
color: #4f4f4f;
}
.nav-menu .navbar .menu li:after {
content: '.';
position:absolute;
right:0;
line-height: 1em;
top:0;
}
.nav-menu .navbar .menu.line li:after {
content: '';
height:100%;
width:1px;
display:block;
background-color:white;
position:absolute;
right:0;
top:0;
}
.nav-menu .navbar .menu li:last-child:after {
content: "";
display:none;
}
@media (max-width: 939px) {
.nav-menu .navbar-toggle {
font-size: 20px;
font-family: 'Fira Sans', serif;
margin: 0 auto;
}
.nav-menu {
}
}
@media (min-width: 940px) {
.nav-menu .navbar-toggle {
display: none;
}
.nav-menu .navbar {
max-height: none;
min-height:none;
}
.nav-menu .navbar .menu li {
list-style-type: none;
display: inline-block;
text-align: center;
}
.nav-menu .navbar .menu li a {
display: block;
}
.nav-menu .navbar .menu li a {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.nav-menu .navbar .menu li:last-child a:after {
display: none;
}
.nav-menu ul.sub-menu {display:none !important;} .search-form input[type="search"] {
background-color: #fafafa;
padding: 8px;
color: #333333;
vertical-align: top;
border: 0;
height: 36px;
margin: 0;
border-radius: 0;
float: left;
font-size:14px;
}
.search-form input[type="search"]::placeholder {
color: #333333;
font-weight: bold;
text-transform: uppercase;
}
.search-form button[type="submit"] {
background-color: #f36f21;
font-weight: bold;
padding: 8px 15px;
color: #333333;
margin: 0;
height: 36px;
float: left;
border: 0;
border-radius: 0;
}
.search-form input[type="search"] {
height: 17px !important;
}
.search-form button[type="submit"] {
height:33px !important;
}
.search-form button[type="submit"]:hover {
background-color: gray;
color: #fafafa;
}
@media(max-width: 767px) {
.search-form button[type=submit] {
width: 20%;
}
.search-form input[type=search] {
width: 80%;
}
.search-form {
max-width: 80%;
margin: 0 auto;
}
}
@media(min-width: 768px) {
.search-form {
float: right;
}
.search-form input[type="search"] {
width: 220px;
}
} .p-clear-margin {
margin-bottom: 0 !important;
}
.p-clear-margin p {
margin-bottom: 5px;
} .copyright-menu ul li:last-child {
border-right: 0;
margin-right: 0;
}
.copyright-menu ul li:first-child {
border-left: 0;
margin-left: 0;
}
.copyright-menu ul li {
float:left;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid #ccc;
}
.copyright-menu ul li a {
font-family: 'Fira Sans', serif;
color: #fff;
font-size: 0.88rem;
}
.copyright-menu ul {
list-style: none;
padding-left: 0;
}
@media(max-width: 767px) {
.copyright-menu ul li {
padding-right: 0;
padding-left: 0;
margin-bottom: 5px;
}
.copyright-menu {
float: none;
width: 100%;
text-align: center;
}
.copyright-menu ul li {
width: 100%;
}
} .footer-menu ul li:last-child:after {
display: none;
}
.footer-menu ul li:after {
content: '\2022';
color: #fff;
position: relative;
display: inline-block;
line-height: 1.2rem;
vertical-align: middle;
left: 10px;
}
.footer-menu ul a {
color: #fff;
font-family: 'Fira Sans', serif;
}
.footer-menu ul li:first-child {
margin-left: 0;
}
.footer-menu ul li:last-child {
margin-right: 0;
}
.footer-menu ul li {
float: left;
margin-right: 10px;
margin-left: 10px;
}
.footer-menu ul {
list-style: none;
padding-left: 0;
float: right;
}
@media(max-width: 767px) {
.footer-menu ul li {
margin-right: 0;
margin-left: 0;
margin-bottom: 5px;
}
.footer-menu ul li:after {
display: none;
}
.footer-menu, .footer-menu ul {
float: none;
width: 100%;
text-align: center;
}
.footer-menu ul li {
width: 100%;
}
} @media (min-width: 767px) {
.header-negative {
position: relative;
bottom: -20%;
z-index: 501;
}
} .footer-policy::after {
content: '' !important;
} .page-current-title {
margin:0;
transition: all 0.2s ease;
}
.page-current-title.hide {
opacity: 0;
} @media(min-width: 768px) {
.badge-intertek {
position: relative;
top: 20px;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.cl-simple-modal {
visibility: hidden;
position: fixed;
display:flex;
align-items: center;
justify-content:center;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-color: #000000B0;
}
.cl-simple-modal:target {
opacity: 1;
pointer-events: auto;
visibility: visible;
z-index: 9999;
}
.cl-simple-modal div.container {
left: 0% !important;
margin-top: 0 !important;
position: relative !important;
margin: 0 auto !important;
overflow:hidden;
}
.cl-simple-modal section {
background-color: rgba(0, 0, 0, 0.85);
padding:35px;
}
.cl-simple-modal.no-pad section,
.cl-simple-modal.no-pad .inner {
padding:0px !important;
}
@media (max-width: 800px) {
.cl-simple-modal div.container {
top: 0;
display: flex;
align-items: center;
}
}
.cl-simple-modal div .select {
margin: inherit !important;
}
.cl-simple-modal .modal-close {
color: black;
width: 70px;
text-decoration: none;
}
.cl-simple-modal .modal-close:hover {
}
.cl-simple-modal a.close {
top:0px;
position: absolute !important;
right:0px;
color:white;
font-size:30px;
background-color: #c23a25;
padding:15px;
}
.cl-simple-modal a.close svg {
width:40px;
height:auto;
display:block;
}
.cl-simple-modal .modal-background {
background-size: cover;
background-position: 50% 0;
width: 85vw;
max-width: 1200px;
border-top:solid 10px #4ba5b0; background-blend-mode: multiply;
}
.cl-simple-modal .modal-background .inner {max-height:85vh; overflow-y:auto; padding:20px 0;}
.cl-simple-modal.image-only .modal-background .inner {padding:0;} .cl-simple-modal .modal-background .inner::-webkit-scrollbar {width: 5px;} .cl-simple-modal .modal-background .inner::-webkit-scrollbar-track {background: transparent;} .cl-simple-modal .modal-background .inner::-webkit-scrollbar-thumb {background: white;} .cl-simple-modal .modal-background .inner::-webkit-scrollbar-thumb:hover {background: #555;}
.cl-simple-modal h2.modal-title {
font-size: 45px;
text-align: center;
padding: 57px 0 75px;
color: #ffde00;
}
.cl-simple-modal .content h3 {margin-bottom:20px; color:white; font-size:200%;}
.cl-simple-modal .content p.position {text-transform:uppercase; margin-bottom:50px; letter-spacing:3px;}
.cl-simple-modal .content p {color:white;}
.cl-simple-modal .content strong {font-weight:900;}
.cl-simple-modal .content a {color:white;}
.cl-simple-modal.image-only .image-only {width:100%; object-fit: contain; display: block;}
.cl-simple-modal .modal-background section {width:100%; display:flex; align-items:flex-start;}
.cl-simple-modal.image-right .modal-background section {flex-direction: row-reverse;}
.cl-simple-modal.image-bottom .modal-background section {flex-direction: column-reverse;}
.cl-simple-modal.image-top .modal-background section {flex-direction: column;}
@media (min-width:800px) {
.cl-simple-modal.image-right .image {margin-left:10%;}
.cl-simple-modal.image-left .image {margin-right:10%;}
.cl-simple-modal .image {width:45%;}
.cl-simple-modal .image img {width:100%;}
.cl-simple-modal .content {width:45%;}
.cl-simple-modal .content.lone {width:100%;}
}
.cl-simple-modal.image-bottom .image,
.cl-simple-modal.image-bottom .content,
.cl-simple-modal.image-top .image,
.cl-simple-modal.image-top .content {max-width:100%; width:auto; margin:0 auto; display:block;}
.cl-simple-modal.image-top .image,
.cl-simple-modal.image-bottom .content {margin-bottom:50px;} body.elementor-editor-active .cl-simple-modal {
visibility: visible;
position: relative;
top: unset;
right: unset;
bottom: unset;
left: unset;
opacity:1;
padding:50px 0;
}
body.elementor-editor-active .cl-simple-modal div.container {
top: unset;
transform: none;
left: unset !important;
} @media (max-width: 875px) {
.cl-simple-modal div { }
}
.elementor-widget-b3ea-simple-modal.timeline .cl-simple-modal.image-bottom .modal-background section .content {
width:90%;
}
.elementor-widget-b3ea-simple-modal.timeline .cl-simple-modal.image-bottom .modal-background section .image {
width:675px;
max-width:100%;
}#submenu {
position:absolute;
top:0;
left:0;
right:0;
width:100%;
z-index: 1;
}
#submenu.keep-alive {
height:70px;
position: relative;
}
.cl-submenu {
width:100%; 
margin:0; 
background-color:#86c0a0; 
display:none;
}
.cl-submenu.keep-alive {
display:block;
}
.cl-submenu section {
padding:10px 75px 20px; 
margin:0 auto; 
max-width:1800px; 
overflow:hidden;
}
body.home .cl-submenu section {
padding:20px 75px; 
}
.cl-submenu section .inner {}
.cl-submenu .submenu {
display:none; }
.cl-submenu .submenu.keep-alive {
display:block;
}
.cl-submenu ul {
text-align:left;
}
.cl-submenu ul ul {
display:inline-block;
}
.cl-submenu .submenu ul.sub-menu > li {display:inline-block; vertical-align: top;  margin-right:20px; font-weight: bold; }
.cl-submenu .submenu ul.sub-menu ul.sub-menu > li {display:block; border:none; color:white; font-weight:normal; margin-right:0;}
.cl-submenu .submenu ul.sub-menu > li.end-of-row,
.cl-submenu .submenu ul.sub-menu > li:last-child {margin-right:0;}
.cl-submenu .submenu ul.sub-menu li:last-child:after {display:none;}
.cl-submenu li a {
text-decoration: none; 
font-size:17px; 
color:white; 
position: relative; 
display: block; 
padding:5px 25px 5px 0; 
font-weight:500; 
font-family:'Fira Sans', sans-serif;
} 
.cl-submenu li a:after {
content:"";
display:block;
height:5px;
width:5px;
border-radius:50%;
background-color:white;
position:absolute;
right:0;
top:50%;
margin-top:-2px;
}
.cl-submenu ul ul li a {
color:white; 
font-size:90%; 
border-right:none;
}
.cl-submenu .submenu > ul.sub-menu > li.end-of-row > a,
.cl-submenu .submenu > ul.sub-menu > li:last-child > a {
padding-right:0; 
border-right:0;
}
.cl-submenu .submenu > ul.sub-menu > li.end-of-row > a:after,
.cl-submenu .submenu > ul.sub-menu > li:last-child > a:after {
display:none;
}
.cl-submenu li a:hover,
.cl-submenu li.current-menu-item a {
color:#c23b26;
}
.cl-submenu.red li a:hover,
.cl-submenu.red li.active a {}
.submenu-select {display:none; width:92% !important; max-width:600px; margin:0 auto;}
@media (max-width:1000px) {
.cl-submenu.sub-level {display:none;}
.cl-submenu.second-level ul {display:none;}
.cl-submenu.second-level {padding-bottom:20px;}
.cl-submenu-select {display:block;}
}
.submenu-4 {
}.b3-simple-sliders { width:100%; position:relative;}
.b3-simple-slider-container {position:relative; overflow:hidden;}
.b3-simple-slider .inner {
width:100%;
}
.b3-simple-slider .inner.content {
padding:0 75px;
flex-direction: column;
font-size:120%;
color:white;
background-color:var(--secondary);
}
.b3-simple-slider .inner.content img {
max-width:100%;
}
.b3-simple-slider {
width: 100%;
float:left;
}
.b3-simple-slider .top-stuff {height:100%; position:relative;}
.b3-simple-slider .top-stuff img {object-fit: cover; width:100%;}
.b3-simple-slider .bottom-stuff > * {width:100%;}
.b3-simple-slider .bottom-stuff p {margin:0; color:white; font-size:35px; text-align:center; font-weight:bold;}
.b3-simple-slider .content {
padding:50px;
}
.b3-simple-sliders .ss-arrow {
position:absolute;
top:50%;
transform:translateY(-50%);
cursor:pointer;
font-size:55px;
}
.b3-simple-sliders .left {left:-100px;}
.b3-simple-sliders .right {right:-100px;}
@media (min-width:901px) {
.b3-simple-slider{
height:500px;
}
.b3-simple-slider .inner {
display:flex;
justify-content: center;
width:50%;
}
.b3-simple-slider .top-stuff {
display:flex; 
justify-content:center;
}
}
@media (max-width:900px) {
.b3-simple-slider .inner.image {
min-height:200px;
}
.b3-simple-sliders .ss-arrow {
display: none !important;
}
.b3-simple-slider .inner.content {
padding:20px;
}
}.search-toggle img {cursor: pointer;}
#searchform {
margin-bottom:7px;
position:relative;
}
#searchform input[type="submit"] {
width:32px;
border-radius:50%;
height:32px;
float:right;
background:url(//www.kochtechsolutions.com/wp-content/themes/barn3s-theme/elementor/assets/images/arrow-right.svg) center no-repeat;
background-size:auto 60%; background-position: center left 11px;
border:solid thin #fff;
color:transparent;
cursor:pointer;}
#searchform {
position:relative;
}
#searchform input {
background-color:#d3d3d3;
border:none;
float:left;
font-size:15px;
padding:7px 10px;
width:100%;
}
#searchform:after {
width:0px;
height:0px;
display:none;
content:'';
position:absolute;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:10px solid #48af48;
top:13px;
right:10px;
}
.b3_search {
width:100%;
display:none;
position:absolute;
background-color:black;
top: 100%;
right:0;
}
.b3_search section {
padding: 0 50px;
margin: 0 auto;
}
.b3_search section .inner {
width:65%;
padding:20px 0;
float:right;
}
.b3_search #searchform {
float:right;
margin:0 auto;
min-width:600px;
}@media (min-width:767px) {
.b3-posts-grid .b3-content-items {
display:flex;
flex-wrap: wrap;
}
.b3-posts-grid .b3-content-items .post {
flex: 1 0 33%;
}
}
.b3-posts-grid .b3-content-items .post .post-content {
padding:25px;
}
.b3-posts-grid .b3-content-items .post .content-inner {
padding:20px;
background-color: white;
}
.b3-posts-grid .b3-content-items .post .wp-post-image {
object-fit: cover;
height:250px;
width:100%;
margin-bottom:30px;
}
.b3-posts-grid .b3-content-items .post .entry-meta p:last-child {
font-style: italic;
}
.b3-posts-grid .b3-content-items .post .entry-meta p:first-child {
font-weight: bold;
margin-bottom:0;
text-transform: uppercase;
color:var(--secondary);
} .b3-posts-list .post {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:solid thin #999;
}
.b3-posts-list .post:last-child {
border-bottom:none
}
.b3-posts-list .post-content .post-thumbnail img {
width:100%;
}
.b3-posts-list .entry-meta {
font-size:80%;
opacity:0.9;
}
@media (min-width:767px) {
.b3-posts-list .post-content {
display:flex;
}
.b3-posts-list .post-content .post-thumbnail {
width:20%;
padding-right:3%;
}
.b3-posts-list .post-content .content-inner {
width:72%;   
}
.b3-posts-list .post-content .content-inner.no-image {
width:100%;
}
.b3-posts-list .post-content h3 {
margin-top:0;
}
} .post-list-pagination {
text-align:center;
}
.post-list-pagination > * {
display:inline-block;
margin:0 2px;
padding:4px 4px 6px;
border-radius:5px;
border:solid thin #6e6d98;
transition:all 0.5s;
color: #333;
background:white;
line-height:1em;
cursor: pointer;
}
.post-list-pagination > *:hover {
background-color:#6e6d98; 
color:white;
}.b3-post-slider {
position: relative;
}
.b3-slider-button {
width: 40px;
height: 100px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
top:50%;
transform:translateY(-50%);
transition: all 0.3s;
}
.b3-slider-button.left {
left:0;
background-image:url(//www.kochtechsolutions.com/wp-content/uploads/2022/02/orange-left-arrow.svg);
}
.b3-slider-button.right {
right:0;
background-image:url(//www.kochtechsolutions.com/wp-content/uploads/2022/02/orange-right-arrow.svg);
}
.b3-post-slider-container {
text-align:center;
margin:0 auto;
width:80%;
position: relative;
}
.b3-post-slider-container h3 {
margin:0;
}
.b3-post-slider-container img {
object-fit: cover;
max-height:400px;
width:100%;
}
.b3-post-slider-container .link-image-content {
display:block;
position: relative;
background:grey;
}
.b3-post-slider-container .b3-post-slide:nth-child(2) .link-image-content {
background:lightgray;
}
.b3-post-slider-container .b3-post-slide:nth-child(3) .link-image-content {
background:darkgrey;
}
.b3-post-slider-container .read-more {
width:110px;
position: absolute;
right:50px;
bottom:50px;
}
.b3-post-slider-container .excerpt {
padding:30px 45px;
}
@media (max-width:800px) {
.b3-post-slider-container .excerpt {
padding:10px 15px;
}
}
@media (max-width:700px) {
.b3-post-slider-container img {
max-height:300px;
}
.b3-post-slider-container h3 {
font-size:1.2rem;
}
}.b3-timeline {
position: relative;
padding:100px 0;
}
.b3-timeline .timeline-top {
display:flex;
justify-content: flex-start;
align-items: flex-end;
border-bottom:solid 20px var(--secondary);
}
.b3-timeline .timeline-top > div {
flex:1;
}
.b3-timeline .timeline-thumbnail {
border-radius:50%;
border:solid thin black;
height:150px;
width:150px;
overflow: hidden;
display: inline-block;
margin-bottom:-20px;
}
.b3-timeline .timeline-thumbnail img {
width:100%;
display:block;
}
.b3-timeline h4.date {
color:#475259;
font-weight: 900;
font-size:2.75rem;
margin-bottom: -20px;
}
.b3-timeline .content {
margin-top:20px;
width: 70%;
}
.b3-timeline .timeline-center {
position: absolute;
right:20px;
top:0;
width: 5px;
height:100%;
background-color:#c6c6c6;
}
.b3-timeline .timeline-center div {
border-radius: 50%;
border:solid 8px #c6c6c6;
background-color: white;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.35);
position: absolute;
top:0;
left:50%;
height:40px;
width: 40px;
transform: translateX(-50%);
}
@media (min-width:769px) {
.b3-timeline .timeline-center {
transform: translateX(-50%);
left:50%;
}
.b3-timeline .timeline-entry-interior {
width:50%;
margin-top:-100px;
}
.b3-timeline .timeline-center div.bottom {
bottom: 0;
top:unset;
}
.b3-timeline .timeline-entry-interior.even {
float:right;
}
.b3-timeline .timeline-entry-interior.even .timeline-top {
flex-direction: row-reverse;
text-align: right;
}
.b3-timeline .timeline-entry-interior.even .content {
text-align:right;
float:right;
}
}
@media (max-width:768px) {
.b3-timeline .timeline-entry-interior {
padding-right:20px;
}
}.b3-logo-slider {
display:flex;
justify-content: center;
align-items: center;
}
.b3-logo-slider .b3-logo-slider-container {
width:calc(100% - 150px);
overflow: hidden;
}
.b3-logo-slider .ls-arrow {
width:75px;
cursor: pointer;
display: flex;
justify-content: center;
}
.b3-logo-slider .ls-arrow i {
font-size:30px;
color:white;
}
.b3-logo-slider a {
display:block; 
width: 100%;
height: 100%;
}
.b3-logo-slider a img {
object-fit: contain;
width: 100%;
height: 100%;
}
.b3-logo-slider .b3-slider-logo {
padding:30px;
width:25%; 
height:130px;
float:left;
}
@media (max-width:800px) {
.b3-logo-slider .b3-slider-logo {
padding:15px;
}
}