/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
.owl-wrapper-outer{
    overflow: hidden;
}
#myCarousel.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}
#myCarousel.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-pagination .owl-page span {
    background: #d7d7d7;
}
.owl-pagination .owl-page.active span {
    background: #0075be !important;
}
.owl-pagination{
    text-align: center;
}
.labelPages{
    display: none;
}
.titlePages{
    display: none;
}
.currentPage{
    list-style: none;
    background-color: #15bd66;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.paginator{
    margin-bottom: 20px;
    text-align: center;
}
.paginator a{
    background-color: #183544;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.paginator .paging-next.ico ,.paging-last:before{
    font-family: "Phosphor";
    content: "\e12a";
    padding: 13px;
}
.paginator .paging-next.ico:before{
    font-family: "Phosphor";
    content: "\e13a";
}
.paginator .paging-first,.paging-previous.ico:before{
    font-family: "Phosphor";
    content: "\e138";
    padding: 13px;
}
.paginator .paging-first:before{
    font-family: "Phosphor";
    content: "\e128";
}
.paginator a:hover{
    color: #fff;
    text-decoration: none;
}
.ega-section-1{
    position: relative;
}
.btn-nav{
    position: absolute;
    z-index: 9;
    font-size: 25px;
    background-color: #15bd66;
    padding: 6px 7px;
    border-radius: 3px;
    color: white;
    top: calc(50% - 20px);
}
.btn-nav.next{
    right:10px
}
.btn-nav.prev{
    left:10px
}
.btn-nav:hover{
    color: #FFF;
    font-size: 25px;
    padding: 6px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
#ega-home-slider .owl-pagination{
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 5px;
}
#ega-home-slider .owl-pagination .owl-page.active{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    display: inline-block;
    background: #869791;
}
#ega-home-slider .owl-pagination .owl-page{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    display: inline-block;
}
.ega-col-product-action .ega-col-product-add-cart:hover a{
    color: #fff;
    text-decoration: none;
}
.ega-col-product-action .ega-col-product-add-cart a{
    color: #15bd66;
}
#ega-menu-deiv-top{
    display: none;
}
.search-page-title {
    background: #15bd66;
    color: white;
    display: inline-block;
    font-family: "Ubuntu",sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 0 0 1px 0;
    padding: 0 1.2em;
    text-transform: uppercase;
    word-wrap: break-word;
}
@media only screen and (max-width: 992px){
    li.dropdown .dropdown-menu{
        width: 100%;
        box-shadow: unset;
        border-right: none;
        padding-left: 25px;
        border-top: none;
    }
}
.featured-article .thumb{
    height: 230px;
    width: 100%;
    object-fit: cover;
}
.block-title p{
    height: 40px;
    overflow: hidden;
}
.two-block.well p{
    height: 60px;
    overflow: hidden;
}
.news-list{
    height: 100px;
    overflow: hidden;
}
.ega-cpyright{
    text-align: center;
}
.media .pull-left.img-thumbnail img{
    object-fit: contain;
    height: 70px;
    max-width: 100%;
}
.dshd{border:solid 1px #ddd;background:#f2f2f2 url(/tp/T0155/img/icon/f.gif) no-repeat 255px center;height:70px;padding:10px 10px 0px 10px;display: inline-block;width: 100%}
.dshd .r{display:block;float:right;width:245px;height:50px;}
.item-content .thumb-image img{
    object-fit: contain;
}
#myCarousel .item img{
    object-fit: cover;
}
.news-list li{
    height: 35px;
    overflow: hidden;
}
#signin ul>li {
    list-style-type: none;
}
#signGF>a span{
    padding: unset !important;
}
#signin ul>li>label {
    width: 200px;
    text-align: left !important;
}
/*điện thoại*/
.webvaseo-alo-ph-circle, .webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle-fill, .webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-img-circle {
    border-color: #f00;
    background-color: #f00;
}
.webvaseo-alo-phone.webvaseo-alo-show {
    visibility: visible
}

.webvaseo-alo-phone {
    position: absolute;
    visibility: hidden;
    background-color: transparent;
    width: 77px;
    height: 77px;
    cursor: pointer;
    z-index: 999!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: -20px;
    bottom: -17px
}

.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle {
    border-color: #f00;
    opacity: .5
}

.webvaseo-alo-ph-circle {
    width: 80px;
    height: 80px;
    top: 0;
    left: 3px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #f00;
    opacity: .1;
    -webkit-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle-fill {
    background-color: #f00;
    opacity: .75 !important
}

.webvaseo-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 10px;
    left: 13px;
    position: absolute;
    background-color: #f00;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-img-circle {
    background-color: #f00
}

.webvaseo-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 25px;
    left: 28px;
    position: absolute;
    background: url('/tp/T0217/img/tmp/phone.png') center center no-repeat rgba(30, 30, 30, .1);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-size: 80%
}

.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-img-circle, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-img-circle {
    background-color: #baf5a7;
    border-color: transparent;
}

.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-circle-fill, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-circle-fill {
    background-color: #f00;
    opacity: .75 !important
}

.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-circle, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-circle {
    border-color: #f00;
    opacity: .5
}

.webvaseo-alo-phone.webvaseo-alo-hover, .webvaseo-alo-phone:hover {
    opacity: 1
}
.fixedBoxHotline{
    bottom: 28px;
    left: 37px;
    position: fixed;
    z-index: 999;
}
.fixedBoxHotline .tel{
    background: #eee;
    width: 205px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px #ccc;
}
.fixedBoxHotline .tel .fone{
    font-size: 22px;
    color: #f00;
    line-height: 40px;
    font-weight: bold;
    padding-left: 45px;
    margin: 0;
}

@-moz-keyframes webvaseo-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes webvaseo-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes webvaseo-alo-circle-anim {
    0% {
        -o-transform: rotate(0)  skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0)  skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes webvaseo-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    100%, 50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes webvaseo-alo-circle-img-anim {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes webvaseo-alo-circle-img-anim {
    0%, 100%, 50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@keyframes webvaseo-alo-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes webvaseo-alo-circle-img-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-webkit-keyframes webvaseo-alo-circle-img-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes webvaseo-alo-circle-img-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@keyframes webvaseo-alo-circle-img-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}
@media screen and (max-width: 768px){
    #leftSg, #rightSg{
        width: 100% !important;
    }
    .fixedBoxHotline{
        left: 15px;
    }
}