html { height: 100%; }

body { font-size: 14px; line-height: 22px; font-family: 'Roboto',sans-serif; -webkit-font-smoothing: antialiased; /*background-color: #FFF7AF;*/ /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; margin: 0; padding: 0; }

a, a:focus, a:hover, a:active { outline: 0 !important; }

h1, h2, h3, h4, h5, h6, legend { font-family: 'Roboto',sans-serif; font-weight: 300; line-height: 1.25em; margin: 0 0 0.75em 0; }

h1 { font-size: 36px; margin-bottom: 0.25em; font-weight: 100; }

    h1 strong { font-weight: 400; }

.largeQuote h1 { margin-bottom: 0; padding-left: 11px; padding-right: 11px; }

.paralaxText h2 { font-size: 22px; font-weight: 100; line-height: 1.5em; display: inline-block; padding: 33px; margin-bottom: 0; }

    .paralaxText h2 small { font-size: 22px; font-weight: 100; }

.paralaxText .iconRounded { display: inline-block; }

.paralaxText .testimonialCarousel blockquote { text-transform: none; letter-spacing: normal; font-size: 22px; line-height: 33px; }

.paralaxText .iconBig { font-size: 22px; }

h2 { /*font-size: 14px;*/ display: block; position: relative; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 300; /*margin-bottom: 1.5em;*/ }

    h2.subTitle { font-weight: 300; }

/*h3,*/ legend { font-size: 13px; }
/* chỉnh sửa demo chị Trâm */

h4 { font-size: 16px; margin-bottom: 1em; }

h5 { font-size: 14px; }

h6 { margin-bottom: 2em; font-size: 14px; font-weight: 300; }

h1 small { font-size: 25px; font-weight: inherit; }

h2 small { font-size: 15px; }

h3 small { font-size: 14px; }

h4 small { font-size: 12px; }

p, ul { margin-top: 0; margin-bottom: 12px; padding: 0; }

/*=======================================================customize col 20 ===================================*/

.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-20 { width: 20%; float: left; }

@media (min-width: 768px) {
    .col-sm-20 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-20 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-20 { width: 20%; float: left; }
}

/*=======================================================customize col 80 ===================================*/

.col-xs-80,
.col-sm-80,
.col-md-80,
.col-lg-80 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-80 { width: 80%; float: left; }

@media (min-width: 768px) {
    .col-sm-80 { width: 80%; float: left; }
}

