/**

 * @Project NUKEVIET 4.x

 * @Author VINADES.,JSC (contact@vinades.vn)

 * @Copyright (C) 2014 VINADES.,JSC. All rights reserved

 * @License GNU/GPL version 2 or any later version

 * @Createdate Thu, 17 Apr 2014 04:03:46 GMT

 */



/* Font */

@font-face {

   font-family: 'Roboto';

   font-style: normal;

   font-weight: 400;

   src: local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/roboto-400.woff') format('woff');

}

@font-face {

   font-family: 'Roboto';

   font-style: normal;

   font-weight: 700;

   src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-700.woff') format('woff');

}



/* Fix bootstrap */

.clear {

   clear: both

}



.fl {

   float: left

}



.fr {

   float: right

}



ul, ol {

  list-style: none;

}



.input-group-btn{

   font-size:14px!important;

}



.well {

   padding: 8px;

   line-height: 18px;

   text-align: justify

}

.well p{

   margin: 0px;

}

.navbar-default .navbar-nav>li>a{

   color: #fff !important;

}



.navbar-nav>li>a{

   white-space: nowrap;

}



.dropdown-mobile {

   border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.dropdown-submenu {

	position: relative;

}



.dropdown-submenu li{

   border-top: 1px solid rgba(255, 255, 255, 0.5);

   line-height: 33px;

}



.dropdown-submenu>.dropdown-menu {

	top: 0;

	left: 100%;

	margin-top: -6px;

	margin-left: -1px;

	-webkit-border-radius: 0 6px 6px 6px;

	-moz-border-radius: 0 6px 6px;

	border-radius: 0 6px 6px 6px;

}



.dropdown-submenu:hover>.dropdown-menu {

	display: block;

}



.dropdown-submenu>a:after {

	display: block;

	content: " ";

	float: right;

	width: 0;

	height: 0;

	border-color: transparent;

	border-style: solid;

	border-width: 5px 0 5px 5px;

	border-left-color: #ccc;

	margin-top: 5px;

	margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

	border-left-color: #fff;

}



.dropdown-submenu.pull-left {

	float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

	left: -100%;

	margin-left: 10px;

	-webkit-border-radius: 6px 0 6px 6px;

	-moz-border-radius: 6px 0 6px 6px;

	border-radius: 6px 0 6px 6px;

}



/* Fixed Jquery UI Style */

.ui-widget {

   font-family: 'Roboto', sans-serif !important;

   font-size: 12px !important;

   font-weight: 400 !important;

   line-height: 18px !important;

}



.ui-datepicker {

   width: 18em!important;

}



.ui-datepicker select.ui-datepicker-month {

   width: 59%!important;

   font-weight: normal!important;

}



.ui-datepicker select.ui-datepicker-year {

   width: 39%!important;

   font-weight: normal!important;

}



/* Global */

html{

   height: 100%;

}

body{

   height: 100%;

   padding: 0;

   margin: 0;

   background:#ccc url('../images/bg_cube.png') repeat;

}

a, a:link, a:active, a:visited{

   color: #0E73E6;

}

a:hover{

   text-decoration:none;

   color:#065db0;

}

iframe{

   border:0;

}

h1, h2, h3, h4, h5, h6 {

    font-weight: 700;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{

margin: 0;

padding: 0;

line-height: 1.5;

}

.m-bottom{

   margin-bottom:10px!important;

}

#wraper{

   width: auto;

   margin:0 auto;

}#wraper-banner{

   width: auto;

   margin:0 auto;

}

.fa-fix{

   margin-right:-5px;

}

.fa-pointer{

   cursor:pointer;

}

h3.sm{

   font-size: 16px;

}

span.keyword{

   background: yellow;

}

.nv-fullbg{

   min-height: 100%;

   background: #fff;

}

a.btn{

   color: #fff;

}



/* Header */

header{

   position:relative;

}

#header-wraper{

   position:relative;

}

#header{

   display: none!important;

   height:100px;

   position:absolute;

   top:0;

   left:0;

   width:100%;

   background:rgba(255,255,255,0.75);

   z-index:10;

}

