input:focus, textarea:focus, select:focus{
    outline: none;
}

/*** LOADING ***/
.loader {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #707070, 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.5), -1.8em -1.8em 0 0em rgba(112,112,112, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.7), 1.8em -1.8em 0 0em #707070, 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.5), 1.8em -1.8em 0 0em rgba(112,112,112, 0.7), 2.5em 0em 0 0em #707070, 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.5), 2.5em 0em 0 0em rgba(112,112,112, 0.7), 1.75em 1.75em 0 0em #707070, 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.5), 1.75em 1.75em 0 0em rgba(112,112,112, 0.7), 0em 2.5em 0 0em #707070, -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.5), 0em 2.5em 0 0em rgba(112,112,112, 0.7), -1.8em 1.8em 0 0em #707070, -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.5), -1.8em 1.8em 0 0em rgba(112,112,112, 0.7), -2.6em 0em 0 0em #707070, -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.5), -2.6em 0em 0 0em rgba(112,112,112, 0.7), -1.8em -1.8em 0 0em #707070;
    }
}
@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #707070, 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.5), -1.8em -1.8em 0 0em rgba(112,112,112, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.7), 1.8em -1.8em 0 0em #707070, 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.5), 1.8em -1.8em 0 0em rgba(112,112,112, 0.7), 2.5em 0em 0 0em #707070, 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.5), 2.5em 0em 0 0em rgba(112,112,112, 0.7), 1.75em 1.75em 0 0em #707070, 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.5), 1.75em 1.75em 0 0em rgba(112,112,112, 0.7), 0em 2.5em 0 0em #707070, -1.8em 1.8em 0 0em rgba(112,112,112, 0.2), -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.5), 0em 2.5em 0 0em rgba(112,112,112, 0.7), -1.8em 1.8em 0 0em #707070, -2.6em 0em 0 0em rgba(112,112,112, 0.2), -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.5), -1.8em 1.8em 0 0em rgba(112,112,112, 0.7), -2.6em 0em 0 0em #707070, -1.8em -1.8em 0 0em rgba(112,112,112, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(112,112,112, 0.2), 1.8em -1.8em 0 0em rgba(112,112,112, 0.2), 2.5em 0em 0 0em rgba(112,112,112, 0.2), 1.75em 1.75em 0 0em rgba(112,112,112, 0.2), 0em 2.5em 0 0em rgba(112,112,112, 0.2), -1.8em 1.8em 0 0em rgba(112,112,112, 0.5), -2.6em 0em 0 0em rgba(112,112,112, 0.7), -1.8em -1.8em 0 0em #707070;
    }
}


/*** END LOADING ***/

/*** TOPBAR ***/
#topbar {
    background-color: #0189E1;
    min-height: 30px;
    line-height: 30px;
}

#topbar .slogan {
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    min-height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

#topbar .header-contact {
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
}

#topbar .header-contact li {
    display: inline-block;
}

#topbar .header-contact li a {
    color: white;
    text-decoration: none;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #50B8FE;
}

#topbar .header-contact li:last-child a {
    border: none;
}

#topbar .header-contact li a:hover {
    color: #EA3D01;
}

/*** BANNER ***/
.search-form {
    position: relative;
}

.search-form .search-term {
    border: 2px solid #EA3D01;
    background: #F7F7F7;
    -webkit-border-radius: 95px;/*Safari, Chrome*/
    -moz-border-radius: 95px;/*Firefox*/
    border-radius: 95px;
    padding-left: 15px !important;
    padding-right: 30px !important;
}

.search-form button[type="submit"] {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    border: none;
    color: #EA3D01;
}

.hotline a {
    display: block;
    width: 207px;
    height: 50px;
    background: url(../images/hotline.png) no-repeat;
    position: relative;
    margin: 0 auto;
}

.hotline strong {
    display: block;
    position: absolute;
    bottom: 6px;
    left: 60px;
    color: #EA3D01;
    font-size: 1.2rem;
    text-decoration: none;
}

/*** MENUBAR ***/
#menubar {
    background-color: #0189E1;
    min-height: 45px;
    line-height: 45px;
}

.stellarnav a,
.stellarnav li a {
    color: white;
    text-transform: uppercase;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#353D44)";/*IE 8*/
    text-shadow: 0 0 3px #353D44;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#353D44); /*IE 5.5-7*/
}

.stellarnav .menu-toggle span.bars span {
    background: white;
}

.stellarnav a.dd-toggle .icon-plus:after,
.stellarnav a.dd-toggle .icon-plus:before {
    border-bottom: solid 3px white;
}

.stellarnav ul {
    text-align: left;
}

