@font-face {
font-family: 'Helvetica_LT_Regular';
src: url(//gsbattery-mm.com/wp-content/themes/GS/css/fonts/HelveticaLT_Regular.ttf);   
}
@font-face {
font-family: 'HelveticaLTStd_Light';
src: url(//gsbattery-mm.com/wp-content/themes/GS/css/fonts/HelveticaLTStd-Light.otf);   
}
h4
{
font-family:'HelveticaLTStd_Light';
}
.bg-g {
background-color: #faf6f8;
}
.header-logo img {
width: 75px;
height: 75px;
}
img.re-img {
width: 97px;
}
img.re-image {
width: 120px;
height: 77px;
margin-top: -10px;
margin-bottom: 10px;
}
img.re-image-p{
height: 80px;
}
.ft-blocks {
margin-top: 13%;
}
h4.ad-tle {
margin-top: 5%;
}
.ctform-style label {
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
display: contents !important;
}
.ctform-style input,textarea {
border-left: none;
border-right: none;
border-top: none;
outline:0;
font-weight:lighter;
background-color: #F1F0F1;
border-bottom: 1px solid #9C9C9C;
}
.ctform-style p {
margin: 0 0 27px;
}
div#pgc-gb14-64fe9ebc79af3-1-0 {
background-color: var(--global-primary-color);
border-radius: 6px;
border:1px solid red;
}
.ctext-style
{
background-color: var(--global-primary-color);
color:var(--global-text-white-color);
border-radius:5px;
padding: 13% 7%;
}
.ctext-style h4
{
font-size:var(--font-size--medium);
color:var(--global-text-white-color);
}
.ctsection-style {
background-color: #F1F0F1;
margin-bottom: 7%;
}
.ctsection-style h4
{
color:#ffffff;
font-size:32px;
margin-bottom: 22%;
}
.add-block1,.add-block2,.add-block3 {
width: 100%;
min-height: 30px;
margin-bottom: 8%;
}
.add-icon {
width: 8%;
float: left;
}
.add-text {
width: 92%;
float: left;
}
.ctsocial-style {
padding: 119px 0px 0px 0px;
}
.ctsocial-style .fa {
color: #fff !important;
font-size: 21px !important;
border: 1px solid #fff;
border-radius: 50%;
padding: 8px 9px;
margin:15px 3px 0px 0px;
}
.ctsocial-style .fa.fa-facebook {
padding: 9px 12.5px 7px 12.5px !important;
}
.ctform-style {
padding: 8% 6% 5% 0px;
}
.contact_title-style p {
color: #535353;
}
.ctform-style input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
background: #0033a0;
float: right;
padding: 10px 7px;
border-radius: 2px;
color: #fff;
font-size: 18px;
width: 210px;
}
.ctform-style p {
margin: 0 0 44px;
} .title-style {
padding: 9% 0px 9% 0px;
text-align: center;
}
.title-style h4{
color:#535353;
font-size:16px;
font-family: 'HelveticaLTStd_Light';
}
.contact_title-style {
padding: 9% 0px 5% 0px;
text-align:center;
} .tab-title, .tab-content {
text-align: left;
}
.category_ul {
margin-bottom: 3%;
}
.category_ul .nav-tabs {
text-align: center;
border:none;
}
.category_ul .nav-tabs>li {
float: none;
display: inline-block;
}
.category_ul .nav>li>a {
position: relative;
display: block;
padding: 14px 24px;
color:#535353;
float: left;
background-color: #F1F0F1;
}
.category_ul .nav>li>a:hover{
color:#535353;
}
.category_ul a.nav-link {
background-color: #F1F0F1;
margin: 0px;
color: #1A1919;
}
.category_ul .nav>li.active>a {
color: var(--global-text-white-color);
background-color: #0033A0;
}
.category_ul .nav-tabs>li {
float: none;
display: inline-block;
padding: 0px;
margin: 0px -1px 0px -4px;
}
.category_ul a.nav-link:hover {
background-color: #F1F0F1;
}
.category_ul .nav-item a {
border-radius: 0;
}
.catalog_ul {
margin-top: 2%;
} .tab-search {
width: 70%;
float: right;
padding: 20px 0px;
}
.tab-search label {
display: block !important;
max-width: 100%;
}
.tab-search input.search-submit {
width: 35%;
padding: 10px;
color: var(--global-text-white-color);
background-color: var(--global-primary-color);
}
.tab-search input.search-field {
width: 65%;
padding: 10px;
float: left;
background-color: #F1F0F1;
color: #1A1919;
}
.is-form-style label {
float: left;
}
.is-form-style .is-search-submit path {
fill: #fff;
}
.is-form-style input.is-search-submit, .is-search-icon {
display: inline-block!important;
color: #ffffff;
background-color: #0033A0;
border-radius: 0px 3px 3px 0px;
}
.custom-search-form {
width: 50%;
margin: 0px auto;
}
.custom-search-form label {
display: inline-block;
float: left;
width: 70%;
}
.custom-search-form input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
width: 30%;
}
.is-form-style input.is-search-input {
background: #FAF6F8;
color:#9C9C9C;
}
.is-form-style input.is-search-input {
border: 1px solid #F1F0F1 !important;
border-radius: 0;
}
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-title, .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content .pgafu-post-date {
padding: 5px 0px;
float: none;
display: block;
}
.pgafu-post-grid-main.pgafu-design-1 .pgafu-post-grid-content {
background: #fff;
text-align: left;
}
span.pgafu-user-img {
display: none;
}
.pgafu-post-date span {
display: inline-block;
margin-right: 10px;
float: right;
}
span.pgafu-user-img {
display: none;
}
.pgafu-post-categories {
float: left;
}
.pgafu-post-grid-main.pgafu-design-1 .readmorebtn {
display: none;
}
.pgafu-post-date span {
font-size: 16px;
display: inline-block;
margin-right: 10px;
}
.pgafu-post-date span {
font-style: none;
font-size: 12px;
} .inner-menu li {
float: left;
list-style-type: none;
background-color: #F1F0F1;
padding: 10px 20px;
}
.inner-menu a {
color: #535353;
}
.inner-menu a.active {
background-color: #003D80;
color:#ffffff;
}
.inner-menu .active a {
color: #ffffff;
}
.inner-menu li.active,.inner-menu li:hover,.inner-menu a:hover {
background-color: #003D80;
color: #ffffff;
}
.Search-info {
clear: both;
}
.gm-taxonomy-filter{
display: none !important;
}
h2.am__title {
font-size: 24px !important;
font-weight: bold;
}
.cat_style {
width: 60%;
float: left;
}
.date {
text-align: right;
width:40%;
float: left;
}
a.gm-term {
color: #ffffff;
font-size: 16px;
}
span.gm-taxonomy {
padding: 6px 12px;
border-radius: 5px;
background-color: #1FA4DF;
}
.search-results .page-header {
margin: 118px 0 20px;
border: none;
}
.se-post.row {
box-shadow: 2px 1px 3px 1px #ddd;
margin: 2% 0px;
}
.gridmaster-style-3 .am__title,.csr_des h3 {
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1 !important;
line-clamp: 1 !important;
-webkit-box-orient: vertical;
width: 100%;
}
.am_cont {
padding: 24px 24px 36px 24px;
}
span.gm-taxonomy {
padding: 6px 12px;
border-radius: 5px;
background-color: #1fa4df;
pointer-events: none;
cursor: default;
text-decoration: none;
}
span.gm-post-date {
float: right;
color: #535353;
} .inner-search {
margin-top: 5%;
width: 100%;
} .is-form-style.is-form-style-3 input.is-search-input {
border-right: 0!important;
color: #9C9C9C;
font-family: 'HelveticaLTStd_Roman';
font-weight: 100;
border-radius:3px 0px 3px 3px;
}
div#pg-w65081b659fbe6-2 {
margin-top: 3%;
}
.bmf-title a {
font-weight: 900;
font-size: 35px;
}
.bmf-term .gm-taxonomy {
background-color: #ffffff;
}
.bmf-term a {
color: #C7EB02;
font-size: 24px;
margin-left: -10px;
font-weight: 900;
margin-bottom: 19px;
}
.bc-title a {
font-weight: 900;
font-size: 35px;
}
.bc-term .gm-taxonomy {
background-color: #ffffff;
}
.bc-term a {
color:#1FA4DF;
font-size: 26px;
margin-left: -10px;
font-weight: 900;
margin-bottom: 19px;
}
input#searchsubmit {
background-color: #003D80;
color: #ffffff;
} button#searchsubmit {
background-color: #003d80;
color: #fff;
padding: 3px 12px;
border: none;
border-radius: 0px 3px 3px 0;
margin-left: -3px;
}
.search_style {
width: 80%;
float: right;
}
.search_style input {
width: 85%;
} .se-post img {
width: 300px;
height: 230px;
overflow: hidden;
object-position: center;
object-fit: cover;
} .pro_des {
padding: 36px 24px;
}
.pro_block_1 h3 {
color: #1A1919;
font-style: italic;
font-weight: 400;
}
.pro_block_1 {
width: 80%;
float: left;
}
.pro_block_2 {
width: 20%;
float: left;
margin-top: 18px;
}
.pro_block_2 .tag_style1 {
color: #1FA4DF;
border: 3px solid #1FA4DF;
border-radius: 50%;
padding: 3px 11px;
font-size: 24px;
}
span.cat-style1 {
font-size: 24px;
font-weight: 900;
color: #C7EB02;
text-transform: uppercase;
font-family: 'HelveticaLTStd_Bold';
}
.pro_block_2 .tag_style2 {
color: #C7EB02;
border: 3px solid #C7EB02;
border-radius: 50%;
padding: 3px 11px;
font-size: 24px;
}
span.cat-style2 {
font-size: 24px;
font-weight: 900;
color: #1FA4DF;
text-transform: uppercase;
font-family: 'HelveticaLTStd_Bold';
}
.pc-style p {
color: #535353;
}
.post.category-22,.post.category-20,.post.category-57,.post.category-61
{
background: var(--White-One, #FAF6F8);	
margin: 0px 0px 30px 0px;
}
.post.category-20 .excerpt,.post.category-22 .excerpt,.post.category-57 .excerpt,.post.category-61 .excerpt {
color: #535353;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.post.category-22:hover,.post.category-20:hover,.post.category-57:hover,.post.category-61:hover {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
border-radius: 16px;
}
.post.category-20:hover .img-wrapper,.post.category-22:hover .img-wrapper,.post.category-57:hover .img-wrapper,.post.category-61:hover .img-wrapper
{
border-radius: 16px 16px 0px 0px;
}
.am_single_grid:hover .am_thumb
{
border-radius: 16px 16px 0px 0px;
} .csr_box:hover .csr_image img {
border-radius: 16px 16px 0px 0px;
}  .category-20 .tags span,.category-57 .tags span {
color: #1FA4DF;
font-size: 24px;
}
.category-20 .categories span,.category-57 .categories span {
font-size: 24px;
font-weight: 900;
color: #C7EB02;
text-transform: uppercase;
font-family: 'HelveticaLTStd_Bold';
}
.category-20 h3 a,.category-22 h3 a,.category-57 h3 a,.category-61 h3 a  {
color: #1A1919;
font-style: italic;
font-weight: 400;
}
.category-22 .categories span,.category-61 .categories span {
font-size: 24px;
font-weight: 900;
color: #1FA4DF;
text-transform: uppercase;
font-family: 'HelveticaLTStd_Bold';
} .category-22 .tags span, .category-61 .tags span {
color: #c7eb02;
font-size: 24px;
}
.category-22 .pro_des .tags,.category-61 .pro_des .tags  {
margin-top: -40%;
float: right;
height: 50px;
background-repeat: no-repeat;
width: 50px;
text-align: center;
padding-top: 8px;
background-image: url(http://gsbeta.staging-sc.com/wp-content/uploads/tag_images/con_tag_bg.png);
background-position: center;
}
.category-20 .pro_des .tags,.category-57 .pro_des .tags  {
margin-top: -40%;
float: right;
height: 50px;
background-repeat: no-repeat;
width: 50px;
text-align: center;
padding-top: 8px;
background-image: url(http://gsbeta.staging-sc.com/wp-content/uploads/tag_images/me_tag_bg.png);
background-position: center;
}
.pro_block1 {
width: 80%;
float: left;
}
.pro_block2 {
width: 20%;
float: left;
margin-top: 18px;
}
.csr_box:hover {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
border-radius:16px;
}
.categorylist_style {
margin-top: 3%;
}
.pro_block1 h3,.pro_block2 h3 {
margin-bottom: 0px !important;
margin-top: 0px;
}
.pro_des .tags {
margin-top: -13px;
float: right;
} .am_single_grid:hover {
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2) !important;
border-radius:16px;
}
.am_single_grid {
box-shadow: none !important;
height: 100%;
display: block;
background: var(--White-One, #FAF6F8);
}
.gridmaster-style-3 .am__title {
font-size: 20px;
margin-bottom: 0px !important;
margin-top: -9px;
}
.gridmaster-style-3 .am_thumb{
height: 308px!important;
}
.am__excerpt {
color: #535353;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
} .bottom-pagi.text-center {
clear: both;
margin: 5% 0px;
}
.bottom-pagi.text-center a {
border: 1px solid #696969;
color: #696969;
padding: 8px 14px;
font-size: 18px;
margin: 0px -3px;
}
span.page-numbers.current {
border: 2px solid var(--Back-Two, #535353);
padding: 8px 14px;
font-size: 18px;
margin: 0px -1.5px;
}
a.next.page-numbers,a.prev.page-numbers {
display: none;
}
.am_posts_navigation_init .page-numbers.current, .am_posts_navigation_init .page-numbers:hover {
padding: 17px 13px;
font-size: 18px;
}
.am_posts_navigation_init .page-numbers {
min-width: 40px !important;
height: 40px !important;
color: #696969;
margin:0px -2.5px !important;
}
span.page-numbers.current {
background-color: #ffffff !important;
} span.gm-post-date {
float: right;
}
.img-wrapper {  
width: 100%;
height: 308px;
overflow: hidden; 
}
.img-wrapper img {  
width: 100%;
height: 100%;
object-fit:cover;
object-position:center;
}
.inner-img,.csr_box .inner-img,.post.category-20 .inner-img,.post.category-22 .inner-img,.post.category-57 .inner-img,.post.category-61 .inner-img{
transition: 1.5s;
}
.inner-img:hover,.csr_box:hover .inner-img,.post.category-20:hover .inner-img,.post.category-22:hover .inner-img,.post.category-57:hover .inner-img,.post.category-61:hover .inner-img{
transform: scale(1.1);
} .img-wrapper {
display: inline-block;
box-sizing: border-box;
//border: 1px solid #000;
}
.gm-postmeta a {
display: none;
}
.gm-postmeta .gm-term {
display: block;
background: #1fa4df;
color: #fff;
padding: 0px 8px;
border-radius: 5px;
float: left;
text-align: center;
}
.add-block3 .add-text {
width: 62%;
float: left;
text-align: justify;
} .csr_des p {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.csr_image img {
height: 308px !important;
}
.csr_box img {
width: 100%;
height: 308px;
object-position: center;
object-fit: cover;
} .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
opacity: 1!important;
} .main_btn,.seconday_btn,.knowledge_Info .seconday_btn {
border-radius: 2px;
} li#menu-item-1419-en img {
display: none;
}
#menu-item-1419 ul.dropdown-menu,#menu-item-84 ul.dropdown-menu {
padding: 12px 0px 0px 23px;
}
li#menu-item-1419 {
margin-top: -6px;
}
li#menu-item-84 {
margin-top: -6px;
}
li#menu-item-84 .dropdown-menu,
#menu-item-1419 ul.dropdown-menu{
min-width: 80px !important;
width: 70% !important;
}
.test-style {
margin-top: 3%;
} .m-tag {
color: #c7eb02;
border: 2.5px solid #c7eb02;
padding: 4px 11px;
border-radius: 50%;
font-size: 24px;
} span.bcat_Title {
font-size: 24px;
font-weight: 900;
color: #c7eb02;
text-transform: uppercase;
font-family: 'HelveticaLTStd_Bold';
}
.csr_header
{
width:100%;
}
.csr_name {
width: 80%;
float: left;
}
.csr_tag {
width: 20%;
float: left;
margin-top: 7%;
text-align: right;
}
.c-tag {
color: #1fa4df;
border: 2.5px solid #1fa4df;
padding: 4px 11px;
border-radius: 50%;
font-size: 24px;
}
.csr_name h3{
font-size:36px;
font-style:italic;
}
.tbc_content {
margin-top: 3%;
} .title-style {
margin-bottom: -4%;
}
img.mlogo{
display: none;
} @media (min-width: 992px) and (max-width: 1199px){
#mySidebar a {
color: #ffffff;
}
.sidebar {
background-color: #003d80;
}
img.mlogo {
display: block;
width: 75px;
height: 75px;
}
}
@media (min-width: 320px) and (max-width: 992px){
img.mlogo {
display: block;
width: 75px;
height: 75px;
}
}
@media (min-width: 320px) and (max-width: 767px){ .title-style h2 {
font-size: 1.7em !important;
}
.inner-title h3 {
font-size: 1.4em;
margin-bottom: 16px;
}
.slick-prev.slick-disabled:before{
display:none;
}
.event_section h2 {
margin-bottom: 12%;
}
.category_ul .nav-tabs>li 
{
width: 100%;
}
.category_ul .nav>li>a {
position: relative;
display: block;
padding: 14px 22px;
color: #535353;
float: none;
}
.inner-search {
margin-top: 0%;
width: 100%;
float: left;
}
.post.category-20 img, .post.category-22 img, .post.category-57 img, .post.category-61 img,.product_box img, .cata-img img {
height: 283px;
width: 100%;
overflow: hidden;
object-fit: cover;
object-position: center;
}
.am__col-3 .am_grid_col {
margin-bottom: 20px;
}
.am_grid_col {
padding: 0 13px 0px 32px;
} .tbc_content {
margin: 10% 0px 0px 0px;
}
.tbc_header {
margin: 0px;
}
#mySidebar a {
color: #ffffff;
}
.sidebar {
background-color: #003d80;
}
.search-results .page-header {
margin: 49px 0 20px;
border: none;
}
.search_style {
width: 100%;
float: right;
margin-bottom: 5%;
}
.ctform-style {
padding: 8% 6% 5% 5%;
}
.add-block3 .add-text {
width: 90%;
float: left;
text-align: justify;
}
.ctsocial-style {
padding: 33px 0px 0px 0px;
clear: both;
} .category-22 .pro_des .tags, .category-61 .pro_des .tags,.category-20 .pro_des .tags, .category-57 .pro_des .tags {
padding-top: 4px;
}   .main_menu {
display: none !important;
} .page_title0 {
margin-top: -44px;
}
img.mlogo {
display: inline-block;
width: 75px;
height: 75px;
} .test-style {
margin-top: 8%;
}
h4.ad-tle {
margin-top: 0%;
}
img.re-img {
width: 63px;
margin-bottom: 14px;
}
}
@media (min-width: 991px) and (max-width: 1299px){
.knowledge_slide li {
width: 300px !important;
}
}
@media (min-width: 768px) and (max-width: 991px){
#mySidebar a {
color: #ffffff;
}
.sidebar {
background-color: #003d80;
}
.knowledge_slide li {
width: 300px!important;
}
}
@media (min-width: 500px) and (max-width: 768px){
.knowledge_slide li {
width: 300px!important;
}
}
@media (min-width: 320px) and (max-width: 500px){
.knowledge_slide li {
width: 300px!important;
}
}
@media (max-width: 500px){
img.re-image-p{
height: 70px;
}
}
@media (max-width: 450px){
.col-xs-4 {
width: 100% !important;
}
}