@media (min-width: 992px) {
    .col-md-80 { width: 80%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-80 { width: 80%; float: left; }
}

/*=======================================================customize col 60 ===================================*/

.col-xs-60,
.col-sm-60,
.col-md-60,
.col-lg-60 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-60 { width: 60%; float: left; }

@media (min-width: 768px) {
    .col-sm-60 { width: 60%; float: left; }
}

@media (min-width: 992px) {
    .col-md-60 { width: 60%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-60 { width: 60%; float: left; }
}

/*=======================================================customize col 40 ===================================*/

.col-xs-40,
.col-sm-40,
.col-md-40,
.col-lg-40 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-40 { width: 40%; float: left; }

@media (min-width: 768px) {
    .col-sm-40 { width: 40%; float: left; }
}

@media (min-width: 992px) {
    .col-md-40 { width: 40%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-40 { width: 40%; float: left; }
}

strong { font-weight: 400; }

small, aside { }

li { line-height: inherit; }

a:link,
a:visited { text-decoration: none; outline: none; }

a:hover,
a:active { text-decoration: underline; }

ul.iconsList li a:hover { text-decoration: none; }

a.readMore { font-style: italic; }

blockquote { font-size: 22px; line-height: 33px; margin-bottom: 22px; font-weight: 100; padding: 0; border: none; text-align: left; }

    blockquote h1 { display: inline; }

    blockquote p { font-size: inherit; display: inline; }

    blockquote small,
    .ctaBox blockquote small { font-size: 50%; display: inline-block; line-height: 1em; }

    blockquote:before { content: '“'; font-family: Georgia,"Times New Roman",Times,serif; margin-right: 0; font-size: 80px; height: 1px; display: inline-block; vertical-align: middle; }

    blockquote:after { content: '”'; font-family: Georgia,"Times New Roman",Times,serif; margin-left: 0; font-size: 80px; height: 1px; display: inline-block; vertical-align: middle; }

    blockquote.pull-right { border: none; }

.quoteRow blockquote:before,
.quoteRow blockquote:after { content: none; }

hr { padding: 0; margin: 1.5em 0; }

.hero-unit blockquote { font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; }

.navbar-default { background: none; border: none !important; border-radius: 0; }

@media (min-width: 1024px) {
    #mainHeader > .container { width: 100%; }
}

/*color file */

.navbar-default { background: none; border: none !important; border-radius: 0; }
/* GENERAL================================================== */

/*** buttons ***/
.btn { padding: 5px 12px; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: none; border-radius: 0; }

.btn-lg { padding: 11px 19px; font-size: 14px; border-radius: 0; }

.btn-sm { padding: 2px 10px; font-size: 11px; border-radius: 0; }

.btn-xs { padding: 0 6px; font-size: 10px; border-radius: 0; }

.btn-link { text-transform: none; text-shadow: none; padding: 0; font-family: inherit; font-size: inherit; font-weight: normal; }

.btn i:before { text-align: left; }

.btn-border { padding: 3px 10px; }

    .btn-border.btn-lg { padding: 9px 17px; }

    .btn-border.btn-sm { padding: 0px 6px; }
/*** call to actioon ***/
.ctaBox { padding: 33px; }

.ctaBoxFullwidth { padding: 0; }

.ctaBox a { margin-top: 22px; }

.ctaBox h1 { font-size: 22px; line-height: 33px; margin-bottom: 0; font-weight: 100; padding: 0; border: none; text-align: left; letter-spacing: normal; text-transform: none; }

    .ctaBox h1 strong { }

.ctaBox blockquote { font-size: 44px; line-height: 44px; margin-bottom: 0; }

a.btnRight { float: right; }

.ctaBox.ctaBoxCentered h1,
.ctaBox.ctaBoxCentered blockquote { text-align: center; }

.ctaBox.ctaBoxCentered a { float: none; margin-top: 1.5em; }

/*** MEDIA QUERIES ***/
@media(max-width: 481px) {
    #header_cart { position: relative; top: -25px; }
}

@media(max-width: 400px) {

    .item-pro { width: 100% !important; }
}

@media(max-width:767px) {
    .btn-lg { padding: 14px 18px; font-size: 18px; }
}

@media(min-width:768px) {
}

@media(min-width:992px) {
    .ctaBox a { float: right; margin-top: 0; }

    a.btnLeft { float: left; }
}

@media(min-width:1025px) {
    #mainHeader .pull-right { float: right !important; }

    .navbar-nav > li > a { font-size: 12px; font-weight: 300; padding: 22px 11px; line-height: 44px; vertical-align: middle; }

        .navbar-nav > li > a i { display: block; }

    .navbar-nav ul { position: absolute; top: 89px; left: 0; z-index: 1024; }

    .navbar-nav > li.sep { display: block; }

        .navbar-nav > li.sep:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: '\e8a0'; font-family: 'custom-icons'; display: block; font-size: 10px; text-align: center; padding: 0; margin-top: 22px; margin-bottom: 22px; line-height: 44px; }

    #mainMenu .navbar-nav li a.hasSubMenu:after { display: none; }

    #mainMenu .navbar-nav ul li a.hasSubMenu:after { content: '\e801'; display: block; text-align: right; margin-right: 0; }

    .navbar-nav ul li a { padding: 11px; display: block; font-size: 12px; }

    .navbar-nav ul li { padding: 0; }
    .navbar-nav > li > a { padding-top: 8px; padding-bottom: 8px; }
}

@media(min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END GENERAL================================================== */

/* HEADER================================================== */

.navbar-brand { padding: 22px 0; }

/** pre header **/


#preHeader .socialNetwork, .contactPhone { display: inline-block; float: right; }

    #preHeader .socialNetwork li { display: block; list-style-type: none; float: left; }

.contactPhone { padding-right: 11px; margin-top: 10px; }

#preHeader .socialNetwork { margin: 0; }

    #preHeader .socialNetwork a { text-align: center; line-height: 40px; display: block; width: 30px; height: 40px; }

        #preHeader .socialNetwork a:hover { text-decoration: none; }

ul.quickMenu { margin: 0 0 0 0; padding: 0; }

    ul.quickMenu li { display: inline-block; padding-right: 11px; }

        ul.quickMenu li a { font-size: 12px; margin: 0; padding: 0; display: block; line-height: 1em; }

            ul.quickMenu li a:hover { text-decoration: none; }

            ul.quickMenu li a.linkLeft { margin-left: 0; }

/*** MEDIA QUERIES ***/

@media(max-width:767px) {
}

@media(min-width:768px) {
    #fullScreenSliderWrapper h1 { font-size: 80px; }

    .header1 #preHeader, .header3 #preHeader, .header5 #preHeader { display: block !important; height: 40px; }
}

@media(min-width:992px) {
    .fixedHeader .navbar-nav > li > ul, .fixedHeader .navbar-nav .nekoMegaMenu { top: 61px; }

    .fixedHeader #mainMenu > ul > li > a { padding-bottom: 8px; padding-top: 8px; }

    .fixedHeader .navbar-nav > li.sep:before { line-height: 15px; }

    .fixedHeader .navbar-brand { padding: 15px 0; margin-top: 15px; }

        .fixedHeader .navbar-brand img { max-height: 30px; }
}

@media(min-width: 1200px) {
}
/*** END MEDIA QUERIES ***/

/*** header options ***/

/* header 1 */

.header1 .navbar-nav ul ul { top: 0px; }

.header1 ul.quickMenu li, .header1 .contactPhone { margin-right: 11px; }

.header1 .sep { display: none; }

.header1 .navbar-nav > li a { text-transform: uppercase; font-weight: 400; }

/** header 2 **/

.header2 #preHeader { display: none !important; }

/*** header 3 ***/

.header3 #preHeader .socialNetwork a { width: 40px; }

.header3 .navbar-default .navbar-nav > li > a { text-transform: none; font-weight: 300; }

.header3 .sep { display: none; }

/**** header 4 ****/

.header4 #preHeader { display: none !important; }

.header4 .navbar-default .navbar-nav > li > a { text-transform: none; letter-spacing: 0.1em; }
/*** end header options ***/

/*** MEDIA QUERIES ***/
@media(max-width:767px) {
}

@media(min-width:1024px) {
    /* Header 1 */
    body.header1 { padding-top: 128px; }

    .header1 .navbar-nav > li.sep { display: none; }

    .header1 .navbar-nav > li > ul, .header1 .navbar-nav .nekoMegaMenu { top: 88px; }

    .header1 .fixedHeader .navbar-nav > li > ul, .header1 .fixedHeader .navbar-nav .nekoMegaMenu { top: 60px; }

    .header1 .navbar-nav > li a { font-size: 13px; }

    .header1 .navbar-nav > li#lastMenu > a { padding-right: 15px; }
    /** Header 2 **/
    .header2 .navbar-nav > li.sep { display: none; }

    .header2 .navbar-nav > li > ul, .header2 .navbar-nav .nekoMegaMenu { top: 88px; }

    .header2 .fixedHeader .navbar-nav > li > ul, .header2 .fixedHeader .navbar-nav .nekoMegaMenu { top: 60px; }

    .header2 .navbar-nav > li#lastMenu > a { padding-right: 15px; }
    /*** Header 3 ***/
    body.header3 { padding-top: 128px; }

    .header3 .navbar-nav > li > ul, .header3 .navbar-nav .nekoMegaMenu { top: 89px; }

    .header3 .fixedHeader .navbar-nav > li > ul, .header3 .fixedHeader .navbar-nav .nekoMegaMenu { top: 61px; }

    .header3 .navbar-nav > li.sep { display: none; }

    .header3 .navbar-nav > li > a { padding: 22px 11px; }
    /**** Header 4 ****/
    .header4 .navbar-nav > li.sep { display: none; }

    .header4 .navbar-nav > li > a { padding-left: 15px; padding-right: 15px; text-transform: uppercase; }

    .header4 .navbar-nav > li#lastMenu > a { padding-right: 15px; }

    .header4 .navbar-nav > li > ul { top: 92px; }

    .header4 .navbar-nav .nekoMegaMenu { top: 145px; }

    .header4 .navbar-brand { display: inline-block; float: none; }

    .header4 .navbar-header { text-align: center; float: none; }
    /***** Header 5 *****/
    body.header5 { padding-top: 125px; }

    .header5 .navbar-nav > li.sep { display: none; }

    .header5 .navbar-default .navbar-nav > li > a { text-transform: uppercase; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; border-radius: 4px; padding: 10px; margin: 27px 11px 27px 0; line-height: 1em; }

    .header5 .navbar-nav > li#lastMenu > a { padding-right: 10px; }

    .header5 .navbar-nav ul li a { padding: 10px; margin: 0 10px; text-align: left; }

    .header5 .navbar-nav > li > ul, .header5 .navbar-nav .nekoMegaMenu { border-radius: 4px; padding-bottom: 10px; padding-top: 10px; }

    .header5 .navbar-nav .nekoMegaMenu { padding: 22px; top: 112px; }

    .header5 .navbar-nav > li > ul { top: 55px; }

    .header5 .navbar-nav ul ul { padding: 10px 0; }

    .header5 .fixedHeader #mainMenu > ul > li > a { padding: 10px; margin-top: 13px; margin-bottom: 13px; }

    .header5 #mainMenu { text-align: center; }

    .header5 .navbar-nav.pull-right { display: inline-block; }

    .header5 #mainMenu { text-align: center; }

    .header5 .navbar-header, .header5 #mainHeader .pull-right { float: none !important; }

    .header5 .navbar-header { text-align: center; }

    .header5 .navbar-brand { display: inline-block; float: none; }

    #mainHeader > .container { width: 100%; }
}

@media(min-width:1025px) {
    .header3 .navbar-nav > li > a { padding: 22px 22px; }

    .header4 .navbar-header { text-align: left; }

    .header4 .navbar-header { float: left !important; }

    .header4 .navbar-nav .nekoMegaMenu { top: 92px; }

    .header5 #mainMenu { text-align: left; }

    .header5 .navbar-nav.pull-right { display: inline-block; }

    .header5 #mainMenu { text-align: left; }

    .header5 .navbar-header { float: left !important; }

    .header5 #mainHeader .pull-right { float: right !important; }

    .header5 .navbar-header { text-align: left; }

    .header5 .navbar-brand { display: inline-block; float: none; }

    .header5 .navbar-nav > li > ul, .header5 .navbar-nav .nekoMegaMenu { top: 57px; }
}
/* END HEADER================================================== */
/* MAIN MENU================================================== */
.navbar-nav > li > a { display: block; padding: 8px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; font-family: 'Roboto',sans-serif; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.navbar-nav li a i { margin-right: 10px; }

.navbar-nav > li.sep { display: none; }

.navbar-nav > li#lastMenu > a { padding-right: 0; /*align right*/ }

/*#mainHeader .pull-right { float: none !important; }*/
/*** sub menus ***/
.navbar-nav ul li { position: relative; }

.navbar-nav ul { display: none; padding: 0; margin: 0; list-style-type: none; }

    .navbar-nav ul ul { top: 0; }

    .navbar-nav ul li a { display: block; padding: 11px 0; font-size: 14px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

        .navbar-nav ul li a:hover { text-decoration: none; }

#mainMenu .navbar-nav li a.hasSubMenu:after { font-family: 'FontAwesome'; display: block; content: '\f107'; float: right; margin-right: 15px; }

.navbar-nav .nekoMegaMenu { display: none; -webkit-backface-visibility: hidden; }

    .navbar-nav .nekoMegaMenu > div > div { -webkit-backface-visibility: hidden; }

.navbar-nav ul li.megaMenuTitle { text-transform: uppercase; font-weight: bold; padding-bottom: 6px; margin-bottom: 6px; }

.navbar-nav .nekoMegaMenu ul { width: auto; }
/*** MEDIA QUERIES ***/
@media(max-width:767px) {
}

@media (min-width: 992px) {
    .nekoMegaMenu .container { width: 940px; }
}

@media(min-width:1025px) {
    #mainHeader .pull-right { float: right !important; }

    .navbar-nav > li > a { font-size: 12px; font-weight: 300; /*padding: 22px 11px;*/ line-height: 44px; vertical-align: middle; }

        .navbar-nav > li > a i { display: block; }

    .navbar-nav ul { position: absolute; top: 60px; left: 0; z-index: 1024; }

    .navbar-nav ul { width: 170px; }

    .navbar-nav > li.sep { display: block; }

        .navbar-nav > li.sep:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: '\e8a0'; font-family: 'custom-icons'; display: block; font-size: 10px; text-align: center; padding: 0; margin-top: 22px; margin-bottom: 22px; line-height: 44px; }

    #mainMenu .navbar-nav li a.hasSubMenu:after { display: none; }

    #mainMenu .navbar-nav ul li a.hasSubMenu:after { content: '\e801'; display: block; text-align: right; margin-right: 0; }

    .navbar-nav ul li a { padding: 11px; display: block; font-size: 12px; }

    .navbar-nav ul li { padding: 0; }
    /*** mega menu ***/
    .nav > li.nekoMegaMenuTrigger { position: static !important; }

    .navbar-nav .nekoMegaMenu ul { position: static; border: none; background: none; display: block; width: 100%; }

    #mainMenu .navbar-nav ul li.megaMenuTitle { display: block; width: 100%; }

    .navbar-nav .nekoMegaMenu { width: 100%; position: absolute; right: 0; top: 89px; z-index: 1024; padding: 22px; }

        .navbar-nav .nekoMegaMenu ul { padding: 0; }

            .navbar-nav .nekoMegaMenu ul li a { padding: 5px 10px 5px 10px; }

    .nekoMegaMenu .container { width: auto; max-width: 1170px; }
    /*** mega menu ***/
}

@media(min-width:992px) {
}

@media(min-width: 1200px) {
}
/*** END MEDIA QUERIES ***/

/* END MAIN MENU================================================== */

/* PARALLAX STUFF================================================== */
#homeFullScreen { width: 100%; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-position: top center; }

.maskParent { position: relative; height: 100%; width: 100%; }

.paralaxText { padding-top: 66px; padding-bottom: 66px; text-align: center; position: relative; }

.bgMask { width: 100%; height: 100%; overflow: hidden; position: absolute; }

.image-0 { background-image: url('../images/theme-pics/big-header.jpg'); }

.image-1 { background-image: url('../images/theme-pics/parallax-1.jpg'); }

.image-2 { background-image: url('../images/theme-pics/parallax-2.jpg'); }

.image-3 { background-image: url('../images/theme-pics/parallax-3.jpg'); }

.image-4 { background-image: url('../images/theme-pics/parallax-4.jpg'); }

.image-5 { background-image: url('../images/theme-pics/parallax-5.jpg'); }

.image-6 { background-image: url('../images/theme-pics/parallax-6.jpg'); }

.image-7 { background-image: url('../images/theme-pics/parallax-7.jpg'); }

.image-8 { background-image: url('../images/theme-pics/parallax-8.jpg'); }
/*** MEDIA QUERIES ***/
@media(max-width:767px) {
}

@media(min-width:768px) {
}

@media(min-width:992px) {
}

@media(min-width:1200px) {
    .parallaxSection { background-attachment: fixed; background-position: 50% 0; background-size: cover; }
}
/* END PARALLAX STUFF================================================== */

/* PAGES================================================== */

.page-header .col-sm-6 { margin-bottom: 0; }

.page-header { padding: 33px 0; margin: 0; }

    .page-header.bigHeader,
    .page-header.xBigHeader, .page-header.smalHeader { padding: 0; background-position: top center; background-repeat: no-repeat; position: relative; }

        .page-header.bigHeader .container,
        .page-header.xBigHeader .container { padding-top: 50px; padding-bottom: 50px; }

ul#navTrail { padding: 0; margin-bottom: 0; float: right; margin-top: 15px; }

    ul#navTrail li { display: inline-block; font-size: 12px; }

        ul#navTrail li a { text-decoration: none; }

            ul#navTrail li a:after { content: " / "; }
/** sidebar **/
nav#subnav { margin-bottom: 22px; }

    nav#subnav ul { margin: 0; padding: 0; list-style-type: none; }

        nav#subnav ul li a { margin: 0; padding: 11px 0; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

            nav#subnav ul li a:hover { text-decoration: none; }

            nav#subnav ul li a i { float: right; display: none; margin-top: 4px; }

            nav#subnav ul li a:hover i,
            nav#subnav ul li a.active i { display: block; }

nav#subnav { padding: 0; }

#big-video-wrap { position: absolute; }

#big-video-vid_html5_api { }

#html5Video { height: 400px; overflow: hidden; position: relative; }

@media(min-width:768px) {
    #html5Video { height: 200px; }
}

#html5Video,
#html5Video h1,
#html5Video h1 { font-weight: 700; }

    #html5Video h2:after { border: none; }

/** center content **/
.container.vAlignCenter { display: table; height: 100%; width: 100%; }

.vAlignCenter .row { display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; }

@media(min-width:768px) {
    .formatIcon i { font-size: 33px; }

    #html5Video { height: 350px; }

    body.headerTransparent { padding-top: 0; }

    .page-header.bigHeader .container,
    .page-header.xBigHeader .container { padding-top: 70px; padding-bottom: 70px; }

    .headerTransparent .page-header.bigHeader .container,
    .headerTransparent .page-header.xbigHeader .container { padding-top: 158px; }

    .page-header.smalHeader .container { padding-top: 15px; padding-bottom: 15px; }
}

@media(min-width:992px) {
    #html5Video { height: 400px; }

    .page-header.bigHeader .container { padding-top: 110px; padding-bottom: 110px; }

    .headerTransparent .page-header.bigHeader .container { padding-top: 198px; }

    .page-header.xbigHeader .container { padding-top: 160px; padding-bottom: 160px; }

    .headerTransparent .page-header.xbigHeader .container { padding-top: 248px; }

    .page-header.smalHeader .container { padding-top: 15px; padding-bottom: 15px; }
}

@media(min-width:1200px) {
    #html5Video { height: 650px; }

    .page-header.bigHeader .container { padding-top: 160px; padding-bottom: 160px; }

    .headerTransparent .page-header.bigHeader .container { padding-top: 248px; }

    .page-header.xBigHeader .container { padding-top: 260px; padding-bottom: 260px; }

    .headerTransparent .page-header.xBigHeader .container { padding-top: 348px; }

    .page-header.smalHeader .container { padding-top: 50px; padding-bottom: 50px; }
}

/* END PAGES================================================== */

@media (min-width: 1025px) {
    #mainMenu .navbar-nav li { border-bottom: none; }

    .navbar-nav > li.sep { display: block; }

    .navbar-header { padding-bottom: 0; }

    .navbar-nav > li.sep:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-family: 'FontAwesome'; content: "\f107"; display: block; font-size: 10px; text-align: center; padding: 0; margin-top: 22px; margin-bottom: 22px; line-height: 44px; }

    .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
}

.navbar { margin-bottom: 0; border-radius: 0; min-height: 0; }

.navbar-default { background: none; border: none !important; border-radius: 0; }

.navbar-brand { padding: 22px 0; }

.navbar-header { padding-bottom: 18px; }

.navbar-default .navbar-toggle { margin-top: 27px; border: none; margin-right: 0; border-radius: 0; }
/****************************
Content Box
****************************/
/*.content-box { overflow: hidden; }*/ /*chỉnh sửa chị Thoa (tránh tình trạng bị che khi nội dung tràn quá giói hạn của box)*/

.content-box h4 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 16px; }

    .content-box h4 i { font-size: 25px; float: left; margin: 0 10px 0 0; }

.content-box .read-more { text-align: right; }

.content-box .read-more { overflow: hidden; display: block; text-transform: uppercase; margin-top: 5px; }

    .content-box .read-more:hover i { text-decoration: none; }

    .content-box .read-more span { padding: 1px 10px 0 0; display: inline-block; }

    .content-box .read-more i { font-size: 10px; float: right; margin: 7px 0px 0 0; }

.content-box .content-box-text .read-more { display: block; }
/* Content Box Style 2 */
.content-box.content-style2 { text-align: center; }

    .content-box.content-style2 h4 i { display: block; float: none; font-size: 22px; margin: 0 0 10px 0; border: 1px solid; width: 60px; height: 60px; line-height: 60px; margin: 0 auto; border-radius: 50%; margin-bottom: 20px; }

    .content-box.content-style2 .read-more { text-align: center; margin-top: 10px; text-decoration: none; text-transform: uppercase; }

        .content-box.content-style2 .read-more span { padding: 0; }

        .content-box.content-style2 .read-more i { float: none; display: none; }

        .content-box.content-style2 .read-more:hover i { text-decoration: none; }

.content-box.content-style4 { position: relative; text-align: center; height: 130px; }

    .content-box.content-style4 h4 { text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: all .4s ease-in-out; -o-transform: rotateX(0deg) rotateY(0deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transform: rotateX(0deg) rotateY(0deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: all .4s ease-in-out; transform: rotateX(0deg) rotateY(0deg); transform-style: preserve-3d; backface-visibility: hidden; transition: all .4s ease-in-out; }

        .content-box.content-style4 h4 i { float: none; margin: 0 10px 0 0; border-radius: 50%; text-align: center; display: block; margin: 5px auto 15px auto; }

    .content-box.content-style4 .content-box-text { position: absolute; top: 0; left: 0; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: all .4s ease-in-out; -o-transform: rotateY(-180deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transform: rotateY(-180deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: all .4s ease-in-out; transform: rotateY(-180deg); transform-style: preserve-3d; backface-visibility: hidden; transition: all .4s ease-in-out; }

    .content-box.content-style4:hover .h4-body-title { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }

    .content-box.content-style4:hover .content-box-text { -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -o-transform: rotateX(0deg) rotateY(0deg); -ms-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }

    .content-box.content-style4 .btn { margin-top: 10px; margin-bottom: 0; }

    .content-box.content-style4 .h4-body-title { opacity: 1\9; display: block\9; }

    .content-box.content-style4 .content-box-text { opacity: 0\9; display: none\9; }

    .content-box.content-style4:hover .h4-body-title { opacity: 0\9; display: none\9; }

    .content-box.content-style4:hover .content-box-text { opacity: 1\9; display: block\9; }

    .content-box.content-style4.small h4 { margin: 0; }

        .content-box.content-style4.small h4 i { font-size: 22px; width: 40px; height: 40px; line-height: 40px; background-position: -10px; }

    .content-box.content-style4.medium h4 { margin: 0; }

        .content-box.content-style4.medium h4 i { font-size: 30px; width: 60px; height: 60px; line-height: 68px; }

.content-box.style5 h4 { margin: 0; line-height: 60px; }

    .content-box.style5 h4 i { border: 1px solid; float: left; margin: 2px 20px 0 0; border-radius: 50%; text-align: center; display: block; font-size: 22px; width: 60px; height: 60px; line-height: 60px; }

.content-box.style5 .content-box-text { margin-left: 80px; margin-top: 5px; }

    .content-box.style5 .content-box-text .read-more { text-align: left; }

        .content-box.style5 .content-box-text .read-more i { float: none; }

.content-box.style5.small .content-box-text { margin-left: 60px; font-size: 13px; }

.right-text .content-box.small .content-box-text { margin-left: 0; margin-right: 60px; }

.right-text .content-box .content-box-text { margin-left: 0; margin-right: 80px; }

.content-box.style5.small h4 > i { font-size: 16px; width: 40px; height: 40px; line-height: 40px; background-position: 0 -20px; }

.content-box.style5.small h4 { line-height: 40px; }

ul.icon-content-list-container { padding: 0; list-style-type: none; }

    ul.icon-content-list-container li.icon-content-single { float: left; margin: 0 0 20px 0; list-style-type: none; }

        ul.icon-content-list-container li.icon-content-single:last-child { margin-bottom: 0; }

        ul.icon-content-list-container li.icon-content-single .icon-box { float: left; margin-right: 20px; text-align: center; width: 60px; height: 60px; }

            ul.icon-content-list-container li.icon-content-single .icon-box i { font-size: 42px; line-height: 60px; }

        ul.icon-content-list-container li.icon-content-single h4 { margin-bottom: 5px; }

        ul.icon-content-list-container li.icon-content-single .content-box.style5 h4 i { margin-top: 14px; }

        ul.icon-content-list-container li.icon-content-single .content-box.style5.small h4 i { margin-top: 4px; }

        ul.icon-content-list-container li.icon-content-single .content-box-text { margin-top: -14px; }

        ul.icon-content-list-container li.icon-content-single .small .content-box-text { margin-top: -7px; font-size: 13px; }

.right-text ul.icon-content-list-container li.icon-content-single h4 i { float: right; margin-left: 20px; margin-right: 0; }

.content-style3 { width: -moz-calc(100% - 28px); width: -o-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: calc(100% - 28px); position: relative; padding: 20px 30px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: visible !important; }

    .content-style3 .content-style3-icon { position: absolute; right: -34px; top: 30px; width: 60px; height: 60px; font-size: 32px; text-align: center; line-height: 60px; border-radius: 50%; -moz-transition: background 0.8s, color 0.2s; -o-transition: background 0.8s, color 0.2s; -webkit-transition: background 0.8s, color 0.2s; transition: background 0.8s, color 0.2s; }

    .content-style3 .content-style3-title { font-size: 18px; text-transform: uppercase; text-align: center; }

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

.section-content.bottom-body { padding: 30px 0; }

.section-content.clients-section { padding: 10px; }

.section-content.top-body { padding: 20px 0; }

    .section-content.top-body h1 { font-weight: 100; font-size: 20px; text-align: center; margin: 0; text-transform: uppercase; line-height: 30px; }

/*===========================================
        about company
    =============================================*/
.info-thumbnail-link:hover { color: inherit; text-decoration: none; }

    .info-thumbnail-link:hover .info-thumbnail { animation: info-humbnail .4s forwards; -webkit-animation: info-humbnail .4s forwards; }

.info-thumbnail.with-icon { margin-top: 45px; }

.info-thumbnail > div:first-child, .info-thumbnail > img:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; }

.info-thumbnail .icon { position: absolute; top: -40px; left: 20px; }

    .info-thumbnail .icon .fa-stack { font-size: 50px; }

.section-box img { margin: 5px 0px; }

h4.section-heading { padding: 10px 15px 10px 10px; }

.metro { display: inline-block; padding: 8px 20px; font-weight: bold; text-decoration: none; }

.purchase { padding: 25px 0 30px; }

    .purchase span { display: block; font-size: 24px; line-height: 35px; font-weight: normal; margin-bottom: 12px; }

    .purchase p { margin-bottom: 0; }

    .purchase .btn-buy { text-align: center; }

        .purchase .btn-buy a { margin-top: 27px; }

.btn-u-lg, a.btn-u-lg { font-size: 18px; padding: 10px 25px; }

.btn-u { border: 0; font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; white-space: nowrap; display: inline-block; text-decoration: none; }

.credentials img { margin: 0 auto; }

/* 
Document   : layout
Author     : Little Neko
Description: layout styles

*/

/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#NEKO CSS FRAMEWORK
#TYPOGRAPHY
#GENERAL
#PARALLAX STUFF
#HEADER
#MAIN MENU 
#FOOTER 
#SLIDERS
#BLOG
#NEWS
#PAGES
#PORTFOLIO
#FORMS
#TIMELINE
#MISCELANIOUS

*/

/* BOOSTRAP CUSTOMIZATION================================================== */
.tips { display: inline-block; }

.navbar { margin-bottom: 0; border-radius: 0; min-height: 0; }

.navbar-header { padding-bottom: 18px; }

.navbar-default { background: none; border: none !important; border-radius: 0; }

.navbar > .container .navbar-brand { margin-left: 15px; }

.nav.nav-tabs { margin-bottom: 22px; }

.btn:active, .btn.active { -webkit-box-shadow: none; box-shadow: none; }

.container .jumbotron { border-radius: 0; }

.jumbotron h1 { text-align: left; }
/*forms*/
.form-control { -webkit-box-shadow: none; box-shadow: none; padding: 12px; height: 44px; border-radius: 0; }

.error { padding: 5px; margin-bottom: 20px; display: block; font-size: 14px; }

.has-feedback label ~ .form-control-feedback { top: 48px; position: absolute; right: 0px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; /*pointer-events:none;*/ }

.securityCheck .has-feedback .form-control-feedback { top: 5px; }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { border-radius: 0; }

/*tabs*/

.panel-default > .panel-heading, .nav > li > a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

/* progress bar */

.progress { border-radius: 0; box-shadow: none; background: none; overflow: visible; margin-bottom: 20px; height: 2px; }

.progress-bar { height: 2px; text-align: right; position: relative; }

.progress span { padding: 2px 5px; position: absolute; top: 50%; left: 50%; display: block; text-align: center; transform: translate(-50%,-50%); font-size: 12px; line-height: 1; padding: 3px 4px; }

/* End progress bar */

.navbar-default .navbar-toggle { margin-top: 27px; border: none; margin-right: 0; border-radius: 0; }

/* accordeon */
.panel-group .panel + .panel { margin-top: 0; }

.panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ font-family: 'custom-icons'; content: "\e803"; float: right; }

/** expand the link to fill the whole tab **/

.panel-title a { display: block; padding: 10px 15px; margin: -10px -15px; outline: none; }

.panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: '\e805'; }

.accordion-toggle i { margin-right: 10px; }

label { font-size: 16px; font-weight: 300; margin-bottom: 22px; }

.navbar-nav { margin-left: 0; margin-right: 0; }

.navbar-collapse { padding: 0; }

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right { right: auto; }

li.Nactive > ul,
li.Nactive .nekoMegaMenu,
li.Nactive .nekoMegaMenu ul { display: block !important; }

.navbar-nav .Nactive .subMenu { margin-left: 27px; }

/*.navbar-nav .Nactive .subMenu { margin-left: 10px; }*/

.navbar-nav .Nactive .nekoMegaMenu.subMenu { margin-left: 0; }

.nekoMegaMenu .container { padding-left: 0; }

ul.dropdown-menu { position: static; clear: both; float: none; display: none; width: auto; background: none; border: none; box-shadow: none; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { margin-bottom: 22px; }

.marginIcon, .logo-margin { margin-bottom: 0px; }

.img-circle { width: 140px; height: 140px; }

pre code { white-space: pre-line; }

/*** MEDIA QUERIES ***/

@media(max-width:767px) {
}

@media(min-width:1025px) {
    .navbar > .container .navbar-brand { margin-left: 0; }

    .navbar-header { padding-bottom: 0; }

    .navbar-collapse { padding-right: 0; }

    /*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { margin-bottom: 0; }*/
}

@media(min-width: 1200px) {
}
/*** END MEDIA QUERIES ***/

/* END BOOSTRAP CUSTOMIZATION================================================== */

/* NEKO CSS FRAMEWORK================================================== */

/*** lists ***/

/* icons */
.iconList li:before { content: '\e801'; font-family: 'custom-icons'; font-size: 10px; text-align: left; padding: 0; margin: 0; display: inline-block; margin-right: 10px; line-height: 1em; }

.iconList li { padding: 5px; }
/* borde */
.borderList li { border-bottom: 1px solid rgba(125,125,125,0.5); }
/*** icons ***/
.iconRounded { border-radius: 50%; width: 40px; height: 40px; display: block; text-align: center; font-size: 18px; }

[class^="icon-"].iconRounded:before,
[class*=" icon-"].iconRounded:before { margin: auto; text-align: center; line-height: 40px; margin-right: 0; }

.iconBig { font-size: 40px; }

    .iconBig.iconRounded { width: 100px; height: 100px; }

        .iconBig.iconRounded:before { line-height: 100px; }

.iconMedium { font-size: 36px; }

    .iconMedium.iconRounded { width: 72px; height: 72px; }

        .iconMedium.iconRounded:before { line-height: 72px; }

.iconSmall:before { font-size: 10px; }

.iconSmall.iconRounded { width: 26px; height: 26px; }

    .iconSmall.iconRounded:before { line-height: 26px; }
/*** icon Headings ***/
.iconBlocHeading { position: relative; padding-left: 55px; }

    .iconBlocHeading i { position: absolute; left: 0; }

    .iconBlocHeading h2 { display: block; font-size: 18px; font-weight: 400; padding-top: 5px; }

        .iconBlocHeading h2:after { content: none; }

    .iconBlocHeading h3 { display: block; }
/*** boxes ***/
.boxFeature { margin-bottom: 33px; }

.boxContent { padding: 22px; }

.color2.boxContent { border: none; }

.boxFocus { padding: 22px; }

.boxIconServices { text-align: center; }

    .boxIconServices i { margin: 0 auto 22px auto; }

    .boxIconServices .boxContent { padding: 0; border: none; }

/* box icons */
.boxIcon a { text-align: center; display: block; margin-bottom: 11px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

    .boxIcon a i,
    .boxIcon a .imgBorder { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; }

    .boxIcon a span { display: none; }

.boxIcon i { margin: 36px auto; display: block; border-radius: 50%; }

.boxIcon h2 { font-size: 18px; font-weight: 400; margin-bottom: 16px; }

.boxIcon p { margin: 0; }

.boxIcon a:hover { text-decoration: none; }

/* img box */
.boxIcon a img { /*width:180px;height:180px;*/ width: 100%; height: 100%; -webkit-backface-visibility: hidden; }

.boxIcon a:hover img { }

.boxIcon a .imgBorder { border-radius: 50% !important; width: 180px; height: 180px; margin: 18px auto 22px auto; }

    .boxIcon a .imgBorder img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; width: 172px; height: 172px; }

.boxIcon a:hover .imgBorder img { transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); }

/**** featured box ***/

.boxFeatured { text-align: center; margin-bottom: 44px; }

    .boxFeatured i:before { margin-bottom: 22px; }

    .boxFeatured a { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

        .boxFeatured a:hover { text-decoration: none; }
/*** testimonial **/
.boxTestimonial blockquote { padding: 33px 33px 44px 33px; font-size: 18px; line-height: 33px; }

    .boxTestimonial blockquote:after { display: none; }

.boxTestimonial .clientIcon img { margin: 33px; float: left; }

.boxTestimonial blockquote span { display: block; font-size: 12px; }

.clientIcon span { font-weight: 300; }

    .clientIcon span, .clientIcon span strong { vertical-align: bottom; font-size: 14px; }

/*** fake columns ***/
.col-left-grey { background: url(../images/theme-pics/col-left-grey.png) center repeat-y; }

/*** utilies classes ***/
.mb15 { margin-bottom: 0.75em; }

.mb30 { margin-bottom: 1.5em; }

.mb40 { margin-bottom: 2em; }

.mt15 { margin-top: 0.75em; }

.mt30 { margin-top: 1.5em; }

.mt40 { margin-top: 2em; }

.pb15 { padding-bottom: 0.75em; }

.pb30 { padding-bottom: 1.5em; }

.pb40 { padding-bottom: 2em; }

.pt15 { padding-top: 0.75em; }

.pt30 { padding-top: 1.5em; }

.pt40 { padding-top: 2em; }

/** separators **/

hr.lineStar, hr.lineX, hr.linePlus, hr.lineDot, hr.lineLines { text-align: center; }

    hr.lineStar:after, hr.lineX:after, hr.linePlus:after, hr.lineDot:after, hr.lineLines:after { content: '\e815'; display: inline-block; font-family: 'custom-icons'; font-size: 1em; padding: 0 0.25em; position: relative; top: -0.8em; width: 33px; }

    hr.lineX:after { content: '\e816'; }

    hr.linePlus:after { content: '\e81c'; }

    hr.lineDot:after { content: '\e930'; }

    hr.lineLines:after { content: '\e866'; }

hr.lineSmall { margin-left: auto; margin-right: auto; width: 50%; }

/** margins and paddings **/
.noMargin { margin: 0 !important; }

.noMarginBottom { margin-bottom: 0 !important; }

.noMarginTop { margin-top: 0 !important; }

.noPadding { padding: 0 !important; }

.noPaddingBottom { padding-bottom: 0 !important; }

.noPaddingTop { padding-top: 0; }

.noBorder { border: none !important; }

.utilities_demo { padding-left: 1.5em; padding-right: 1.5em; }

.posRelative { position: relative; }

@media(min-width:992px) {
    .posAbsoluteBottom-md { position: absolute; bottom: 0; }
}

.forceFullWidth { width: 100%; max-width: none; }

/* images */
.imgBorder { overflow: hidden; }

.backFaceVisibilityHidden { -webkit-backface-visibility: hidden; }

.vertical-align { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }

.full-width { max-width: none; width: 100%; }
/*** MEDIA QUERIES ***/
@media(max-width:767px) {
}

@media(min-width:768px) {
    #boxedLayout { padding-top: 22px; }

        #boxedLayout #globalWrapper { width: 768px; margin: auto; }

        #boxedLayout .navbar-fixed-top { position: static; }

    .mb15 { margin-bottom: 1.5em; }

    .mb30 { margin-bottom: 3em; }

    .mb40 { margin-bottom: 4em; }

    .mt15 { margin-top: 1.5em; }

    .mt30 { margin-top: 3em; }

    .mt40 { margin-top: 4em; }

    .pt15 { padding: 1.5em; }

    .pb15 { padding-bottom: 1.5em; }

    .pb30 { padding-bottom: 3em; }

    .pb40 { padding-bottom: 4em; }

    .pt15 { padding-top: 1.5em; }

    .pt30 { padding-top: 3em; }

    .pt40 { padding-top: 4em; }

    .boxIconServices h2 { font-size: 20px; }

    .boxIconServices i { float: left; }

    .boxIconServices.posLeft i { float: left; }

    .boxIconServices .boxContent { padding: 0 0 0 152px; text-align: left; }

    .boxIconServices.posLef .boxContent { padding: 0 0 0 152px; }
}

@media(min-width:992px) {
    #boxedLayout #globalWrapper { width: 992px; }

    .boxIconServices.posLeft i { float: right; }

    .boxIconServices.posLeft .boxContent { padding: 0 152px 0 0; text-align: right; }

    .boxIconServices i { float: left; }

    .boxIconServices .boxContent { padding: 0 0 0 152px; }
}


/************* Re config menu horizontal in MainHeader *********************/
/************* when window resize *******************************/
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-collapse.collapse { display: none !important; }

    .collapse.in { display: block !important; }

    .wrapper > .navbar-header { padding-bottom: 0px; /*position: relative;*/ left: 95%; }
    /* chỉnh sử demo 3 */
}

@media (max-width: 1024px) {
    .scrollMenu > .navbar-header { width: 100%; }

    .navbar-toggle { display: block; position: relative; float: right; }

    .navbar-collapse { display: none !important; width: 100%; }

    .collapse.in { display: block !important; }

    /* note lại để ẩn submenu khi kích thước dưới 1024px trong tra daili */
    .navbar-collapse ul { /*display: table;*/ width: 100%; }

        .navbar-collapse ul li { width: 100%; }

    .navbar-collapse.collapse { overflow: auto !important; }

    .navbar-collapse { max-height: 340px; }

    #preHeader { background-color: white; }
}
/*****************************************************************************/

@media(min-width:1200px) {
    #boxedLayout #globalWrapper { width: 1200px; }
}

/*** END MEDIA QUERIES ***/


/*==================================================
   submit-form 
    ========================================================
*/
#submit-form label { font-size: 17px; margin-bottom: 15px; }

#submit-form .counter { font-size: 13px; }

#submit-form .btn { border: none; letter-spacing: 0.25em; }

.btn { padding: 5px 12px; font-size: 12px; line-height: 20px; letter-spacing: 0.05em; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: none; border-radius: 0; }

#submit-form .btn-default { border: 1px solid transparent; font-size: 10px; letter-spacing: 0.1em; }

/*Easy Block v3 (used for image badges)
------------------------------------*/
.easy-block-v3 { text-align: left; padding: 30px 20px 20px; }

    .easy-block-v3 i { float: left; font-size: 30px; min-width: 45px; padding-top: 10px; }

    .easy-block-v3 .inner-faq-b { overflow: hidden; }

        .easy-block-v3 .inner-faq-b h2,
        .easy-block-v3 .inner-faq-b h3 { font-size: 21px; margin-bottom: 8px; }

        .easy-block-v3 .inner-faq-b h4 { font-size: 17px; margin-bottom: 2px; }




.content-sm { padding-top: 60px; padding-bottom: 60px; }

/*Owl Carousel
------------------------------------*/
.owl-btn { cursor: pointer; font-size: 18px; padding: 2px 9px; text-align: center; }


/*Owl Carousel v1*/
.owl-carousel-v1 .owl-navigation { text-align: right; margin-bottom: 20px; }

.owl-carousel-v1 .item { margin: 0 5px; float: left; }

    .owl-carousel-v1 .item img { text-align: center; }

.owl-carousel-v1 .owl-pagination { display: none; }

/*Owl Carousel v2*/
.owl-carousel-v2 .owl-slider-v2 { margin-bottom: 20px; }

.owl-carousel-v2 .item { margin: 0 15px; }

    .owl-carousel-v2 .item img { text-align: center; }

.owl-carousel-v2 .owl-navigation { text-align: center; }

.owl-carousel-v2 .owl-pagination { display: none; }

/*Owl Carousel v3*/
.owl-carousel-v3 .item { margin: 0 15px; }

    .owl-carousel-v3 .item img { text-align: center; }

.owl-carousel-v3 .owl-pagination { display: none; }

/*Owl Carousel v4*/
.owl-carousel-v4 .owl-wrapper-outer { margin-bottom: 20px; }

.owl-carousel-v4 .item { margin: 0 3px; }

    .owl-carousel-v4 .item img { width: 100%; }

/*Owl Carousel v5*/
.owl-carousel-v5 .owl-wrapper-outer { margin-bottom: 20px; }

.owl-carousel-v5 .owl-controls .owl-page.active span,
.owl-carousel-v5 .owl-controls .owl-page span { margin: 5px 3px !important; }

/*Owl Slider v6*/
.owl-carousel-v6 .owl-carousel-item { margin: 0 10px; padding: 7px 0; text-align: center; position: relative; }

    .owl-carousel-v6 .owl-carousel-item img { width: 150px; height: auto; }

.owl-carousel-v6 .owl-wrapper-outer { margin-bottom: 20px; }

.owl-carousel-v6 .owl-controls .owl-page span { margin: 5px 3px !important; }

/*Owl Pagination*/
.owl-pagination { text-align: center !important; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ }

.owl-theme .owl-controls .owl-page { zoom: 1; display: inline-block; *display: inline; /*IE7 life-saver */ }

    .owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; opacity: 0.3; display: block; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }

/*Owl Carousel Style v1*/
.owl-carousel-style-v1 img { width: 120px; height: auto; }

/*Owl Carousel Style v2*/
.owl-carousel-style-v2 .item { margin: 0 3px; text-align: center; }

    .owl-carousel-style-v2 .item img { padding: 0 3px; display: inline-block; }

    .owl-carousel-style-v2 .item:hover { transition: all 0.4s ease-in-out; }

.owl-carousel-style-v2 .owl-pagination { display: none; }

/*Owl Clients v2
------------------------------------*/
.owl-clients-v1 img { width: 120px; height: auto; }

.owl-clients-v1 .owl-pagination { display: none; }

/*Owl Carousel - Testimonials v3
------------------------------------*/

.purchase .btn-animated.btn-lg, .page-header .btn-animated.btn-lg { padding-right: 60px !important; }

.purchase .btn-animated i, .page-header .btn-animated i { -webkit-transition: right .2s ease-in-out; -o-transition: right .2s ease-in-out; transition: right .2s ease-in-out; z-index: 3; right: 17px; position: absolute; line-height: 34px; top: 0; min-width: 12px; }

.purchase .btn-animated.btn-lg i, .page-header .btn-animated.btn-lg i { right: 25px; line-height: 48px; min-width: 15px; }

.purchase .btn-animated.btn-lg:hover i, .page-header .btn-animated.btn-lg:hover i { right: 15px; }

.purchase .call-to-action a, .call-to-action h1, .page-header .call-to-action a, .call-to-action h1 { margin: 0; }

.purchase .btn-lg, .page-header .btn-lg { padding: 10px 25px; font-size: 18px; line-height: 1.46666667; border-radius: 4px; margin: 10px 0; }

#vnns-article-box { margin: 20px 0; }

.footer-top, .section { padding: 20px 0; }
/*sualai demo 05*/

.purchase.btn-animated:hover:after, .page-header.btn-animated:hover:after { opacity: 1; filter: alpha(opacity=100); }

.purchase.btn-animated.btn-lg:after, .page-header.btn-animated.btn-lg:after { width: 45px; }

.purchase .btn-animated:after, .page-header .btn-animated:after { width: 35px; height: 100%; position: absolute; content: ""; top: 0; opacity: 0; filter: alpha(opacity=0); right: 0; z-index: 2; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.purchase .btn-animated, .page-header .btn-animated { position: relative; min-width: 0 !important; padding-right: 45px !important; }

.separator-2, .separator-3 { width: 100%; margin-bottom: 15px; position: relative; height: 1px; }


    .separator-2:after, .separator-3:after { content: ""; height: 1px; bottom: -1px; left: 0; width: 100%; position: absolute; }

.brands h3 { margin-bottom: 5px; }




#nekoToTop { position: fixed; bottom: 110px; right: 20px; padding: 5px; display: none; border-radius: 4px; width: 50px; text-align: center; z-index: 100; opacity: 0.8; }


.headline { display: block; margin: 10px 0 25px 0; }

    .headline h2, .headline h3, .headline h4 { margin: 0 0 -8px 0; padding-bottom: 5px; display: inline-block; }
/*=========================================================================
    footer 
=========================================================================*/
.latest-list small { display: block; }

.latest-list li { padding: 0px 0; }

    .latest-list li:first-child { padding-top: 0; border-top: none; }

.link-list a { font-size: 11px; padding: 6px 0px; display: inline-block; text-transform: uppercase; }

.link-list li:first-child { border-top: none !important; }

.link-list li i { float: right; margin-top: 10px; }

.section-box p { margin: 15px 5px 40px 0px; }

.section-box { display: block; height: 100%; min-height: 500px; }

.clear-all { clear: both; }
/*==============================================
    article format 

=================================================*/
#article-list h4 { font-size: 25px; }
/*Spaces
------------------------------------*/
.no-padding { padding: 0 !important; }

.no-margin { margin: 0; }

.no-top-space { margin-top: 0 !important; padding-top: 0 !important; }

.no-bottom-space { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.content-xs { padding-top: 20px; padding-bottom: 20px; }

.content { padding-top: 40px; padding-bottom: 40px; }

.content-sm { padding-top: 60px; padding-bottom: 60px; }

.content-md { padding-top: 80px; padding-bottom: 80px; }

.content-lg { padding-top: 100px; padding-bottom: 100px; }

.space-lg-hor { padding-left: 60px; padding-right: 60px; }

.space-xlg-hor { padding-left: 100px; padding-right: 100px; }

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60,
.margin-bottom-100 { clear: both; }

.margin-bottom-5 { margin-bottom: 5px; }

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

.margin-bottom-15 { margin-bottom: 15px; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-bottom-25 { margin-bottom: 25px; }

.margin-bottom-30 { margin-bottom: 30px; }

.margin-bottom-35 { margin-bottom: 35px; }

.margin-bottom-40 { margin-bottom: 40px; }

.margin-bottom-45 { margin-bottom: 45px; }

.margin-bottom-50 { margin-bottom: 50px; }

.margin-bottom-55 { margin-bottom: 55px; }

.margin-bottom-60 { margin-bottom: 60px; }

.margin-bottom-100 { margin-bottom: 100px; }

@media (max-width: 768px) {
    .sm-margin-bottom-10 { margin-bottom: 10px; }

    .sm-margin-bottom-20 { margin-bottom: 20px; }

    .sm-margin-bottom-30 { margin-bottom: 30px; }

    .sm-margin-bottom-40 { margin-bottom: 40px; }

    .sm-margin-bottom-50 { margin-bottom: 50px; }

    .sm-margin-bottom-60 { margin-bottom: 60px; }
}

@media (max-width: 992px) {
    .md-margin-bottom-10 { margin-bottom: 10px; }

    .md-margin-bottom-20 { margin-bottom: 20px; }

    .md-margin-bottom-30 { margin-bottom: 30px; }

    .md-margin-bottom-40 { margin-bottom: 40px; }

    .md-margin-bottom-50 { margin-bottom: 50px; }

    .md-margin-bottom-60 { margin-bottom: 60px; }
}

/*Other Spaces*/
.margin-top-20 { margin-top: 20px; }

.margin-left-5 { margin-left: 5px; }

.margin-left-10 { margin-left: 10px; }

.margin-right-5 { margin-right: 5px; }

.margin-right-10 { margin-right: 10px; }

.padding-top-5 { padding-top: 5px; }

.padding-top-20 { padding-top: 20px; }

.padding-left-5 { padding-left: 5px; }

/* article one */
.article-one .article-one-item { margin-bottom: 20px; padding-bottom: 20px; }

.article-one .article-one-img { max-width: 220px; float: left; margin-bottom: 5px; }

    .article-one .article-one-img img { margin-top: 5px; }

.article-one .article-one-content { position: relative; margin-left: 235px; }

    .article-one .article-one-content h6 { font-weight: 400; }

.sidebar .widget-content.tabs .tab-pane ul li img { max-width: 60px; float: left; margin-right: 10px; margin-top: 3px; }

.img-thumbnail { padding: 4px; line-height: 1.42857143; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.sidebar .widget-content.tabs ul { padding: 0px; margin: 0px; list-style-type: none; }

.nav-tabs-two ul.nav-tabs li { margin-right: 2px; }

.nav-tabs-two .tab-content { border-top: 0px; padding: 10px 15px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.sidebar h4.section-heading { font-size: 2.4rem !important; }

.breadcrumb { top: 10px; padding-right: 0; background: none; position: relative; }

.article-info { display: none; }

.sidebar label { font-size: 1.4rem; margin-bottom: 5px; }

.sidebar input.form-control { height: 30px; padding: 5px; }

.sidebar #submit { border: none; letter-spacing: 0.25em; }

.article h2 { font-size: 1.6rem; line-height: 32px; margin-bottom: 10px; }

#contact #submit { border: none; letter-spacing: 0.25em; }


/*-----------------style democasau ---------------

    -------------------------------------------
*/

.container-header .pull-right ul li { display: inline; padding-right: 10px; }

    .container-header .pull-right ul li:last-child { padding-right: 10px; }

.prHeader { display: block; }

.headerslide { height: 150px; margin: auto; }

.menuheader { height: 40px; }

.banner { height: 450px; margin-top: 50px; margin-bottom: 50px; }

.maincontent { margin-top: 50px; }

.side { /* height:230px;*/ margin-bottom: 20px; padding-left: 0; padding-right: 0; }

.content { padding-left: 20px; padding-right: 20px; }

.footer { /*margin-top: 50px;*/ /*height: 230px;*/ }

.boxProduction { padding: 0; padding: 0px 10px 10px 10px; /*font-size: 13px;*/ }



.herProduction { /*background-image: url('../images/headerbox.jpg');*/ letter-spacing: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; clear: both; }

@media(min-width: 768px) {
    .herProduction { text-align: center; margin-bottom: 10px; /*font-size: 15px;*/ line-height: 2; /*border-radius: 4px;*/ margin: 15px 0 10px 0; /*height: 32px;*/ }
}

@media(max-width: 767px) {
    .herProduction { text-align: center; margin-bottom: 10px; /*font-size: 15px;*/ line-height: 1.7; margin: 10px 0; font-family: initial; /*height: 45px;*/ }
}

.boxcontent { margin: 0 0 15px 0; border-width: 0 2px 2px 2px; border-style: solid; }

.padding { padding: 0px 15px 25px 15px; }

.item-pro { min-height: 250px; margin-bottom: 15px; }

.content-item { padding: 8px; margin: 10px 10px 0 10px; }

/* note lại cho trang chị Trâm */
/*.glyphicon {
    margin-right: 4px !important;
}*/

.pagination .glyphicon { margin-right: 0px !important; height: 20px; }

.panel ul { padding: 0px; margin: 0px; list-style: none; height: 105px; }

.news-item { padding: 4px 4px; margin: 0px; line-height: 35px; }

.panel-footer { padding-top: 0px; padding-right: 15px; display: none; }

/***============= tab pills===============================***/


.boxcontent > .nav > li { /*width: 25%;*/ }

.tab-content > .tab-pane > .row { margin: 0px; }

.tab-content .news-item { padding: 7px 0 7px 5px; margin: 0px; line-height: 25px; }
/***============= ./end tab pills===============================***/

/*-----------------style democasau-------------
        ------------------About us ---------------*/
.AboutUs { padding: 20px 15px 15px 15px; }


/*.boxcontent > .AboutUs > img { width: 150% !important; }*/
/*.test { width: 70%; }
.test_01 { width: 30%; }*/
/*-----------------style democasau-------------
        ------------------Product ---------------

    -------------------------------------------
*/

.productTextTitle { margin: 7px 0px 5px 0px; font-size: 15.2px; font-family: inherit; font-weight: bold; letter-spacing: 0.8px; }

.productTextprice { margin: 0px 0px 10px 0; font-family: monospace; font-size: 16px; }


/*.btnchitiet { width: 70px; height: 21px; text-align: center;background-color: #529f78; display: block; line-height: 21px; float: left; color: #fff; border-radius: 5px; font-family: serif;font-size: 14px;margin-left: 3%;}
.btnchitiet:hover { background-color: #66c796; }*/
.btnbuy { width: 85px; height: 26px; display: block; line-height: 26px; font-family: inherit; font-size: 15px; text-align: center; transition-duration: 0.3s; float: left; margin-right: 10px; }

    .btnbuy:hover { transition-duration: 0.3s; }

.btndetails { width: 85px; height: 26px; display: block; line-height: 26px; font-family: inherit; font-size: 15px; text-align: center; transition-duration: 0.3s; }

    .btndetails:hover { transition-duration: 0.3s; }

.display-btn { display: flex; }

.InformationPromotion { height: auto; width: 100%; }

@media (max-width: 423px) {
    #product-list > .boxcontent > .col-xs-6 { width: 100%; }
}

.row-item { margin: 0 0 15px 0; padding: 0; }

/********************** 
    cart format
     ********************/


.table { width: 100%; max-width: 100%; margin-bottom: 20px; }

.cart.table thead > tr > th { font-size: 16px; }



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px 15px; }

.cart .table > tbody > tr > td, .cart.table > tbody > tr > td { vertical-align: inherit; }

.cart.table .total-amount, .cart.table .total-quantity { padding-top: 15px; padding-bottom: 15px; font-size: 16px; font-weight: 700; }

.cart.table .btn-remove { position: relative; top: -5px; }



.btn-remove { font-size: 10px; padding: 3px 15px; min-width: 0; margin: -5px 0 0; }

.cart.table .product small { font-size: 12px; display: block; }

.cart.table .quantity input { width: 60px; padding: 6px; }


.table > thead > tr > th { vertical-align: bottom; font-weight: 400; }

/**************************************
    btn format 
    ***********************************
*/

.btn-gray-transparent { border-width: 1px !important; }

.btn { transition: all .2s ease-in-out; font-size: 14px; }

fieldset { padding: 10px 25px; margin: 15px 0; }

    fieldset legend { display: block; width: auto; padding: 3px 10px; margin-bottom: 0; font-size: 15px; line-height: inherit; }


h3.title { font-size: 1.9rem; }

/*========================================
    style fix menu 
    ======================================
*/

.small-header { opacity: 0; top: -120px; position: fixed; transition: all .4s; width: 100%; }

    .small-header.isStuck { position: fixed; top: 0; opacity: 1; z-index: 20; }

.isStuck { z-index: 999; }



/*product style */



.mb-20 { margin-bottom: 20px; }

.min-height { min-height: 159px; }

.vnns-grid-item .listing-item .body h3 { font-size: 18px; line-height: 1.4; }

.listing-item .price { font-size: 18px; margin-top: 1px; display: inline-block; font-weight: 400; }

    .listing-item .price del { font-size: 12px; }

.vnns-grid-item { padding-left: 5px; padding-right: 5px; }

.listing-item .body { padding: 15px; }

.subfooter p { margin-bottom: 0; margin: 10px 0 10px 0; }

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

.subfooter { font-size: 14px; line-height: 1.3; }

@media (min-width: 992px) {
    .subfooter { text-align: left; }
}

#footer { margin-top: 50px; }

.logo { margin: 0 auto; max-width: 134px; position: relative; padding-top: 20px; padding-bottom: 5px; top: 0; z-index: 202; }

.vnns-grid-item img { max-height: 374px; }





/*product info*/

.product-title { font-size: 30px; font-weight: 600; letter-spacing: 0.25px; line-height: 1; margin-bottom: 0; text-transform: uppercase; }

.product-code { font-family: oswald,Helvetica Neue,Arial,sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; margin: 0 0 5px; padding: 0; text-transform: uppercase; }

.rating span { display: inline-block; }


.ratingInfo { margin-left: 10px; }

.product-price { font-size: 28px; font-weight: 600; line-height: normal; margin-bottom: 10px; }

.price-standard { font-size: 18px; text-decoration: line-through; }

p { margin: 0 0 10px; }

.color-details { padding-top: 10px; }

.color-details { margin-top: 14px; }

.swatches { margin: 0.5em 0; padding-left: 0; }



    .swatches li { display: inline-block; margin: 2px 1px; vertical-align: top; list-style: none; }

    .swatches a { background-position: center center; background-repeat: no-repeat; display: block; height: 33px; text-align: center; transition: all 0.25s ease 0s; width: 33px; }

.productFilter { padding: 10px 15px 0 !important; }

.productFilter { clear: both; display: block; margin-bottom: 20px; padding-bottom: 7px; padding-top: 10px; margin-top: 20px; }

    .productFilter.productFilterLook2 { background: none !important; border-left: 0 !important; border-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }


.cart-actions { margin-top: 0; margin-bottom: 20px; width: 100%; display: inline-block; padding-bottom: 12px; clear: both; }

.incaps { display: block; float: left; font-family: 'Oswald',sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 2px; margin: 15px 20px 0 0; text-transform: uppercase; }

.product-tab { width: 100%; display: inline-block; clear: both; }

.nav-tabs { margin-bottom: 20px; }

.product-share { clear: both; display: inline-block; margin-top: 20px; padding-top: 14px; width: 100%; }

.socialIcon a { display: inline-block; font-size: 22px; padding: 6px 3px; margin-right: 10px; text-align: center; width: 35px; transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; }

.recommended { margin-top: 20px; padding-top: 20px; }

/*input[type="text"], input[type="password"], input[type="email"] { font-size: 14px; margin-bottom: 10px; height: 36px; } */ /*fix style 02*/

.filterBox { display: inline-block; margin-right: 20px; }


.cart-actions button, .cart-actions .btn-cart, .cart-actions .wishlist { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: block; float: left; font-size: 18px; font-weight: lighter; line-height: 1em; margin: 0 20px 0 0; padding: 14px 20px; text-transform: uppercase; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; }

.cart-actions .wishlist { line-height: 1em; text-decoration: none; }

/*.sp-large {
    position: relative;
    overflow: hidden;
}
.sp-large {
    max-width: 88%;
}

.sp-thumbs {
    text-align: center!important;
}
.sp-thumbs {
    position: absolute;
    right: 0!important;
    text-align: left;
    bottom: 140px!important;
    width: 100px!important;
    z-index: 70;
}*/

/******** edit width for image left to position of contol  767**************/

/*@media (min-width: 992px) {
    .img-list > .col-md-6 {
        width: 80%;
        float: left;
    }
}

@media (max-width: 991px) {
    .img-list > .col-sm-6 {
        width: 60%;
        float: left;
    }
}

@media (max-width: 767px) {
    .img-list > .col-xs-6 {
        width: 40%;
        float: left;
    }
}*/

.size-by-size { width: 80% !important; height: 280px !important; float: left; }

/*@media (min-width: 1200px) {
    .size-by-size {
        max-width: 38em;
        width: auto;
        float: left;
    }
}

@media (max-width: 1199px) {
    .size-by-size {
        max-width: 28em;
        width: auto;
        float: left;
    }
}

@media (max-width: 991px) {
    .size-by-size {
        max-width: 20em;
        width: auto;
        float: left;
    }
}*/

/*@media (max-width: 767px) {
    .size-by-size {
        max-width: 30em;
        width: auto;
        float: left;
    }
}*/

/*********************************************************************/

.main-image.sp-wrap .sp-thumbs { right: 10px !important; }

.sp-thumbs a:link, .sp-thumbs a:visited { margin-right: 0 !important; }

.sp-thumbs img { height: auto !important; width: 60px !important; }

.page-title { padding: 5px 20px; margin: 15px 0; font-size: 30px; }

.offset-0 { padding-left: 0; padding-right: 0; }

@media (max-width: 580px) {
    .sp-thumbs { bottom: 0 !important; }
}

/*.rowfull {
    margin-right: 0px;
    margin-left: -30px;
}*/



@media (max-width: 779px) {
    .side > .bx-wrapper > .bx-viewport { height: auto !important; }
}

/* create background-color for container in Newlist.aspx */
/*********************************************************/

/*.container > .clearfix > .col-lg-4, .col-sm-4 {
    float: left;
    width: 33.33333333%;
}*/

@media (max-width: 784px) {
    .container > .clearfix > .col-lg-4, .col-sm-4 { width: 100%; }
}

/*=========== edit Search_Box =============*/
.wrapper_search_box { position: relative; /*z-index: 1;*/ /* chỉnh sửa demo 8 */ }

.small-header-01 { opacity: 0; top: -120px; position: fixed; transition: all .4s; width: 100%; }

    .small-header-01.isStuck-01 { position: fixed; top: 55px; opacity: 1; z-index: 2; }

.isStuck-01 { z-index: 999; }

li { list-style: none; }

.search_icon > input { border-radius: 5px; border: none; height: auto; margin: 5px; width: 190px; line-height: 10px; }

.search_icon { width: 230px; position: relative; }

.icon_search:hover { transition: 0.2s; }

.icon_search { position: absolute; top: -4px; right: -20px; border-radius: 50%; padding: 5px; width: 35px; height: 35px; text-align: center; line-height: 25px; }

.search_box-01 { width: 50%; float: left; padding: 5px 0 5px 0; }

.search_box-02 { width: auto; float: right; padding: 5px 0 5px 0; }

.search_box-01 p { width: auto; line-height: 30px; font-size: 14px; }

.search_box-02 p { width: auto; line-height: 27px; font-size: 14px; }

.search_box-02 > button { height: 30px; width: 120px; font-size: 16px; }

@media(max-width: 776px) {
    .search_box-01 { width: 100%; }

    .search_box-02 { width: 100%; }
}
/*=========================================*/
/*=======================headercontent================*/
.headerbox { font-size: 16px; height: 30px; margin-top: 3px; margin-bottom: 0; border-top-left-radius: 7px; border-top-right-radius: 7px; border-width: 2px 2px 0 2px; border-style: solid; }

/*.headerbox1 {
    float: left;
    background-image: url(http://localhost:15418/images/header1.jpg);
    background-repeat: no-repeat;
    min-width: 35px;
    height: 36px;
}*/

.headerbox2 { float: left; /*background-image: url(http://localhost:15418/images/header2.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/ }

.headerbox3 { float: left; background-image: url('../images/header3.png'); background-repeat: no-repeat; height: 30px; width: 31%; }


/*=======================end headercontent================*/
/*===================================================*/


/*=========================================*/
/*=======================hỗ trợ kỹ thuật================*/
.edit-display { display: flex; border-bottom: 10px; padding-bottom: 5px; }

div#boxlienhe { float: left; width: 100%; overflow: hidden; }

.avatar { /*float: left;*/ width: 20%; /*overflow: hidden;*/ height: 60px; position: relative; }

    .avatar img { /* margin-top: 12px; */ width: 100%; height: 60px; /* border-radius: 100%; */ overflow: hidden; padding: 5px; }

.info p { font: 13px; margin-top: 0px; padding: 0; }

.boxhohokythuat li { padding: 8px 0 8px 0; }
/*======================= end hỗ trợ kỹ thuật================*/


/*=======================hỗ trợ trực tuyến ================*/

.boxsupport { float: left; width: 100%; }

    .boxsupport li { list-style: none; width: 100%; margin-bottom: 15px; display: flex; }

    .boxsupport ul { margin: 0; padding: 0; }

div#boxlienhehotrokt { float: left; width: 100%; overflow: hidden; }

.avatar-support { float: left; width: 40%; overflow: hidden; height: 99px; /*background: url(https://lh6.googleusercontent.com/-MCIxKaWyDww/U8pYUmTBYVI/AAAAAAAAIl0/TayEC1CaWUk/s0/bg_avatar.png) no-repeat;*/ position: relative; }

    .avatar-support img { float: left; margin-left: 13px; margin-top: 12px; width: 75%; height: 75px; border-radius: 100%; overflow: hidden; }

.info-support p { font: 13px; margin: 0; padding: line-height: 22px; }


/*======================= end hỗ trợ trực tuyến ================*/


/*=======================UctOwSlider02 ================*/

.width100 { width: 100%; }

.section-block { margin-bottom: 30px; }

.section-title { font-size: 16px; padding: 0px 20px 0 20px; height: 30px; line-height: 30px; }

    .section-title span { display: inline-block; padding: 5px 15px 5px 0; text-transform: uppercase; width: auto; }

.carousel-nav { font-size: 26px; margin-left: 10px; padding-bottom: 3px; padding-top: 3px; }

/*=======================./UctOwSlider02 ================*/

.brand { background-color: transparent; }

@media (min-width: 992px) and (max-width: 1234px) {
    .sm-position { position: absolute; }
}

@media(min-width: 992px) {
    .aside { padding-left: 0px; padding-right: 0px; }

    .content-center { padding-left: 8px; padding-right: 8px; }
}

.boxcontent:before { clear: both; }

.boxcontent.wraper-tab { border-radius: 7px; background-image: url("../images/mini-hero-bg.png"); background-repeat: repeat; padding: 10px; }



@media screen and (min-width: 768px) {
    .carousel-caption { top: 60%; }
}

.aside .inner-box { padding: 5px; margin-bottom: 10px; -moz-box-shadow: inset 0 0 10px #999999; -webkit-box-shadow: inset 0 0 10px #999999; box-shadow: inset 0 0 5px #999999; }

.aside .categories { margin-bottom: 0; }


.container-header { margin: 0px auto; width: 100%; max-width: 1300px; /*min-width: 1000px;*/ }

.prHeader img.img-responsive { margin: auto; }

.container-header .pull-right { padding-right: 25px; }

.wrapper-box { position: relative; width: 100%; margin-bottom: 12px; }


/*format pre header */
#preHeader { display: block -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; height: 40px; line-height: 40px; }

@media (min-width: 1024px) {
    #preHeader > .container { width: 100% !important; }
}

#mainHeader { box-shadow: none; }


ul.quickMenu li a, .contactPhone { color: #FB7B1A; }


.info { width: 80%; float: left; }

.footer-second { width: 100%; }

.filterBox label { margin-bottom: 5px; }

.filterBox [class^="col-"] { padding-left: 0px; }
/****************************************************************
    payment format
 ****************************************************************/
.tools-content { padding-bottom: 15px; }

.btn-checkout, .btnUpdate_product, .button_login { background: none repeat scroll 0 0 #ffffff; border: 1px solid #222222; }

.cart.table .form-group { margin: 7px 0; }

/****************************************************************
 Format cart pup
************************************************************/
#myModal .content { padding-left: 0; padding-right: 0; padding-bottom: 10px; }

#myModal .modal-header { border-bottom: none; }
/*format login*/
#myModal_01 .modal-header { border-bottom: none; }

.just-login { margin-left: auto; margin-right: auto; }

.login { width: 50%; }

@media (max-width: 328px) {
    .login { width: 100%; }
}
/*************/
#myModal label { margin-bottom: 5px; }

#myModal .information { padding-bottom: 10px; }

/* edit margin main content and image, video when responsive */
#content > p > iframe { max-width: 100%; }

#content > img { max-width: 100%; }
/* ./ edit margin main content and image, video when responsive */
.pl-10 { padding-left: 10px; }

.mb-10 { margin-bottom: 10px; }

.body [class*=" icon-"] { padding-right: 5px; }


/*=====================================================
    style  demo4
    *====================================================
*/


#header_cart ul li { float: left; display: block; font-size: 10px; font-weight: bold; height: 28px; line-height: 30px; padding-left: 10px; text-transform: uppercase; }

#header_cart input { border-radius: 0; }

#header_cart { margin: 15px 0; }

#header_cart_link { background: url(../images/bag.jpg) no-repeat right; height: 28px; line-height: 30px; display: block; padding-right: 38px; text-transform: uppercase; font-size: 10px; font-weight: bold; }

#mainHeader.fixedHeader { padding: 0px 0; }

.navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; }

.navbar-brand { padding-top: 0px; padding-left: 0; }

.navbar-brand { height: auto; }

@media only screen and (max-width: 780px) {
    .navbar-brand { padding-top: 5px; padding-left: 40px; }

        .navbar-brand img { padding-top: 10px; max-width: 100px; }

    #header_cart ul { margin-top: -15px; }

    .animated-arrow { margin-top: 15px; }
}

/*================================================================
    custom menu top
 ===============================================================
*/
.wsmenu-list > li > a { text-transform: uppercase; }

@media only screen and (min-width: 781px) {
    .wsmenu-list li:hover > .wsmenu-submenu { display: block !important; min-width: 200px; }
}

/*#content { margin-top: 133px; }*/
/*@media(max-width: 1024px) and (min-width: 992px) { #content { margin-top: 155px; } }*/

.wsmenu-list li:hover > a { background-color: transparent !important; text-decoration: none; }




.overlay-link { margin-left: 10px; margin-right: 10px; position: absolute; z-index: 10; top: 0; padding: 15px; bottom: 0; overflow: hidden; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out .25s; }

.overlay-link, .overlay-to-top { left: 0; right: 0; -webkit-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; }

.overlay-bottom, .overlay-to-top, .overlay-top { position: absolute; top: auto; opacity: 0; filter: alpha(opacity=0); }

.overlay-visible.overlay-container:hover .overlay-bottom:not(.links), .overlay-visible.overlay-container:hover .overlay-top { opacity: .5; filter: alpha(opacity=50); }

.overlay-bottom, .overlay-top { padding: 15px; bottom: 0; left: 0; right: 0; overflow: hidden; -webkit-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; height: 0; }

.overlay-visible .overlay-bottom, .overlay-visible .overlay-top { opacity: 1; filter: alpha(opacity=100); height: auto !important; padding-bottom: 20px; margin-left: 10px; margin-right: 10px; }

.padding-left-right-0 { padding-left: 0; padding-right: 0; }

.overlay-container .text { padding: 0 20px; position: relative; }

.overlay-link i { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 60px; height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; font-size: 32px; line-height: 60px; }

@media (min-width: 1200px) {
    .overlay-container .text { top: 30%; }
}

.overlay-container .text h3, .overlay-container .text h3 .small { margin-top: 0; font-size: 24px; }

@media (min-width: 992px) {
    .title { margin-top: 0; }
}

.space-bottom { padding-bottom: 20px; }

.margin-clear { margin-top: 0 !important; margin-bottom: 0 !important; }

.separator { width: 100%; margin: 20px auto 15px; position: relative; height: 1px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0)scale(1,1); }

h3 + .separator, h4 + .separator, h5 + .separator { margin-top: 15px; }

.separator:after { height: 1px; position: absolute; bottom: -1px; content: ""; width: 100%; left: 0; }

.overlay-container:hover .overlay-link { height: 100%; opacity: 1; filter: alpha(opacity=100); }

.overlay-container { position: relative; display: block; text-align: center; overflow: hidden; }

.mb-20 { margin-bottom: 20px; }

.mb-20 { margin-bottom: 20px; }

.pr-10 { padding-right: 10px; }

.pl-10 { padding-left: 10px; }

.promo-text { text-align: center; text-transform: uppercase; }

    .promo-text h5, .promo-text h1, .promo-text p { color: inherit; }

    .promo-text h5, .promo-text h1, .promo-text p { color: inherit; }

    .promo-text p { font: 300 20px/1.5em "Roboto Condensed"; margin: 0 0 30px 0; text-transform: none; opacity: 0.7; }

    .promo-text h1 { margin: 0 0 20px 0; font: 700 35px/1.5em "Roboto"; display: inline-block; text-align: center; padding: 15px 50px; }

p.sale1 { font-size: 34px; margin: -300px 0px 0px 15px; font-weight: bold; font-faimly: "Helvetica Neue",Helvetica,Arial,sans-serif; }

p.sale2 { font-size: 34px; margin: -300px 0px 0px 15px; font-weight: bold; }

.section-header { margin-bottom: 40px; }

#newsletter-mail { height: 30px; }

.footer .link-list li a { line-height: 18px; border-right: none; text-align: left; padding: 6px 0px; background: transparent !important; background-image: none !important; border-right: 0 none !important; display: block; border-right: none; background-color: transparent !important; }

.purchase { margin: auto; }

/*chỉnh sửa*/
/*@media (min-width: 1024px) {
    #mainHeader > .container { width: 1120px; }
}*/
#mainHeader .navbar-inner { filter: none !important; }

.header-promo-messages { text-align: center; font-size: 12px; padding: 7px; font-weight: bold; padding-bottom: 20px; }

    .header-promo-messages > i { font-size: 32px; position: relative; top: 8px; right: 3px; font-weight: bold; }

.footer-v1 .footer { padding: 40px 0; }

.footer-v1 .copyright { border-top: none; /*padding: 10px 0 5px;*/ }
/*node coppyright trang chị Châm*/

/*html, body, iframe, h1, h2, h3, h4, h5, h6 { line-height: 19px; }
.section-content.top-body { padding: 13px 0; }*/

/* position of menu Header02 */
/*.position-header { position: relative; }*/
/*****************************/

.positon-singin { margin-left: 15%; }
/************************************************
    flag
 ******************************************************/

.vn:before { content: ''; background: url('../images/icons/flag/vn.png'); padding-right: 5px; margin-right: 5px; height: 16px; padding: 2px 12px; background-repeat: no-repeat; }

.en:before { content: ''; background: url('../images/icons/flag/en.png'); padding-right: 5px; margin-right: 5px; height: 16px; padding: 2px 12px; background-repeat: no-repeat; }

/*box img o6*/
.overlay-container .button { font-weight: bold; font-size: 15px; line-height: 41px; text-transform: uppercase; position: absolute; top: 0; left: 30%; /* right: 30%; */ padding: 0 19px; visibility: hidden; opacity: 0; transition: all 0.3s ease; z-index: 2; font-weight: 400; }

.overlay-container .overlay:hover { opacity: 0.2; }

.overlay-container:hover .button { visibility: visible; opacity: 1; top: 36%; }

.overlay-container:hover:before { height: 100%; transition: all 0.4s ease-out 0s; width: 100%; }

.overlay-container:before { background-color: rgba(255, 255, 255, 0.15); content: ""; height: 0; left: 0; margin: auto; position: absolute; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: auto; width: 0; }

.overlay-container .overlay { bottom: 0; height: auto; left: 0; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0swidth: auto; z-index: 2; }

a { cursor: pointer; }

    a:hover, li:hover { text-decoration: none; }

/* chỉnh sửa cho demo Cá Sấu */
.bx-pager.bx-default-pager { display: none; }
/*****************************/

/*seach box style */

#search-box { clear: both; float: right; margin-top: -30px; margin-bottom: 5px; width: 220px; }

    #search-box input { height: 30px; padding: 5px; }

#seek { position: absolute; right: 5px; top: 5px; }


.price del, .price-sales del { /*font-size: 12px;*/ }

price-sales del:before { clear: both; }

/* class thực hiện công việc ẩn và hiện các Controls */
.hide-control { display: none; }

.show-control { display: block; }
/*****************************************************/

.entry-header h2 { font-size: 20px; font-weight: 500; }

/**************************************
        Control SingIn
***************************************/
.required { font: 14px; font-weight: normal; }

#register-box { margin: 5px 10px 10px 5px; }

#InforAccount .txtInput { font: 14px; font-weight: normal; }

.btnDangKi { background: none repeat scroll 0 0 #000; border: medium none; color: #fff; cursor: pointer; height: 34px; margin-bottom: 10px; width: 130px; margin-left: 25px; }

.clsImage { margin-left: 10px; margin-bottom: 2px; }

#clsImage { float: left; }

#InforAccount .txtInput { height: 30px; margin-left: 25px; width: 85%; }

#InforAccount .cls8 { background-color: #fff; }

#InforAccount { margin-left: 15px; }

    #InforAccount .clsImage { margin-left: 125px; margin-top: 0px; vertical-align: middle; padding-right: 5px; }

    #InforAccount > h3 { padding-top: 10px; }

#clsc4 { border-top: 2px solid #000; margin-left: -16px; margin-top: 15px; }
/**************************************
        END Control SingIn
***************************************/


/**************************************
       Control Shop-checkout
***************************************/
#payment { font-family: "SegoeUILight"; font-weight: normal; padding: 10px; }

.content-payment span { font-weight: bold; }

.info-pay { padding: 10px; background: #ddd; margin: 5px 0px; display: none; }

.info-pay-bank { padding: 10px; display: none; background: #ddd; margin: 5px 0px; }

#finish-pay { background: #000; padding: 5px 10px; float: left; cursor: pointer; }

    #finish-pay a { color: #fff; }

#info-customer { font-family: "SegoeUILight"; font-weight: normal; padding: 10px; }

.line-info { width: 100%; float: left; }

.lbl-info { width: 15%; float: left; margin: 5px 0px; }

.txt-info { width: 85%; float: left; margin: 5px 0px; }

    .txt-info #search { padding: 2px 10px; font-weight: normal; background: #000; color: #fff; border: none; }

    .txt-info span { color: Orange; font-weight: bold; }

.lbl-info span { color: #ff0000; }

.btnSearch { padding: 0px 25px; font-weight: normal; }

.txt-info textarea { width: 400px; height: 150px; }
/*custom font*/

/*basic reset*/

/*form styles*/
#msform { margin: 50px auto; position: relative; }
    /*inputs*/
    /*buttons*/
    /*headings*/
    #msform aside { box-sizing: border-box; width: 100%; margin: 0; /*stacking fieldsets above each other*/ }
        /*Hide all except first fieldset*/
        #msform aside:not(:first-of-type) { display: none; }
/*progressbar*/
#progressbar { margin-bottom: 30px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; }

    #progressbar li { list-style-type: none; color: #222222; text-transform: uppercase; font-size: 9px; width: 33.33%; float: left; position: relative; text-align: center; }

        #progressbar li:before { content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: #dddddd; border-radius: 3px; margin: 0 auto 5px auto; }
        /*progressbar connectors*/
        #progressbar li:after { content: ''; width: 100%; height: 2px; background: #dddddd; position: absolute; left: -50%; top: 9px; z-index: -1; /*put it behind the numbers*/ }

        #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; }
        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before, #progressbar li.active:after { background: #27AE60; color: #ffffff; }
/**************************************
     END Control Shop-checkout
***************************************/


/****************************************
  Control NavBarLeft-ManagerInforAccount
*****************************************/
.l-sidebar { float: left; margin-top: 10px; }

.l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 180px; width: 100%; }

.accMenuPad { font-size: 14px; padding: 0 20px; text-transform: uppercase; }

.b-accountMenu { float: left; width: 100%; }

    .b-accountMenu > li a { color: #222222; display: block; font-size: 15px; font-weight: 600; padding: 11px 28px; text-decoration: none; transition: 0.5s; }

        .b-accountMenu > li a i { color: #222222; }

.selected { }

.b-accountMenu li.select > a { background-color: #444444; color: #fff; }
    .b-accountMenu li.select > a i { color: #fff; }

/****************************************
END Control NavBarLeft-ManagerInforAccount
*****************************************/


/***************************
    Control ChangePassWord
****************************/
#l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 480px; width: 100%; float: left; }
#TopInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }
#FooterInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }
.btnEditRight { margin-left: 50%; }
.btnRightSave { margin-left: 2px; width: 50px; border: 1px solid #444; border-radius: 3px; color: #444; }
.btnHuy { background-color: #c9c9c9; border: 1px solid #000000; border-radius: 3px; margin-right: 5px; color: #000; float: left; width: 50px; }
.btnfloatRight { float: right; width: 125px; }
.clscontent { margin-left: 10px; }
.clsline .row { margin-top: 5px; }
.clsline input { font-weight: normal; }
.clstitle12 { float: right; }
.clsIpnut9 { width: 55%; }
.clsIputMulti { width: 55%; height: 70px; font-weight: normal; }
#cplFoorer_ctl06_txtEmail { background: #ddd; }
/***************************
 END Control ChangePassWord
****************************/


/**********************
    Control Header01
***********************/
.linkschirld { list-style: outside none none; position: absolute; display: none; background-color: #000; margin-top: -3px; }
#header-account li:hover > ul { display: block; }
#header-account .linkschirld li a { color: #fff; font-family: Arial,tahoma,arial; font-size: 13px; margin-left: 5px; padding: 0 9px 0 1px; text-transform: none; width: 97%; }
.linkschirld li:hover > a { text-decoration: underline; }
/**********************
   END Control Header01
***********************/


/**************************
    Control InforAccount
***************************/
/* Thông tin cá nhân */
.diveditcontent { display: none; }

#l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 740px; width: 100%; float: left; }

#TopInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }

#FooterInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }

.btnEditRight { margin-left: 50%; }

.btnRightSave { margin-left: 2px; width: 50px; border: 1px solid #444; border-radius: 3px; color: #444; }

.btnHuy { background-color: #c9c9c9; border: 1px solid #000000; border-radius: 3px; margin-right: 5px; color: #000; float: left; width: 50px; }

.btnfloatRight { float: right; width: 125px; }

.clscontent { margin-left: 10px; }

.clsline .row { margin-top: 5px; }

.clsline input { font-weight: normal; }

.clstitle12 { float: right; }

.clsIpnut9 { width: 55%; }

.clsIputMulti { width: 55%; height: 70px; font-weight: normal; }

/* Sản phẩm yêu thích */
#l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 740px; width: 100%; }

#TopInfor > p { margin-bottom: 5px; padding: 5px 30px; }

table tr td { font-size: 13px; font-weight: normal; }

table .detai_oder td { color: #000; font-size: 14px; font-weight: bold; }

.strong { font-weight: bold; }

p { margin: 0px; }

.uctwishlistproduct { float: left; position: relative; }

.itm-wishlistDetails { float: left; margin-left: 10px; width: 54%; }

.itm-wishlistImg { float: left; width: 30%; }

.btnAddToCart { background-image: none; border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal; line-height: 10px; margin-bottom: 0; padding: 6px 12px; text-align: center; text-transform: uppercase; vertical-align: middle; }

/* Thay đổi mật khẩu */
#l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 480px; width: 100%; float: left; }

#TopInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }

#FooterInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }

.btnEditRight { margin-left: 50%; }

.btnRightSave { margin-left: 2px; width: 50px; border: 1px solid #444; border-radius: 3px; color: #444; }

.btnHuy { background-color: #c9c9c9; border: 1px solid #000000; border-radius: 3px; margin-right: 5px; color: #000; float: left; width: 50px; }

.btnChinhSua { border: 1px solid #444; border-radius: 3px; color: #444; font-size: 14px; font-weight: normal; line-height: 13px; padding: 3px 5px; margin-left: 77%; }

.btnfloatRight { float: right; width: 125px; }

.clscontent { margin-left: 10px; }

.clsline { font-size: 14px; font-weight: normal; /*padding-left: 30px;*/ float: left; width: 100%; }

    .clsline .row { margin-top: 5px; }

    .clsline input { font-weight: normal; }

.clstitle12 { float: right; }

.clsIpnut9 { width: 55%; }

.clsIputMulti { width: 55%; height: 70px; font-weight: normal; }

#cplFoorer_ctl06_txtEmail { background: #ddd; }

/* Đoanh số */
/*#start-date, #end-date{ display: inline-block;}*/

/* Đơn hàng */
#l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 740px; width: 100%; }

#TopInfor > p { margin-bottom: 5px; padding: 5px 30px; }

table tr td { font-size: 13px; font-weight: normal; }

table .detai_oder td { color: #000; font-size: 14px; font-weight: bold; }

.style1 { height: 21px; }

table a { cursor: pointer; }

.table { margin-bottom: 0px; }
.expandContent { display: block; font-size: 12px; line-height: 1.4; opacity: 1; position: absolute; visibility: visible; /*z-index: 1070;*/ color: #000 !important; }

a:hover { text-decoration: none; }
/*BG color is a must for IE6*/
a.expandContent span { display: none; padding: 2px 3px; margin-left: 8px; width: 130px; }

a.expandContent:hover span { display: inline; position: absolute; background: #ffffff; border: 1px solid #cccccc; color: #6c6c6c; }
/**************************
  END Control InforAccount
***************************/


/**************************
    Control Preferences
***************************/
.titleBar { background-color: #4d4d4d; padding: 4px 20px 8px 10px; color: #fff; }
#l-box-bgcolor { background: none repeat scroll 0 0 #fff; margin-bottom: 7px; margin-top: 7px; min-height: 740px; width: 100%; }
#FooterInfor { float: left; width: 100%; }
    #FooterInfor > p { margin-bottom: 5px; padding: 5px 30px; font-weight: normal; }
.box { display: block; font-size: 14px; font-weight: normal; position: relative; margin-left: 5px; }
.pbml { padding-bottom: 15px !important; }
.nl_frequencyRadioLabel > p { margin-bottom: 5px; padding: 0 30px; font-weight: normal; }
.b-account__favListItm { display: block; float: left; width: 25%; }
.b-account__favouriteTitle { }
.b-account__favList1 { font-weight: normal; margin-left: 20px; margin-top: 5px; min-height: 120px; }
.line { clear: both; border: 0.02em solid #000; width: 100%; }
.btnBantin { background-color: #000; color: #fff; float: right; height: 35px; margin: 10px; width: 115px; }
/**************************
   END Control Preferences
***************************/


/**********************
    Control Register
***********************/
.required { font: 14px; font-weight: normal; /*margin-left: 24px;*/ }
/*chỉnh sửa cho input điện thoại và công ty trong phần submit bên trang chị Thoa*/
#register-box { margin: 5px 10px 10px 5px; }
#InforAccount .txtInput { font: 14px; font-weight: normal; float: left; }
.btnDangKi { background: none repeat scroll 0 0 #000; border: medium none; color: #fff; cursor: pointer; height: 34px; margin-bottom: 10px; width: 130px; margin-left: 25px; }
.clsImage { margin-left: 10px; margin-bottom: 2px; }
#clsImage { float: left; }
#InforAccount .txtInput { height: 30px; margin-left: 25px; width: 85%; }
#InforAccount .cls8 { background-color: #fff; }
#InforAccount { margin-left: 15px; }
    #InforAccount .clsImage { margin-left: 125px; margin-top: 0px; padding-right: 5px; vertical-align: middle; }
    #InforAccount > h3 { padding-top: 10px; }
#clsc4 { border-top: 2px solid #000; margin-left: -16px; margin-top: 15px; }
/**********************
  END Control Register
***********************/
input.newsletter { height: 30px; }

.subscribe { width: 100%; }

.tab-pane span { word-wrap: break-word; }



/*==========================================================================================================*/

/* edit cho slide chạy bên trang web bán hàng */
/*.carousel-mgr-0 .row { margin-left: 0; margin-right: 0; }*/

/*addd edit */
.section-padding-top-60 { padding-top: 60px; }
.section-padding-bt-60 { padding-bottom: 60px; }


/*carouse testimonialSlider*/
.testimonialSlider { position: relative; }
    .testimonialSlider .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
    .testimonialSlider li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
        .testimonialSlider li:first-child { position: relative; display: block; float: left; }
    .testimonialSlider img { display: block; height: auto; float: left; width: 100%; border: 0; }

    .testimonialSlider .rslides_tabs { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; padding: 0; text-align: center; }
    .testimonialSlider li { display: inline; padding: 0 10px; }
    .testimonialSlider a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 6px; height: 6px; }

    .testimonialSlider .rslides_here a { background-color: #222; }

product-item-badge.badge-sale { background: #f89406; }

.product-item-badge { position: absolute; top: 15px; left: 40px; padding: 5px 12px 6px; color: #fff; font-size: 12px; line-height: 14px; font-weight: 600; background: #f89406; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; -o-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; }
.related-post-title h3 { font-size: 16px; font-weight: 500; padding-bottom: 15px; }
.related-post { margin: 0 20px 20px 0; padding-left: 40px; }
.related-post .updated { padding-left: 5px; font-size: 12px; }
    .related-post li:hover a { text-decoration: underline; }
.s-widget .tab-content ul li { margin-bottom: 1em; }
 /**************************************
  *   
     PageNavigation chua copy mau
  ***************************************/

 /* Responsive Tabs */

/* Mobile First */
.tabSection { /*background: #e8e8e8;*/ /*border: 1px solid #222;*/ }

    .tabSection + .tabSection { border-top-width: 0; }

.tabContent { padding: 1em; background: #fff; }

.js .tabContent { display: none; }

.tabContent.active { display: block; }

.tabNav { display: none; }

.tabHeader { display: block; padding: 1em; color: #5a5a5a; cursor: pointer; text-decoration: none; background-color: #dcdcdc; }

    .tabHeader:focus { background: #dcdcdc; text-decoration: none; }

    .tabHeader:hover { background: #5ab210; text-decoration: none; }

.js .tabHeader:before { content: '\2b\a0'; }

.js .tabHeader.active:before { content: '\2013\a0'; }

/* Large View - for most sites, min-width should be 60em or 40em, for this demo it's 30em */
@media (min-width: 40em) {
    .tabNav { display: block; border-bottom: 3px solid #bfc9ca; }

        .tabNav a { display: block; padding: 0.5em 1.5em; float: left; /*background: #e8e8e8;*/ color: #5a5a5a; text-decoration: none; transition: 0.3s; }

            .tabNav a:hover { text-decoration: none; background: #5AB210; color: #ffffff; line-height: 24px; }

            .tabNav a.active { color: #333333; cursor: default; background-color: #dcdcdc; border: 1px solid #ddd; border-radius: 4px 4px 0 0; font-weight: 500; }

    .tabHeader { display: none; }

    .tabPanel { }

    .tabContent { padding: 1em; }

    .tabSection { display: none; }
  
        .tabSection + .tabSection { border-top-width: 1px; }

        .tabSection.active { display: block; }

            .tabSection.active .tabContent { display: block; }

    .no-js .tabSection { display: block; }
}


/* Demo styles (DON'T COPY) */
.clearfix:after { content: ''; display: table; clear: both; }

.tabContent span { word-wrap: break-word; }
.article [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.tab-pane img, article img { max-width: 100% !important; }

#layerslider-container-fw img { max-width: 100%; }

/* đưa vào custom */
.article.article-medium .format-heght { height: 260px; }

.headerbox > a { float: right;}

/*****kho giao dien******/
.shadow *, .shadow-narrow * {
    position: relative;
    z-index: 3;
}
.mb-20, .owl-item .image-box {
    margin-bottom: 20px;
}
.bordered, .feature-box-2.boxed {
    border: 1px solid #f1f1f1;
}
.bordered {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



.text-default {
    color: #09afdf;
}

.overlay-container:hover .overlay-link {
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.overlay-link {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 15px;
    bottom: 0;
    background-color: rgba(30,30,30,.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease-in-out .25s;
    color: #fff;
     margin: 0;
}
.overlay-link i {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 32px;
    line-height: 80px;
   
}

.overlay-link, .overlay-to-top {
    left: 0;
    right: 0;
    -webkit-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s;
}
/*
.shadow-narrow:before, .shadow:before {
    position: absolute;
    left: 0;
    height: 60%;
    bottom: 0;
    width: 100%;
    content: "";
    background-color: #fff;
    z-index: 2;
}
.shadow-narrow:after, .shadow:after {
    content: "";
    position: absolute;
    height: 50%;
    width: 96%;
    left: 50%;
    bottom: 2px;
    margin-left: -48%;
    -webkit-box-shadow: 0 5px 7px #999;
    box-shadow: 0 5px 7px #999;
    z-index: 1;
    border-radius: 10%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}*/

.predefined_styles0{display: none;}
.headerbox > a { float: right; font-size: 14px; margin: 5px 15px; opacity: 0.6; }

/* Màu của tiêu đề trong controls ImageBoxDetail */
.body > h3.title{font-weight: normal;color: #337ab7;background-color: transparent;}

/* Thiết kế lại kích thước của facebook tương thích responsive */
.fb-page, .fb-page > span, .fb-page > span > iframe  { width: 100% !important;}
/***************************************************************/

/* Chỉnh lại font của thẻ h1 khi có class h1-sml */
.h1-sml, .h1-sml h1 { font-size: 1.2em;}
/*************************************************/

/* desing control uctTag */
.tag-titile {
    padding: 8px 18px;
    background-color: #808080;
    font-size: 15px;
    color: #ffffff;
    border-color: #8a8a8a;
    border-radius: 10px 0px;
    text-decoration: none;
    display:inline-table;
    margin:6px 2px;
}
.tag-titile:hover {
            border-radius: 5px;
        }
/********************************/

.webvnns{ overflow: auto;max-height: 195px; }
.erro-404{ text-align: center;}

/* Thêm chỉnh sửa cho dòng "Thiết bị" trong trang daily123 của trang chủ */
.register { background-color: #4c9d2f; border: medium none; border-radius: 3px; color: #fff; cursor: pointer;font-size: 20px; line-height: 55px; padding: 0 18px; position: relative; transition: all 0.2s ease-in-out 0s; white-space: nowrap; }
/*************************************************************************/

.item-Image { float: left;}