.stellarnav > ul li.active,
.stellarnav > ul li:hover {
    background: #EA3D01;
}

.stellarnav  ul .has-sub ul {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#828282)";/*IE 8*/
    -moz-box-shadow: 1px 1px 1px 1px #828282;/*FF 3.5+*/
    -webkit-box-shadow: 1px 1px 1px 1px #828282;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 1px 1px 1px 1px #828282;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#828282); /*IE 5.5-7*/
}

.stellarnav ul ul,
.stellarnav.mobile ul {
    background: #0189E1;
}

.stellarnav>ul>li>a {
    padding: 20px;
}

.stellarnav.right.mobile.active ul {
    z-index: 99999;
}
/*** END MENUBAR ***/

/*** INTRODUCT HOME ***/
.introducthome-wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
}

.introducthome-title {
    position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0;
}

.introducthome-title b {
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: #555;
}

.introducthome-title span {
    text-align: center;
    margin: 0 15px;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #30609f;
}

.introducthome-image {
    margin-bottom: 10px;
}

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

/*** END INTRODUCT HOME ***/

/*** INTRODUCTION BY STATUS ***/
.introduction-status-wrapper {

}

.introduction-status-content .col-6:hover .introduction-status-item {
    border: 1px solid #cccccc;
    -webkit-border-radius: 10px;/*Safari, Chrome*/
    -moz-border-radius: 10px;/*Firefox*/
    border-radius: 10px;
}

.introduction-status-header {
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #30609f;
}

.introduction-status-category {
    font-weight: bold;
    color: #7b7b7b;
}

.introduction-status-title {
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .1em;
}

.introduction-status-title a {
    color: #30609f;
    text-decoration: none;
    font-size: 1.1rem;
}

.introduction-status-title a:hover {
    color: #EA3D01;
}
/*** END INTRODUCTION BY STATUS ***/

/*** NEWS CAROUSEL WRAPPER ***/
.news-carousel-wrapper {

}

.news-carousel-header {
    background: #fff;
    letter-spacing: 0.5px;
    padding: 8px 5px;
    margin: 0;
    border-bottom: solid 2px #e7460e;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
}

.news-carousel-header h3 {
    margin: 0;
    padding: 0;
}

.news-carousel-header h3 a {
    font-size: 1.3rem;
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
}

.news-carousel-image {
    margin: 10px 0;
}

.news-carousel-header h3 a:hover,
.news-carousel-title a:hover {
    color: #F17004;
}

.news-carousel-title {
    line-height: 1.1rem;
    text-align: justify;
}

.news-carousel-title a {
    color: #444;
    font-size: 1rem;
    text-decoration: none;

}
/*** END NEWS CAROUSEL WRAPPER ***/

/*** PRODUCT CATEGORY ***/
.product-category {

}

.product-category-title {
    background: #0189E1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
}

.product-category-list {
    list-style: none;
    margin: 0;
    padding: 10px 5px;
    border: 1px solid #ccc;
}

.product-category-list li {
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    padding-left: 30px;
    background: url(../images/arrow-right-icon.png) no-repeat 10px 10px;
}

.product-category-list.no-arrow li {
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    padding-left: 0px;
    background: none;
}

.product-category-list li:last-child {
    border-bottom: 0px;
}

.product-category-list a {
    color: #0A0204;
    text-decoration: none;
}

.product-category-list a:hover {
    color: #F17004;
}

/*** END PRODUCT CATEGORY ***/

/*** NEW PRODUCT LIST ***/
.new-product-img img {
    width: 100px;
}

.new-product-content {
    padding-left: 10px;
}

.new-product-price {
    color: red;
    font-weight: bold;
}
/*** END NEW PRODUCT LIST ***/

/*** PRODUCT BY CATEGORY ***/
.productbycategory-title {
    width: 100%;
    height: 40px;
    text-align: left;
    margin-bottom: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 2px solid #EA3D01;
}

.productbycategory-title .left {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #353535;
}

.productbycategory-title .right a {
    color: #318a00;
    padding-right: 15px;
    font-size: 15px;
    text-decoration: none;
}

.product-title a {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
    margin-top: .1em;
    margin-bottom: .1em;
    color: #353535;
}

.product-title a:hover {
    color: #fe9705;
}

.price-wrapper {

}

.price-wrapper .sale-price,
.price-wrapper .regular-price {
    color: #d60000;
}
.price-wrapper .regular-price {
    opacity: .6;
}


/*** END PRODUCT BY CATEGORY ***/

/*** PRODUCT DETAIL ***/
.productdetail .product-title {
    font-size: 1.5rem;
}

.productdetail .product-price {
    font-size: 1.5rem;
    display: inline-block;
    padding-right: 10px;
}