#header #logo{

   float:left;

   padding:10px;

}



#header #logo a img{

   height:80px;

}



#header #logo h1{

   float:left;

   margin: 0px;

   padding: 0px;

}



#header #logo object{

   float:left;

}



#header .pull-right{

   margin:33px 33px;

}

#header #logo a{

   font-size:22px;

   line-height:80px;

   color:#333;

}



#social-icons{

   float:right;

   width:250px;

}

#social-icons ul{

   list-style:none;

   padding:0;

   margin:0;

   text-align:right;

}

#social-icons ul li{

   display:inline-block;

}

#social-icons ul li a{

   display:block;

   width:34px;

   height:34px;

   background:#00a8ff;

   color:#fff;

   margin-right:10px;

   text-align:center;

   font-size:22px;

   line-height:34px;

   -webkit-border-radius:5px;

   border-radius:5px;

   -webkit-transition: all 0.4s ease;

   transition: all 0.4s ease;

}

#social-icons ul li a:hover{

   background:#fff;

   color:#00a8ff;

}

#social-icons ul li a .fa{

   margin-right:-5px;

}



#search{

   float:right;

   width:300px;

}

#search input[type="text"]{

   border:1px #66afe9 solid;

}



#banner{

   position:relative;

   height:110px;

   top:0;

   left:0;

   overflow:hidden;

}

#banner img{

   width:100%;

   min-height:100%;

}



.fix_banner_left{

   width: 90px;

   height: 500px;

   position: fixed;

   top: 2px;

   left: 2px;

   display: none;

}

.fix_banner_right{

   width: 90px;

   height: 500px;

   position: fixed;

   top: 2px;

   right: 2px;

   display: none;

}



/* Body */

#body {

    background-color:#fff;

    border-color:#dcdcdc;

    border-style:solid;

    border-width:0 1px 0 1px;

    box-shadow:0 0 4px rgba(0,0,0,0.15);

    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);

}



/* Footer */



#footer .footer-copyright{

   background: #4267b2 none repeat scroll 0% 0%;

   color:#fff;

}

#footer .footer-copyright a{

   color:#fff;

}

#footer .footer-copyright .menu{

   list-style:none;

   padding:0;

   margin:0;

   text-align:right;

}

#footer .footer-copyright .menu li{

   display:inline-block;

}

#footer .footer-copyright .menu li a{

   display:inline-block;

   white-space: nowrap;

}

#footer .footer-copyright .menu li span{

   display:inline-block;

   margin:0 5px;

}

#footer .footer-copyright .menu li.top{

   padding:0 4px;

   background:#428bca;

   color:#fff;

   -webkit-border-radius:2px;

   margin-left:10px;

}

#footer .footer-copyright .menu li.top .fa{

   margin-right:-2px;

}



.theme-change {

	height:40px;

}



.theme-change a,

.theme-change span {

	display:inline-block;

	margin-top:5px;

	margin-right:10px;

	line-height:30px;

	width:30px;

	background-color:#245682;

	color:#428BCA;

	text-align:center;

	border-radius:15px;

	-webkit-border-radius:15px;

}



.theme-change span {

	color:#dcdcdc;

	background-color:#428BCA;

}



.theme-change a:hover,

.theme-change span:hover {

	color:#fff;

	background-color:#428BCA;

}



.theme-change .fa-lg {

	font-size:14px;

}



.theme-change .fa-mobile {

	font-size:20px;

	margin-right:-2px;

}



.bttop {

	float:right;

	width:36px;

	height:36px;

	margin-right:10px;

}



.bttop a {

	display:block;

	line-height:36px;

	background-color:#245682;

	color:#428BCA;

	font-size:14px;

	text-align:center;

	border-radius:20px;

	-webkit-border-radius:20px;

}



.bttop a:hover {

	color:#fff;

	background-color:#428BCA;

}



.bttop em {

	margin-right:-2px;

}







/* Page break line */

.nv-hr{

   clear:both;

   height:1px;

   border-bottom:1px #dadada solid;

   margin:10px 0;

   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);

   -box-shadow:0 1px 1px rgba(0,0,0,0.1);

}

