body 
{
    
    background:url('/Uploads/Data/images/GiaoDienWeb/chay/bgfull.gif') no-repeat center center fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	 background-size: cover;
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#2c2c2c;
}
a{color:#666;}
a:hover,a:active{color:Red;text-decoration:underline;}
.container{background-color:#fff;}
.col-lg-6 {padding:0;}
a.list-group-item {z-index:2;}
.visible-xs {padding-top:10px;}
.form-horizontal .control-label{text-align:left;}
.form-horizontal label.control-label{font-weight:normal;color:#333;font-size:small;}
/*.hotline {margin: 28px 0;margin-right: -25px;}
.hotline h3{color:#fff;font-family: 'Roboto Condensed', sans-serif;font-weight:600;font-size:x-large;margin:0;}*/
.nav-footer{margin-bottom:15px;}
.magnifyarea {margin-top:10px !important;}
.copy-right h6{height:54px;line-height:54px;margin:0;}
/*nav-vertical*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
    background-color: #CC0000;
}
.listDMLeft > li > a {font-weight:bold;}
/*paging*/
.pagination {width:100%;}
.pagination > .active > a,.pagination > li > a.active
{
    background-color: #CC0000;
    border-color: #CC0000;
    color:#fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    color: #333;
    cursor: default;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
}
/*navbar*/
.navbar-brand{padding:0;}
.navbar .container{background:url('/Uploads/Data/images/GiaoDienWeb/chay/menu.PNG') repeat;position:relative;}
.navbar
{
    border: 0;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.3);
    margin-bottom:0;
    border-radius:0;
    z-index:100;
}
.navbar-nav > li > a
{
    padding-top: 6px;
    padding-bottom: 6px;
    margin:26px 0;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:larger;
}
.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li:focus > a
{
    background-color:#fff;
    color:Red;
    border-radius:4px;
}
.dropdown-menu {left:-1px;top:63%;}
.navbar-inverse .navbar-nav > .dropdown > li:hover .caret
{
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar-inverse .navbar-nav > li:hover ul, .navbar-inverse .navbar-nav > li:focus ul
{
    display:block;
}
.dropdown-menu > li > a {padding:10px 20px;border-bottom:1px solid #ddd;font-family: 'Roboto Condensed', sans-serif;}
.dropdown-menu > li:last-child > a {border:0;}
.navbar-collapse {max-height:600px;}
/*carousel*/
.carousel-control.left,.carousel-control.right{background:none;}
.carousel-inner {height:569px;float:left;}
.col-md-12 .carousel-inner {height:400px;float:left;}
/*.carousel-inner .item {display:table-cell;height:569px;}*/
.carousel-inner .item img{width:100%;margin:0 auto;vertical-align:middle;}
.carousel-inner .item:hover .carousel-caption{display:block;}
.carousel-caption {bottom:5%;display:none;}
.carousel-caption h1
{
    letter-spacing:2px;
    color: #fff;
    padding:15px;
    background-color:rgba(0,0,0,0.7);
    width:auto;
    font-size:30px;
    font-size:large;
}
.slide-cat .carousel-inner .item img{width:100%;margin:0 auto;vertical-align:middle;}
.caption-img {position:absolute;right:0;top:0;width:45%;height:70%;padding-left:15px;padding-right:15px;background:rgba(0,0,0,0.8);color:#fff;overflow:hidden;}
.caption-img a {color:red;}
/*Panel*/
.panel {border:0;}
.panel-title {font-weight:bold;color:Red;}
.panel-heading, .panel-body{padding-left:0;padding-right:0;}
.panel-body img{max-width:100%;height:auto;}
.panel-default > .panel-heading {background:none;}
@media (max-width: 1200px) and (min-width:992px)
{
    .navbar-nav > li > a
    {
        font-size:smaller;
    }
    .dropdown-menu > li > a {font-size:smaller;}
    .product-detail .product-price {position:relative !important;float:left;margin-left:10px;} 
}
@media (max-width: 768px)  
{
    .product-detail .product-price {position:relative !important;float:left;} 
    .caption-img {width:100% !important;height:auto;bottom:0 !important;left:0 !important;top:auto !important;}
    .tc-reponsive {min-height:700px;}
    .slide-reponsive {height:140px !important;}
    .slide-reponsive .carousel-inner {height:140px !important;}
    .slide-reponsive .carousel-caption {left:32%;top:0%;}
}
@media (max-width: 768px) and (min-width:480px)
{
    .product-list .col-xs-12 {width:50%; float:left;}
    .product-list .col-md-3 .product-img,.product-list .thumbnail .product-img
    {
        height:420px !important;
        overflow:hidden;
    }
    .product-list .col-md-3,.product-list .thumbnail {height:501px !important;}
}
@media (max-width: 480px)
{
    .slide-reponsive {height:140px !important;}
    .slide-reponsive .carousel-inner {height:140px !important;}
    .slide-reponsive .carousel-caption {left:14%;top:-10%;}
    .product-list .col-md-3,.product-list .thumbnail {height:431px !important;}
    .product-list .col-md-3 .product-img,.product-list .thumbnail .product-img
    {
        height:320px !important;
        overflow:hidden;
    }
}
@media (min-width: 992px) and (max-width:1200px)  
{
    .tc-reponsive {height:442px !important;}
    .tc-reponsive .col-xs-12,.tc-reponsive .col-sm-12,.tc-reponsive .col-md-8{height:442px !important;}
    .carousel-inner {height:442px !important;}
    .carousel-caption {bottom:10%;}
    /*.hotline h3 {font-size:large;}
    .hotline
    {
        margin: 31px 0;
        margin-right: -25px;
    }*/
    .product-list .product-img
    {
        height:296px !important;overflow:hidden;
    }
    .product-list .thumbnail{height:386px !important;}
    .product-list .thumbnail h4 {font-size:15px;}
    
    .navbar-nav > li > a {padding-top:6px;padding-bottom:6px;margin:26px 0;}
    .navbar-nav > li > a
}
/*Like box*/
#fb-root {
    display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
    background-color:#fff;
    height:271px;
}
/*Back to top*/
#top{padding:1px 1px 1px 7px;background-color:rgba(0,0,0,0.7);position:fixed;right:5px;bottom:10px;z-index:9999;color:red;font-size:2em;border-radius:4px;}
#top:hover {cursor:pointer;}
/*Product-list*/
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color:#e2e2e2;}
.product-list .col-md-3{position:relative;display:block;float:left;height:170px;margin-bottom:15px;}
.product-list .thumbnail
{
    height: 367px;
    overflow: hidden;
    width: 100%;
}
.product-list .product-img{height:274px;overflow:hidden;}
.product-list a.thumbnail {text-decoration:none;}
.product-list .thumbnail img {min-height:257px;}
.product-list .thumbnail h4{color:#000;padding:2px;}
.product-list .thumbnail p {padding:2px;color:Red;float:left; font-weight:bold;}
.product-list .col-md-3:hover .thumbnail, .product-list .col-md-3:active .thumbnail
{
    position: absolute;
    top: 0;
    left: 0;
    min-height: 240px;
    z-index: 999;
    width: 100%;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
}
.product-list .col-md-3:hover .thumbnail .product-img,
 .product-list .col-md-3:active .thumbnail .product-img
{
    max-height:225px;
    overflow:hidden;
}
.product-detail .thumbnail img {height:94px;}
.product-detail .thumbnail {width:100%;height:104px;overflow:hidden;}
.product-detail .thumbs{margin-bottom:15px;}
.product-detail .product-price {position:absolute;top:0px;right:5px;background-color:Red;padding:5px;font-size:large;color:#fff; padding-bottom:5px;}
/*Product-detail*/
.product-detail .targetarea{width:300px;height:300px;display:table-cell;overflow:hidden;vertical-align:middle;text-align:center;}
.product-detail .targetarea img {width:100% !important;height:auto !important;}
/*Footer*/
.copyright {background:url('/Uploads/Data/images/GiaoDienWeb/chay/footer.png') repeat;position:relative;color:#ccc;}
footer
{
    background-color: #793c03;
    background:url('/Uploads/Data/images/GiaoDienWeb/chay/bgfooter.png') repeat;position:relative;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 -1px 3px 0 rgba(0,0,0,0.3);
    clear:both;
}
footer .nav-footer a{color:#000;font-family: 'Roboto', sans-serif;font-weight:700;}
footer .nav-footer a:hover,footer .nav-footer a:focus{color:#ed1c22;}
footer h4{/*border-bottom:2px solid #ddd;*/padding-bottom:10px;color:#ed1c22;text-transform:uppercase;margin-bottom:0;}
footer .container{background:none;}
footer .nav-footer {background-color:#fff;}
/*Social logo*/
ul.social li {float:right;line-height:32px;}
ul.social li.hotline {}
ul.social li.hotline h3{margin:0;line-height:54px;height:54px;color:#ED1C22;}
ul.social li a {}
ul.social li span{
    width: 32px;
    height: 32px;
    /*background: url(widget058_32x32.gif) no-repeat left!important;*/
    float:left;
    border-radius: 49%;
    border:1px solid #666;
    margin-right:5px;
    }
ul.social li span.facebook 
{
    background: url(widget058_32x32.gif) no-repeat left!important;
    background-position: 0 -2688px!important;
}
ul.social li span.youtube 
{
    background: url(widget058_32x32.gif) no-repeat left!important;
    background-position: 0 -9856px!important;
}

.btn-danger {
    color: #ffffff;
    background-color: #d2322d;
    border-color: #ac2925;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.gradient {
    background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 70, color-stop(0%, rgba(223,216,202,0.8)), color-stop(70%, rgba(223,216,202,0)));
    background-image: -webkit-radial-gradient(rgba(223,216,202,0.8),rgba(223,216,202,0) 70%);
    background-image: -moz-radial-gradient(rgba(223,216,202,0.8),rgba(223,216,202,0) 70%);
    background-image: -o-radial-gradient(rgba(223,216,202,0.8),rgba(223,216,202,0) 70%);
    background-image: radial-gradient(rgba(223,216,202,0.8),rgba(223,216,202,0) 70%);
    position: absolute;
    width: 120%;
    height: 180%;
    left: -30%;
    top: -40%;
}
.gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.image {
    top: 0;
    left: 0px;
}

/*Box width: 30%*/
.box-small {
    background: #a9a47c url(joggjeans-bg-pattern.jpg);
    height:550px;
    overflow:hidden;
}
/*Box width: 70%*/
.box-big {
    background: #d0d2d1 url(bg-pattern.jpg);
    height:550px;
    overflow:hidden;
}
.image {
    position: absolute;
    height: 100%;
    z-index: 200;
}
.image img {
    vertical-align: middle;
    height: 100%;
    width: auto;
}
.content {
    right: 0;
    text-align: center;
}
.box-big a:hover,.box-small a:hover,
.box-big a:visited,.box-small a:visited,
.box-big a:active,.box-small a:active
{text-decoration:none;}
.content {
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 300;
    padding: 15px;
}
.content .logo {
    margin-bottom: 10px;
}
.content .link {
    color: #000;
    display: inline-block;
}
.content .link {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding-right: 15px;
}
.box-big .content .title
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 46px;
    line-height: 39px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-transform: uppercase;
    color: #CC0000;
    display: block;
    margin-bottom: 5px;
    text-shadow: 0 0 2px rgba(0,0,0,0.7); /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=rgba(0,0,0,0.7),Strength=2); /* IE<10 */
}
.box-big .content .sub-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    line-height: 23px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin-bottom: 15px;
}
.box-big .content .link {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-transform: uppercase;
    color: #000;
    display: block;
    text-decoration: none;
    position: relative;
    padding-right: 15px;
    float: left;
    clear: left;
}
.box-big .content .link {
    color: #5a6b95;
}
.box-big .content .sub-title {
    color: #5a6b95;
}
.box-big .content .title
{
    color: #CC0000;
    position: absolute;
    left: 0;
    top: 25px;
}
.logo{position:absolute;right:0;top:20px;}
.logo h2,.col-body h2
{
    color: #fff;
    text-shadow: 0 0 2px #000; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000,Strength=2); /* IE<10 */
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size:xx-large !important;
    font-family: 'Roboto Condensed', sans-serif;
}
/*Box width:50%*/
.hp-box {
    height: 550px;
}
.c4.mini-col {
width: 100%;
}
.mini-col {
    float: left;
    position: relative;
    overflow: hidden;
    z-index:100;
}
.image-bg {
    z-index: 100;
}
.image-bg {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}
.image-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.image-bg .image-wrapper.show {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.image-bg .image-wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.image-bg img {
    vertical-align: middle;
    display: none;
}
.col-body {
    padding: 30px;
    position: relative;
    z-index: 300;
}
.col-body h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-bottom: 5px;
    display: block;
}
.col-body h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    display: block;
}
.links {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 300;
}
.links ul {
    padding: 0;
    margin: 0;
}
.links ul li {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
}
.links ul li a {
    font-family: "GibsonRegular",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    padding: 0 15px 0 0;
    margin: 10px 20px 0 0;
    position: relative;
}
.links ul li a .arrow {
    font-family: "GibsonRegular",Helvetica,Arial,sans-serif;
    font-size: 23px;
    line-height: 23px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
    display: block;
}
.hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: skew(-20deg, 0);
    -moz-transform: skew(-20deg, 0);
    -ms-transform: skew(-20deg, 0);
    -o-transform: skew(-20deg, 0);
    transform: skew(-20deg, 0);
    left: -39%;
    z-index: 200;
}