/*
Theme Name: Exponent
Theme URI: https://exponentwptheme.com/
Author: Brand Exponents
Author URI: http://www.brandexponents.com/
Description:  A modern business theme, that lets you build stunning high performance websites using a fully visual interface.
Version: 1.2.8.4
License: GPL 2.0
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: exponent
*/
.country-page-my {
    margin: 50px 0px !important;
}
body, .special-heading-wrap .caption-wrap .body-font, .body {
    color: rgb(105, 105, 108);
}
.home-bars {
    box-shadow: -6px 6px 1px #ddd;
    padding: 10px;
	background-color: #80808029;
    border-radius: 10px 10px 30px 5px;
}
.home-bars h4 {
    font-family: playfair-display;
    font-style: italic;
}
.material-box {
    padding: 20px;
    background: #eee;
    border-bottom: solid 3px #ddd;
}
.material-box .tatsu-icon {
    color: #fff !important;
    padding: 5px;
    font-size: 20px;
}
.material-box .tatsu-icon_card-icon{
    background-color: #333333;
    border-radius: 50%;
}

.my-font h3{
	font-family: 'Vollkorn', serif;
}
.my-ind p {
    color: ##5f5a5a;
}
.my-ind {
box-shadow: 7px 7px 10px #2293d7
}
.exp-entry-header {
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.exp-post-entry-title-wrap {
    margin-bottom: 0px !important;
}
.exp-post-entry-title{
	font-size: 25px !important;
}
.my-about-page h1, .my-contact-page h1{
    font-family: 'Vollkorn', serif;
    font-size: 25px;
    margin: 0px 0px 10px 0px;
}
.my-about-page h1 span:before {
    content: '';
    color: #BF2811;
    animation: profile 10s infinite;
}
@keyframes profile {
  0% { content: 'MANUFACTURER'}
  33% { content: 'STOCKIST'}
  66% { content: 'SUPPLIER'}
  100% { content: 'EXPORTER'}
}
.my-about-page p {
    text-align: justify;
}
.my-contact-page .glyphicon {
    color: #BF2811;
}
.product-page h1 {
    font-family: 'Vollkorn', serif;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 0px;
	line-height: 1.4em;
}
.product-page h2 {
    font-family: 'Vollkorn', serif;
    font-size: 18px;
    font-weight: 600;
	line-height: 1.4em;
}
.product-page h3 {
    font-family: 'Vollkorn', serif;
    font-size: 18px;
    font-weight: 500;
	line-height: 1.4em;
}
.table-of-content {
    box-shadow: 1px 1px 1px #ddd, -1px -1px 1px #ddd;
    padding: 10px;
    border-radius: 10px;
}
.table-of-content a {
    color: #BF2811;
}
.table-of-content .glyphicon {
    color: #2293d7;
}
.table-of-content p {
    margin: 0px;
}
.product-page ul li, ol li {
    margin-bottom: 0px;
}
.information {
    box-shadow: 1px 1px 1px #ddd, -1px -1px 1px #ddd;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 16px;
}
.information h4 {
    font-size: 18px;
    border-left: 8px solid #BF2811;
    border-radius: 21px;
    border-right: 8px solid #BF2811;
    padding: 0px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.table>tbody>tr>th, .table>tbody>tr>td {
    padding: 2px;
	text-align:center;
}
.sidebar-inner-box {
	position: relative;
    padding: 18px 16px;
    background-color: #BF2811;
    min-height: 161px;
    text-align: center;
}
.sidebar-inner-box h3{
	position: relative;
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.sidebar-inner-box .text{
	font-size: 17px;
    color: #ffffff;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 16px;
}
.sidebar-inner-box a{
    color: #ffffff;
}
.my-sidebar .panel-title a {
    font-size: 16px;
	background-color: transparent;
	color:#000000;
}
.my-sidebar ul li a {
    padding: 0px !important;
}
#accordion.my-sidebar.my-sidebar .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion.my-sidebar.my-sidebar a {
  display: block;
  padding: 10px 7px;
  border-bottom: 1px solid #BF2811;
  text-decoration: none;
}
#accordion.my-sidebar .panel-heading a.collapsed:hover,
#accordion.my-sidebar .panel-heading a.collapsed:focus {
  color: #000000;
  transition: all 0.2s ease-in;
}
#accordion.my-sidebar .panel-heading a.collapsed:hover::before,
#accordion.my-sidebar .panel-heading a.collapsed:focus::before {
  color: #000000;
}
#accordion.my-sidebar .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion.my-sidebar .panel-heading a:not(.collapsed) {
  color: #000000;
  background-color: transparent;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion.my-sidebar .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: #000000;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion.my-sidebar .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}