.nv-hr.nv-hr-lg{

   margin:20px 0;

}

.nv-hr.nv-hr-sm{

   margin:5px 0;

}



/* Social share, social button */

.nv-social-share{

   list-style:none;

   margin:0;

   padding:0;

}

.nv-social-share li{

   display:inline-block;

}

.nv-social-share li.facebook{

   position:relative;

   top:-4px;

   padding-right:40px;

}



/* Form control */

.nv-captcha{

   vertical-align: middle;

}



/* List item */

.nv-list-item{

   list-style:none;

   margin:0;

   padding:0;

}

.nv-list-item li{

   padding:4px;

   margin:0;

}

.nv-list-item.sm li{

   padding:2px;

}

.nv-list-item.xsm li{

   padding:1px;

}

.nv-list-item.lg li{

   padding:10px;

}



/* Block global */

.nv-block-banners{

   position: relative;

   margin-bottom: 2px;

   text-align: center;

}

.nv-block-banners .link{

   position: absolute;

   top: 0;

   left: 0;

}

.nv-block-banners img{

   max-width: 100%!important;

   height:auto;

}

.nv-block-rss li{

   border-bottom: 1px #dadada solid;

}

.nv-block-rss li:last-child{

   border: none;

   padding-bottom: 0;

}

.nv-block-rss li:first-child{

   padding-top: 0;

}

.nv-block-rss img{

   padding: 4px;

   line-height: 1.42857143;

   background-color: #fff;

   border: 1px solid #ddd;

   border-radius: 4px;

   -webkit-transition: all .2s ease-in-out;

   transition: all .2s ease-in-out;

   display: inline-block;

   max-width: 100%;

   height: auto;

   position: relative;

   top: 4px;

   margin-right: 10px;

   margin-bottom: 5px;

}



/* Info die */

.nv-infodie{

   margin:0 auto;

   box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);

   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);

   border:1px #dadada solid;

   background:#fff;

   position:absolute;

   min-height:300px!important;

   min-width:300px!important;

   display: table;

}

.nv-infodie .panel-body{

   display: table-cell;

   vertical-align: middle;

}

/* panel-body */

.panel-body h3 {

   color: #0066cc;

}

.panel-body p{

   margin: 0px;

}

.panel-body ul{

   margin: 0px;

   padding: 0px;

}

.panel-body ul li{

   margin-bottom: 10px

}

.panel-body img{

   margin-right: 5px

}

.panel-body ul li:last-child{

   margin-bottom: 0px;

}



.nv-infodie .logo{

   max-width: 90%!important;

}




/* Form */

input[type="checkbox"],

input[type="radio"] {

   border-width: 1px;

   border-style: solid;

   border-color: #bbb;

   clear: none;

   cursor: pointer;

   display: inline-block;

   line-height: 0;

   height: 16px;

   margin: 0px 4px 0 0;

   outline: 0;

   padding: 0 !important;

   text-align: center;

   vertical-align: middle;

   width: 16px;

   min-width: 16px;

   -webkit-appearance: none;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   color: #555;

   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

   box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

}



input[type=radio] {

   border-radius: 50%;

   margin-right: 4px;

   line-height: 10px;

}



input[type=checkbox]:disabled,

input[type=radio]:disabled,

input[type=checkbox]:disabled:checked:before,

input[type=radio]:disabled:checked:before {

   opacity: 0.7;

}



input[type=checkbox]:checked:before,

input[type=radio]:checked:before {

   float: left;

   display: inline-block;

   vertical-align: middle;

   width: 14px;

   font: normal 14px/1 'FontAwesome';

   speak: none;

   -webkit-font-smoothing: antialiased;

   -moz-osx-font-smoothing: grayscale;

}



input[type=checkbox]:checked:before {

   content: '\f00c';

   margin: 0px 0 0 0px;

   color: #1e8cbe;

}



