.pum-content.popmake-content:focus-visible, 
.pum-content *:focus, 
.pum-overlay .pum-content {
outline: none !important;
}
.wpcf7 br {
display: none;
}
@font-face {
font-family: 'MonCheri';
src: url(//botbiec.com/wp-content/themes/tkw/libraries/fonts/DFVN-TAN-MON-CHERI.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 1.4;
color: #111;
}
figure {
max-width: 100%;
}
a {
text-decoration: none;
color: inherit;
transition: all .3s;
}
a:hover {
text-decoration: none;
}
button,input {
outline: none !important;
box-shadow: none !important;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary,.btn-primary:focus {
background-color: unset;
border-color: unset;
border: 0 !important;
}
a:focus {
outline: 0 !important;
}
@media screen and (max-width: 782px){
html {
margin-top: 0 !important;
}
}
h2.screen-reader-text {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.showbar .icon-bar {
display: block;
width: 33px;
height: 3px;
border-radius: 1px;
}
.showbar .icon-bar {
background-color: #fff;
}
.showbar .icon-bar+.icon-bar {
margin-top: 7px;
}
.overbg-mobile {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #111;
opacity: .5;
z-index: 9999;
display: none;
}
.close-menu {
background: #fff;
color: #0003AB;
text-align: center;
padding: 10px;
font-size: 18px;
}
#mobile-menu .sub-menu img {
display: none;
}
.stick-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
animation-name: effect;
animation-duration: .3s;
background: #fff;
box-shadow: 2px 2px 2px #1113;
}
@keyframes effect {
from {top: -50px}
to {top: 0}
}
.alert-warning {
background: transparent;
border: 0;
font-size: 16px;
font-weight: 700;
text-align: center;
color: #111;
}
.tab-content > .tab-pane:not(.active), 
.pill-content > .pill-pane:not(.active) {
display: block;
height: 0;
overflow-y: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
border-bottom: 1px solid #cccccc;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: transparent;
border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 14px;
font-weight: bold;
position: relative;
padding: 5px 15px;
border-bottom: 2px solid transparent;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (min-width: 1200px){
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 16px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #333333;
border-bottom: 2px solid #ff9900;
}
.form-control:focus {
box-shadow: unset !important;
border-color: #ced4da;
}
.wpcf7-select, .wpcf7-text, .wpcf7-textarea,.wpcf7-number {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
outline: none !important;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wpcf7-textarea {
height: auto;
}
.wpcf7-submit {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #fff;
background-color: #007bff;
border-color: #007bff;
cursor: pointer;
}
div.quantity {
display: flex;
}
.qty_button {
padding: 5px 10px;
background: #fff;
border: 1px solid #111;
outline: 0;
}
.qty.text {
padding: 5px 10px;
border: 1px solid #111;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.quantity__remove {
border-right: 0;
margin-right: -5px !important;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.quantity__add {
border-left: 0;
margin-left: -5px !important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.single_add_to_cart_button {
border-radius: 5px !important;
display: inline-block !important;
background-color: #ff9900!important;
box-shadow: none !important;
margin: 0px !important;
margin-left: 10px !important;
float: none !important;
border: none !important;
color: #ffffff!important;
font-size: 14px !important;
height: 35px;
font-weight: 500 !important;
}
.woocommerce-pagination ul {
list-style: none;
border-radius: 0.25rem;
border: 0 !important;
}
.woocommerce-pagination ul li {
border-right: 0 !important;
}
.woocommerce-pagination ul li a {
color: #111 !important;
}
.woocommerce-pagination ul li .current, .woocommerce-pagination ul li .page-numbers {
position: relative;
display: block;
padding: 5px 10px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
margin: 0 3px !important;
transition: unset !important;
}
.woocommerce-pagination ul li .page-numbers {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
border-radius: 5px !important;
}
.woocommerce-pagination ul li .page-numbers.current {
background: #109cd9 !important;
border-color: #109cd9 !important;
color: #fff !important;
}
header#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
padding: 12px 0;
}
body.admin-bar header#header {
top: 32px;
}
div#logo img {
height: 32px;
}
#primary-menu .menu > li.current-menu-item > a {
border-bottom: 1px solid #fff;
}
.banner-home>img:not(.bh-absolute) {
height: 100vh;
width: 100%;
object-fit: cover;
}
img.bh-absolute {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 250px;
}
.banner-home {
position: relative;
}
.banner-home .container {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
}
.banner-home h3 {
color: #FFFFFF;
font-family: "MonCheri", Sans-serif;
font-size: 90px;
font-weight: 400;
line-height: 80px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.banner-home h3:nth-child(2) {
padding-left: 200px;
padding-top: 75px;
}
.banner-home hr {
border-top: 1px solid #111;
margin-top: 40px;
}
.banner-home p {
margin: 0;
font-size: 16px;
line-height: 1.6;
}
.banner-home a {
background-color: #111;
color: #fff;
padding: 15px 50px;
display: inline-block;
text-decoration: none;
border-radius: 5px;
animation: bounce 1.5s infinite;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
30% {
transform: translateY(-10px);
}
50% {
transform: translateY(5px);
}
70% {
transform: translateY(-5px);
}
}
@media(max-width: 991px) {
div#logo {
flex: 1;
}
img.bh-absolute {
display: none;
}
.banner-home .col-lg-4 {
display: none;
}
.banner-home .container {
top: 20%;
transform: translateX(-50%);
}
.banner-home h3 {
font-size: 32px;
line-height: 1.6;
}
.banner-home h3:nth-child(2) {
padding-left: 0;
padding-top: 0;
}
.banner-home p {
font-size: 14px;
}
.banner-home>img:not(.bh-absolute) {
object-position: left;
object-fit: contain;
}
.banner-home {
background: #69b2cd;
}
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}