/*	Theme core version 4.3
        Zexy core version 1.2
        
        Good Union
        blue			#25aae1
        
*/

/* 	Fix theme paths
*/
.swiper_wrapper .swiper-container {background: url('../../images/pattern2.png') repeat;}
#page-title.page-title-pattern {background-image: url('../../images/pattern.png');}
.video-overlay,
.video-placeholder {background: transparent url('../../images/grid.png') repeat;}
#page-title.page-title-parallax {background-image: url('../../images/parallax/parallax-bg.jpg');}
.fbox-border.fbox-effect .fbox-icon i:after {background-image: url('../../images/icons/iconalt.svg');}
.i-alt {background-image: url('../../images/icons/iconalt.svg');}
.i-overlay,
.i-overlay a {background: rgba(0,0,0,0.2) url('../../images/grid.png') repeat;}
.owl-carousel .owl-video-play-icon {background: url("../../images/icons/play.png") no-repeat;}
.fancy-title.title-dotted-border { background: url('../../images/icons/dotted.png') repeat-x center; }
.widget_recent_comments li {background: url("../../images/icons/widget-comment.png") left top no-repeat;}
.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {background: url("../../images/icons/widget-link.png") left top no-repeat;}

.owl-carousel.owl-loading {background: url('../../images/preloader.gif') no-repeat center center;}
.preloader,
.preloader2,
.form-process {background: url("../../images/preloader.gif") center center no-repeat #FFF;}

body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url('../../images/icons/close.png') 15 15, default; }

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
    background-image: url("../../images/icons/submenu.png");
}
#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
    background: url("../../images/icons/menu-divider.png") no-repeat right center;
}
body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url('../../images/icons/close.png') 15 15, default; }


/* 	End Fix paths	
*/

em.error {color: red;}

.mt0	{margin-top: 0 !important;}
.mt8	{margin-top: 8px;}
.mt16	{margin-top: 16px;}
.mt24	{margin-top: 24px;}
.mt30	{margin-top: 30px;}
.mt,
.mt32	{margin-top: 32px;}
.mt40	{margin-top: 40px;}
.mt48	{margin-top: 48px;}
.mt56	{margin-top: 56px;}
.mt64	{margin-top: 64px;}
.mt72	{margin-top: 72px;}
.mt80	{margin-top: 80px;}
.mt88	{margin-top: 88px;}
.mt96	{margin-top: 96px;}
.mt104	{margin-top: 104px;}
.mt112	{margin-top: 112px;}
.mt120	{margin-top: 120px;}
.mt160	{margin-top: 160px;}

.mb0	{margin-bottom: 0 !important;}
.mb8	{margin-bottom: 8px;}
.mb16	{margin-bottom: 16px;}
.mb24	{margin-bottom: 24px;}
.mb30	{margin-bottom: 30px;}
.mb,
.mb32	{margin-bottom: 32px;}
.mb40	{margin-bottom: 40px;}
.mb48	{margin-bottom: 48px;}
.mb56	{margin-bottom: 56px;}
.mb64	{margin-bottom: 64px;}
.mb72	{margin-bottom: 72px;}
.mb80	{margin-bottom: 80px;}
.mb88	{margin-bottom: 88px;}
.mb96 	{margin-bottom: 96px;}
.mb104 	{margin-bottom: 104px;}
.mb112	{margin-bottom: 112px;}
.mb120	{margin-bottom: 120px;}
.mb160	{margin-bottom: 160px;}

.mr0	{margin-right: 0;}
.mr10	{margin-right: 10px;}

.p10	{padding:10px;}
.p18	{padding:18px;}
.p24	{padding: 24px;}
.p32	{padding: 32px;}

.p0		{padding: 0!important;}
.pt0	{padding-top: 0!important;}
.pt8	{padding-top: 8px!important;}
.pt16	{padding-top: 16px!important;}
.pt24	{padding-top: 24px!important;}
.pt32	{padding-top: 32px;}
.pt40	{padding-top: 40px;}
.pt48	{padding-top: 48px;}
.pt64	{padding-top: 64px;}
.pt72	{padding-top: 72px;}
.pt80	{padding-top: 80px;}
.pt88	{padding-top: 88px;}
.pt96	{padding-top: 96px;}
.pt104	{padding-top: 104px;}
.pt112	{padding-top: 112px;}
.pt120	{padding-top: 120px;}
.pt160	{padding-top: 160px;}
.pt180	{padding-top: 180px;}
.pt240	{padding-top: 240px;}

.pb0	{padding-bottom: 0!important;}
.pb8	{padding-bottom: 8px;}
.pb16	{padding-bottom: 16px;}
.pb24	{padding-bottom: 24px;}
.pb32	{padding-bottom: 32px;}
.pb40	{padding-bottom: 40px;}
.pb48	{padding-bottom: 48px;}
.pb56	{padding-bottom: 56px;}
.pb64	{padding-bottom: 64px;}
.pb72	{padding-bottom: 72px;}
.pb80	{padding-bottom: 80px;}
.pb88	{padding-bottom: 88px;}
.pb96	{padding-bottom: 96px;}
.pb104	{padding-bottom: 104px;}
.pb112	{padding-bottom: 112px;}
.pb120	{padding-bottom: 120px;}
.pb160	{padding-bottom: 160px;}
.pb180	{padding-bottom: 180px;}
.pb240	{padding-bottom: 240px;}