input[type=radio]:checked:before {

   content: '\2022';

   text-indent: -9999px;

   border-radius: 50px;

   font-size: 24px;

   width: 6px;

   height: 6px;

   margin: 4px;

   line-height: 16px;

   background-color: #1e8cbe;

}



/* .img-thumbnail{

   height:auto !important

} */



.fb-like

{

   height: 30px;

   margin-right: 50px;

}





.navbar-inverse {

   background-color: #0855A1;

   border-color: #043C72;

}



.navbar-inverse .navbar-nav > li > a {

   color: #FFFFFF;

}



.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

   color: #ffffff;

   background-color: #043C72;

}



.list-inline .hidden-xs a {

   color: #848484

}

.list-inline .hidden-xs a : hover {

   color: #0066cc

}

.panel-heading {

   border-bottom: 1px solid rgba(0, 0, 0, 0);

   border-top-left-radius: 3px;

   border-top-right-radius: 3px;

   padding: 10px;

}

.panel-primary>.panel-heading>a{

   color: #fff;

}

.panel-primary>.panel-heading>a:hover{

   color: #ddd;

}

table caption{

   color: #0066CC

   text-align: left;

   font-size: 13px;

   font-weight: bold;

   font-family: 'Roboto',sans-serif;

   line-height: 22px;

   padding: 0px 0 5px 2px;

}



blockquote{

   font-size: 13px

}



.modal-header .close {

   margin-top: -2px;

}



button.close {

   padding: 0;

   cursor: pointer;

   background: 0 0;

   border: 0;

   -webkit-appearance: none;

}



.close {

   float: right;

   font-size: 21px;

   font-weight: 700;

   line-height: 1;

   color: #000;

   text-shadow: 0 1px 0 #fff;

   opacity: .2;

   filter: alpha(opacity=20);

}



#sb-container{

   z-index: 99999999 !important

}



.pointer{

   cursor: pointer

}



.chromeframe {

   position: fixed !important;

   top: 0 !important;

   right: 0;

   left: 0;

   width: 100% !important;

   z-index: 99999999999999 !important;

   background: #ffff00 !important;

   color: #000 !important;

   height: 25px;

   line-height: 25px;

   padding: 0.2em 0;

   text-align: center !important;

}

#timeoutsess {

   display: none;

}



#timeoutsess a {

   color: #0000FF !important;

}





/* Mod style */



a#digclock{

   display: none;

}

#wraper_home,#wraper_menu, #wraper_body, #wraper_footer{

   margin:0 auto;

}



.stickyTj{

	background: #0079D7;

}



.footer_top_header {

   height: 36px;

   line-height: 36px;

   background: #4267b2 url(../images/bg_footer.png) no-repeat center center;

}

#item-display{

   float:left;

   padding:12px;

   height:auto;

   text-align:center;

}

.item-display{

   float:left;

   padding:12px;

   height:auto;

   text-align:center;

}

.caption-display{

   margin-top:0px;

}

#products img:hover {

	opacity: 0.7;

}

.newletter_home, .search_home, .news_home, .feature_home{

   margin-bottom:7px;

}

.wap_block {

   border-left: 1px solid #dedede;

   border-bottom: 1px solid #dedede;

   border-right: 1px solid #dedede;

   background: white;

   padding: 7px;

}

.title-search {

   height: 40px;

   line-height: 40px;

   background: #009dd4 url(../images/icon_search.png) 10px center no-repeat;

   padding-left: 45px;

   font-size: 16px;

   font-weight: normal;

   text-transform: uppercase;

   color: #FFF!important;

}

.title_new {

   color: #009dd4!important;

   font-size: 18px;

   text-transform: uppercase;

   text-align: left;

   background: url(../images/menu_icon.png) 7px center no-repeat;

   font-weight: 700;

   height: 27px;

   padding-left: 35px;

   line-height: 28px;

   font-weight: normal;

   font-family: 'Roboto',sans-serif;

}

.title_new h2 a{

   color: #009dd4!important;

   font-size: 18px;

   text-transform: uppercase;

   line-height: 28px;

   font-family: 'Roboto',sans-serif;

}



