@charset "utf-8";
/* CSS Document */
.box-adv {
    position: relative;
    text-align: center;
}

    .box-adv img {
        padding-bottom: 10px;
    }

    .box-adv a:before {
        display: block;
        position: absolute;
        -webkit-transition: all 0.1s ease-in 0.1s;
        transition: all 0.1s ease-in 0.1s;
        background: rgba(0,0,0,0.1);
        opacity: 0;
        filter: alpha(opacity=0);
        left: 0px;
        top: 0px;
        content: "";
        height: 0%;
        width: 100%;
        left: 0%;
        top: 50%;
    }

    .box-adv a:hover:before {
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transition: all 0.2s ease-in 0.1s;
        transition: all 0.2s ease-in 0.1s;
        height: 100%;
        left: 0%;
        top: 0%;
    }

.trademark-info .trademark-title {
    line-height: 18px;
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0072c6;
    margin-top: 12px;
}

    .trademark-info .trademark-title a {
        color: #0072c6;
        text-decoration: none;
    }

        .trademark-info .trademark-title a:hover {
            color: #ff6c0f;
            text-decoration: none;
        }

.brand-showcase .brand-showcase-title .icon-title {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width:320px) and (max-width: 768px) {
    .trademark-product {
        padding-right: 30px;
        padding-left: 30px;
    }
}

h5, .h5 {
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
}

.trademark-product .info-product {
    float: right;
    width: 60%;
    padding-left: 12px;
    line-height: 35px;
    padding-top: 0px;
    font-size: 12px !important;
    font-family: Arial,Tahoma, Helvetica, sans-serif !important;
    font-weight: 300 !important;
    color: #0b77c8;
    text-align: justify;
}

    .trademark-product .info-product a {
        color: #0b77c8 !important;
        text-decoration: none;
    }

        .trademark-product .info-product a:hover {
            color: #ff6c0f !important;
            text-decoration: none;
        }

#address-list .tit-compnany {
    float: left;
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #333333;
    padding-right: 5px;
    text-transform: uppercase;
}

.text-footer {
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #333333;
    text-transform: none;
    padding: 10px 0px 20px 0px;
}

    .text-footer span {
        font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #333333;
    }

#content-wrap {
    background: #ffffff;
}

/*.service .orange-statis{
	background:#ff6e00;    
}
.service .green-statis{
	background:#6eae1f;    
}
.service .blue-statis{
	background:#0673cd;    
}
.service .red-statis{
	background:#db161d;    
}*/

.icon-headline {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
}

.product-name {
    padding-bottom: 5px;
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #000000;
}

    .product-name a {
        text-decoration: none;
        color: #000000;
    }

        .product-name a:hover {
            color: #000000;
        }

.popular-tabs {
    margin-bottom: 12px;
}

.box-pro-list {
    padding-right: 30px;
    padding-left: 30px;
}

