/*
Theme Name: SantaMas
Author: HashThemes
Author URI: https://hashthemes.com
Theme URI: https://hashthemes.com/wordpress-theme/santamas/
Description: SantaMas is a Free WordPress Theme specifically designed for holidays and events like Christmas, New Year or any other special events.
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: santamas
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, holiday, theme-options
Tested up to: 5.8
Requires PHP: 5.6
*/

/* =WordPress Core Reset
-------------------------------------------------------------- */
body {margin:0;}
/* 修复登录后台后admin-bar造成面包屑上方多余空白 */
body.admin-bar {padding-top: 0 !important;}
body.admin-bar #header,
body.admin-bar .site-header {margin-top: 32px !important;}
/**/
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
a {background-color:transparent;}
a:active,a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0;color:#000;}
small {font-size:80%;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;vertical-align:middle;max-width:100%;height:auto;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
hr {-webkit-box-sizing:content-box;box-sizing:content-box;height:0;border:0;background:#ccc;margin-bottom:1.5em;}
pre {overflow:auto;}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;}
button {overflow:visible;text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;cursor:pointer;text-transform:none;
}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing:border-box;box-sizing:border-box;padding:0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}
textarea {overflow:auto;width:100%;}
optgroup {font-weight:bold;}
table {border-collapse:collapse;border-spacing:0;width:100%;margin:0 0 1.5em;}
td,th {padding:10px;border:1px solid #eee;}

/* Typography */
h1 {font-size:32px;}
h2 {font-size:36px;}
h3 {font-size:32px;}
h4 {font-size:28px;}
h5 {font-size:24px;}
h6 {font-size:20px;}
.entry-title {text-align:center;}
p {margin:5px 0;}

dfn,cite,em,i {font-style:italic;}
blockquote {background:#F6F6F6;padding:40px;border-left:6px solid #eee;margin:0 0 40px;}
blockquote *:last-child {margin-bottom:0 !important;}
address {margin:0 0 1.5em;}
code,kbd,tt,var {font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:0.9375rem;}
abbr,acronym {border-bottom:1px dotted #666;cursor:help;}
mark,ins {background:#fff9c0;text-decoration:none;}
big {font-size:125%;}

/* Elements */
html {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
*,*:before,*:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body {background:#fff;}
ul {list-style:disc;}
ol {list-style:decimal;}
li>ul,li>ol {margin-bottom:0;margin-left:20px;}
dt {font-weight:bold;}
dd {margin:0 1.5em 1.5em;}

/* Forms */
.entry-readmore a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display:inline-block;min-width:150px;font-size:14px;padding:12px 50px;color:#fff;
    -webkit-box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);
    box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);
    text-transform:uppercase;font-weight:bold;text-align:center;border-radius:50px;
    -webkit-transition:all 0.5s;transition:all 0.5s;border:none;background:#df6310;
}
.entry-readmore a:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {color:#fff;}
button:active,button:focus,
input[type="button"]:active,input[type="button"]:focus,
input[type="reset"]:active,input[type="reset"]:focus,
input[type="submit"]:active,input[type="submit"]:focus {outline:none;-webkit-box-shadow:none;box-shadow:none;}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],
input[type="search"],input[type="number"],input[type="tel"],input[type="range"],
input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {
    color:#666;border:1px solid #eee;padding:10px;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,
input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,
input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,
input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,
input[type="datetime"]:focus,input[type="datetime-local"]:focus,
input[type="color"]:focus,textarea:focus {border-color:#ccc;outline:none;-webkit-box-shadow:none;box-shadow:none;}
select {border:1px solid #eee;padding:10px;}
input[type="search"] {-webkit-appearance:textfield;}

/* Links */
a {color:var(--dark);text-decoration:none;}
a:hover {color:#d72621;}
a:focus,a:active {outline:none;}

/* General */
.santamas-container {width: 75%;margin:0 auto;}
.santamas-flex {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#page {position:relative;}

/* Header */
.site-header {background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:fixed;z-index:99;left:0;top:0;right:0;border-bottom:1px solid rgba(255,255,255,0.25);}
.header-banner {background-color:#333;background-position:center;background-size:cover;min-height:260px;position:relative;}
.header-banner:before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.3);}
.site-branding {padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.25);}
.site-title {font-size:38px;font-family:'Noto Serif',serif;margin:0;font-weight:700;line-height:1;}
.site-description {font-size:16px;margin:0;font-weight:300;}
.site-title a,.site-description {color:#fff;}

/* Menus */
.toggle-menu {display:none;}
.main-navigation {clear:both;display:block;}
.main-navigation ul {list-style:none;margin:0;padding:0;}
.main-navigation ul li {position:relative;}
.main-navigation ul li a {display:block;position:relative;}
.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-parent > a {color:#ff5722 !important;font-weight:600;}
.primary-menu>li {float:left;margin-left:30px;font-weight:400;font-size:20px;text-transform:uppercase;}
.primary-menu>li>a {transition:color 0.3s ease;font-weight:500;font-size:17px;color:var(--dark);position:relative;line-height:36px;}
.primary-menu>li>a:before,.primary-menu>li>a:after {
    content:"";position:absolute;height:1px;width:20px;background:rgba(255,255,255,0.4);border-radius:50%;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;
}
.primary-menu>li>a:before {top:0;left:20px;}
.primary-menu>li>a:after {bottom:0;right:20px;}
.primary-menu>li:hover>a:before,.primary-menu>li.current_page_item>a:before,
.primary-menu>li.current-menu-item>a:before,.primary-menu>licurrent_page_ancestor>a:before {opacity:1;left:0;}
.primary-menu>li:hover>a:after,.primary-menu>li.current_page_item>a:after,
.primary-menu>li.current-menu-item>a:after,.primary-menu>licurrent_page_ancestor>a:after {opacity:1;right:0;}
.primary-menu ul {display:none;position:absolute;left:0;top:100%;width:300px;background:#193a63;font-size:14px;}
.primary-menu>li:last-child>ul {left:auto;right:0;}
.primary-menu ul ul {left:100%;top:0;}
.primary-menu>li:last-child>ul ul {left:auto;right:100%;}
.primary-menu li:hover>ul {display:block;}
.primary-menu ul li {padding:0 10px;}
.primary-menu ul li a {color:#fff;line-height:1;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,0.1);}
.primary-menu ul li:last-child a {border-bottom:none;}
.menu-item-has-children .ht-dropdown {position:relative;right:-5px;}
.menu-item-has-children .ht-dropdown:after {content:'\f107';font-family:FontAwesome;}
.menu-item-has-children ul .ht-dropdown {position:absolute;top:50%;right:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.menu-item-has-children ul .ht-dropdown:after {content:'\f105';}

/* Pagination & Nav */
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {margin:0 0 1.5em;overflow:hidden;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {float:left;width:50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {float:right;text-align:right;width:50%;}
.pagination {margin-bottom:60px;text-align:center;}
.pagination .page-numbers {border:2px solid #eee;padding:12px 30px;border-radius:30px;margin:0 5px;display:inline-block;text-transform:uppercase;color:#333;font-weight:bold;font-size:14px;}
.pagination .page-numbers:hover,.pagination .page-numbers.current {background:#eee;}

/* Accessibility */
.screen-reader-text {
    border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);
    height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;
}
.screen-reader-text:focus {
    background-color:#f1f1f1;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:bold;
    height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;
}
#content[tabindex="-1"]:focus {outline:0;}

/* Clearfix */
.clearfix:before,.clearfix:after,.entry-content:before,.entry-content:after,
.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,
.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
    content:"";display:table;table-layout:fixed;
}
.clearfix:after,.entry-content:after,.comment-content:after,.site-header:after,
.site-content:after,.site-footer:after {clear:both;}

/* Widgets */
.widget {margin:0 0 1.5em;}
.widget select {max-width:100%;}
.widget-area .widget {border:1px solid #eee;padding:30px;margin-bottom:40px;}
.widget-area ul {list-style:none;margin:0;padding:0;}
.widget-area ul ul {margin-left:5px;}
.widget-area ul li {padding-bottom:8px;margin-bottom:8px;line-height:1.4;}
.widget-area ul li:last-child {margin-bottom:0;padding-bottom:0;}
.widget-area ul li a {color:#444;}
.widget-area ul li a:hover {color:#d72621;}
.widget-title {padding:10px 0;}
.widget-area .widget-title {font-size:18px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
.textwidget p {padding:10px 0;}
.widget-area .widget_search .search-form {display:-webkit-box;display:-ms-flexbox;display:flex;}
.widget-area .widget_search label {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.widget-area .widget_search .search-field {width:100%;}
.widget-area .widget_search .search-submit {min-width:0;border-radius:0;padding:12px 15px;}

/* Content Layout */
#primary {width:67%;float:left;padding-top:80px;}
#primary1 {padding-top:110px;width:100%;}
#secondary {padding-top:80px;width:29%;float:right;}
.entry-banner {width:35%;float:left;}
.entry-wrapper {padding:20px;}
h2.entry-title {font-size:22px;font-weight:bold;text-transform:uppercase;}
h1.entry-title {margin-bottom:40px;}
h2.entry-title a {color:#333;}
.entry-content {font-size:18px;}
.entry-content ul,.entry-content ol {margin-bottom:40px;}
.entry-content ul ul,.entry-content ol ol {margin-bottom:0;}
.blog-hentry .entry-content {font-size:18px;margin-bottom:20px;color:#555;font-weight:300;float:left;padding-left:30px;}
.entry-meta {padding-top:10px;font-size:13px;color:#666;}
.entry-meta a {color:#666;}
.entry-meta a:hover {color:#C53547;}
.entry-meta .posted-on {float:left;}
.entry-meta .cat-links {float:right;}
.top-entry-meta {font-size:12px;text-transform:uppercase;margin-bottom:20px;}
.top-entry-meta a,.top-entry-meta {color:#666;}
.top-entry-meta a:hover {color:#C53547;}
.top-entry-meta .cat-links {margin-right:20px;}
.page-header {margin-bottom:40px;}
.sticky {display:block;}
.updated:not(.published) {display:none;}
.page-links {clear:both;margin:0 0 1.5em;}

/* Comments */
#respond {border:1px solid #eee;padding:40px;margin-bottom:40px;}
.comment-content a {word-wrap:break-word;}
.bypostauthor {display:block;}
.comment-form-comment textarea,.comment-form-author input,.comment-form-email input,.comment-form-url input {width:100%;margin-top:5px;}
p.form-submit {margin-bottom:0;}
h2.comments-title {font-size:30px;}
h3#reply-title {font-size:22px;text-transform:uppercase;}
ol.comment-list {margin:0 0 50px;list-style:none;}
ol.children {margin-left:30px;}
.comment-meta {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px;font-size:13px;}
.comment-meta .fn {margin-left:20px;text-transform:uppercase;}
.comment-meta .edit-link {margin-left:15px;border-left:1px solid #bbb;}
.comment-meta a {color:#444;padding-left:15px;}
.comment-body {margin-top:40px;font-size:15px;border:1px solid #eee;padding:30px;}
.comment-author img {border-radius:50%;}
.comment-reply-link {display:inline-block;font-size:12px;padding:8px 20px;color:#333;-webkit-box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);text-transform:uppercase;font-weight:bold;text-align:center;border-radius:50px;-webkit-transition:all 0.5s;transition:all 0.5s;border:none;background:#fff;}
.comment-reply-link:hover {background:#C53548;color:#fff;}

/* Infinite scroll */
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {display:none;}
.infinity-end.neverending .site-footer {display:block;}

/* Media */
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {border:none;margin-bottom:0;margin-top:0;padding:0;}
embed,iframe,object {max-width:100%;}
.custom-logo-link {display:inline-block;}
.wp-caption {margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*="wp-image-"] {display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text {margin:0.8075em 0;}
.wp-caption-text {text-align:center;}
.gallery {margin-bottom:1.5em;}
.gallery-item {display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-columns-2 .gallery-item {max-width:50%;}
.gallery-columns-3 .gallery-item {max-width:33.33%;}
.gallery-columns-4 .gallery-item {max-width:25%;}
.gallery-columns-5 .gallery-item {max-width:20%;}
.gallery-columns-6 .gallery-item {max-width:16.66%;}
.gallery-columns-7 .gallery-item {max-width:14.28%;}
.gallery-columns-8 .gallery-item {max-width:12.5%;}
.gallery-columns-9 .gallery-item {max-width:11.11%;}
.gallery-caption {display:block;}

/* Theme Custom Sections */
.banner-section {height:75vh;position:relative;background-size:cover;background-position:center;}
.banner-section:before {content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;}
.banner-section>img,.header-banner > img {opacity:0.6;}
.banner-caption {position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9;padding-top:100px;}
.banner-caption h2 {font-size:42px;font-weight:400;line-height:1.2;text-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.banner-caption p {max-width:50%;font-size:18px;margin:0 0 30px;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.banner-buttons {margin-top:40px;}
.banner-buttons a {padding:15px 50px;background:#df6310;color:#fff;display:inline-block;border-radius:30px;margin-right:20px;font-weight:700;text-transform:uppercase;font-size:15px;-webkit-box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);-webkit-transition:all 0.5s;transition:all 0.5s;}
.banner-buttons a:hover {background:#fff;color:#333;}

.about-section-image {width:45%;padding-right:20px;padding-top:80px;-ms-flex-item-align:end;}
.about-section-image img {display:block;}
.about-section-content {padding:80px 0;color:#666;}
.about-section-image+.about-section-content {width:55%;}
.about-section-content h4 {font-size:40px;margin-bottom:30px;color:#333;}
.about-counter {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.about-counter .counter-block {width:50%;margin-top:50px;padding-right:40px;}
.counter-icon {float:left;}
.counter-icon .fa {color:#d72621;font-size:36px;}
.counter-content {padding-left:70px;}
.counter-number {font-size:32px;font-weight:bold;margin-bottom:10px;line-height:1;color:#222;}
.counter-text {color:#666;font-size:18px;}

.event-countdown-section {padding:80px 0;background:#fafafa;}
.event-countdown-section .event-info {font-size:26px;font-family:'Noto Serif',serif;width:100%;}
.event-counter {width:45%;}
.event-counter>div {position:relative;width:120px;height:140px;display:inline-block;background:#fff;color:#333;text-align:center;margin-left:15px;text-transform:uppercase;-webkit-box-shadow:0px 14px 10px -6px rgba(0,0,0,0.3);box-shadow:0px 14px 10px -6px rgba(0,0,0,0.3);}
.event-counter>div span {display:block;font-size:50px;font-weight:bold;padding:30px 0 10px;line-height:1;}

.santamas-featured-section {text-align:center;padding:80px 0;background-image:url(images/featuredbg.jpg);background-size:cover;background-position:center;position:relative;}
.santamas-featured-section .santamas-container {position:relative;z-index:999;}
.featured-box-wrap {width:110%;margin-left:-4%;}
.featured-box {padding:1%;width:25%;background:#fff;margin-top:40px;}
.featured-box p {color:#666;margin-bottom:40px;}
.featured-thumb {margin-bottom:30px;}
.featured-box .featured-button,.blog-left .blog-read-more a {display:inline-block;min-width:150px;font-size:14px;padding:12px 20px;color:#333;-webkit-box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);box-shadow:0px 1px 20px 0px rgba(0,0,0,0.10);text-transform:uppercase;font-weight:bold;text-align:center;border-radius:50px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.featured-box .featured-button:hover,.blog-left .blog-read-more a:hover {background:#d72621;color:#fff;}

.santamas-blog-section {padding:80px 0;text-align:center;}
.santamas-blog-wrap {border:1px solid #eee;margin-top:60px;padding:20px;}
.blog-left {width:70%;float:left;}
.blog-right {width:30%;float:right;padding-left:30px;text-align:left;}
.blog-left .blog-post-box {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.blog-left .blog-post-box .blog-thumbnail,.blog-left .blog-post-box .blog-excerpt {width:50%;position:relative;}
.blog-left .blog-post-box .blog-thumbnail img {display:block;}
.blog-left .blog-post-box:nth-child(1) .blog-thumbnail:after {content:"";position:absolute;right:0;top:50%;border-color:transparent #fff transparent transparent;border-style:solid;border-width:30px;margin-top:-30px;}
.blog-left .blog-post-box:nth-child(2) .blog-thumbnail:after {content:"";position:absolute;left:0;top:50%;border-color:transparent transparent transparent #fff;border-style:solid;border-width:30px;margin-top:-30px;}
.blog-left .blog-post-box .blog-excerpt {padding:0 50px;}
.blog-left .blog-post-box:nth-child(2) {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.blog-post-box h5 {font-size:20px;}
.blog-post-box h5 a {color:#333;}
.blog-left .blog-post-box p {color:#666;}
.blog-left .blog-date {position:absolute;top:20px;background:#d72621;font-size:13px;color:#fff;line-height:1;padding:5px 10px;font-style:italic;pointer-events:none;}
.blog-left .blog-post-box:first-child .blog-date {top:auto;bottom:20px;left:auto;right:0;}
.blog-read-more {margin-top:30px;}
.blog-right .blog-post-box {margin-bottom:50px;}
.blog-right .blog-post-box:last-child {margin-bottom:0;}
.blog-right .blog-post-box h5 {font-size:18px;margin-bottom:8px;}
.blog-right .blog-post-box .blog-date {color:#777;font-size:13px;font-style:italic;}
.blog-right .blog-thumbnail {width:100px;margin-right:20px;float:left;}

.santamas-gallery-slider img {display:block;}
.santamas-gallery-section .lSAction > a {background:none;height:80px;width:40px;background:rgba(0,0,0,0.8);margin-top:-40px;}
.santamas-gallery-section .lSAction > .lSPrev {left:0;}
.santamas-gallery-section .lSAction > .lSNext {right:0;}
.santamas-gallery-section .lSAction > a:after {color:#fff;text-align:center;line-height:80px;display:block;}
.santamas-gallery-section .lSAction > .lSPrev:after {content:"\e094";font-family:'lg'}
.santamas-gallery-section .lSAction > .lSNext:after {content:"\e095";font-family:'lg'}

.site-footer {background:#333;color:#bbb;font-size:16px;}
.site-footer a {color:#bababa;}
.top-footer {border-bottom:1px solid #444;padding:50px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.footer-logo {float:left;}
.footer-menu {float:right;-ms-flex-item-align:end;align-self:flex-end;}
.footer-menu ul {list-style:none;padding:0;margin:0;}
.footer-menu ul li {display:inline-block;margin-left:15px;}
.footer-menu ul li a:hover {border-bottom:1px dotted #ccc;}
.footer-logo img {max-height:60px;}
.bottom-footer {padding:30px 0;}
.site-info {float:left;}
.site-info a {border-bottom:1px dotted #ccc;}
.site-social-buttons {float:right;}
.site-social-buttons a {padding:0 6px;}
.site-social-buttons a:hover {color:#eee;}

/* =Custom Business CSS
-------------------------------------------------------------- */
*{margin:0;padding:0;box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {color:#333;line-height:1.6;background-color:#f9fafb;font-family:'Inter',sans-serif;}
ul {list-style:none;}
a {text-decoration:none;color:#333;}
img {object-fit:cover;display:block;}
.elementor-element img {display:inline;width:auto;height:auto;max-width:100%;}

:root {
    --primary:#df6310;
    --secondary:#1A73E8;
    --accent:#E63946;
    --dark:#1E293B;
    --light:#F8FAFC;
    --gray:#64748B;
    --light-gray:#E2E8F0;
    --success:#10B981;
}
.container-custom {width:95%;max-width:1400px;margin:0 auto;}
.section-padding {padding:100px 0;}
.hover-lift {transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}

.btn {
    display:inline-block;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;
    transition:all 0.3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;
    box-shadow:0 4px 12px rgba(15,52,96,0.15);
}
.primary-btn {background-color:var(--primary);color:#fff;}
.primary-btn:hover {background-color:#545353;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,52,96,0.25);}
.primary-btn:focus {outline:2px solid rgba(26,115,232,0.5);outline-offset:4px;}
.secondary-btn {background-color:transparent;color:var(--primary);border:2px solid var(--primary);}
.secondary-btn:hover {background-color:rgba(15,52,96,0.05);transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,52,96,0.1);}

.icon-wrapper {width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary));display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 8px 20px rgba(15,52,96,0.2);}
.icon-wrapper.small {width:50px;height:50px;margin:0 20px 0 0;}
.icon-wrapper i {font-size:30px;color:#fff;}
.icon-wrapper.small i {font-size:20px;}

.header {position:fixed;top:0;left:0;width:100%;background-color:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.05);z-index:1000;padding:18px 0;transition:all 0.3s ease;}
.navbar {display:flex;justify-content:space-between;align-items:center;}
.logo {font-size:26px;font-weight:800;color:var(--primary);text-decoration:none;letter-spacing:-0.5px;}
.nav-links {display:flex;list-style:none;gap:40px;}
.nav-links a {text-decoration:none;color:var(--dark);font-weight:500;font-size:15px;position:relative;transition:color 0.3s ease;}
.nav-links a::after {content:'';position:absolute;width:0;height:2px;bottom:-6px;left:0;background-color:var(--accent);transition:width 0.3s ease;}
.nav-links a.active,.nav-links a:hover {color:var(--primary);}
.nav-links a.active::after,.nav-links a:hover::after {width:100%;}
.contact-btn {margin-left:20px;}
.mobile-menu-btn {display:none;font-size:24px;color:var(--primary);cursor:pointer;z-index:1002;}
.mobile-menu {position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:var(--primary);z-index:1001;transition:right 0.4s ease;padding:40px 30px;}
.mobile-menu.active {right:0;}
.mobile-menu-close {color:#fff;font-size:24px;text-align:right;cursor:pointer;margin-bottom:40px;}
.mobile-nav-links {list-style:none;}
.mobile-nav-links li {margin-bottom:25px;}
.mobile-nav-links a {color:#fff;text-decoration:none;font-size:18px;font-weight:500;display:block;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-contact-btn {background-color:var(--accent);padding:15px 20px !important;border-radius:8px !important;text-align:center;margin-top:20px;border:none !important;}
.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.overlay.active {opacity:1;visibility:visible;}

.footer {background-color:#062C59;color:#fff;padding:80px 0 30px;position:relative;}
.footer::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.05) 0%,transparent 50%);z-index:0;}
.footer-top {display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:50px;margin-bottom:60px;position:relative;z-index:1;}
.footer-top p {color:#e4e8ed;}
.footer-logo .logo {color:#fff;margin-bottom:20px;display:inline-block;}
.footer-logo p {color:#e4e8ed;font-size:15px;line-height:1.7;margin-bottom:25px;}
.footer-trust {padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);}
.footer-trust p {font-size:14px;margin-bottom:15px;color:#cbd5e1;}
.trust-icons {display:flex;gap:15px;}
.trust-icons i {font-size:20px;color:#cbd5e1;opacity:0.8;}
.footer-links h4,.footer-services h4,.footer-social h4 {font-size:18px;margin-bottom:25px;font-weight:600;}
.footer-social a,.footer-social p {color:#e4e8ed;line-height:2.2;}
.footer-links ul,.footer-services ul {list-style:none;}
.footer-links li,.footer-services li {margin-bottom:15px;}
.footer-links a,.footer-services a {color:#e4e8ed;text-decoration:none;transition:color 0.3s ease;font-size:15px;}
.footer-links a:hover,.footer-services a:hover {color:#fff;padding-left:5px;}
.social-icons {display:flex;gap:15px;margin-bottom:30px;}
.social-icons a {display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:rgba(255,255,255,0.1);border-radius:50%;color:#fff;transition:all 0.3s ease;}
.social-icons a:hover {background-color:var(--primary);transform:translateY(-5px);}
.footer-contact {display:flex;flex-direction:column;gap:15px;}
.footer-contact p {display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:15px;}
.footer-bottom {display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);position:relative;z-index:1;}
.footer-bottom p {color:#cbd5e1;font-size:14px;}
.footer-policies {display:flex;gap:20px;}
.footer-policies a {color:#cbd5e1;text-decoration:none;font-size:14px;transition:color 0.3s ease;}
.footer-policies a:hover {color:#fff;}

.fixed-contact-bar {position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:15px;z-index:999;}
.fixed-whatsapp,.fixed-email {width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:transform 0.3s ease;}
.fixed-whatsapp {background:#193A63;}
.fixed-email {background:#ff5722;}
.fixed-whatsapp:hover,.fixed-email:hover {transform:scale(1.1);}

.description-content {overflow:hidden;font-size:15px;line-height:1.8;color:#333;padding:5px 0 40px;word-wrap:break-word;word-break:normal;}
.description-content img {max-width:100% !important;height:auto !important;}
.description-content table {font-size:14px;line-height:1.5;width:100% !important;max-width:100% !important;color:#222;padding:1px 0;position:relative;text-align:center;table-layout:initial;margin:0 auto;word-break:break-all;}
.description-content table tr th {padding:12px 0.4em;border:#e5e5e5 solid 1px;word-break:break-word;}
.description-content table tr td {padding:10px 0.4em;border:#e5e5e5 solid 1px;transition:0.33s;word-break:break-word;}
.description-content table tr:nth-child(odd) {background:#f4f4f4;}
.description-content table tr:first-child td {font-weight:bold;}
.description-content table tr:hover td {color:#df6310;font-weight:bold;}

.top-bar {background:#193A63;color:#fff;padding:8px 5%;display:flex;justify-content:space-between;font-size:14px;}
.header {width:90%;margin:0 auto;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:5px 5%;display:flex;align-items:center;justify-content:space-between;}
.logo {font-size:24px;font-weight:bold;color:#193A63;}
.nav-list {display:flex;gap:35px;}
.nav-list li a {font-size:16px;font-weight:500;padding:8px 0;position:relative;}
.nav-list li a:hover {color:#193A63;}
.nav-list li a::after {content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#193A63;transition:0.3s;}
.nav-list li a:hover::after {width:100%;}

.banner {width:100%;height:458px;background:linear-gradient(rgb(4 20 37 / 70%),rgb(9 38 73 / 70%)),url(../images/banner.webp);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;padding-left:10%;}
.banner-text h1 {font-size:42px;margin-bottom:15px;}
.banner-text p {font-size:18px;margin-bottom:25px;max-width:600px;}
.btn {display:inline-block;background:#ED3808;color:#fff;padding:12px 30px;border-radius:4px;font-weight:bold;transition:0.3s;}
.btn:hover {background:#06346b;color:#fff;}

.container {width:80%;margin:0 auto;padding:40px 0;}
.section-title {text-align:center;margin-bottom:45px;}
.section-title h2 {font-size:30px;color:#193A63;position:relative;display:inline-block;padding-bottom:12px;}
.section-title .sub-desc {color:#666;margin-top:12px;font-size:16px;max-width:1100px;margin-left:auto;margin-right:auto;line-height:1.7;}
.sub-desc-p {color:#666;margin-top:12px;font-size:16px;line-height:1.7;}
.section-title h2::after {content:'';width:70px;height:3px;background:#193A63;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}

.about {background:#f7f9fc;}
.about-inner {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.about-text h3 {font-size:24px;color:#193A63;margin-bottom:16px;}
.about-text p {line-height:1.8;color:#555;margin-bottom:15px;}
.about-img {background:#e8edf4;}
.index-about-img {display:flex;gap:60px;}

.cert-wrap {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;}
.cert-item {border:1px solid #eee;padding:10px;background:#fff;transition:0.3s;}
.cert-item:hover {box-shadow:0 4px 12px #e2e8f0;}
.cert-pic {margin:0 auto;width:180px;height:250px;background:#f1f4f8;}
.cert-item p {text-align:center;padding:10px 0;font-size:15px;color:#333;}

.partner-section {background:#ffffff;}
.partner-wrap {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.partner-card h4 {font-size:20px;color:#222;margin-bottom:20px;font-weight:normal;}
.partner-big-img {width:100%;height:260px;margin-bottom:24px;}
.partner-logo {width:220px;height:auto;margin-bottom:20px;}
.partner-desc {font-size:16px;line-height:1.7;color:#444;}

footer {background:#062c59;color:#fff;padding:50px 5% 20px;}
.footer-wrap {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-bottom:30px;}
.footer-col h4 {font-size:18px;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #224477;}
.footer-col li {margin-bottom:10px;}
.footer-col a {color:#c9d6e8;}
.copyright {text-align:center;padding-top:20px;border-top:1px solid #224477;font-size:14px;color:#a5b8d3;}

.breadcrumb {width:80%;margin:0 auto;padding:20px 0;font-size:15px;color:#666;}
.breadcrumb a {color:#193A63;}
.breadcrumb-box {margin:0 auto;width:75%;padding:30px 0 20px;border-bottom:1px solid #eee;margin-bottom:40px;}
.breadcrumb-box .current {color:#ff5722;}
.breadcrumb-box span {margin:0 10px;color:#999;}

.main-wrap {width:75%;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:40px;padding-bottom:70px;}
.sidebar {display:flex;flex-direction:column;gap:25px;}
.sidebar-box {background:#f4f4f4;border:1px solid #eee;height:fit-content;}
.sidebar-title {background:#193A63;color:#fff;padding:16px 20px;font-size:18px;}
.sidebar-menu li a {display:block;padding:14px 20px;border-bottom:1px solid #eee;transition:0.25s;}
.sidebar-menu li a:hover,.sidebar-menu li a.active {background:#193A63;color:#fff;}
.sidebar-pro-list {padding:15px;}
.sidebar-pro-item {display:flex;gap:12px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #eee;}
.sidebar-pro-item:last-child {border:none;margin-bottom:0;padding-bottom:0;}
.sidebar-pro-img {width:70px;height:70px;background:#f3f3f3;flex-shrink:0;}
.sidebar-pro-text h4 {font-size:14px;color:#333;font-weight:normal;margin-bottom:5px;}
.sidebar-pro-text p {font-size:12px;color:#666;}
.sidebar-contact {padding:20px;}
.sidebar-contact p {font-size:15px;color:#444;line-height:1.8;margin-bottom:12px;}
.sidebar-contact p i {color:#193A63;font-weight:bold;font-style:normal;}

.content-box h2 {font-size:28px;color:#193A63;padding-bottom:14px;border-bottom:2px solid #193A63;margin-bottom:30px;}
.content-box p {line-height:1.8;color:#444;font-size:16px;margin-bottom:18px;}
.content-img-group {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;}
.single-img {width:100%;height:320px;background:#e8edf4;}

.case-section {margin:60px 0;}
.case-wrap {display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.case-item {height:160px;overflow:hidden;border:1px solid #eee;transition:0.3s;}
.case-item:hover {box-shadow:0 4px 12px #256fa2;opacity:.7;}

.container {width:75%;margin:0 auto;}
.main-title {text-align:center;font-size:32px;color:#193A63;margin-bottom:20px;}
.intro-text {text-align:center;font-size:16px;line-height:1.8;color:#444;margin-bottom:40px;}

.feature-row {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:100px 0 60px;}
.feature-item {display:flex;align-items:center;gap:18px;padding:32px 28px;border:1px solid #eee;background:#fff;background-image:url("static/images/feature-bg.webp");background-size:cover;background-position:center;position:relative;transition:0.3s;}
.feature-item::after {content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}
.feature-item > * {position:relative;z-index:2;}
.feature-item:hover {box-shadow:0 8px 22px rgba(0,0,0,0.08);border-color:#193A63;}

.feature-text h3 {color:#193A63;font-size:20px;margin-bottom:8px;}
.feature-text p {color:#555;line-height:1.6;margin:0;}

.block-title {margin:90px auto 30px;width:280px;text-align:center;font-size:26px;color:#193A63;padding-bottom:12px;border-bottom:2px solid #193a63;}
.sub-title {font-size:20px;color:#0a3463;margin:24px 0 12px;}
.desc-text {text-align:center;color:#555;line-height:1.7;margin-bottom:25px;}
.view-link {background:#c9d6e875;padding:4px 10px;display:inline-block;color:#ED3808;font-weight:bold;font-size:17px;margin-top:12px;}
.view-link:hover {color:#193A63;}

.voltage-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px;}
.voltage-card {padding:20px 0;border:2px solid #193a634d;border-radius:8px;overflow:hidden;transition:0.3s;background:#fff;text-align:center;}
.voltage-card:hover {box-shadow:0 8px 22px rgba(155,155,155,0.71);}
.volt-top-icon {width:56px;height:56px;margin:18px auto 8px;display:flex;align-items:center;justify-content:center;color:#193A63;font-size:26px;}
.volt-img {margin:0 auto;width:60%;height:auto;}
.volt-content {padding:16px;}
.volt-content h4 {font-size:17px;color:#193A63;margin-bottom:8px;}
.volt-range {display:inline-block;background:#eaf0f9;color:#193A63;padding:4px 10px;border-radius:2px;font-size:13px;margin-bottom:10px;}
.volt-content p {font-size:14px;color:#555;line-height:1.6;margin-bottom:10px;}

.standard-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:40px;}
.standard-card {border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;transition:0.3s;}
.standard-card:hover {box-shadow:0 6px 16px rgba(0,0,0,0.07);}
.standard-header {padding:20px 16px;display:flex;align-items:center;gap:12px;color:#fff;}
.standard-flag {width:60px;height:60px;border-radius:50%;flex-shrink:0;overflow:hidden;}
.standard-header h4 {font-size:18px;line-height:1.4;}
.standard-body {padding:18px 16px;}
.standard-desc {font-size:15px;color:#444;line-height:1.6;margin-bottom:16px;}
.standard-model-list {margin-bottom:20px;}
.standard-model-list p {font-size:14px;color:#333;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.standard-model-list p::before {content:"■";font-size:10px;}
.standard-btn {display:block;width:100%;text-align:center;padding:9px;border:1px solid #bbb;border-radius:4px;color:#333;font-weight:bold;transition:0.25s;}
.standard-btn:hover {background:#f5f7fa;}
.standard-ul {background:#0a2452;}
.standard-eu {background:#0c6460;}
.standard-iec {background:#3b2470;}
.standard-bs {background:#7c1c2c;}
.standard-vde {background:#703810;}

.app-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.app-item {border:1px solid #c9d6e8;border-radius:8px;overflow:hidden;transition:0.3s;background:#fff;text-align:center;}
.app-item:hover {box-shadow:0 8px 22px rgba(0,0,0,0.08);border-color:#193A63;}
.app-top-icon {width:52px;height:52px;margin:16px auto 8px;display:flex;align-items:center;justify-content:center;color:#193A63;font-size:24px;}
.app-p {color:#032a55;margin:0 auto;width:90%;padding-bottom:20px;}
.app-item h4 {color:#193A63;font-size:15px;padding-bottom:14px;text-align:center;margin:0;line-height:1.5;}

.page-banner {width:100%;height:520px;background-color:#222630;background-image:url('images/Models-Banner.webp');background-size:cover;background-position:center;position:relative;display:flex;align-items:center;overflow:hidden;}
.page-banner::after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:1;}
.banner-container {width:60%;margin:0 10% 0;position:relative;z-index:2;}
.banner-text-wrap h4 {color:#ff5722;font-size:18px;font-weight:500;margin-bottom:12px;}
.banner-text-wrap h1.main-title {color:#ffffff;font-size:34px;margin-bottom:24px;}
.banner-text-wrap p.intro-text {color:#fff;font-size:20px;line-height:1.6;margin-bottom:40px;}

.page-banner .feature-row {display:flex !important;gap:36px !important;}
.page-banner .feature-item {background:transparent !important;background-color:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:flex-start !important;gap:14px !important;}
.page-banner .feature-text h3 {color:#fff;font-size:18px;margin:0 0 6px;font-weight:600;}
.page-banner .feature-text p {color:#d0d2d6;font-size:15px;line-height:1.5;margin:0 !important;}

.product-main {display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:70px;}
.product-gallery .main-img {width:100%;height:420px;object-fit:cover;border:1px solid #eee;}
.product-info h2 {font-size:32px;color:#222630;margin-bottom:16px;}
.product-info .tag {display:inline-block;background:#ff5722;color:#fff;padding:6px 14px;font-size:14px;margin-bottom:24px;}
.product-info p.desc {color:#555;font-size:17px;line-height:1.7;margin-bottom:30px;}

.contact-buttons a {display:inline-block;padding:14px 32px;margin-right:16px;font-size:16px;border-radius:2px;}
.btn-inquiry {background:#ff5722;color:#fff;border:2px solid #ff5722;}
.btn-catalog {border:2px solid #ff5722;color:#ff5722;}

.model-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:80px;}
.model-card {border:1px solid #eee;overflow:hidden;transition:0.3s;}
.model-card:hover {border-color:#ff5722;}
.model-card img {width:100%;height:180px;object-fit:cover;}
.model-card .text {padding:18px;}
.model-card h4 {font-size:16px;color:#222;margin-bottom:6px;}
.model-card p {font-size:14px;color:#666;}

.two-col-wrap {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:80px;}
.block-box {background:#f7f8fa;padding:40px;}
.block-box h3 {font-size:24px;color:#222630;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #ff5722;}
.feature-list li {padding:10px 0;color:#444;padding-left:22px;position:relative;}
.feature-list li::before {content:"●";color:#ff5722;position:absolute;left:0;}

.spec-table-wrap {margin-bottom:80px;}
.spec-table {width:100%;border-collapse:collapse;}
.spec-table th,.spec-table td {border:1px solid #ddd;padding:14px;text-align:center;}
.spec-table th {background:#222630;color:#fff;}

.related-wrap {padding-bottom:80px;}

.dianlan-banner {width:100%;height:280px;background-color:#222630;background-image:url(images/dianlanbanner.jpg);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;overflow:hidden;}
.banner-container1 {color:#fff;width:60%;margin:0 auto;position:relative;z-index:2;}
.post-104 {padding-top:20px;width:70%;margin:0 auto;}

.page-intro {margin-bottom:60px;}
.page-intro h1 {font-size:36px;color:#222630;margin-bottom:16px;}
.page-intro p {text-indent:2em;font-size:18px;color:#555;line-height:1.8;}

.product-list-wrap {display:grid;grid-template-columns:repeat(3,1fr);gap:35px;}
.product-item {border:1px solid #eee;overflow:hidden;transition:0.3s ease;}
.product-item:hover {border-color:#ff5722;}
.product-item-img {width:100%;}
.product-item-img img {height:220px;object-fit:cover;}
.product-item-text {padding:22px;}
.product-item-text h3 {font-size:20px;color:#222630;margin-bottom:12px;}
.product-item-text p {color:#555;font-size:15px;line-height:1.7;margin-bottom:20px;}
.more-link {display:inline-block;padding:10px 26px;border:2px solid #ff5722;color:#ff5722;font-size:15px;transition:0.3s;}
.more-link:hover {background-color:#ff5722;color:#fff;}

.single-product-wrap {display:flex;flex-direction:column;gap:30px;margin-bottom:80px;}
.single-product-item {display:flex;border:1px solid #eee;overflow:hidden;transition:0.3s ease;}
.single-product-item:hover {border-color:#ff5722;}
.single-pro-img {width:20%;}
.single-pro-img img {height:100%;object-fit:cover;}
.single-pro-text {width:80%;padding:26px 30px;}
.single-pro-text h3 {font-size:24px;color:#222630;margin-bottom:14px;}
.single-pro-text p {color:#555;font-size:16px;line-height:1.75;margin-bottom:20px;}

.entry-content {overflow:hidden;font-size:18px;line-height:1.8;color:#333;padding:5px 0 40px;word-wrap:break-word;word-break:normal;}
.entry-content table {font-size:17px;line-height:1.5;width:100% !important;max-width:100% !important;color:#555;padding:1px 0;position:relative;text-align:center;table-layout:initial;margin:0 auto;word-break:break-all;}
.entry-content table thead tr th {background:#193a63;color:#fff;text-align:left;padding:13px 14px;font-weight:700;}
.entry-content table tr th {padding:12px 0.4em;border:#e5e5e5 solid 1px;word-break:break-word;}
.entry-content table tr td {padding:10px 0.4em;border:#e5e5e5 solid 1px;transition:0.33s;word-break:break-word;}
.entry-content table tr:nth-child(odd) {background:#cbd5e1;}
.entry-content table tr:hover td {color:#df6310;}

.product-main-page {display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:70px;}
.product-info-page h2 {font-size:32px;color:#222630;margin-bottom:16px;}
.product-info-page .tag {display:inline-block;background:#ff5722;color:#fff;padding:6px 14px;font-size:14px;margin-bottom:24px;}
.product-info-page p.desc {color:#555;font-size:17px;line-height:1.7;margin-bottom:30px;}

.model-grid-page {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px;}
.model-card-page {border:1px solid #eee;overflow:hidden;transition:0.3s;}
.model-card-page:hover {border-color:#ff5722;}
.model-card-page img {height:auto;width:100%;aspect-ratio:4/3;object-fit:cover;}
.model-card-page .text {text-align:center;padding:18px;}
.model-card-page .text a {color:#ff5722;display:inline-block;margin-top:14px;font-style:normal;font-weight:700;font-size:16px;}
.model-card-page h4 {font-size:18px;color:#222;margin-bottom:6px;}
.model-card-page p {font-size:14px;color:#666;}

.block-style1 {border:1px solid #dde2e8;padding:42px 36px;border-radius:6px;margin-bottom:50px;}
.style1-header {justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:34px;}
.style1-title {text-align:center;font-size:42px;font-weight:500;color:#0f172a;margin-bottom:20px;}
.style1-top-text {text-align:center;font-size:18px;color:#505968;line-height:1.65;}
.style1-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.style1-card {border:1px solid #dde2e8;border-radius:6px;padding:30px 26px;transition:0.3s;}
.style1-card:hover {box-shadow:0 4px 16px rgba(0,0,0,0.06);}
.style1-card h4 {font-size:26px;color:#0f172a;margin:0 0 16px;font-weight:500;}
.style1-card p {font-size:17px;color:#505968;line-height:1.7;margin:0;}

.page-section {width:min(1350px,calc(100% - 48px));margin:0 auto 64px;}
.page-section p {color:#505968;font-size:16px;line-height:1.72;margin:0 0 16px;}
.page-section h2 {font-size:32px;line-height:1.18;margin:50px 30px 16px;text-align:center;}
.page-section h3 {font-size:21px;line-height:1.3;margin:26px 0 10px;}
.page-note {border-left:4px solid #ff5722;background:#0035b133;padding:16px 18px;color:#39485b;margin-bottom:16px;}

.main-wrap-pro {display:flex;gap:30px;}
.content-left {width:75%;}
.sidebar-right {width:25%;}
.block-title-pro {font-size:20px;border-left:4px solid #0057b8;padding-left:12px;margin:45px 0 20px;}
.desc-text-pro {line-height:1.8;color:#444;}
.desc-text-pro li{color:#555;line-height:1.7;margin-bottom:12px;}

.product-top {display:flex;gap:25px;margin-bottom:40px;}
.pro-img-box {width:80%;}
.pro-img-box img {border:1px solid #eee;}
.pro-info h1 {font-size:26px;color:#222;margin-bottom:15px;}
.pro-info p {color:#555;line-height:1.7;margin-bottom:12px;}
.pro-info li {color:#555;line-height:1.7;margin-bottom:12px;}

.sidebar-box-pro {background:#f4f4f4;padding:25px;margin-bottom:30px;}
.sidebar-box-pro h3 {font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.side-pro-item {display:flex;gap:12px;margin-bottom:18px;}
.side-pro-item .img {width:80px;height:auto;}
.side-pro-item a:hover {color:#0057b8;}
.contact-item {margin-bottom:12px;line-height:1.6;}

.page-wrap {display:flex;gap:30px;}
.main-content {width:75%;}
.main-content h2 {font-size:28px;color:#222;margin-bottom:30px;padding-bottom:12px;border-bottom:2px solid #0055aa;}
.contact-info-box {display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px;}
.info-item h4 {color:#0055aa;font-size:17px;margin-bottom:10px;}
.info-item p {line-height:1.7;color:#444;}

/* =Responsive
-------------------------------------------------------------- */
@media screen and (max-width:1280px) {
    .container {width:100%;}
}

@media screen and (max-width:1220px) {
    .santamas-container {width:100%;padding-left:40px;padding-right:40px;}
    .event-counter {text-align:center;}
    .event-counter > div {margin-bottom:15px;}
    .featured-box {width:30.33%;}
}

@media screen and (max-width:1200px) {
    .services-grid {grid-template-columns:repeat(2,1fr);}
    .stats-grid {grid-template-columns:repeat(2,1fr);}
    .footer-top {grid-template-columns:2fr 1fr 1fr;}
    .footer-services {grid-column:1/2;grid-row:2/3;margin-top:-30px;}
    .partner-wrap {grid-template-columns:repeat(2,1fr);}
    .case-wrap {grid-template-columns:repeat(4,1fr);}
    .standard-grid {grid-template-columns:repeat(3,1fr);}
}

@media screen and (max-width:1024px) {
    .style1-header {flex-direction:column;}
    .style1-top-text {width:100%;}
    .style1-grid {grid-template-columns:1fr;}
    .style1-title {font-size:30px;}
}

@media screen and (max-width:1000px) {
    .toggle-menu + div {position:absolute;left:40px;right:40px;top:100%;background:#193a63;z-index:99;display:none;}
    .toggle-menu {display:block;background:#fff;padding:8px 20px;font-size:13px;text-transform:uppercase;cursor:pointer;border-radius:5px;font-weight:bold;white-space:nowrap;}
    .toggle-menu .fa {margin-right:6px;}
    .primary-menu>li {float:none;padding:0;margin:0;}
    .primary-menu>li>a {padding:10px 40px;color: #fff;}
    .primary-menu>li>a:before,.primary-menu>li>a:after {display:none;}
    .primary-menu ul {position:static;width:auto;}
    .primary-menu ul li {padding:0 0 0 10px;}
    .primary-menu ul>li>a {padding:10px 40px;line-height:36px;border-bottom:none;}
    .menu-item-has-children .ht-dropdown,
    .menu-item-has-children ul .ht-dropdown {position:absolute;height:26px;width:26px;border:1px solid rgba(255,252,252,0.6);top:50%;right:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:4px;}
    .menu-item-has-children .ht-dropdown:after,
    .menu-item-has-children ul .ht-dropdown:after {content:'\f107';font-family:FontAwesome;vertical-align:middle;line-height:26px;display:block;text-align:center;}
    .menu-item-has-children .ht-opened.ht-dropdown:after,
    .menu-item-has-children ul .ht-opened.ht-dropdown:after {content:'\f106';}
    .primary-menu li:hover>ul {display:none;}
    .primary-menu ul ul {background:none;}
    .banner-caption {text-align:center;}
    .banner-caption h2,.banner-caption p {max-width:none;}
    .banner-buttons a {margin:0 5px;}
    .blog-left,.blog-right {width:auto;float:none;}
    .blog-right {padding-left:0;margin-top:40px;}
}

@media screen and (max-width:992px) {
    .hero .container-custom {flex-direction:column;text-align:center;}
    .hero-btns {justify-content:center;}
    .hero-content h1 {font-size:48px;}
    .badges {justify-content:center;}
    .about .container-custom {flex-direction:column;}
    .products-grid {grid-template-columns:repeat(2,1fr);}
    .contact-grid {grid-template-columns:1fr;}
    .footer-top {grid-template-columns:1fr 1fr;}
    .feature-row {grid-template-columns:repeat(2,1fr);}
    .voltage-grid {grid-template-columns:repeat(3,1fr);}
    .app-grid {grid-template-columns:repeat(3,1fr);}
    .main-wrap {grid-template-columns:1fr;}
    .content-img-group {grid-template-columns:1fr;}
    .case-wrap {grid-template-columns:repeat(3,1fr);}
    .product-main-page {grid-template-columns:1fr;gap:30px;padding-bottom:40px;}
    .product-gallery .main-img {height:280px;}
    .product-info-page h2 {font-size:26px;}
    .product-info-page p.desc {font-size:16px;}
    .contact-buttons a {display:block;width:100%;margin:0 0 12px 0;text-align:center;}
    .model-grid-page {grid-template-columns:1fr;gap:20px;margin-bottom:50px;}
    .block-style1 {padding:26px 20px;margin-bottom:40px;}
    .style1-title {font-size:28px !important;}
    .style1-top-text {font-size:16px;}
    .style1-grid {grid-template-columns:1fr;gap:20px;}
    .style1-card h4 {font-size:22px;}
    .page-section h2 {font-size:26px;margin:30px 0 16px;}
    .page-section h3 {font-size:19px;}
    .page-note {font-size:15px;}
}

@media screen and (max-width:768px) {
    .nav-links,.contact-btn {display:none;}
    .mobile-menu-btn {display:block;}
    .section-padding {padding:70px 0;}
    .hero-content h1 {font-size:38px;}
    .section-title h2 {font-size:32px;}
    .services-grid,.products-grid {grid-template-columns:1fr;}
    .stats-grid {grid-template-columns:1fr 1fr;}
    .form-grid {grid-template-columns:1fr;}
    .contact-form {padding:30px;}
    .footer-top {grid-template-columns:1fr;gap:40px;}
    .footer-bottom {flex-direction:column;gap:20px;text-align:center;}
    #primary,#secondary {width:auto;float:none;}
    #primary {margin-bottom:40px;}
    .site-header .santamas-container {display:-webkit-box;display:-ms-flexbox;display:flex;}
    .section-title,.section-subtitle {max-width:none;}
    .santamas-flex {display:block;}
    .banner-section {height:auto;}
    .banner-caption {position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);padding:240px 0 120px;}
    .about-section-image {padding-right:0;text-align:center;}
    .about-section-image,.about-section-content,.about-section-image+.about-section-content {width:100%;}
    .event-countdown-section .event-info,.event-counter {width:100%;text-align:center;padding-right:0;}
    .event-countdown-section .event-info {margin-bottom:40px;}
    .featured-box-wrap {margin-left:0;width:100%;}
    .featured-box {width:100%;margin-left:0;}
    .top-footer,.bottom-footer {display:block;text-align:center;}
    .footer-logo,.site-info {margin-bottom:20px;}
    .footer-logo,.footer-menu,.site-info,.site-social-buttons {float:none;}
    .header {flex-direction:column;gap:15px;}
    .nav-list {flex-wrap:wrap;justify-content:center;gap:20px;}
    .banner {height:320px;}
    .banner-text h1 {font-size:28px;}
    .about-inner {grid-template-columns:1fr;}
    .partner-wrap {grid-template-columns:1fr;}
    .index-about-img {display:none;}
    .post-104 {padding-top: 10px;width: 90%;margin: 0 auto;}
    .breadcrumb-box {width: 90%;padding:50px 0 10px;margin-bottom:24px;font-size:14px;}
    .main-wrap-pro {flex-direction:column;}
    .content-left,.sidebar-right {width:100%;}
    .product-top {flex-direction:column;}
    .pro-img-box {width:100%;}
    .page-wrap {flex-direction:column;}
    .main-content {width:100%;}
    .contact-info-box {grid-template-columns:1fr;}
    .page-banner {height:auto;padding:60px 0;}
    .page-banner .feature-row {flex-direction:column !important;gap:24px !important;}
    .product-list-wrap {grid-template-columns:1fr;gap:30px;}
    .product-item {flex-direction:column;}
    .product-item-img {width:100%;}
    .product-item-img img {height:240px;}
    .product-item-text {width:100%;padding:18px;}
    .product-item-text h3 {font-size:19px;}
    .single-product-item {flex-direction:column;}
    .single-pro-img {width:100%;}
    .single-pro-text {width:100%;padding:18px;}
    .voltage-grid {grid-template-columns:repeat(2,1fr);}
    .app-grid {grid-template-columns:repeat(2,1fr);}
    .standard-grid {grid-template-columns:repeat(2,1fr);}
    .case-wrap {grid-template-columns:repeat(2,1fr);}
    .container {padding:0 20px;}
    .fixed-contact-bar {bottom:20px;right:20px;}
    .fixed-whatsapp,.fixed-email {width:50px;height:50px;font-size:20px;}
}

@media screen and (max-width:680px) {
    .banner-caption h2 {font-size:36px;}
    .banner-buttons a {margin-bottom:10px;}
    .blog-left .blog-post-box {display:block;margin-bottom:40px;}
    .blog-left .blog-post-box .blog-thumbnail,.blog-left .blog-post-box .blog-excerpt {width:100%;margin-bottom:25px;}
    .blog-left .blog-post-box .blog-thumbnail img {width:100%;}
    .blog-left .blog-post-box .blog-thumbnail:after {display:none;}
    .blog-right .blog-post-box {margin-bottom:30px;}
    .blog-left .blog-post-box .blog-excerpt {padding:0;}
}

@media screen and (max-width:580px) {
    .santamas-container {padding-left:20px;padding-right:20px;}
    .about-counter {display:block;}
    .about-counter .counter-block {width:100%;padding-right:0;}
    .entry-wrapper {margin-left:0;border-left:none;padding-left:0;}
    .widget-area .widget,#respond,.comment-body {padding:20px;}
    input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {width:100%;}
    .toggle-menu + div {left:20px;right:20px;}
}

@media screen and (max-width:480px) {
    .stats-grid {grid-template-columns:1fr;}
    .hero-content h1 {font-size:32px;}
    .section-title h2 {font-size:28px;}
    .container {padding:0 14px;}
    .style1-card {padding:22px 18px;}
    .block-style1 {padding:22px 16px;}
    .product-gallery .main-img {height:240px;}
}