html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin: 0;  padding: 0;  font-size: 100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; } 
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } 
del { text-decoration: line-through;} 
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;} 
input{padding: 0;margin: 0;outline: 0;}
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear: both;}
.clear {font-size:0;height:0;margin:0;padding:0;clear:both;width:0;overflow:hidden;zoom: 1;}
a{color:#1b7cce; text-decoration: none;}
hr, .hr { border-color: #E9E9E9;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
h1{font-size:140%;}
h2, h3{font-size:120%;}
h4, h5, h6{font-size:110%;}
a img{border: 0px;}
img{display: inline-block;max-width: 100%;}
a:hover{text-decoration: none;}
@font-face {
	font-family: 'UTMAptimaBold';
	src: url('../');
	src: url('../?#iefix') format('embedded-opentype'),
		url('../') format('woff2'),
		url('../') format('woff'),
		url('../') format('truetype'),
		url('../#UTMAptimaBold') format('svg');
	font-weight: bold;
	font-style: normal;
    text-shadow: 0 1px 1px rgba(255,255,255,0.1);
}


body{font-family: Arial,Verdana,sans-serif;font-size: 13px;color: #333335;width: 100%;display: table;background: white;}     
.wrap{margin: auto;position: relative;padding: 0;}

/* phan trang ajax */
.pagination ul{display: inline-block;}
.pagination ul li.inactive, .pagination ul li.inactive:hover{background-color:white;color:#777777;cursor: default;border-color: #dddddd;}
.data ul li{list-style: none; margin: 5px 0 5px 0; color: #000;}
.pagination ul li{list-style: none; float: left; padding: 6px 11px; margin: 0 5px; color: #09a1e5; background-color: white;border: 1px solid #dddddd;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.pagination ul li:hover{color: #fff;background-color: #09a1e5;cursor: pointer;border-color: #09a1e5;}
.pagination ul li.first-child{padding-right: 12px;}
.pagination ul li.last-child{padding-left: 12px;}
/* phan trang list */
.pagination {text-align: right;width: 100%;}
.pagination li{display: inline-block;}
.pagination li a{padding:5px 12px;margin: 0 5px;color:#09a1e5;display: block;background: white;border: 1px solid #dddddd;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.pagination li a:hover , .pagination li.last-child a:hover{color: white;background: #09a1e5;border-color: #09a1e5;}
.pagination li a.active{color: white;background: #09a1e5;border-color: #09a1e5;}
.pagination li.last-child a.active{border-color: #09a1e5;}
/* tags */
.tags{margin: 5px 0 15px;}
.tags a{background: #e5761a;color: white;padding: 3px 5px;margin-right: 3px;text-decoration: none;font-size: 11px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.tags a:hover{background: #48a73f;}

.site-container{background: #f5f5f5;}
#header{border-top: 4px solid #077edd;
    background: rgba(225,225,225,1);
    background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 47%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,225,225,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 47%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 47%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 47%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to bottom, rgba(225,225,225,1) 0%, rgba(237,237,237,1) 47%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f8f8f8', GradientType=0 );
}

.logo{float: left;position: relative;}
.logo h1{font-size: 100%;}
.logo span{position: absolute;bottom: 0;right: 9999px;}
.hotline{text-align: center;}
.hotline label{color: #424242;font-size: 16px;font-weight: bold;display: block;padding-bottom: 10px;}
.hotline a{color: #e62222;font-size: 16px;font-weight: bold;}

.brochure{position: relative;z-index: 100;margin-bottom: 25px;}
.brochure li{list-style: none;display: inline-block;height: 57px;position: relative;}
.brochure li.first-child{margin: 0;}
.brochure li div{color: white;display: flex; background: #077edd;margin: 0 27px;font-size: 14px;color: white;line-height: 18px;}
.brochure li img{float: left;margin: 6px 20px 6px 5px;}
.brochure li a{display: table;height: 57px;color: white;}
.brochure li a span{display: table-cell;vertical-align: middle;}

.brochure ul li:before{background: url("images/brochure_l.png") no-repeat;width: 27px;height: 57px;display: block;content: "";position: absolute;left: 0;top: 0;}
.brochure ul li:after{background: url("images/brochure_r.png") no-repeat;width: 27px;height: 57px;display: block;content: "";position: absolute;right: 0;top: 0;}

.site-content{float: right;}
.sidebar-left{width: 230px;float: left;}
.facebook{margin-bottom: 10px;}
.footer{background: #272725;color: #d7d7d7;padding: 25px 0 20px;border-top: 2px solid #e7e8e8;}
.navbottom{color: white;background: #e4252d;padding: 10px 0;font-family: Tahoma;}
.navbottom a{color: white;}
.navbottom ul{position: absolute;right: 0;top: -5px;}
.navbottom ul li{display: inline-block;list-style: none;}

.menubot{float: left;}
.menubot1 ,.menubot2{width: 200px;}
.menubot_title{font-size: 14px;margin-bottom: 8px;}
.menubot ul{margin-left: 15px;}
.menubot li{margin: 6px 0;}
.menubot li a{color: #d7d7d7;}

.footer_info{}
.footer_info_title{font-weight: bold;font-size: 16px;color: white;margin-bottom: 8px;}
.footer_info_title span{font-size: 20px;}
.footer_info ul{}
.footer_info ul li{font-size: 14px;list-style: none;margin: 6px 0;}
.footer_info ul li label{float: left;width: 80px;margin-bottom: 1px;}

.nissan{line-height: 23px;padding: 40px 25px 20px;
background: rgba(252,252,252,1);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,243,243,1) 47%, rgba(230,232,232,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(47%, rgba(242,243,243,1)), color-stop(100%, rgba(230,232,232,1)));
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,243,243,1) 47%, rgba(230,232,232,1) 100%);
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,243,243,1) 47%, rgba(230,232,232,1) 100%);
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,243,243,1) 47%, rgba(230,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,243,243,1) 47%, rgba(230,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e6e8e8', GradientType=0 );
}

.nissan_title{font-weight: bold;color: #fb0052;font-family: Tahoma;margin-bottom: 30px;text-align: center;
text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 3px 3px 5px rgba(0,0,0,0.25);}
.nissan_title span{color: #272725;}


.lh-form{margin: 0 auto 10px;}
.infoLienhe{color: black;margin-bottom: 20px;margin: 0 auto 20px;}
.infoLienhe li{list-style: none;line-height: 20px;padding-left: 23px;}
.infoLienheT{font-size: 20px;padding: 10px 10px 10px 0;color: #e6132c;text-align: center;line-height: 25px !important;font-weight: bold;}

.dangky_item{position: relative;float: left;margin-bottom: 5px;}    
#ajax-contact-form label.titlelh{float:left; width: 100px; line-height:31px; color:#333333;font-weight: bold;margin-left: 50px;}
#ajax-contact-form label.c{ margin-top:5px;}
#ajax-contact-form input.txt{padding: 0 5px; float:left;  height:29px;
    background: white; 
    border: 1px solid #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #DDD inset; 
    color: #666; 
    outline: none;
}
#ajax-contact-form textarea{padding: 5px; float:left;  height:70px;  
    background: white; 
    border: 1px solid #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #DDD inset; 
    color: #666; 
    outline: none;
}
#ajax-contact-form input.txt:focus , #dangkyxe textarea:focus{
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}
#ajax-contact-form img{float:left; width:110px; height:53px; margin-top:5px; margin-left:10px;}
#ajax-contact-form input.submit{margin-left: 150px;
    width:89px; height:30px; cursor:pointer; border:none;background: #c71d1e;color: white;line-height: 30px;
    -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;font-size: 15px;padding-bottom: 5px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#ajax-contact-form input.submit:hover{background: #077edd;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
#ajax-contact-form label.error{color: red;position: absolute;right: 10px;text-align: right;padding-top: 7px;white-space: nowrap;}
.notification-box {
    background-color: #d2f7ad;border-color: #aedb2e;position: relative;margin: 0 0 20px;border-radius: 3px;padding: 10px;text-align: center;
    background-repeat: no-repeat;background-position: 10px 11px;border: 1px solid #cacbcd;color: #444;line-height: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
}
.gm-style .gm-style-iw{font-size: 15px!important; font-weight: bold!important; text-transform: uppercase; text-align: center;}
.gm-style .gm-style-iw .add{font-size: 13px!important; font-weight: normal!important; margin-top: 5px; }

.dangky_title{color: white; text-align: center; padding: 10px; font-size: 25px; border-bottom: 3px solid #bf0119; background: rgba(250,61,83,1);
    background: -moz-linear-gradient(top, rgba(250,61,83,1) 0%, rgba(235,29,53,1) 47%, rgba(224,7,32,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,61,83,1)), color-stop(47%, rgba(235,29,53,1)), color-stop(100%, rgba(224,7,32,1)));
    background: -webkit-linear-gradient(top, rgba(250,61,83,1) 0%, rgba(235,29,53,1) 47%, rgba(224,7,32,1) 100%);
    background: -o-linear-gradient(top, rgba(250,61,83,1) 0%, rgba(235,29,53,1) 47%, rgba(224,7,32,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,61,83,1) 0%, rgba(235,29,53,1) 47%, rgba(224,7,32,1) 100%);
    background: linear-gradient(to bottom, rgba(250,61,83,1) 0%, rgba(235,29,53,1) 47%, rgba(224,7,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa3d53', endColorstr='#e00720', GradientType=0 );}
#dangkyxe {width: 458px;margin: 10px auto;}
#dangkyxe label.titlelh{float:left; width: 120px; line-height:31px; color:#094d8b;font-weight: bold;}
#dangkyxe label.c{ margin-top:5px;}
#dangkyxe input.txt{padding: 0 5px; float: left; width: 325px; height: 29px; background: white; border: 1px solid #DDD; border-radius: 5px; box-shadow: 0 0 5px #DDD inset; color: #666; outline: none;}
#dangkyxe textarea{padding: 5px; float:left; width:325px; height:70px; background: white; border: 1px solid #DDD; border-radius: 5px; box-shadow: 0 0 5px #DDD inset; color: #666; outline: none;}
#dangkyxe select{background: white; width: 200px; padding: 5px; margin-right: 135px; border: 1px solid #DDD; border-radius: 5px; box-shadow: 0 0 5px #DDD inset; color: #666; outline: none;}
#dangkyxe input.txt:focus , #dangkyxe textarea:focus{outline: none; border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;}
.dangky_item{position: relative;float: left;margin-bottom: 5px;}
#dangkyxe img{float:left; width:110px; height:53px; margin-top:5px; margin-left:10px;}
#dangkyxe input.submit{width: 89px; height: 32px; cursor: pointer; border: none; margin-left: 120px; background: #e00721; color: white; font-weight: bold; text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
#dangkyxe input.submit:hover{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
#dangkyxe label.error{color: red;position: absolute;right: 10px;text-align: right;padding-top: 7px;white-space: nowrap;}
.dangky_c{text-align: center;font-size: 16px;line-height: 25px;}

.carthead{display: none;}

.DetailC{line-height: 22px; margin: 5px 0; font-size: 14px;}
.DetailC ul, .DetailC ol{margin-left: 30px;}
.DetailC img{margin: 7px 0!important; max-width: 100%!important; height: auto!important;}   
.DetailC table{width: 100%!important;}

.alo-phone{position: fixed; bottom: 0; right: 0; background-color: transparent; cursor: pointer; z-index: 200000!important; transition: visibility 0.5s;}
.alo-ph-circle{position: absolute; top: 20px; left: 20px; width: 160px; height: 160px; background-color: transparent; border: 2px solid #00aff2; border-radius: 100%; transition: all 0.5s ease 0s;
    animation: alo-circle-anim 1.25s infinite ease-in-out;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
@keyframes alo-circle-anim{0%{transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1;} 30%{transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5;} 100%{transform: rotate(0) scale(1) skew(1deg); opacity: 0.6;}}
.alo-ph-circle-fill{position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; background: rgba(0,175,242,0.5); border: 2px solid transparent; border-radius: 100%; transition: all 0.5s ease 0s;
    animation: alo-circle-fill-anim 2.25s infinite ease-in-out;
    transform-origin: 50% 50%;
    opacity: 0.75!important;
}
@keyframes alo-circle-fill-anim{0%{transform: rotate(0) scale(.7) skew(1deg); opacity: 0.25} 50%{transform: rotate(0) scale(1) skew(1deg); opacity: 0.25} 100%{transform: rotate(0) scale(.7) skew(1deg); opacity: 0.25}}
.alo-ph-img-circle{position: absolute; top: 70px; left: 70px; width: 60px; height: 60px; border: 2px solid transparent; border-radius: 100%;
    animation: alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
    opacity: 0.75;
}
@keyframes alo-circle-img-anim{0%{transform: rotate(0) scale(1) skew(1deg)} 10%{transform: rotate(-25deg) scale(1) skew(1deg)} 20%{transform: rotate(25deg) scale(1) skew(1deg)}
    30%{transform: rotate(-25deg) scale(1) skew(1deg)} 40%{transform: rotate(25deg) scale(1) skew(1deg)} 50%{transform: rotate(0) scale(1) skew(1deg)} 100%{transform: rotate(0) scale(1) skew(1deg)}}
    
.alo-phone{width: 120px; height: 120px;}
.alo-ph-circle{width: 100px; height: 100px; top: 10px; left: 10px;}
.alo-ph-circle-fill{width: 60px; height: 60px; top: 30px; left: 30px;}
.alo-ph-img-circle{width: 40px; height: 40px; top: 40px; left: 40px; background: url(images/alo.png) no-repeat center; background-color: #077edd;}
.alo-phone:hover .alo-ph-img-circle {background-color: #5ebc5e;}
.scroll-mess{display: block; width: 35px; height: 35px; position: fixed; bottom: 120px; right: 40px; background: url(images/mess.png) no-repeat center / 100%; z-index: 99991;}
.scroll-zalo{position: fixed; right: 40px; bottom: 160px; display: block; width: 35px; height: 35px; background: url(images/zalo.png) no-repeat center / 100%; border-radius: 50%; overflow: hidden; z-index: 99991;}