.title_bar {

   height: 40px;

   line-height: 40px;

   padding-left: 40px;

   font-size: 16px;

   text-transform: uppercase;

   font-weight: normal;

   color: #FFF!important;

}

.project_feature {

background: #009dd4 url(../images/project_feature_icon.png) 7px center no-repeat;

}

.title_newletter {

   height: 40px;

   line-height: 40px;

   background: #4267b2 url(../images/menu_icon_white.png) 10px center no-repeat;

   padding-left: 40px;

   font-size: 16px;

   text-transform: uppercase;

   font-weight: normal;

   color: #FFF!important;

}

blockquote {

border-left: 5px solid #FE0000;

padding: 10px 5px 10px 15px;

background: #f5f5f5;

line-height: 27px;



}

.navbar-default{

/*text-transform: uppercase;*/

font-weight: 700;

background-color:#4267b2!important;

border: none;

}

.navbar-default li:hover{

background-color:#009dd4;

}

/* Dropdown open hover*/

.navbar-default .navbar-nav > li.dropdown.active.open > a, 

.navbar-default .navbar-nav > li.dropdown.active.open > ul.dropdown-menu a:hover,

.navbar-default .navbar-nav > li.dropdown.open > a, 

.navbar-default .navbar-nav > li.dropdown.open > ul.dropdown-menu a:hover

{

background-color:#009dd4;

}



.phone_email_agent ul li{

   font-size: 15px;

   list-style: none outside none !important;

   height: 38px;

   line-height: 38px;

   padding-left: 20px;

}

.phone_icon{

   border-bottom: 1px solid #dedede;

   background: url(../images/icons/phone_icon.png) no-repeat left center;

}

.email_icon{

   border-bottom: 1px solid #dedede;

   background: url(../images/icons/mail_icon.png) no-repeat left center;

}

.skype_icon{

   border-bottom: 1px solid #dedede;

   background: url(../images/icons/skype_icon.png) no-repeat left center;

}

.facebook_icon{

   border-bottom: 1px solid #dedede;

   background: url(../images/icons/facebook_icon.png) no-repeat left center;

}

.website_icon{

   background: url(../images/icons/web_icon.png) no-repeat left center;

}

#detail .img-thumbnail{

width:100%!important;

}

marquee ul li{

display:inline-block;

padding:4px;

}

.hide-banner{

display:none!important;

}

#search_form_shops label,ol.breadcrumb li{white-space:nowrap;}

.rows-items{

   padding-top: 20px;

   padding-bottom: 10px;

   border-top: 1px solid #EEE;

   border-bottom: 1px solid #EEE;

   margin-bottom: 25px;

}

.row_item_new {

	padding-top: 10px;

	padding-bottom: 10px;

	border-left: 1px solid #EEE;

	border-bottom: 1px solid #EEE;

}

.h2-title {

	font-size: 16px;

	font-weight: bold;

	line-height: 23px;

	padding: 0px 0px 7px;

}

img {

	border: 0px none;

	font-size: 0px;

	max-width: 100%;

	height: auto;

	vertical-align: middle;

	margin: 0px auto;

}

.remover_padding_top_new {

	padding-top: 0px;

}



.title_home h3 {

	border-bottom: 1px solid #0A7FD9;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 15px;

    line-height: 34px;

	font-family: 'Roboto',sans-serif;

    width: 100%;

    position: relative;

    max-height: 40px;

    overflow: hidden;

}



.title_home h3 a.pro_title {

background: #0A7FD9 none repeat scroll 0% 0%;

padding: 7px 7px;

text-decoration: none;

position: relative;

color: white;

}



.title_home h3 a.pro_title::after {

    content: "";

    position: absolute;

    top: 50%;

    border-left: 15px solid #0A7FD9;

    right: -1em;

    border-top: 35px solid transparent;

    margin-top: -17px;

}

.no_padding{

	padding: 0px;

}
#wraperhome{width:100%;background:#4267B2;margin:0 auto;}
#wrapermenu{width:100%;background:#d8dce62;margin:0 auto;}

.stickymenu {
background: red;
margin: 0 auto 0;
width: 100%;
}