body, .special-heading-wrap .caption-wrap .body-font, .body {
font-family: "Open Sans",sans-serif;
}
.table>thead:first-child>tr:first-child>th {
text-align:center;
}
.page-id-5767 #tatsu-footer-container {
    display: none;
}
@media (max-width: 768px){
.information {
    overflow-x: scroll;
}
}
.table-parent {
    overflow-x: scroll;
}
.table {
    white-space: nowrap;
}

.cursor {
    width: 20px;
    height: 20px;
    border: 1px solid white;
    border-radius: 50%;
    position: absolute;
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    animation: cursorAnim .5s infinite alternate;
    pointer-events: none;
}

.cursor::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 8px solid gray;
    border-radius: 50%;
    opacity: .5;
    top: -8px;
    left: -8px;
    animation: cursorAnim2 .5s infinite alternate;
}

@keyframes cursorAnim {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.7);
    }
}

@keyframes cursorAnim2 {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.4);
    }
}

@keyframes cursorAnim3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.expand {
    animation: cursorAnim3 .5s forwards;
    border: 1px solid red;
}
h6.sidebar-heading {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e83f33;
    display: inline-block;
    padding-bottom: 8px;
}
.side-main-product ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.side-main-product ul li {
    margin-bottom: 5px;
    padding-bottom: 7px;
}
.products-block-left {
    width: 75px;
    display: inline-block;
}
.products-block-right {
    margin-left: 6px;
    display: inline-block;
}
.bannerGeometric{
  width:400px;
  color:#fff;
  margin:30px;
  position:relative;
  z-index:10;
}
.bannerGeometric::before{
  content:"";
  position:absolute;
  top:-5px;
  left:30px;
  display:block;
  width:45%;
  height:179px;
  border-left:2px solid #BFD7EA;
  z-index:100;
}
.bannerGeometric::after{
  content:"";
  position:absolute;
  top:-5px;
  left:30px;
  display:block;
  width:93%;
  margin-left:0%;
  margin-top:-1px;
  height:180px;
  clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 2%, 99% 18%, 94% 83%, 1% 98%, 0 100%, 95% 84%, 100% 17%);
  background:#BFD7EA;
  z-index:-1;
}
.bannerGeometric .content{
  width:90%;
  height:150px;
  padding: 0px 20px 20px 20px;
  text-align:center;
  z-index:10;
}
.bannerGeometric .content .sub{
  font-family: 'Gotu', sans-serif;
  font-size:16px;
  font-weight:bold;
  font-variant: small-caps;
  letter-spacing:2px;
  color:rgba(234,45,24,1);
  margin-top:35px;
}
.joinchat {
    --sep: 156px !important;
}
@media (max-width: 768px) {
.tatsu-section-pad {
    margin-top: 40px !important;
}
}
.tatsu-section-pad {
    padding-top: 0px !important;
}
@media (max-width: 768px) {
div#n2-ss-3 .n2-font-3de5890572f73fa57d08c0dadabbe0e6-hover
{
    font-size: 140% !important;
	padding-top:50px;
	padding-bottom:100px;
}}
#tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-fymr7igemyy8cvi.tatsu-menu > ul > li.current-menu-item > a {
	    color: rgb(255 255 255) !important;
}
.calltoreq h5 {
	padding:20px;
    color: #ffffff;
}
.calltoreq {
    background: #ea2d18;
    padding: 30px;
    width: 100vw;
    margin-left: calc(-50vw + 50% - 8px);
    position: relative;
}
@media only screen and (max-width: 767px){
.tatsu-B1bNKjTZmQ .tatsu-section-pad {
    padding-bottom:0px !important;
	}}
a.mytags {
	display: inline-block;
    position: relative;
    z-index: 3;
    background: transparent;
    color: #1172c4;
    font-size: 15px;
    border-color: #1172c4;
    border-style: solid;
    border-width: 2px;
    border-radius: 22px;
    padding: 0px 10px;
    transition: all 0.2s linear;
    text-decoration: none;
	margin-bottom:10px;
}
.chat-notice a {
    font-size: 30px !important;
}
.chat-notice {
    background-color: #fbff0cb8 !important;
    padding: 30px !important;
}