.productdetail .product-price.regular-price {
    font-size: 1rem;
}

.productdetail .quantity {
    opacity: 1;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
    white-space: nowrap;
    vertical-align: top;
}

.productdetail .quantity .button.minus {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding: 10px;
}

.productdetail .quantity input[type="number"] {
    max-width: 2.5em;
    width: 2.5em;
    text-align: center;
    border-radius: 0 !important;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    font-size: 1em;
}

.productdetail .quantity .button.plus {
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.productdetail .form-flat input:not([type="submit"]) {
    border-radius: 3px;
    border: 1px solid #318a00;
}

.productdetail .short-description {
    margin-top: 15px;
    background-color: #fff1dd;
    padding: 8px;
    border: 1px dotted red;
}

.productdetail .single_add_to_cart_button {
    border: none;
    background-color: #318A00;
    border-radius: 4px;
    color: white;
    padding: 10px 20px;
    font-weight: bold;
}

.relatedproduct .product-title {
    line-height: 18px;
}

.relatedproduct .product-title a {
    font-size: 1rem;
}

.product-detail-image {
    position: relative;
}

.product-detail-image .rounded {
    position: absolute;
    bottom: 20%;
    left: 0;
}

/*** END PRODUCT DETAIL ***/

/*** NEWS BY CATEGORY ***/
.newsbycategory-title {
    width: 100%;
    height: 40px;
    text-align: left;
    margin-bottom: 10px;
    border-bottom: solid 2px #e7460e;
}

.newsbycategory-title .left {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #333;
}

.news-title a {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
    margin-top: .1em;
    margin-bottom: .1em;
    color: #353535;
}

.news-title a:hover {
    color: #fe9705;
}
/*** END PRODUCT BY CATEGORY ***/

/*** NEWS DETAIL ***/
.news-detail .post-time {
    text-align: right;
    font-style: italic;
}
.news-detail .news-title {
    font-size: 1.3rem;
    color: #4A4A4A;
    text-align: justify;
}

.news-detail .news-excerpt {
    color: #4A4A4A;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: justify;
}

.news-detail .news-content {
    text-align: justify;
}

.news-detail .news-author,
.news-detail .news-source,
.news-detail .news-attachfile {
    text-align: right;
}

.news-detail .news-author,
.news-detail .news-source {
    font-weight: bold;
}

.relatednews .news-title {
    font-size: 1rem;
}
.relatednews .news-title a {
    font-weight: normal;
}

.relatednews .news-title .post-time {
    font-size: 0.9rem;
    font-style: italic;
    color: #6E6E6E;
}

.news-attachfiles ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-attachfiles ul li a {
    color: #353D44;
    text-decoration: none;
}

.news-attachfiles ul li a:hover {
    color: #EA3D01;
}

/*** END NEWS DETAIL ***/

/*** GALLERY ***/
.gallery {

}

.gallery-header {
    width: 100%;
    height: 40px;
    text-align: left;
    margin-bottom: 10px;
    border-bottom: solid 2px #e7460e;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #333;
}

.gallery-item {
    border: 1px solid #e4e4e4;
    text-align: center;
    height: 260px;
    overflow: hidden;
    margin: 10px 0px;
    background: #1B3E8F;
}

.gallery-image {
    max-height: 180px;
}

.gallery-image img {
    height: 180px;
}

.gallery-title {
    padding: 10px;
}

.gallery-title a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9rem;
}

.gallery-title a:hover {
    color: #EA3D01;
}


#lightSlider li {
    position: relative;
}

#lightSlider li a {
    position: absolute;
    top: 0;
    right: 0;
    color: red;
}

.lSGallery li img {
    border: 1px solid #ccc;
    min-height: 80px !important;
}
/*** END GALLERY ***/

/*** CONTACT INFO ***/
.contact-info {
    margin: 10px 0 20px;
    background-color: #fff1dd;
    padding: 10px;
    border: 1px dotted #0169AF;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
}

.contact-info .tendonvi {
    text-transform: uppercase;
}

.contact-info p {
    margin: 0;
    padding: 0;
}

/*** END CONTACT INFO ***/

/*** FOOTER ***/
#footer {
    max-width: 100%;
    background: #0189E1;
    border-top: 5px solid #0565a1;
}

.footer-container {
    padding: 20px;
}

.footer-content p {
    margin: 0;
    padding: 2px 0;
    color: white;
}

.footer-content p.header {
    font-weight: bold;
    text-transform: uppercase;
}

.footer-content p a, .footer-content p a:hover {
    color: white;
    text-decoration: none;
}
/*** END FOOTER ***/