.entry_title {
    font-size: 13px;
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-weight: 500;
    color: #0077ce;
    text-align: justify;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

    .entry_title a {
        color: #0077ce;
        text-decoration: none;
    }

        .entry_title a:hover {
            color: #ff6703;
            text-decoration: none;
        }

.entry-title {
    font-size: 13px;
    font-family: Arial,Tahoma, Helvetica, sans-serif;
    font-weight: 700;
    color: #0077ce;
    text-align: justify;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .entry-title a {
        color: #0077ce;
        text-decoration: none;
    }

        .entry-title a:hover {
            color: #ff6703;
            text-decoration: none;
        }

ul.list-other-news {
    margin: 12px 0px 0px 0px;
    list-style: none;
}

    ul.list-other-news li {
        padding: 5px 0 5px 13px;
        /*background: url(../images/ico_list.gif) 0 12px no-repeat;*/
        background: url(../data/ico-list.gif) 0 12px no-repeat;
        font-size: 13px;
        line-height: 20px;
        color: #0077ce;
    }

        ul.list-other-news li a {
            color: #0077ce;
            text-decoration: none;
        }

            ul.list-other-news li a:hover {
                text-decoration: none !important;
                color: #ff6703;
            }

        ul.list-other-news li span {
            color: #656565;
            text-decoration: none;
        }

.head-title {
    font-size: 24px;
    font-family: Arial,Tahoma, Helvetica, sans-serif;
    font-weight: 700;
    color: #0077ce;
    text-align: justify;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.head-topic h4 {
    clear: both;
    color: #007dcf;
    font-family: Lato,Arial,Tahoma, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #a3d4f9;
}

    .head-topic h4 .head-line {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #ff6c0f;
        bottom: -2px;
        display: block;
        height: 4px;
        left: 0;
        margin: 0;
        position: absolute;
        width: 68px;
    }

.box-authentication {
    border: 1px solid #a3d4f9;
    padding: 0px;
    min-height: 320px;
}

    .box-authentication label {
        margin-top: 0px;
        margin-bottom: 2px;
    }


.TextBox {
    background: url(../images/bginputform.gif) bottom repeat-x;
    width: 240px;
    padding: 4px 3px 4px 3px;
    /*padding:3px 3px 4px 3px;*/
    background: #ffffff;
    border-top: #b9c0c7 1px solid;
    border-left: #b9c0c7 1px solid;
    border-right: #e3e9ef 1px solid;
    border-bottom: #e3e9ef 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
}

.btn {
    background-color: #003fac;
    background-image: linear-gradient(to bottom, #003fac, #006bce);
    border: 1px solid #0045b1;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font: bold 12px Arial,Verdana,Helvetica,sans-serif;
    padding: 3px 10px !important;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    width: auto;
}

.DivRow {
    width: 100%;
    clear: both;
    padding-bottom: 5px;
}

.TextArea {
    background: url(../images/bginputform.gif) bottom repeat-x;
    width: 240px;
    padding: 4px 3px 4px 3px;
    /*padding:3px 3px 4px 3px;*/
    background: #ffffff;
    border-top: #b9c0c7 1px solid;
    border-left: #b9c0c7 1px solid;
    border-right: #e3e9ef 1px solid;
    border-bottom: #e3e9ef 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
}

.ImgSliderNews {
    width: 600px;
}

@media (max-width: 680px) {
    .TextBox {
        background: url(../images/bginputform.gif) bottom repeat-x;
        width: 90px;
        padding: 4px 3px 4px 3px;
        /*padding:3px 3px 4px 3px;*/
        background: #ffffff;
        border-top: #b9c0c7 1px solid;
        border-left: #b9c0c7 1px solid;
        border-right: #e3e9ef 1px solid;
        border-bottom: #e3e9ef 1px solid;
        -moz-box-sizing: border-box;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
        margin: 2px 0px 2px 0px;
    }

    .ImgSliderNews {
        width: 300px;
    }
    
    .top-bar-social{
        width: 100%;
        display: inline-block;
        line-height: 34px;
        font-size:8px;
    }
  .user-info{
        width: 100% !important;
        display: inline-block;
       float:none !important;
       text-align:center !important;
        font-size:11px;
    }   
     .logo{
        width: 100% !important;
        display: inline-block;
       float:none !important;
       text-align:center !important;
        font-size:11px;
        padding-top: 0px !important;
            margin-top: 2px !important;
    }   
    .logo img {
    
    max-width: 20%;
    }

       .btn-cart{
        
        position: absolute;
       float:none !important;
       top:0px;
       right:0px;
       display:none;
        
    }   
       .header-search-box{
        width: 100% !important;
        display: inline-block;
       float:none !important;
       text-align:center !important;
        font-size:11px;
        margin-top: 2px !important;
    }   
    .main-header
    {padding-top:0px !important;
     padding-bottom:2px !important;
        }
     .group-button-header{margin-top: 2px !important;}
     
     
}