.valignmiddle {vertical-align:middle!important;}

.bold	{font-weight: 700;}

.fs10	{font-size:10px;}
.fs12	{font-size:12px;}
.fs14	{font-size:14px;}
.fs16	{font-size:16px;}
.fs18 	{font-size:18px;}

.warning	{color:#fff; background:#af0707; padding:15px;}

/*
hamburger menu to the right on mobile
        #primary-menu-trigger {
         left: auto;
         right: 0;
        }

*/

/* slant images
*/
.slant-img-left {
    -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 100%, 0 87%);
    clip-path: polygon(0 0, 1600px 0, 1600px 100%, 0 87%);
}
.slant-img-right {
    -webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
    clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
}

/* slant background
*/
.slant {position:absolute; width:0;height:0; z-index:1; border-style: solid;}
.slant-left {border-width: 80px 100vw 0 0; border-color: #202932 transparent transparent transparent;}
.slant-right {border-width: 0 100vw 80px 0; border-color: transparent #202932 transparent transparent;}
.slant-top-left {border-width: 0 100vw 80px 0;	border-color: transparent transparent #202932 transparent;}
.slant-top-right {border-width: 0 0 80px 100vw; border-color: transparent transparent #202932 transparent;}

/* responsive views
*/
.center-txt {text-align:center!important;}

@media (max-width: 1200px) {
    .center-xl {text-align:center!important;}
    .hide-xl {display:none!important;}
    .nofloat-xl {float:none!important;}
    .tleft-xl {text-align:left!important;}
    .tright-xl {text-align:right!important;}
    .block-xl {display:block!important;}
    .container-wide-xl {width:100%!important;}
}

@media (max-width: 991px) {
    .center-lg {text-align:center!important;}
    .hide-lg {display:none!important;}
    .nofloat-lg {float:none!important;}
    .tleft-lg {text-align:left!important;}
    .tright-lg {text-align:right!important;}
    .block-lg {display:block!important;}
    .container-wide-lg {width:100%!important;}
    .fnone-lg {float:none!important;}
    .middle-lg {margin:0 auto!important;}
}

@media (max-width: 767px) {
    .center-md {text-align:center!important;}
    .hide-md {display:none!important;}
    .nofloat-md {float:none!important;}
    .tleft-md {text-align:left!important;}
    .tright-md {text-align:right!important;}
    .block-md {display:block!important;}
    .container-wide-md {width:100%!important;}
    .fnone-md {float:none!important;}
    .middle-md {margin:0 auto!important;}
    /* full-width for tablet/mobiles - can remove container-wide-md / -xs
    */
    .container {width:100%!important;}
}
@media (max-width: 479px) {
    .center-xs {text-align:center!important;}
    .hide-xs {display:none!important;}
    .nofloat-xs {float:none!important;}
    .tleft-xs {text-align:left!important;}
    .tright-xs {text-align:right!important;}
    .block-xs {display:block!important;}
    .container-wide-xs {width:100%!important;}
    .fnone-xs {float:none!important;}
    .middle-xs {margin:0 auto!important;}
    .largecontainer {width:100%!important;}
}

/* Magnific popup
*/
.mfp-content { max-width: 700px; }
button.mfp-close {color: #000; background:#fff; opacity: 1; top: 3px; right: 3px; border:0}
button.mfp-close:hover {opacity:0.95;}

.mfp-content #product-form label {font-family: 'Open Sans',Arial,Helvetica,sans-serif; text-transform: inherit; font-weight:normal;}

/* btns
*/
.btn-blue {}
.btn-blue.button-border:not(.button-fill):hover {background:#25aae1;}

.btn-blue {background:#25aae1!important; color:#fff;}

h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#25aae1;}

button {text-shadow:none;}

.css3-spinner > div {background-color: #25aae1;}
/* ===========================================================
*/

/* Responsive 
@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
*/



/* General */
/*
.content-wrap ul,
.content-wrap ol {margin-left:18px;}
*/

/* Header
*/

/* fixed width for nav 
*/
.nav-container {max-width: 1170px; margin: 0 auto;}
@media (min-width:479px) and (max-width: 992px) {
    .nav-container {margin: 20px auto;}
}
@media (max-width:479px){
    .nav-container {margin-top: 20px;}
}
/*.content-wrap {padding: 0;}
 remove padding and borders in header / logo / menu */
body.stretched #header.full-header .container {padding:0 15px;}

#header.full-header #logo,
#header.full-header #primary-menu > ul {margin-right:0; border-right:0;}

#header.sticky-header #header-wrap {z-index:399; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
#header.sticky-header #header-wrap .logo {z-index:399;}

@media (max-width: 479px) {
    .container, 
    #header.full-header .container, 
    .container-fullwidth {width: 100%!important;}
}

@media (min-width: 991px) {
    #header #logo img {margin-top:-20px;}
}
@media (max-width: 991px) {
    #top-cart {right:35px!important;}
}
@media (max-width: 479px) {
    #header #logo img {max-height:80px;}
}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {margin-top:-20px;}


/* font-awesome icon for burger menu + scroll-top-top
*/
.icon-reorder:before, 
.icon-angle-up:before {font-family:FontAwesome; font-style:normal;}
.icon-reorder:before {content:"\f0c9"; }
.icon-angle-up:before {content:"\f106";}

/* replace primary-menu-trigger with side-menu-trigger
*/
#side-menu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 800;
}

@media (min-width: 992px) {
    .overlay-menu:not(.top-search-open) #side-menu-trigger {opacity: 1; pointer-events: auto; left: auto; right: 75px; width: 20px; height: 20px; line-height: 20px; margin-top: -10px;}
    .overlay-menu:not(.top-search-open) .full-header #side-menu-trigger { right: 90px; }
}

@media (max-width: 991px) {
    #side-menu-trigger {opacity: 1; pointer-events: auto; top: 0px; margin-top: 0; left: 0; z-index: 500;}
    #primary-menu .container #side-menu-trigger {top: 5px; left: 0;}
    body:not(.top-search-open) #side-menu-trigger {
        opacity: 1;
        -webkit-transition: opacity .2s .2s ease, top .4s ease;
        -o-transition: opacity .2s .2s ease, top .4s ease;
        transition: opacity .2s .2s ease, top .4s ease;
    }
    body.top-search-open #side-menu-trigger { opacity: 0; }
    .sticky-responsive-menu.device-touch #side-menu-trigger {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
    .responsive-sticky-header:not(.static-sticky) #side-menu-trigger { top: 5px; }
}	

#primary-menu ul li:hover > a, 
#primary-menu ul li.current > a {color:#25aae1;}

/* ========================= 
*/
@media (max-width: 767px) {
    #top-bar .top-links span {font-size:10px!important;}
}
.top-links li i {vertical-align:inherit; font-size:20px; vertical-align:middle;}

/* added */	
.top-links ul li {height:auto;}
.top-links ul li,
#top-social li {border-left-color: rgba(0,0,0,0);}

.dark .top-links ul li { border-left-color: rgba(255,255,255,0); }
.dark .top-links li > a { color: #fff; }
.dark #top-social li { border-left-color: rgba(255,255,255,0); }
.dark #top-social li a { color: #EEE; }
.dark .top-links li:hover { background-color: rgba(255,255,255,1); }

@media (min-width: 992px) {
    #header.transparent-header + #slider {top: -145px; margin-bottom: -145px;}
}

.top-links li {border-left:0!important;}
.top-links li > a {height:35px; color:#fff;}
.top-links li.active a,
.top-links li > a:hover {background:#fff; color:#25aae1;}

/* blue top bar 
#top-bar,
#top-bar.dark {background:#25aae1; color:#fff; border-bottom:0;}
*/
#top-bar,
#top-bar.dark {background:#fff; color:#333; border-bottom:0;}

.top-links li > a {height:35px; color:#333;}
.top-links li > a:hover {background:#fff; color:#25aae1;}





/* fix top bar sticky */
@media (min-width: 1200px) {
    #top-bar {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 35px;
        line-height: 35px;
        z-index: 199;
        /*border-top:6px solid #25aae1; */
    }

    #header { margin-top: 35px; }

    #header.sticky-header #header-wrap { top: 35px; }
}

#slider {height:600px;}
#slider.slider-subpage {height:300px;}

.swiper_wrapper .swiper-container {background:#fff;}
.swiper-wrapper {text-align:center;}


/* portal block columns*/
.portal-block-overlap {
    background:rgba(255,255,255,0.9); z-index:100;position:relative;
    -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.18);
    margin:auto;
    display: flex;
    flex-wrap: wrap;
}
.portal-block-overlap .fbox-desc p {color:#333; line-height:24px;}
.portal-block-overlap .fbox-desc a {color:#fff;}
.portal-block-overlap i {margin-right:15px;}
@media (min-width: 991px) {
    .portal-block-overlap {margin-top:-70px;}
}

.portal-block-overlap .feature-box h3 {font-size:20px;}
.portal-block-overlap .button-mini {border:1px solid #25aae1; margin:15px 0 0 0;}

/* breadcrumb
*/
#page-title {padding:20px 0; background:#fff; margin-top: 25px;}
#page-title .breadcrumb {right: inherit!important;}
@media (max-width: 767px) {
    #page-title {padding:10px 0; text-align:left;}
    #page-title .breadcrumb {margin:0!important;}
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}


/* Subpage - content
*/
#content.content-sub p a {color:#25aae1;}
#content.content-sub p a:hover {color:#333;}

/* Subpage - header
*/
.heading-block:after {display:none;}
.heading-block > span:not(.before-heading) {margin:0;}


/* Subpage - brands list
*/ 
.ipost {text-align:center; outline:1px solid #eee; margin:0 0 30px 0;}
.ipost:hover {outline:1px solid #25aae1;}
.spost .entry-title h4,
.ipost .entry-title h3 a {color:#25aae1;}
.spost .entry-title h4:hover,
.ipost .entry-title h3 a:hover {color:#333;}
.ipost .entry-title,
.ipost .entry-meta,
.ipost .entry-content {padding:0 16px 16px 16px;}

.ipost .entry-title h3 {min-height:48px;}

@media (max-width: 479px) {
    .ipost .entry-title h3 {font-size:14px; min-height:58px;}
}

/* Subpage - news list
*/ 
.ipost.newspost {text-align:left; outline:1px solid #eee;}
.ipost.newspost:hover {outline:1px solid #25aae1;}
.ipost.newspost .entry-content {padding:0 16px 16px 16px;}

.ipost.newspost a {
    overflow: hidden;
    position: relative;
}

.ipost.newspost a img {
    position: relative;
    top: 0;
    left: 0;
} 

.ipost.newspost .entry-content {
    padding: 0 16px 0px 16px;
    min-height: 85px;
    max-height: 100px;
    overflow: hidden;   

}


.entry-content table{
    width: 100%;
    border-collapse: inherit;
    border-spacing: 10px 15px;
}

.entry-content table td, .entry-content table th
{
    padding: 10px; 
}      


/* Subpage - news detail
*/ 
.postcontent .entry {
    border:0;
}

/* Subpage - product detail
*/
.content-productdetail ul {margin-left:18px; line-heigth:22px; list-style-type:none;}
.content-productdetail li:before {
    content: "";
    position:relative;
    left: -18px;
    background-color:#25aae1;
    display:inline-block;
    width:6px;
    height:6px;
    border-radius:50%;
}

/* Subpage - contact
*/ 
#product-form label.error,
.form-gu label.error,
.form-gu .form-error {color:firebrick;display:block!important;}
.form-gu label {font-family: 'Open Sans',Arial,Helvetica,sans-serif; text-transform: inherit; font-weight:normal;}

/* Subpage - sitemap 
*/ 
.sitemap ul {list-style: none; }
.sitemap ul ul{margin:0 0 10px 18px;}

.sitemap li a {color:#333;}
.sitemap li a:hover {color:#25aae1;}
.sitemap li:before {
    color: #25aae1; 
    content: "\2022"; 
    font-size: 18px; 
    padding-right: 16px; 
    position: relative;
    top: 3px;
    line-height:18px;
}

/* footer
*/
#footer.dark {border-top:2px solid #25aae1;}

#footer address,
#footer .widget h4,
#footer .widget_links li a,
#footer #copyrights,
#footer #copyrights a{color:#333; text-shadow: none;}

@media (max-width: 767px) {
    #copyrights .col_half:last-child {display: block; margin:20px auto; text-align:center!important;}
}
@media (max-width: 479px) {
    #copyrights {font-size:12px;}
    span.middot {margin: 0 2px;}
}

#footer .wrap-footer-logo,
#footer h4 {min-height:0px;}
#footer .footer-logo {margin-bottom:25px;}

#footer .subscribe-widget h4 {
    color:#fff;
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.contact-widget span,
#footer .widget span {display:inline-block; min-width:60px;}


#footer.dark {background:#f5f5f5;}
.dark #copyrights {background-color: rgba(0,0,0,0); border-top:0px solid #aaa;}

/* side panel
*/
body #side-panel h4,
body #side-panel .nav-tree li a,
body #side-panel .dark{color:#fff;}
body #side-panel .nav-tree li.current > a {color:#fff!important; font-weight:bold;}

body #side-panel.dark {background:#25aae1; opacity:0.9;}
body #side-panel.dark hr {border-top:1px solid #fff; border-top-color:#fff;}
body #side-panel.dark  .side-panel-wrap {width:300px; padding:10px 20px 20px 20px;}
body #side-panel.dark  .widget {width:260px; margin-top:10px; border-top:0; color:#fff; font-size:14px;}

body #side-panel.dark  #side-panel-trigger-close {position: absolute; top: 15px; right: 15px; z-index:100;}

body #side-panel.dark #side-panel-trigger-close a {display:block; background:none;}

body #side-panel.dark  .top-links > ul > li {margin-right:0; height:auto;}

body #side-panel .widget a {color:#fff;}
body #side-panel .widget a:hover {color:#ccc;}


/* Shop overview
*/

/* Cart icon in menu
*/
#top-cart > a > span {top:-12px; right:-16px; line-height:20px; font-size:11px; background:#C02942; width:20px; height:20px;}

/* Sidebar
*/
.sidebar-shop .checkbox-style-3-label {margin:0;}
.sidebar-shop .widget_links li {padding-left:0;}
.sidebar-shop .widget_links li a {background:none; padding:0;}
.sidebar-shop .widget_links li a:hover {color:#ccc;}
.sidebar-shop .widget_links li ul {margin-left:25px;}
.sidebar-shop .widget_links li label {text-transform:inherit; font-weight:300; color:#333;}
.sidebar-shop .entry-meta li {font-style:normal; color:#333!important;}

.sidebar-shop .checkbox-style:checked + .checkbox-style-3-label:before, 
.sidebar-shop .radio-style:checked + .radio-style-3-label:before {content: "\f00c"; font-family: 'FontAwesome'; background: #333; border: 1px solid #333; font-size: 11px; line-height: 16px; padding: 0;}


/* Sidebar last viewed
*/
.sidebar-shop .widget-last-view .spost:hover h4 {color:#ccc!important;}

/* Shop category producs
*/
#shop .product-image {border:1px solid #fff;}
#shop .product-image:hover {border:1px solid #ccc;}
#shop .product-overlay i {display:block;}
/* accomodate hover to wishlist */
#shop .product-overlay a {width:33.3%; background-color: rgba(255,255,255,0.88);}
#shop .product-overlay a:hover {background-color: rgba(0,0,0,0.88);}
#shop .product-overlay a.wishlist {color:#C02942;}

#shop .product-title h3,
#shop .product-price,
#shop .product-price ins {font-size:16px; color:#333;}
#shop .sale-flash {background:#333; color:#fff;}

#shop .flex-control-nav	li a {border:1px solid #333;;}
#shop .flex-control-nav li:hover a, 
#shop .flex-control-nav li a.flex-active {background:#333;}

.pagination	{margin-top:0;}
.pagination > li > a, 
.pagination > li > a:hover {color:#333;}
.pagination > .active > a, 
.pagination > .active > a:hover {background:#666!important;}

.button {margin:0;}
.button.button-large {height:40px; line-height:inherit;}
.button.button-reveal.button-large i {line-height:40px;}

/* Shop overview - product detail
*/
.single-product .product-price del {font-size:18px; color:#333;}
.single-product .product-price ins {font-size:28px; color:#333;}
.single-product .sale-flash {background:#333; color:#fff;}

.single-product .quantity input {background:#fff; border:1px solid #eee;}

/* Shop overview - product detail - related products
*/
.product-carousel .product-price ins {font-size:16px; color:#333;}
.product-carousel .sale-flash {background:#333; color:#fff;}

.product-carousel .product-overlay i {display:block;}
.product-carousel .product-overlay a {width:33.3%; background-color: rgba(255,255,255,0.88);}
.product-carousel .product-overlay a:hover {background-color: rgba(0,0,0,0.88);}
.product-carousel .product-overlay a.wishlist {color:red;}

/* Shop Checkout steps
*/
.process-steps li h5 {margin:5px 0 0 0;}
.process-steps li.active a {background-color:#333!important;}
.process-steps li.active h5 {color:#333;}

@media (max-width: 767px) {
    .process-steps li {display:inline-block; margin: 10px;} 
}

/* cart page - step 1
*/
.checkout-step1 {}

.table-responsive .table-striped form {margin-bottom:0;}
.table-striped > tbody > tr:nth-child(odd) {background-color: rgba(0,0,0,0.01);}
.table-responsive .table > thead > tr > th {border-bottom:1px solid #333;}


.table .cart-product-remove button {text-shadow:none; background:#fff!important; padding:0;}
.table .cart-product-remove .remove {color:#ccc;}
.table .cart-product-remove .remove:hover {color:#333;}
.table .cart-product-thumbnail img {border:0px solid #ccc; width:68px; height:68px;}
.table .cart-product-thumbnail img:hover {border:0px solid #ccc;}

.table-responsive .table .hide-ajax-update,
.table-responsive .table .fa-fw {float:right;}

.table #deliveryPaymentButton {display:inherit;}

.checkbox-style-1-label:before, 
.checkbox-style-2-label:before, 
.checkbox-style-3-label:before {width: 24px; height: 24px; position:absolute; top:0; left:0;}

.radio-style-1-label:before, 
.radio-style-2-label:before, 
.radio-style-3-label:before {width: 20px; height: 20px; position:absolute; top:0; left:0;}



.checkbox-style-3-label {padding:3px 0 0 40px;}
.radio-style-2-label {padding-left:40px;}
.radio-style-2-label span {outline:0px solid red; min-width:70px; display:inline-block;}


.checkbox-style, 
.radio-style, 
.checkbox-style-1-label, 
.radio-style-1-label, 
.checkbox-style-2-label, 
.radio-style-2-label, 
.checkbox-style-3-label, 
.radio-style-3-label {margin:5px 0;}

.cart-product-quantity {text-align:right!important;}

.cart-product-quantity .quantity .minus,
.cart-product-quantity .quantity .plus {background-color:#fff; width:25px; height:30px; line-height:20px; background:none; border:1px solid #ccc;}
.cart-product-quantity .quantity .minus:hover,
.cart-product-quantity .quantity .plus:hover {border:1px solid #ccc; background:#eee;}
.cart-product-quantity .quantity .qty {background-color:#fff; border:1px solid #ccc; border-left:0; border-right:0; width:35px; height:30px; line-height:inherit;}


@media (max-width: 990px) {
    .cart-product-quantity {text-align:left!important;}

    .cart-product-quantity .quantity .minus,
    .cart-product-quantity .quantity .plus,
    .cart-product-quantity .quantity .qty {width:25px!important;; float:left!important;}
}

#minimumOrderError {
    padding:12px 15px!important;  
    display: block;
    width: 230px;
    float: right;
    background: #fff;
    border:2px solid #c31242;
    color: #c31242;
    text-align:center;
}
@media (max-width: 760px) {
    #minimumOrderError {float:none;margin:0 auto;}
}

.cart-product-remove,
.cart-product-thumbnail,
.cart-product-name,

.cart-product-quantity
.cart-product-subtotal {display:inline-block;vertical-align:middle;}


.cart-product-name,
.cart-product-subtotal {padding-top:25px;}
.cart-product-quantity {padding-top:20px;}
@media (max-width: 991px) {
    .cart-product-name,
    .cart-product-subtotal,
    .cart-product-quantity {padding-top: 0;}
}

/* cart page - step 2 & step 3
*/
.checkout-step2 .checkbox-style:checked + .checkbox-style-3-label:before, 
.checkout-step2 .radio-style:checked + .radio-style-3-label:before{content: "\f00c"; font-family: 'FontAwesome'; background: #333; border: 1px solid #333; font-size: 16px; line-height: 13px;}

.checkout-step3 .checkbox-style:checked + .checkbox-style-3-label:before, 
.checkout-step3 .radio-style:checked + .radio-style-3-label:before{content: "\f00c"; font-family: 'FontAwesome'; background: #333; border: 1px solid #333; font-size: 16px; line-height: 13px;}

.checkout-step2 .radio-style:checked + .radio-style-2-label:before {background:#333;}

#billing-form  label.error,
#billing-form span.flash {
    position: absolute;
    bottom: -10px;
    right: 16px;
    background: #e42c3e;
    color: #fff;
    padding: 0 6px;
    font-size: 12px;
}
#billing-form span.flash {
    bottom: 0;
    z-index:100;
}

span#agree-error {position:relative; background: #e42c3e; color: #fff; padding: 0 6px; font-size: 12px;}

.date-group {background:#f8f8f8; padding:0 20px 10px 20px;}
.date-group-alt {background:#f8f8f8; padding:20px;}
.date-group-dashed {border:1px dashed #333; margin:0; padding:20px; background:#f8f8f8;}

.date-group h3 {margin:10px 0; font-size:20px;}
.date-group h3 a.smallprint,
.date-group-alt h3 a.smallprint {color:#999; font-size:12px; text-decoration:underline;}
.date-group h3 a.smallprint:hover,
.date-group-alt h3 a.smallprint:hover{color:#555; border-bottom:0;}

.cart-product-subtotal {text-align:right!important;}


/*	Shop Dashboard User
*/	
.dashboard .list-group .active {background:#888;}
.list-group-item.active, .list-group-item.active:hover {border-color:#888;}

.panel-default > .panel-heading {color: #000; background-color: #fff; border-color: #000;}
.panel-default > .panel-heading:hover {background-color:#f8f8f8;}

.panel-heading a {color:#000;}
.dashboard-status div {border-bottom:1px solid #f1f1f1; padding-top:3px; padding-bottom:3px;}

.dashboard-orders-wrap .cart-product-name,
.dashboard-orders-wrap .cart-product-subtotal {padding-top:20px;}


/* Scan verification modal */

.modal-content {
    border-radius: 1rem !important;
    text-align-last: center !important;
    border: 1px solid dodgerblue !important;
    margin: 15px;
}

.modal-content:hover {
    box-shadow: 2px 2px 2px black !important;
}


.modal-dialog{
    top:2% !important;
}

.verify_imgContainer{
    margin:15px 7px;
    position: relative;
}

.verify_TitleLabel{
    margin-top: 6%;
    font-size: 3rem !important;
    font-family: math;
    font-family: math;
    color: dodgerblue;
}

.verify_textContainer{
    padding-left: 10%;
    padding-right: 10%;
    position: absolute;
    bottom: 3px;
}


.verify_text{
    font-size: 20px!important;
    font-family: fangsong;
    margin: auto;
    color: black;
    text-align: center;
}

.verify_btnContainer {
    bottom: 2px;
    position: relative;
    text-align: center;
}


.verify-btn-close{
    margin: auto;
    position: relative;
}

.verify_text_pass{
    color:#1a8027;
}
.verify_text_scanned{
    color:blue;
}
.verify_text_fail{
    color:red;
}
.brands-entry-class{
    height: 100%; 

}
.newsList-class{
    display: inline-flex;
    flex-direction: row;
    flex-flow: wrap;
    width:100%;
}

.fullview-brands-image{
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 220 !important;
    top: 0px !important;
    background-size: 100% 100% !important;
}

.brands-entry-image{
    height: 70%; 
    position: relative;
}
.brands-image{
    object-fit: scale-down;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.tag_container {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: auto;
    justify-content: center;
}



.tag_span {
    border: 0.5px solid #fbfbfb40;
    margin: 5px;
    border-radius: 14px;
    padding: 7px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #d8dee5;
}

.tag_span_selected {
    background-color: #94e1e1;
}

.tag_span:hover {
    border: 0.5px solid blue;
    background-color: #dee9e9;
}

.tag_span a{
    color: #143fb9;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 20px;
}

.tag_span a:active {
    color: blue;
}

.filter_span {
    border: 0.5px solid #fbfbfb40;
    margin: 5px;
    border-radius: 4px;
    padding: 6px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #eef2f3;
    width: fit-content;
}

.filter_span_selected {
    border-bottom: 1px solid black;
}

.filter_span:hover {
    background-color: #dee9e9;
}

.filter_span a{
    color: #143fb9;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 20px;
}

.filter_span:active {
    border-bottom: 1px solid black;
}

@media (max-width: 768px) {
    .tag_container {
        margin-top: 15px;
        margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap;
        max-height: 150px;
        overflow: auto;
        justify-content: center;
    }

    .filter_span {
        font-size: 12px; /* Reduce font size for smaller screens */
        padding: 5px; /* Adjust padding */
    }
}



.nav_submenu{
    background-color: white !important;
}
.nav_submenu_text{
    color: black !important;
    padding: 0px;
    margin: 0px;
}


.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 50px auto;
    padding: 16px;
    background: rgb(255 255 255 / 0%);
}
.form-style-6 h1{
    background: #38a3d6;
    padding: 20px 0;
    font-size: 135%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -1px -16px 16px -16px;
    border-radius: 13px;
}
.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #38a3d6;
    padding: 3%;
    border: 1px solid #38a3d6;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #38a3d6;
    border-bottom: 2px solid #30C29E;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;	
    color: #fff;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #10bae0;
}

/* scan end */


/* large container start*/
@media (max-width: 479px){
    .largecontainer {
        width: 100%!important;
    }
}

@media (min-width: 768px){
    .largecontainer {
        width: 100%;
        max-width: 768px;
    }
}

@media (min-width: 992px){
    .largecontainer {
        width: 100%;
        max-width: 992px;
    }
}

@media (min-width: 1200px){
    .largecontainer {
        width: 100%;
        max-width: 2000px;
    }
}


.largecontainer {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px; 
    padding-right: 15px;
}


.landing-title{
    text-align: center;
}

.landingHeader{
    font-family: serif;
    font-size: 45px;
    line-height: 60px;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
}

.landing-div p {
    font-size: 16px;
    line-height: 1.75 !important;
}


.landing-div li p{
    line-height:1.7;
}

.landing-div li ,landing-div li:before {
     font-size: 16px;
    line-height:1.7;
}



.landing-contact-form input, .landing-contact-form textarea{
    border: 0.1px solid;
    border-color: #4f91ac;
}

.landing-contact-form label{
    font-size:15px;
    margin-left:10px;
    margin-right:5px;

}


@media (max-width: 768px){
    .landing-div p {
        font-size: 18px;
        line-height: 25px;
    }
}


/* large container end*/


a {
    color: #4d4dca;
    font-weight: bold;
}
a:hover {
    color: #005dff;
}



/* redator  style  start*/


/* Deleted, inserted, marked */
.del {
    text-decoration: line-through;
}

.ins {
    border-bottom: 1px dotted rgba(0, 0, 0, .5);
    text-decoration: none;
}

.mark {
    font-family: inherit;
    font-size: 1em !important;
    background-color: #FDFFAD;
}




/* Superscript, subscript, small print */
.sup,
.sub
{
    font-size: 0.8em;
}

.small
{
    font-family: "SFMonso-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.7em !important;
}

/* Code, variable, keyboard shortcut */
.pre,
.code,
.var,
.kbd {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.9em;
}

.pre,
.code {
    background: rgba(0, 0, 0, .05);
}



.var {
    color: rgba(0, 0, 0, .5);
}


/* Alignment */
.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

/* Text color */


:root .color-red{
    color:#DA5B47;
}

:root .color-green{
    color:#3CB371;
}

:root .color-blue {
    color: #2726b2;
}

:root .color-pink {
    color: #c912df;
}


:root .favorite{
    border-radius: 2px;
    padding: 0.125em 0.25em;
    background-color: #FFEBEB;
}


img {
    max-width: 100%;
    height: auto;
    /*  height: fit-content; */
}


/*redator style */


/*certified clinic start*/

.row_content_center {
    justify-content: center;
}

.certified_clinic_div_border {
    border: 1px solid #8383aa;
    margin: 5px;
    border-radius: 18px;
    background-image: linear-gradient(120deg, #fcfcfc 0%, #ffffff 100%);
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;

}
.certified_clinic_div_border:hover{
    box-shadow: rgb(18 18 180 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
}


.certified_clinic_entry-title{
    text-align: -webkit-center;
}

.certified_clinic_title {
    font-weight: 800;
    text-align-last: center;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: sans-serif;
    line-height: 1.4 !important;
    color: #3b4147;
}

.certified_clinic_lower_title {
    font-weight: 800;
    text-align-last: center;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: sans-serif;
    line-height: 1.4 !important;
    color: #3b4147;
}




@media screen and (max-width: 576px){
    .certified_clinic_title {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
     .certified_clinic_lower_title {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
}


@media screen and (min-width: 576px){
    .certified_clinic_title {
        font-size: 1.7rem;
    }
    
    .certified_clinic_lower_title {
         font-size: 1.1rem;
    }
    
}


.cettified_clinic_div_active{
    background-image: linear-gradient(120deg, #73bad7 0%, #125976 100%);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.cettified_clinic_div_active p{
    color: white;
}

.filter_span_region {
    border: 0.5px solid #fbfbfb40;
    margin: 5px;
    border-radius: 4px;
    padding: 6px;
}


.filter_span_region_selected {
    border-bottom: 1px solid black;
}

.filter_span_region:hover {
    background-color: #dee9e9;
}

.filter_span_region a{
    color: #143fb9;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 1.5rem;
}

.filter_span_region:active {
    border-bottom: 1px solid black;
}


.region_font{
    font-size:1.8rem !important;
}


.tag_clinic_container {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: auto;
    justify-content: left;
    width: 100%;
}


/*certified clinic end */



/* common  start*/


td p{
    margin-bottom: 20px;
}


/* common  end*/

/* e-signing */

#sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
}

#igenix_register_modal{
    background-color:white;
}


.blink_element {
  animation: blinker 1s linear infinite;
  border:1px solid red !important;
}

@keyframes blinker {
  50% {
    opacity: 0.4;
  }
}


/* e-signing end */


div.chapter {
    page-break-after: always;
}

/* print setting end */

    @font-face {
        font-family: "cwTeXQYuanZH-Medium";
        src: url("/sevo/fonts/jsPDF_font/cwTeXQYuanZH-Medium.ttf");
    }

     @font-face {
        font-family: "cwTeXQHeiZH-Bold";
        src: url("/sevo/fonts/jsPDF_font/cwTeXQHeiZH-Bold.ttf");
    }
    
    @font-face {
        font-family: "ARIAL";
        src: url("/sevo/fonts/jsPDF_font/ARIAL.TTF");
    }
    
    @font-face {
        font-family: "SourceHanSansHC-Medium";
        src: url("/sevo/fonts/jsPDF_font/SourceHanSansHC-Medium.ttf");
    }
    
    @font-face {
        font-family: "SourceHanSansHC-Normal";
        src: url("/sevo/fonts/jsPDF_font/SourceHanSansHC-Normal.ttf");
    }
   @font-face {
        font-family: "TaipeiSansTCBeta-Regular";
        src: url("/sevo/fonts/jsPDF_font/TaipeiSansTCBeta-Regular.ttf");
    }
    
    
    #igenixregister label, #igenixregister p, .landingRegisterPageContatiner {
          font-family: "TaipeiSansTCBeta-Regular";
        
    }
    
.landingRegisterPageContatiner * {
   font-family: "TaipeiSansTCBeta-Regular";
}

.landingRegisterPageContatiner  {
  margin-top:15px;
}


.igenix_register_container{
    margin: auto;
    margin-top: 5%;
    height: 80%;
    border-radius: 20;
    position: relative;
    width: 90%;
    top: 5%;
    max-width: 500px;
    height: 50%;
    max-height: 320px;
    padding: 10px;
    border: 2px solid #000;
    border-radius: 25px;
    background-color: white;
    font-color: black;
    -moz-border-radius: 15px;
    
}

#igenix_popup_img{
    text-align:center;
    margin-top:32px;
}

.igenix_popup_header_row{
    margin-top:2%;
    text-align: center;
}

.igenix_popup_button_row{
    margin-top:0%
}

#igenixregister_div{
  /*  break-after: page; */ 
}

#igenixregister{
    margin-top:20px;
}

#igenxix_confirmBtn{
    width: 150px;
    height: 40px;  
}

.optionTitle{
    margin-top:20px;
}


/* loading div */
.goodunion-modal-content{
    border:none !important;
}

#loading_div{
    text-align-last: center;
    top: 50%;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #33ccff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

.modal-backdrop
{
    opacity:0.5 !important;
}

.cust_row_container{
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.modalCenter{
    top:1% !important;
    transform: translateY(-1%) !important;
    max-width: 640px;
}


/* add old bootstrap code start*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

/* add old bootstrap code end*/




@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}